/* Reset Css */
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; overflow-x:hidden;}
body,div,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,caption{margin:0px;padding:0px;}
fieldset,img{border:0;outline:medium none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
table{border-collapse:collapse;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,en,th,var{font-weight:normal; font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;outline:medium none;}
input,textarea{outline:medium none;}
img{transition:all .5s; -webkit-transition:all .5s;}
/* 公共部分CSS样式 */
html,body{font:14px/1 microsoft Yahei,Arial,Helvetica,sans-serif; background:#FFFFFF;  }
input,label,textarea{font:12px Microsoft Yahei; }
img{font-size:12px;}
a{color:#333333}
.clear{clear:both;}
.w1200{width:1200px; margin:0px auto;}

.header{ }
.header .logo{width:350px;float:left;}
.header .logo a{dispaly:block;}

#nav{height:54px;float:right; margin-top:13px;}
#nav li{ line-height:54px; font-size:14px; color:#333333;float:left; text-align:center; position:relative; }
#nav li .aon a{display:block;width:140px;color:#333333; font-weight:bold; transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
#nav li .aon a:hover, #nav li .aon .sele{color:#FFF; background:#005ca1;}
#nav li .subnav{position:absolute;top:54px;  display:none; z-index:200;width:100%; background:#434343; left:0px; }
#nav li .subnav dd{line-height:40px; color:#FFF;  width:120px; margin:5px auto;  }
#nav li .subnav dd a{color:#FFF; display:block; font-size:14px; transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s; }
#nav li .subnav dd a:hover{color:#FFF; background:#e67817;}
#nav li .aon a:hover .subnav{display:block;}
.pics_wrap .txt{position:absolute; width:1200px; height:200px;  top:150px; left:50%; margin-left:-600px; color:#FFF;}
.pics_wrap .txt .line{width:75px; height:5px; background:#ebac23;}
.pics_wrap .txt h2{font-size:32px; margin-top:35px;}
.pics_wrap .txt h3{font-size:40px; margin-top:25px;}
.pics_wrap .txt h4{margin-top:25px;width:45%; line-height:30px;}
.classname{font-size:16px; line-height:30px; text-align:center;color:#868686;}
.classname span{letter-spacing: 1px;  text-transform:uppercase; font-size:28px; color:#005ca1; display:block;}
.classname .line{width:37px; height:2px;background:#ebac23; margin:12px auto 58px auto;}
.more{width:185px; height:46px; border:1px solid #005ca1; margin:47px auto; display:block; border-radius:3px; text-align:center; line-height:46px; color:#005ca1; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;}
.more:hover {background:#005ca1; color:#FFF;}

.imglist{margin-top:-30px; margin-right:-30px;}
.imglist li{float:left;}
.imglist li a{margin-right: 30px;margin-top:30px;position: relative;color: #fff;overflow: hidden; display:block; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}

.h_service{padding:110px 0px 70px 0px; }
.h_service .txt{margin:45px auto 100px auto; text-align:center; line-height:25px; width:960px;}

.h_service li{width:30%; float:left; margin-right:5%;}
.h_service li:last-child{margin-right:0px;}
.h_service li .img{height:211px;  margin:0px auto; width:100%; text-align:center; }
.h_service li .img img {height:100%;}

.h_service li h2{position:relative; height:40px; line-height:40px; font-size:18px; display:block; width:100%;text-align:center; margin-top:34px; height:50px;}
.h_service li h2:after{position:absolute; content:""; bottom:0px;width:65px; height:3px; background:#005ca1; left:50%; margin-left:-32.5px;}
.h_service li h3{line-height:25px; margin-top:30px; font-size:14px; text-align:center;}
.h_service .more{margin-top:70px;}

.h_about{background:url(../images/ser_bg.jpg) center center repeat-y; background-size:cover; height:500px; color:#FFF; position:relative;}
.h_about .classname{padding-top:97px; color:#FFF;}
.h_about .classname span{color:#FFF;}
.h_about .txt{margin:40px auto; text-align:center; line-height:25px; width:80%;}
.h_about .more{width:150px; height:40px; line-height:40px; border-radius:20px; background:#005ca1; color:#FFF; position:absolute;bottom:0px; left:50%; margin-left:-75px; text-align:center; display:block; margin-top:0px; margin-bottom:0px; bottom:90px; }
.h_about .more:hover{ opacity:0.7; filter:alpha(opacity=70);}

.h_products{padding:136px 0px; overflow:hidden;}
.h_products .p_nav{margin:60px 0px 35px 0px; text-align:right; margin-right:-20px;}
.h_products .p_nav a{padding:5px 30px; border-radius:16.5px; border:2px solid #005ca1;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s; margin-right:20px;}
.h_products .p_nav a:hover{background:#005ca1; color:#FFF;}
.h_products .imglist li{width:20%;}
.h_products .imglist li a{ max-width:214px; }
.h_products .imglist li a .img{width:98%; overflow:hidden; border:1px solid #ccc;}
.h_products .imglist li a .img img{width:100%;}
.h_products .imglist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.h_products .imglist li a h2{ line-height:25px; color:#333; font-size:14px;}

.footer{background:url(../images/bottombg.jpg) center center no-repeat; background-size:cover; height:100px; position:relative;}

.h_download{padding:50px 0px;}
.h_download .classname{color:#FFF;}
.h_download .classname span{color:#FFF;}
/*down*/
.down .item{display:block;line-height:24px;border-bottom:1px dashed #FFF;position:relative;padding:10px 75px 10px 45px; color:#FFF;}

.down .item:hover{color:#999;}
.down em{width:20px;height:20px;background:url(../images/icon.png) no-repeat;}
.down .icon{left:10px;top:14px;position:absolute;}
.down .downbtn{position:absolute;right:15px;height:20px;line-height:20px;color:#FFF;top:18px;}
.down .downbtn .ic{display:inline-block;width:20px;height:20px;margin-right:5px;background-position:0 -60px;vertical-align:top;}
.down .item.red .icon{background-position:0 0;}
.down .item.green .icon{background-position:0 -40px;}
.down .item.blue .icon{background-position:0 -20px;}
.down .item:hover .downbtn{color:#FFF;}
.down .item:hover .ic{background-position:0 -80px;}

.h_contact{padding:0px;color:#FFF; }
.h_contact .classname{color:#FFF;}
.h_contact .classname span{color:#FFF;}
.h_contact .info{margin-top:15px; line-height:30px; text-align:center; }
.h_contact .info span{margin-right:20px;}
.bottom{height:80px; width:100%; background:rgba(0,0,0,0.5);  position:absolute; bottom:0px; left:0px;}
.bottom .b_nav{width:1200px; margin:0px auto; text-align:center; line-height:40px; font-size:12px; color:#999;}
.bottom .b_nav a{padding:0px 20px; color:#999; border-right: 1px dashed #999;}
.bottom .b_nav a:hover{color:#FFF;}
.bottom .b_nav a:last-child{border-right:0px;}
.bottom .copyght{height:40px; line-height:40px;color:#999; text-align:center;}

.s_bottom{background:#000; position:relative; margin-top:50px;}
.s_bottom .bottom{background:#000;}

.s_banner{width:100%; height:300px;}
.sub_nav{background:#f2f2f2; width:100%; height:56px; line-height:56px;}
.sub_nav .daohang{width:40%; float:left;}
#snav{height:56px;float:right; background:#076ce0;  padding:0px 10px;}
#snav li{ line-height:56px; font-size:14px; color:#FFF;float:left; text-align:center; position:relative; }
#snav li .aon a{display:block;width:170px;color:#FFFFFF; font-weight:bold; transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;}
#snav li .aon a:hover, #snav li .aon .sele{color:#FFF; background:#005ca1;}
#snav li .subnav{position:absolute;top:56px;  display:none; z-index:100;width:100%; background:#434343; left:0px; }
#snav li .subnav dd{line-height:40px; color:#FFF;  width:110px; margin:5px auto;  }
#snav li .subnav dd a{color:#FFF; display:block; font-size:14px; transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s; }
#snav li .subnav dd a:hover{color:#FFF; background:#e67817;}
#snav li .aon a:hover .subnav{display:block;}

.s_service{padding:100px 0px 180px 0px;overflow:hidden; }
.s_service .txt{margin:45px auto 100px auto; text-align:left; line-height:25px; width:100%;}
.s_service .txt1{margin:45px auto 0px auto; text-align:left; line-height:25px; width:100%;}

.s_service li{width:30%; float:left; margin-right:5%;}
.s_service li:last-child{margin-right:0px;}
.s_service li .img{height:211px;  margin:0px auto; width:100%; text-align:center; }
.s_service li .img img {height:100%;}

.s_service li h2{position:relative; height:40px; line-height:40px; font-size:18px; display:block; width:100%;text-align:center; margin-top:34px; height:50px;}
.s_service li h2:after{position:absolute; content:""; bottom:0px;width:65px; height:3px; background:#005ca1; left:50%; margin-left:-32.5px;}
.s_service li h3{line-height:25px; margin-top:30px; font-size:14px; text-align:center;}
.s_service .pic{margin-top:40px;}

.s_products{padding:100px 0px 180px 0px; /*overflow:hidden;*/}
.s_products .imglist{margin-top:30px; overflow:hidden;}
.s_products .imglist li{width:20%; }
.s_products .imglist li a{ max-width:214px; }
.s_products .imglist li a .img{width:98%; overflow:hidden; border:1px solid #ccc;}
.s_products .imglist li a .img img{width:100%;}
.s_products .imglist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_products .imglist li a h2{ line-height:25px; color:#333; font-size:14px;}
.s_products .s_pdetail{margin-top:50px; overflow:hidden;}
.s_products .s_pdetail .pic{width:300px; height:300px; border:1px solid #ccc; float:left;}
.s_products .s_pdetail .txt{width:850px; float:right; line-height:30px;}
.s_products .s_pdetail .txt .title{width:100%; border-bottom:1px solid #ccc; line-height:50px; font-size:18px; margin-bottom:15px;}
.s_products .s_pdetail1{margin-top:40px;line-height:30px; border-top: 1px dashed #ccc; padding-top:30px;}

.s_products .s_page{margin-top:40px; line-height:30px; font-size:14px; }
.s_products .s_page a{display:block; color:#333;}
.s_products .s_page a:hover{display:block; color:#005ca1;}

/*down*/
.s_down{margin-top:40px;}
.s_down .item{display:block;line-height:24px;border-bottom:1px dashed #ccc;position:relative;padding:10px 75px 10px 45px; color:#333;}

.s_down .item:hover{color:#999;}
.s_down em{width:20px;height:20px;background:url(../images/icon1.png) no-repeat;}
.s_down .icon{left:10px;top:14px;position:absolute;}
.s_down .downbtn{position:absolute;right:15px;height:20px;line-height:20px;color:#333;top:18px;}
.s_down .downbtn .ic{display:inline-block;width:20px;height:20px;margin-right:5px;background-position:0 -60px;vertical-align:top;}
.s_down .item.red .icon{background-position:0 0;}
.s_down .item.green .icon{background-position:0 -40px;}
.s_down .item.blue .icon{background-position:0 -20px;}
.s_down .item:hover .downbtn{color:#999;}
.s_down .item:hover .ic{background-position:0 -80px;}

.s_contact{padding:100px 0px 180px 0px; overflow:hidden;}
.s_contact ul{margin-top:30px;}
.s_contact li{background:#005ca1;  padding:20px;overflow:hidden; margin-bottom:30px;}
.s_contact li .txt{width:45%; border-right:1px dashed #FFF; color:#FFF; line-height:38px; float:left; margin-left:5%; height:300px;}
.s_contact li .txt span{font-size:18px; font-weight:bold; margin-bottom:15px; display:block;}
.s_contact li #map1,.s_contact li #map2,.s_contact li #map3,.s_contact li #map4,.s_contact li #map5,.s_contact li #map6,.s_contact li #map7,.s_contact li #map8{width:45%; float:right; height:300px;margin-right:2.5%;}


.page{text-align:center; margin-top:80px;  }
.page a{padding:4px 10px;  border:1px solid #ccc; margin-right:8px; border-radius:3px; }
.page a:hover{background:#e67817; color:#FFFFFF;}
.page a.on{background:#e67817; color:#FFFFFF;}