@charset "utf-8";
/* CSS Document */

html{color:#333;background:#fff}
body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd{
    margin:0;
    padding:0;
    list-style:none;
    border:0;
    text-decoration:none;
    font-family:"microsoft yahei";
    letter-spacing:1px;
    text-align: left;
}
*{ padding:0 ; margin:0 ;}

a{ text-decoration:none;}
fieldset,img{border:0}
ol,ul{list-style:none}

.ny-content table{ margin:auto; text-align:center;}
.ny-content table *{ font-size:13px;}
.ny-content table tr td{ padding:5px;}

#banner{position: relative; height:560px; overflow: hidden; margin-top:1px;}
.bwrap{position: relative; z-index: 0; }
.bquery{position: relative; z-index: 0; height:560px; }
.blist{display: none; position: absolute; top: 0; left: 0; z-index: 0; height:560px; font-size: 0; line-height: 0; }
.blist a{display: block; position: absolute; left: 0; top: 0; }
.blist img{ }
.bfilter{position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height:560px; font-size: 0; line-height: 0; }
.bfilter a{position: absolute; top: 0; left: 0; width: 5%; height:560px; overflow: hidden; }
.bfilter a img{position: absolute; left: 0; top: 0; }
.bctrl{position: absolute; bottom:54px; left: 0; z-index: 9; width: 100%; height: 24px; }
.bctrli{text-align: center; font-size: 0; line-height: 0; }
.bctrli a{display: inline-block; width: 24px; height: 24px; margin: 0 3px; background: url(../images/banner_control.png) no-repeat left center; }
.bctrli a:hover,.bctrli a.curr{background-position: right center; }
.bctrli a{*display: inline; *zoom: 1; }

.w-100{width:100%; height:auto; overflow:hidden;}
.w-1100{width:1100px; margin:0 auto; overflow:hidden;}
.w-1100-1{width:1100px; margin:0 auto;}
.w-1200{width:1200px; margin:0 auto; overflow:hidden;}
.w-1200-1{width:1200px; margin:0 auto;}
.w-1236{width:1236px; margin:0 auto; overflow:hidden;}
.w-1280{width:1280px; margin:0 auto;}
.line01{ width: 100%; border-top:#d8d8d8 1px solid; }
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.mt-4{ margin-top:4px;}
.mt-6{ margin-top:6px;}
.mt-8{ margin-top:8px;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-30{ margin-top:30px;}
.mt-35{ margin-top:35px;}
.mt-40{ margin-top:40px;}
.mt-50{ margin-top:50px;}
.mt-60{ margin-top:60px;}
.mt-65{ margin-top:65px;}
.mt-70{ margin-top:70px;}
.mt-80{ margin-top:80px;}
.mt-90{ margin-top:90px;}
.mt-100{ margin-top:100px;}
.mt-110{ margin-top:110px;}
.mt-120{ margin-top:120px;}
.mt-130{ margin-top:130px;}
.mt-140{ margin-top:140px;}
.mt-150{ margin-top:150px;}
.mt-160{ margin-top:160px;}
.mt-170{ margin-top:170px;}
.mt-180{ margin-top:180px;}
.mt-250{ margin-top:250px;}

.mb-10{ margin-bottom:10PX;}
.mb-20{ margin-bottom:20PX;}
.mb-30{ margin-bottom:30px;}
.mb-40{ margin-bottom:40px;}
.mb-50{ margin-bottom:50px;}
.mb-60{ margin-bottom:60px;}

.bg-tc{ background-position:top center; background-repeat:no-repeat;}
.bg-tl{ background-position:top left; background-repeat:no-repeat;}
.bg-tr{ background-position:top right; background-repeat:no-repeat;}
.f-s13{ font-size:13px;}
.f-s14{ font-size:14px;}
.f-s15{ font-size:15px;}
.f-s16{ font-size:16px;}
.f-s17{ font-size:17px;}
.f-s18{ font-size:18px;}
.f-s20{ font-size:20px;}
.f-s22{ font-size:22px;}
.f-s24{ font-size:24px;}
.f-s26{ font-size:26px;}
.t-align-r{ text-align:right;}
.t-align-l{ text-align:left;}
.t-align-c{ text-align:center;}

.t-color-w{ color: #ffffff; }
.f-s18{ font-size: 18px; }
.f-s14{ font-size: 14px; }

/*TOP*/
.h-gg{
  width: 100%;
  height: 34px;
  background-color: #eeeeee;
}
.h-gg1{
  float: left;
  width: 700px;
  height: 34px;
  font-size: 15px;
  color: #000;
  line-height: 34px;
}
.h-top{
  width: 100%;
  height: 159px;
}

/*导航栏*/
#nav {width:100%;background: url(../images/menu_bg.jpg);height:60px; }
#nav ul { width:1260px; margin:0px auto;height:60px; background:url(images/navbg1.jpg);}
#nav ul li {float: left; position: relative; display: inline-block; width:157px; height:60px; background:url(images/nabtiao.png);}
#nav ul li:hover {text-decoration: none; width:157px; height:60px; background-color: #ecb400;color: #000;}
#nav ul li a {display:block; width:157px;text-align:center;line-height:60px;font-size:17px;color: #fff;text-decoration: none;}
#nav ul li:hover a {text-decoration:none;color: #FFFFFF;}
#nav ul li:hover ul {visibility: visible; display: block;}
#nav ul li ul {background:silver;visibility: hidden;position: absolute;z-index:999;left:0px;padding:0px;height:auto;width:auto; border:0px; display: block; }
#nav ul li ul li {clear:left;padding-right: 0px;border-width: 0px;background:#215e95; border:0px;}
#nav ul li ul li a {color:#FFFFFF;white-space:nowrap;text-overflow:ellipsis;font-size:16px;height:60px;line-height:60px;width:157px;font-weight: normal;}
#nav ul li ul li a:hover {color:#FFFFFF;text-decoration:none;background-color:#ecb400;}

/*END TOP*/ 

/*hOME MIDDLE*/
    /*所有标题*/
.h-tit01{
  width: 100%;
  height: 86px;
  background: url(../images/bg01.jpg) no-repeat top center;
}
.h-tit01 h2{
  height: 51px;
  width: 100%; font-weight:bold;
  font-size: 25px;
  color: #000000;
  text-align: center;
}
.h-tit01 p{
  width: 100%;
  height: 25px;
  font-size: 16px;
  color: #000000;
  text-align: center;
  letter-spacing: 0px;
}


    /*end所有标题*/
.h-proclass01{ width:424px;
  margin:auto;
  padding:0px;
  height: auto;
  overflow: hidden;
}
.h-proclass01 ul{
  
}
.h-proclass01 ul li{
  margin-right:22px;
  margin-bottom: 12px;
  float: left;
  width: 190px;
  height: 44px;
  background-color: #014785;
}
.h-proclass01 ul li:hover{
  background-color: #f8be02;
}
.h-proclass01 ul li a{
  display: block;
  float: left;
  width: 100%;
  height: 44px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 44px;
}
.h-proclass01 ul li:hover a{
  color: #000;
}
.h-pro01{
  width: 1200px;
  height: auto;
  overflow: hidden;
}
.h-pro01 ul{
  width:1300px;
}
.h-pro01 ul li{
  float: left;
  margin-right: 18px;
  margin-bottom:20px;
  width: 280px;
  height:280px;
  border: 3px solid #e5e5e5;
}
.h-pro01 ul li:hover{
  border:3px solid #014785;
}
.h-pro01 ul li .tu{
  margin-top:15px;
  margin-left:15px;
  width: 250px;
  height: 173px;
  overflow: hidden;
}
.h-pro01 ul li .tu img{
  width: 250px;
  height: 173px;
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.h-pro01 ul li:hover .tu img{
  -webkit-transform: scale(1.1, 1.1); 
  -moz-transform: scale(1.1, 1.1); 
  transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.6s ease-out; 
  -moz-transition: all 0.6s ease-out; 
  transition: all 0.6s ease-out;
}
.h-pro01 ul li a h3{
  margin-top:10px;
  margin-left:15px;
  display: block;
  width: 249px;
  height: 32px;
  background-color: #eeeeee;
  font-size:16px;
  color: #014785;
  text-align: center;
  line-height: 32px;
}
.h-pro01 ul li:hover a h3{
  background-color: #014785;
  color: #fff;
}
.h-pro01 ul li .dianhu{
  margin-top:15px;
  margin-left:15px;
  width: 249px;
  height: auto;
}
.h-pro01 ul li .dianhu p{
  width: 100%;
  height: 22px;
  font-size: 14px;
  color: #014785;
}
.h-pro01 ul li .dianhu span{
  width: 100%;
  font-size: 14px;
  color: #8b8b8b;
}

.h-about{
  width: 100%;
  height: 761px;
  background: url(../images/bg02.jpg) no-repeat top center;
}
.h-about-1{
  margin-top:58px;
  float: right;
  width: 565px;
  height: 85px;
}
.h-about-1 h3{
  display: block;
  height: 57px;
  width: 100%;
  font-size:31px;
  color: #093580;
}
.h-about-1 p{
  display: block;
  width: 100%;
  font-size:15px;
  color: #093580;
  text-transform: uppercase;
  letter-spacing: 0px;
}
.h-about-2{
  margin-top: 200px;
  float: right;
  width: 600px;
  height: 257px;
  font-size: 16px;
  color: #ffffff;
  line-height: 180%;
  overflow: hidden;
}
.h-about-more a{
  margin-top: 37px;
  margin-right: 126px;
  display: block;
  float: right;
  width: 346px;
  height: 43px;
  border:1px solid #fff;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 43px;
}
.h-contact{
  float: left;
  width: 547px;
  height: auto;
  overflow: hidden;
}
.h-zi01{
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #014785;
  font-size: 15px;
  color: #014785;
}
.h-zi02{
  margin-top:13px;
  width: 100%; margin-bottom:12px;
  height: 145px;
  font-size: 15px;
  color: #2c2c2c;
  line-height: 170%;
}
.h-r01{
  margin-top:35px;
  float: right;
  width: 572px;
}

.h-r01 .n-tit{
  width: 100%;
  height: 45px;
}
.h-r01 .n-tit .tit01{
  float: left;
  width: 341px;
  height: 45px;
  background-color: #093580;
  text-indent: 37px;
  font-size: 20px;
  color: #fff;
  line-height: 45px;
}
.h-r01 .n-tit .more01 a{
  display: block;
  float: right;
  width: 200px;
  height: 43px;
  border: 1px solid #e5e5e5;
  padding-right: 19px;
  font-size: 15px;
  color: #313030;
  text-align: right;
  line-height: 43px;
}
.h-news01{
  margin-top: 45px;
  width: 572px;
  height: auto;
  overflow: hidden;
}
.h-news01 li{
  margin-bottom: 20px;
  width: 100%;
  height: 110px;
  border-bottom: 1px solid #eeeeee;
}
.h-news01 li a h3{
  height: 40px;
  font-size: 17px;
  color: #093580;
  -webkit-transition: all 0.2s ease-out; 
  -moz-transition: all 0.2s ease-out; 
  transition: all 0.2s ease-out;
}
.h-news01 li:hover a h3{
  text-indent: 10px;
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}
.h-news01 li p{
  display: block;
  width: 100%;
  height: 56px;
  font-size: 14px;
  color: #757575;
  line-height: 130%;
  overflow: hidden;
}
.h-case-bg{
  width: 100%;
  height: 243px;
  padding:40px 0px;
  background-color: #eeeeee;
  overflow: hidden;
}


/*单页*/
.ny-content{
  padding: 20px 0px;
  font-size: 15px;
  line-height: 190%;
  color: #666;
}
/*END hOME MIDDLE*/

/*内页*/
.ny-flash{ width: 100%; height: 300px; background-image: url(../images/ny-flash.jpg); }
.ny-df01{ width:100%;padding:30px 0px;  border-top:#dcdcdc 1px solid;}

  /*案例*/
.h-case01{ margin:0px; padding:0px; width:1200px; overflow:hidden;}
.h-case01 ul{ width:1300px; margin-top:30px;}
.h-case01 ul li{ float:left; width:287px; height:250px; margin-right:16px;}
.h-case01 ul li .tu{ width:287px; height:168px; border:#febe3b 2px solid; overflow:hidden; margin-bottom:20px;border:#015cb5 2px solid;
-moz-border-radius: 10px;       -webkit-border-radius: 10px;     border-radius:10px;        
}
.h-case01 ul li .tu .tu01 a{ width:287px; height:168px;  overflow:hidden;
 -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
.h-case01 ul li:hover .tu .tu01{ width:287px; height:168px;
 -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;
}
.h-case01 ul li a{display:block; width:170px; height:38px; line-height:38px; font-size:16px; text-align:center; color:#110e0e; margin:0 auto; border-top:#535353 1px solid; border-bottom:#535353 1px solid;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.h-case01 ul li:hover a{width:287px; border:0px; background-color:#015cb5; color:#fff;
-moz-border-radius: 20px;     
-webkit-border-radius: 20px;   
border-radius:20px;           
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
/*end内页*/


/*BOTTOM*/
.link-bg{
  width: 100%; padding-top:6px;padding-bottom:6px;
  background-color: #e5e5e5;
  overflow: hidden;
}
.link{ width:1200px; margin:auto;}
.link a{ margin-right:5px;
  font-size: 15px;
  color: #1a1a1a;
  line-height:30px; 
}
.foot-bg{
  width: 100%;
  height: 223px;
  background-color: #093580;
}
.f-contact{
  float: left;
  margin-top:33px;
  width:700px;
  height: auto;
  overflow: hidden;
  font-size: 14px;
  color:#caddef;
  line-height: 26px;
}
.f-contact a{
  color: #fff;
}
/*END BOTTOM*/

/*通用*/
/*滚动产品图片样式*/

.h-pro-gun01 li{
  margin-right: 19px;
  margin-bottom: 19px;
  float: left;
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.h-pro-gun01 li .tu{
  border:1px solid #e5e5e5;
  overflow: hidden;
}
.h-pro-gun01 li .tu img{
  
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.h-pro-gun01 li:hover .tu img{
  -webkit-transform: scale(1.1, 1.1); 
  -moz-transform: scale(1.1, 1.1); 
  transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.6s ease-out; 
  -moz-transition: all 0.6s ease-out; 
  transition: all 0.6s ease-out;
}
.h-pro-gun01 li a h3{
  display: block;
  width: 100%;
  height: 46px;
  background-color: #093580;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 46px;
  letter-spacing: 0px;
}

/*内页新闻1*/
   /*news9*/
.my-ny-news09{ width:1100px; height:auto;}
.my-ny-news09 ul{ width:1200px; margin-top:30px;}
.my-ny-news09 ul li{ float:left; width:530px; height:106px; margin-right:48px;}
.my-ny-news09 ul li .l{ float:left; width:67px; height:73px; background-image:url(../images/m-news-tu01.jpg);-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.my-ny-news09 ul li .l h4{ display:block; height:33px; line-height:33px; text-align:center; margin-top:15px; font-size:22px; color:#8d8d8d;}
.my-ny-news09 ul li .l h5{ display:block; height:22px; line-height:22px; text-align:center; font-size:12px; color:#c5c5c5; letter-spacing:0px; margin:0px; padding:0px;}
.my-ny-news09 ul li .r{ float:right; width:446px; overflow:hidden;}
.my-ny-news09 ul li .r a h3{ display:block; height:31px; line-height:31px; text-align:left; font-size:16px; color:#000; overflow:hidden;-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.my-ny-news09 ul li .r p{ display:block; height:38px; line-height:140%; text-align:left; font-size:13px; color:#949494; overflow:hidden;}
.my-ny-news09 ul li:hover .l, .my-ny-news09 ul li:first-child .l{ float:left; width:67px; height:73px; background-image:url(../images/m-news-tu02.jpg);-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.my-ny-news09 ul li:hover .l h4, .my-ny-news09 ul li:first-child .l h4{ color:#014785;}
.my-ny-news09 ul li:hover .l h5, .my-ny-news09 ul li:first-child .l h5{ color:#014785;}
.my-ny-news09 ul li:hover .r a h3, .my-ny-news09 ul li:first-child .r a h3{ color:#055faf; font-size:16px;-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}