/* 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;}


.visible-hd {
  display: none !important;
}
.visible-lg {
  display: block !important;
}

@media screen and (max-width:1170px){
	.visible-hd {
		display: block !important;
	}
	.visible-lg {
		display: none !important;
	}
}
.l{float:left;}
.r{float:right;}

.container{width:1170px; margin:0px auto;}
@media screen and (max-width:1170px){
.container{width:95%; padding:0px 2.5%; }
}
@media screen and (max-width:776px){
.container{width:auto; padding:0px 2%; }
}


.head{width:100%; height:102px;}
.head .logo{width:200px; height:76px;margin-top:12px; margin-bottom:12px; float:left;}
#nav{height:100px;float:left; margin-left:78px; }
#nav li{ line-height:102px; font-size:16px; color:#333333;float:left; text-align:center; position:relative; }
#nav li .aon a{display:block; width:100px;color:#333333; text-align:center; letter-spacing:1px; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;}
#nav li .aon a:hover, #nav li .aon .sele{color:#FFF; background:#186ebf;}
#nav li .subnav{position:absolute;top:100px;  display:none; z-index:20; padding-bottom:10px;width:700%; }
#nav li:last-child .subnav{margin-left:-100px;}
#nav li .subnav dd{line-height:50px; color:#FFFFFF; float:left; width:100px;  }
#nav li .subnav dd a{color:#FFFFFF; display:block; font-size:14px; }
#nav li .subnav dd a:hover{color:#2a8ae2; transition:all xs;-moz-transition:all .3s;-webkit-transition:all .3s;}
#nav li .aon a:hover .subnav{display:block;}
.search{width:80px; float:left; border-left:1px solid #f2f2f2; margin-left:25px;  height:100px; cursor:pointer; position:relative; text-align:center;}
.search .searchbtn{margin-top:39px;}
.searchform{width:200px;position:absolute;top:33px; left:70px;  z-index:100; display:none;}
.searchform .int{width:142px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:0px; float:right; height:24px;padding:5px;}
.searchform .btn{width:46px; background:#186ebf; color:#FFF; float:left; border:0px; height:36px;}
.searchform .btn:hover{color:#FFF;}
.lang{width:40px; height:34px;border:1px solid #f2F2F2; border-radius:7px; background:url(../images/home_12.png) center 22px no-repeat; float:left; margin-top:33px; margin-bottom:33px;}
.lang a{color:#999999; display:block; line-height:25px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.lang a:hover{color:#186ebf;}
.top_c{width:72px; height:34px; background:url(../images/top_c.png) center no-repeat; line-height:34px; padding-left:40px; float:right; color:#FFF; margin-top:33px; margin-bottom:33px;}
.top_c a{display:block;color:#FFF;}

/*手机网站头部*/
.phhead{width:100%; background:#FFF; position: fixed;left: 0;top: 0; z-index: 200; display:none;}
.pcontainer { padding-right: 28px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.phhead .logo{ padding:14px 0px; float:left; width:150px;}
.phhead .logo img{width:100%;}
.pf_h{ float:left; width:100%; height:0px;}
.menuph{position: absolute;top: 16px;right: 15px;cursor: pointer;width: 50px;height:50px;background-color:#186ebf;text-align: center;}
.menuph .point{display: inline-block;width: 28px;height: 22px;margin-top: 12px;position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before{width: 28px;}
.menuph .navbtn{position: absolute;top: 13px;right: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;}
.menuph .navbtn::after,
.menuph .navbtn::before{position: absolute;right: 0;display: inline-block;width: 28px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;}
.menuph .navbtn::after{top: -11px;}
.menuph .navbtn::before{top: 10px;}
.menuph .point.active .navbtn{background: transparent;}
.menuph .point.active .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
.menuph .point.active .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*手机网站下拉样式*/

.xialaph{position:absolute;top:79px;left: 0;width: 100%;background:#FFF;padding-bottom: 50px;z-index: 1049;display:none;}
.xialaph .img_d{ display:none;}
.xialaph .ul2,.xialaph .ul3{ display: none;}
.xialaph h4 a{color:#333;font-size: 16px;font-weight: bold;line-height: 62px;}
.xialaph h4 a:hover{color:#1c71ba;}
.xialaph h4{position: relative;}
.xialaph li:last-child h4::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e5e5e5;/*opacity: 0.1;*/}
.xialaph h4::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #e5e5e5;/*opacity: 0.1;*/}
.xialaph h5 a{color: #333;font-size: 16px;line-height: 57px;}
.xialaph h5{position: relative;}
.xialaph h5::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #e5e5e5;/*opacity: 0.05;*/}
.xialaph li:last-child h5::after{display: none;}
.xialaph h4 img{width:15px;height:8px;float: right;margin-top: 25px;cursor: pointer;}
.xialaph h5 img{width:11px;height:6px;float: right;margin-top: 26px;margin-right: 18px;cursor: pointer;}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{display: none;}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{display: block;}
.xialaph h4.active {border: 1px solid #e5e5e5;}
.xialaph .ul2{width:92%; margin:0px auto;}
.xialaph .ul3{padding-top: 12px;padding-bottom: 18px;padding-left: 15px;position: relative;}
.xialaph .ul3::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #e5e5e5;}
.xialaph li:last-child .ul3::after{display: none;}
.xialaph .ul3 li a{color: #666;font-size: 14px;line-height: 35px;display: block;}
.xialaph .ul3 li{padding-top: 5px;}
.xialaph .ul3 li:first-child{padding-top: 0;}
.xialaph .phsou{position: relative;margin-top: 30px;}
.xialaph .phsou input{width: 100%;height: 42px;background-color: #fff;color: #aaa;font-size: 14px;padding-left: 10px;border: 1px solid #e5e5e5;}
.xialaph .phsou button{cursor: pointer;outline:none;width: 34px;height: 34px;position: absolute;top: 4px;right: 4px;}
.xialaph .try{ text-align:center; padding:30px 0 0 0;}
.xialaph .try span{ display:inline-block; background:#efefef;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.xialaph .try a{ display:block; float:left; width:120px; font-size:16px; color:#1c71ba; line-height:42px;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.xialaph .try a:hover,
.xialaph .try a.hover{ background:#1c71ba; color:#fff;}

.xialaph .login{height:30px;width:90%; margin:13px auto 0px auto;}
.xialaph .login .top{max-width:100%;  }
.xialaph .login .top .tel{background:url(../images/tel.png) left top no-repeat;width:205px;  font-size:24px; color:#3e3d3d; font-family:"Times New Roman", Times, serif; height:30px; line-height:30px; margin:10px auto; padding-left:25px; padding-right:20px; position:relative;}

.xialaph .login .top .tel span{color:#ff4a00;}
.xialaph .login .top .searchform{display:block; position:static; width:90%; margin:0px auto; margin-top:30px;}
.xialaph .login .top .searchform .int{width:80%; margin-right:-11px;height:31px;}
.xialaph .login .top .searchform .btn{width:20%; float:right; height:43px;}
.xialaph .login .top .m_lang{ width:60%; margin:0px auto;}


.phonemeng{width:100%;z-index: 196; height:85px;}

.pz_banner{ float:left; width:100%; position:relative; height:100vh; }
.mobile_subnav{width:95%;  margin:0px auto;}
.t_ntop_1 {
    width: 90%;
    height: 35px;
    line-height: 35px;
    padding: 0 14px;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #333;
	border-radius:5px;
    background: url(../images/xiap11.png) no-repeat 95% center;
	margin-left:auto;
	margin-right:auto;
}
.pz_SideLayer{ width:95%; margin-top:10px; margin-left:auto; margin-right:auto;background:rgba(255,255,255,0.8); overflow:hidden; }
.pz_SideLayer .l1{ display:block; float:left;  background:url(images/bg_l1.png) no-repeat left center; }
.pz_SideLayer .l1:nth-child(1){ padding-left:0; background:none;}
.pz_SideLayer .l1 a{ display:block; float:left; height:27px; line-height:27px; font-size:16px; color:#666; 
-webkit-border-radius:13.5px;
   -moz-border-radius:13.5px;
        border-radius:13.5px;}
.pz_SideLayer .l1 a:hover,
.pz_SideLayer .l1.hover a{ color:#315995;}
.pz_SideLayer .l2{ float:left; margin-right:12px; font-size:16px; color:#8bbeea; height:32px; line-height:32px;}
.pz_SideLayer .l2 a{ color:#315995; margin-right:12px;}
.pz_SideLayer .l2 a:hover,
.pz_SideLayer .l2.hover a{ color:#fff; text-decoration:underline;}
.pz_SideLayer{ display:none;   margin-bottom:20px; margin-left:auto; margin-right:auto; }
.pz_SideLayer .l1{ padding-left:0; margin-right:0; background:none; width:100%; }
.pz_SideLayer .l1 a{ width:95%; height:28px; line-height:28px; font-size:14px;float:none; margin:0px auto;
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;}

}
.slide_banner{ margin:0;}
.slide_banner .slick-slide{ width:100%; padding:0;}
.slide_banner .txt{position:absolute; width:1170px; left:50%; top:44%; margin-left:-567.5px; z-index:2;padding-left:2.5%; font-size:18px; color:#FFF; line-height:25px; font-style:normal;}
.slide_banner .txt span{font-size:38px; margin-bottom:28px; display:block; }
.slide_banner .txt a{width:143px; height:35px; line-height:35px;  display:block; background:#2a8ae2; font-size:16px; margin-top:28px; color:#FFF; text-align:center;}
.slide_banner .txt_pd35{padding-left:580px;}

.slide_banner .slick-prev{position:absolute; width:82px; height:53px; left:50px; top:50%; z-index:2; background:url(../images/banner_prev.png) no-repeat center; cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.slide_banner .slick-prev:hover{left:45px;}
.slide_banner .slick-next{position:absolute; width:82px; height:53px; right:50px; top:50%; z-index:2; background:url(../images/banner_next.png) no-repeat center; cursor:pointer;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
.slide_banner .slick-next:hover{right:45px;}
.slide_banner .slick-dots{ bottom:130px; height:25px; overflow:hidden;}
.slide_banner .slick-dots li{ display:inline-block; vertical-align:top; width:15px; height:15px; background:#0468e3; margin:0 10px; position:relative; border-radius:7.5px; top:8px;
-webkit-transform: translate(0, -50%);
	  -ms-transform: translate(0, -50%);
	      transform: translate(0, -50%);}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active{ height:15px; width:15px; background:#eb9822;}
@media  screen and (max-width:640px){
  .slide_banner .slick-dots{bottom:80px;}
  .slide_banner .slick-prev,.slide_banner .slick-next{width:50px; height:auto;}
  .slide_banner .slick-dots li{width:10px; height:10px;}
  .slide_banner .slick-dots li.slick-active{width:10px; height:10px;}
}



.pz_banner .h_app{position:absolute; height:200px; width:1170px; z-index:100; bottom:-100px; left:50%; margin-left:-585px;}
.pz_banner .h_app li{width:25%; height:200px;float:left; text-align:center; line-height:30px; position:relative;}
.pz_banner .h_app li a{display:block; width:100%;color:#FFF; top:0px; left:0px; position:absolute;transition:all 0.7s;-moz-transition:all 0.7s;-webkit-transition:all 0.7s; height:100%;}
.pz_banner .h_app li:first-child a{background:#218ff6;}
.pz_banner .h_app li:nth-child(2) a{background:#1d83e3;}
.pz_banner .h_app li:nth-child(3) a{background:#1b7ad3;}
.pz_banner .h_app li:last-child a{background:#186ebf;}

.pz_banner .h_app li img{margin-top:48px;}
.pz_banner .h_app li a:hover{top:-20px; box-shadow:0 0 5px #186ebf;-moz-box-shadow:0 0 5px #186ebf;-ms-box-shadow:0 0 5px #186ebf;-webkit-box-shadow:0 0 5px #186ebf;}

.pz_banner .h_app li span{font-size:20px;}

.pz_banner .banner_txt{position:absolute;z-index:100px; top:20%; text-align:center; width:80%;letter-spacing:4px;  line-height:35px; left:10%;}
.pz_banner .banner_txt span{font-size:30px;font-weight:bold;  color:#FFF;   }
.pz_banner .banner_txt em{font-size:22px; color:#FFF; font-style: normal;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;}
.pz_banner .banner_txt .location{width:500px; margin:0px auto; line-height:30px; text-align:center; color:#FFF; }
.pz_banner .banner_txt .location em{display:inline-block; vertical-align:middle; margin-right:10px;}
.pz_banner .banner_txt .location em img{ vertical-align:middle; margin-top:-5px;}
.pz_banner .banner_txt .location a{color:#FFF;}
.pz_banner .banner_txt .location a:hover{color:#186ebf;}
.pz_banner .banner_txt .w_pro{width:270px; position:absolute; top:50%; left:50%; margin-left:-135px;}

.pz_banner .pro_banner_txt{position:absolute;z-index:100px; top:50%; text-align:center; width:100%;letter-spacing:4px;  line-height:30px; margin-top:-15px; height:30px;  color:#FFF;}
.pz_banner .pro_banner_txt em{display:inline-block; vertical-align:middle;}
.pz_banner .pro_banner_txt em img{ vertical-align:middle; margin-top:-3px;}
.pz_banner .pro_banner_txt a{color:#FFF;}
.pz_banner .pro_banner_txt a:hover{color:#186ebf;}

.pz_banner .w_bg{position:absolute;width:1170px; left:50%; margin-left:-585px; height:20%; bottom:0px; background:#f8f8f8;}
.pz_banner .s_line{width:1px; height:20%; background:#FFF;position:absolute; left:50%; bottom:10%; z-index:10;}
.pz_banner .s_line:after{content:""; width:1px; height:50%; background:#186ebf; position:absolute; left:0px; bottom:0px;}
@media  screen and (max-width:1170px){
.pz_banner .h_app{width:100%;left:0px; margin-left:0px;}
.pz_banner .w_bg{width:100%; left:0px; margin-left:0px;}
}
@media  screen and (max-width:991px){
.pz_banner .h_app{bottom:-75px; height:150px;}
.pz_banner .h_app li{height:150px;}
.pz_banner .h_app li img{height:50px; width:auto; margin-top:31.5px;}
.pz_banner .h_app li span{font-size:16px;}
}
@media  screen and (max-width:767px){
.pz_banner .banner_txt{line-height:25px; width:100%; left:0%;}
.pz_banner .banner_txt span{font-size:22px;}
.pz_banner .banner_txt em{font-size:16px;}
}
@media  screen and (max-width:640px){
.pz_banner .banner_txt{top:10%;}
.pz_banner .banner_txt .location{width:100%; line-height:20px;}
.pz_banner .banner_txt span{font-size:17px;}
.pz_banner .banner_txt em{font-size:14px;}
.pz_banner .w_bg{display:none;}
.pz_banner .s_line{bottom:-10%;}
.pz_banner .h_app{bottom:-50px; height:100px;}
.pz_banner .h_app li{height:100px;}
.pz_banner .h_app li img{height:40px; width:auto; margin-top:11.5px;}
.pz_banner .h_app li span{font-size:14px;}
}
@media  screen and (max-width:420px){
 .pz_banner .banner_txt{top:5%;}
}

.h_about{margin-top:180px; overflow:hidden;}
.h_about_box{width:700px; height:500px; float:left;position:relative;overflow:hidden; padding-top:20px; padding-bottom:22px;}
.h_about_box .bd{ position:relative; height:100%; z-index:0;   }
.h_about_box .bd li{ zoom:1; vertical-align:middle; }
.h_about_box .bd li .bigimg{width:582px; position:relative;}
.h_about_box .bd li .bigimg .line{width:542px;left:20px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;position:absolute; top:-20px; height:483px;z-index:5; filter:alpha(opacity=70);opacity:0.7;}
.h_about_box .bd li .bigimg .line:after{content:""; position:absolute; right:0px; width:1px; background:#ccc; height:19px; filter:alpha(opacity=70);opacity:0.7; top:0px;}
.h_about_box .bd li .smallimg{width:335px; height:250px; position:absolute; bottom:-57px; right:-120px; z-index:10;}
.h_about_box .bd li .smallimg .kuang{position:absolute; width:335px; height:250px; top:20px; right:20px; border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5; filter:alpha(opacity=70);opacity:0.7;}
.h_about_box .bd li .smallimg .kuang:before{content:""; width:315px; height:1px; background:#e5e5e5; top:0px; right:0px; position:absolute;}
.h_about_box .bd li .smallimg .kuang:after{content:""; width:20px; height:57px; background:#FFF; bottom:0px; left:0px; position:absolute;border-left:1px solid #e5e5e5; }
.h_about_box .bd li .bigimg img{width:100%;display:block;height:auto;}
.h_about_box .bd li .smallimg img{width:100%;height:auto;}
.h_about_box .prev,.h_about_box .next{position:absolute; bottom:270px; border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;  width:58px; height:59px;display:block;filter:alpha(opacity=50);opacity:0.5;}
.h_about_box .prev{background:url(../images/slider-arrow_l.png) center center no-repeat; right:59px;}
.h_about_box .next{background:url(../images/slider-arrow_r.png) center center no-repeat; right:0px;}
.h_about_box .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.h_about_box .prevStop{ display:none; }
.h_about_box .nextStop{ display:none; }
@media  screen and (max-width:1170px){
   .h_about_box{width:55%; height:150%; overflow: visible;}
   .h_about_box .bd li .bigimg{width:80%; height:auto;}
   .h_about_box .bd li .bigimg .line{width:90%;height:100%; padding:20px 0px;}
   .h_about_box .bd li .bigimg .line:before{content:""; position:absolute; right:0px; width:1px; background:#ccc; height:19px; filter:alpha(opacity=70);opacity:0.7; bottom:0px;}
   .h_about_box .bd li .smallimg{width:60%; height:auto; bottom:20%; right:-25%;}
   .h_about_box .bd li .smallimg .kuang{width:100%; height:100%;border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}
   .h_about_box .bd li .smallimg .kuang:before{width:100%; height:0px;}
   .h_about_box .bd li .smallimg .kuang:after{background:none;}
}
@media screen and (max-width:991px){
   .h_about{margin-top:120px;}
   .h_about_box{width:100%; min-height:250px; float:none;}
   .h_about_box .bd li .bigimg{width:80%; height:auto;}
   
}
@media screen and (max-width:640px){
.h_about{margin-top:80px;}
}
.h_about_txt{width:400px; float:right;}
.h_about_txt h2{font-size:28px; line-height:70px; border-bottom:1px solid #e5e5e5; color:#333; position:relative;}
.h_about_txt h2:after{content:""; width:55px;position:absolute; height:3px; background:#eb9822;bottom:-1.5px; left:0px;}
.h_about_txt p{margin-top:20px;font-size:16px; line-height:35px; letter-spacing:1px;}
.h_about_txt p span{font-size:14px; font-family:Arial, Helvetica, sans-serif; text-align:justify; color:#999999;line-height:20px; letter-spacing:0px;}
.h_about_txt .more{background:#eb9822; width:150px; height:45px; border-radius:22.5px; line-height:45px; display:block; color:#FFF; text-align:center;  transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s; margin:0px auto;margin-top:20px;}
.h_about_txt .more:hover{background:#186ebf;}

@media  screen and (max-width:1170px){
   .h_about_txt{width:40%; }
   .h_about_txt h2{font-size:24px;}
}
@media  screen and (max-width:991px){
   .h_about_txt{width:100%; float:none; }
   .h_about_txt h2{font-size:20px;}
  
}

@media  screen and (max-width:767px){
   
   .h_about_txt h2{font-size:18px; line-height:50px;}
   .h_about_txt p{font-size:14px; line-height:25px;}
   .h_about_txt .more{height:35px; line-height:35px; font-size:14px;}
}

.h_pro{background:#f8f8f8; margin-top:80px; padding:80px 0px; overflow:hidden;}
.h_pro h2{font-size:28px; line-height:45px;  color:#333; background:url(../images/hpro_line.jpg) center bottom no-repeat; text-align:center; height:60px;}
.h_pro_box{margin-top:50px;}
.h_pro_box .hd{width:210px; background:#FFF; float:left;}
.h_pro_box .hd li{ height:56px;line-height:56px; font-size:16px; border-bottom:2px solid #F8F8F8;position:relative; cursor:pointer; background:url(../images/ico1.png)  left center no-repeat; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;}
.h_pro_box .hd li span{position:absolute; left:20%; display:block; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s; color:#333;}
.h_pro_box .hd li:hover,.h_pro_box .hd li.on{ background:url(../images/ico1.png) #eb9822 23% center no-repeat; }
.h_pro_box .hd li:hover span,.h_pro_box .hd li.on span{left:35%; color:#FFF;}
.h_pro_box .bd{width:930px;  float:right;}
.h_pro_box .bd ul{font-size:40px; color:#FFF; text-align:center;}
.h_prolist{margin:0px; width:100%;}
.h_prolist ul li{ padding-left:15px; padding-right:15px;}

@media  screen and (max-width:1170px){
   .h_pro h2{font-size:24px;}
}
@media  screen and (max-width:991px){
   .h_pro h2{font-size:20px;}
}

@media  screen and (max-width:767px){
   .h_pro h2{font-size:18px;}
   .h_pro_box .hd li{font-size:14px;}
}
.h_prolist ul li a{ float: left; width: 100%;}
.h_prolist ul li a .h_pro_pic{ overflow: hidden; border:1px solid #eeeeee; background:#FFF;}
.h_prolist ul li a .h_pro_pic .img{
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
	
}
.h_prolist ul li a .h_pro_txt{width:100%; height:66px; background:#eeeeee; position:relative; line-height:66px; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;}
.h_prolist ul li a .h_pro_txt span{position:absolute; display:block; left:15px; font-size:16px;}
.h_prolist ul li a .h_pro_txt .more{width:58px; height:27px; position:absolute;top:21px; right:0px; line-height:27px; background:#186ebf; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.h_prolist ul li a:hover .h_pro_txt{background:#186ebf; color:#FFF;}
.h_prolist ul li a:hover .h_pro_pic .img{
    transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);
    -webkit-transform: scale(1.09,1.09);
    -o-transform: scale(1.09,1.09);
    -moz-transform: scale(1.09,1.09);
}

@media  screen and (max-width:640px){
   .h_prolist ul li a .h_pro_txt{height:50px; line-height:50px;}
   .h_prolist ul li a .h_pro_txt .more{top:11.5px;}
}
.h_prolist .owl-dots{ padding: 4.27% 0 0 0; text-align: center; line-height: 0;}
.h_prolist .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:5px; height: 5px;  margin: 0 15px; 
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
	background: #bcbcbc;
}
.h_prolist .owl-dot.active{ background: #186ebf; width:10px; height: 10px;margin-bottom:-2.5px;}

.h_prolist .owl-prev{width:20px;height:30px;  background:url(../images/left.png) center center no-repeat; display:block;  position:absolute; right:35px; top:-48px; }
.h_prolist .owl-next{width:20px;height:30px;  background:url(../images/right.png) center center no-repeat; display:block;  position:absolute; right:15px; top:-48px;; }
.h_prolist .disabled{filter:alpha(opacity=50);opacity:0.5;}
@media  screen and (max-width:1170px){
   .h_pro_box .hd{width:20%;}
   .h_pro_box .bd{width:75%;}
   .h_prolist ul li{ padding-left:5%; padding-right:5%; }
}
@media  screen and (max-width:640px){
   .h_pro{margin-top:30px; padding:30px 0px;}
   .h_pro_box .hd{width:100%;}
   .h_pro_box .hd li{width:33.33%;float:left;}
   .h_pro_box .bd{width:100%; margin-top:30px;}
   .h_prolist ul li{ padding-left:5%; padding-right:5%;}
   .h_prolist ul li a .h_pro_txt{ height:50px; line-height:50px;}
   .h_prolist ul li a .h_pro_txt .more{top:11.5px;}
}


.footer{background:#333; border-top:2px solid #186ebf; overflow:hidden;}
.f_info{margin:45px 0px; }
.f_info .f_info_l{width:785px;float:left;padding-right:70px; border-right:1px solid #484848; }
.f_info .f_info_l .b_nav{border-bottom:1px solid #484848; height:40px; line-height:20px;}
.f_info .f_info_l .b_nav a{margin-right:40px; color:#FFF; position:relative; padding-left:10px;}
.f_info .f_info_l .b_nav a:before{content:"·"; font-size:12px; font-weight:bold; position:absolute;left:0px;}
.f_info .f_info_l .b_nav a:hover{color:#186ebf;}
.f_info .f_info_l .b_brand{margin-top:20px;}
.f_info .f_info_l .b_brand li{font-size:14px;font-weight:bold; float:left; height:40px; line-height:40px; color:#FFF; margin-right:10px;}

.f_info .f_info_l .b_brand li:last-child{margin-right:0px;}
.f_info .b_ad{padding-left:70px; float:left;width:240px; line-height:25px; color:#FFF;}
.f_info .b_ad em{ margin-left:10px; position:relative; top:0px; cursor:pointer;}
.f_info .b_ad em .ewm{width:120px; height:120px; position:absolute;left:35px;top:50%; margin-top:-60px; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s; display:none;}
.f_info .b_ad em .ewm img{width:100%; height:auto;}

.f_info .b_ad span{font-size:16px; font-weight:bold;}
.copyright{ border-top:1px solid #484848; overflow:hidden;line-height:50px;}
.copyright .copy_l{float:left;width:855px; color:#858585;}
.copyright .copy_l span{margin-left:15px;}
.copyright .copy_l span a{color:#858585;}
.copyright .copy_r{float:left;width:315px;color:#FFF; text-align:right;}
.copyright .copy_r a{color:#FFF;}
.copyright .copy_r a:hover{color:#186ebf;}
@media  screen and (max-width:1170px){
   .f_info .f_info_l{width:100%; padding-right:0px; border:0px;}
   .f_info .f_info_l .b_brand{margin-top:0px;}
   .f_info .f_info_l .b_brand li{margin-top:10px; height:30px; line-height:30px;}
   .f_info .f_info_l .b_brand li{margin-right:1.11%;width:10%;}
   .f_info .f_info_l .b_brand li img{width:100%; height:auto;}
   
   .f_info .f_info_l .b_brand li:last-child{margin-right:0px;}
   .f_info .b_ad{width:100%; padding-left:0px; margin-top:10px;}
   .copyright{line-height:30px;padding-top:10px; padding-bottom:10px;}
   .copyright .copy_l{width:100%; text-align:center;}
   .copyright .copy_r{width:100%; text-align:center;}
}

@media  screen and (max-width:640px){
    .f_info .f_info_l .b_nav a{margin-right:20px;}
	.copyright .copy_l span{display:block;}
	.f_info{margin:30px 0px;}
}

@media  screen and (max-width:420px){
    .f_info .f_info_l .b_nav a{margin-right:10px;}
}

/* 分页 */
.d_0100_fy{ float:left; width:100%; text-align:center; margin-top:70px; margin-bottom:70px;}
.pz_fy{display:inline-block; *display:inline; *zoom:1;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { display:block; float:left; width:38px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; font-size:14px; color:#272727; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;
}
.pz_fy a:hover,.pz_fy a.on{color: #fff; border:1px solid #15b559; background:#0088cc; text-decoration:none;}/*鼠标经过和默认当前页样式*/
.pz_fy a.prve{ background:url(../images/prve_fy_h.png) no-repeat center; width:100px;}
.pz_fy a.prve:hover,
.pz_fy a.prve.on{ background:url(../images/prve_fy.png) no-repeat center #0088cc; border:1px solid #0088cc;}
.pz_fy a.next{ background:url(../images/next_fy_h.png) no-repeat center; width:100px;}
.pz_fy a.next:hover,
.pz_fy a.next.on{ background:url(../images/next_fy.png) no-repeat center #0088cc; border:1px solid #0088cc;}
.fy_phone{ display:none;}
.d_0100_fy .txt{font-size:14px; text-align:center; line-height:30px; margin-top:30px;}


@media  screen and (max-width:767px){
.d_0100_fy{margin-top:30px;}

.pz_fy{ display:none;}
.fy_phone{ display:block;  float:left; width:100%; text-align:center; font-size:14px; color:#333;}
.fy_phone a {display:inline-block; *display:inline; *zoom:1; width:100px; height:38px; text-align:center; line-height:36px; border:1px solid #e1e1e1; margin:0 5px;
-webkit-border-radius:18px; 
 -khtml-border-radius:18px;
   -moz-border-radius:18px;
        border-radius:18px;
}
.fy_phone a:hover{color:#FFF;}
.fy_phone a.prve{ background:url(images/prve_fy_h.png) no-repeat center;}
.fy_phone a.prve:hover,
.fy_phone a.prve.on{ background:url(images/prve_fy.png) no-repeat center #0088cc; border:1px solid #0088cc;}
.fy_phone a.next{ background:url(images/next_fy_h.png) no-repeat center;}
.fy_phone a.next:hover,
.fy_phone a.next.on{ background:url(images/next_fy.png) no-repeat center #0088cc; border:1px solid #0088cc;}
.fy_phone span{ padding:0 5%; color:#333; display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:38px; line-height:38px;}
}

.s_bg{background:#Fafafa; min-height:500px;}
.s_nav{width:1000px; height:50px; line-height:50px; border-radius:25px; background:#f7f7f7; border:1px solid #ddd; margin:0px auto;}

.s_navlist .owl-prev{width:50px;float:left;height:50px; line-height:50px; background:url(../images/slider-arrow_l.png) 20px center no-repeat; display:block; filter:alpha(opacity=70);opacity:0.7; position:absolute; left:-48px; top:0px; }
.s_navlist{width:900px;  float:left; position:relative; padding-left:50px;}
.s_navlist ul li{line-height:50px; text-align:center;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s; position:relative;}
.s_navlist ul li a{ width: 100%; display:block; }
.s_navlist ul li dl{width:100%; position:absolute; top:50px; display:none; z-index:200; background:#FFF;}
.s_navlist ul li dl dd{height:50px; line-height:50px; border:1px solid #ddd; }
.s_navlist ul li:hover{background:#186ebf; color:#FFF;}
.s_navlist ul li:hover a{color:#FFF;}
.s_navlist ul li:hover dl{ display:block;}
.s_navlist ul li:hover dd a{color:#282828;}
.s_navlist ul li:hover dd a:hover{color:#FFF;}
.s_navlist ul li a:hover,.s_navlist ul li a.on{background:#186ebf; color:#FFF;}
.s_navlist ul li a .show,.s_navlist ul li a .hid{width:auto; height:5px; margin-left:5px;margin-top:22.5px;  }
.s_navlist ul li a .show{display: inline; }
.s_navlist ul li a .hid{display:none;}
.s_navlist ul li a:hover .show,.s_navlist ul li a.on .show,.s_navlist ul li:hover a:hover .show,.s_navlist ul li:hover a .show{display:none;}
.s_navlist ul li a:hover .hid,.s_navlist ul li a.on .hid,.s_navlist ul li:hover a:hover .hid,.s_navlist ul li:hover a .hid{display:inline;}
.s_navlist .owl-next{width:50px;height:50px; line-height:50px; background:url(../images/slider-arrow_r.png) 20px center no-repeat; display:block; filter:alpha(opacity=70);opacity:0.7; position:absolute; right:-48px;top:0px;}
.s_navlist .owl-prev:hover,.s_navlist .owl-next:hover{filter:alpha(opacity=100);opacity:1;}

@media  screen and (max-width:1170px){
  .s_nav{width:95%;}
  .s_navlist .owl-prev,.s_navlist .owl-next{width:5%;}
  .s_navlist .owl-prev{ background-position:50%;left:-5%; }
  .s_navlist .owl-next{ background-position:50%; right:-5%;}
  .s_navlist {width:90%; padding-left:5%;}
}

@media  screen and (max-width:991px){
  
  .s_navlist .owl-prev,.s_navlist .owl-next{width:8%;}
  .s_navlist .owl-prev{left:-8%;}
  .s_navlist .owl-next{right:-8%;}
  .s_navlist {width:84%; padding-left:8%;}
}
@media  screen and (max-width:640px){
  .s_bg,.s_historybg{padding-top:30px;}
}

@media  screen and (max-width:420px){
  .s_navlist ul li a .show,.s_navlist ul li a .hid{margin-left:0px;}
}


.imglist{margin-top:-30px; margin-right:-30px;}
.imglist li{float:left;}
.imglist a{margin-right: 30px;position: relative;margin-top:30px; margin-bottom:0px;color: #fff;overflow: hidden; display:block; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.imglist .img img{width:100%;}
.classname{margin:50px auto 40px auto; font-size:26px; text-align:center; position:relative; padding-bottom:10px; }
.classname span{color:#656565; display:block; text-align:center; font-size:18px; line-height:34px; margin-bottom:10px;}
/*.classname:after{content:"";position:absolute; bottom:0px; width:24px; height:1px; background:#186ebf; left:50%; margin-left:-12px;}*/

.s_brand{ overflow:hidden;}
.s_brand .imglist li{width:25%; }
.s_brand .imglist a{max-width:270px; overflow: visible; margin-right:28px;  border:1px solid #eeeeee;}
.s_brand .imglist a:hover{box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;-ms-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;}
.s_brand .imglist .img{width:100%;overflow:hidden;position:relative; text-align:center;}
.s_brand .imglist .txt{width:100%; height:50px; line-height:50px; background:#eee;color:#333;transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.s_brand .imglist .txt span{float:left; margin-left:30px; }
.s_brand .imglist .txt .more{width:26px;  float:right; margin-right:30px;margin-top:11px;}
.s_brand .imglist .txt .more img{width:100%;}
.s_brand .imglist .txt .more .show{display:block;}
.s_brand .imglist .txt .more .hidden{display:none;}
.s_brand .imglist a:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_brand .imglist a:hover .txt{background:#186ebf;color:#FFF;}
.s_brand .imglist a:hover .txt .more .show{display:none;}
.s_brand .imglist a:hover .txt .more .hidden{display:block;}

@media  screen and (max-width:991px){
  
  .s_brand .imglist{margin-top:-15px; margin-right:-15px;}
  .s_brand .imglist li{width:33.33%;}
  .s_brand .imglist a{margin-right:15px; margin-top:15px; max-width:380px;}
  .classname{font-size:24px; margin:40px 0px 30px 0px;}
}

@media  screen and (max-width:776px){
  .s_brand .imglist li{width:50%;}
  .s_brand .imglist a{max-width:570px;}
  .classname{font-size:20px;}
  
}

@media  screen and (max-width:640px){
  .s_brand .imglist .txt span{margin-left:15px;  }
.s_brand .imglist .txt .more{margin-right:15px;width:20px; }
.s_brand .imglist .txt{height:40px; line-height:40px;}
}

.s_pro{ overflow:hidden;}
.s_pro .imglist li{width:25%; }
.s_pro .imglist a{max-width:270px; overflow: visible; margin-right:28px;  border:1px solid #eeeeee;}
.s_pro .imglist a:hover{box-shadow:0 0 5px #ccc;-moz-box-shadow:0 0 5px #ccc;-ms-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;}
.s_pro .imglist .img{width:100%;overflow:hidden;position:relative; text-align:center;}
.s_pro .imglist li a .txt{width:100%; height:66px; background:#eeeeee; position:relative; line-height:66px; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;}
.s_pro .imglist li a .txt span{position:absolute; display:block; left:15px; font-size:16px; color:#333;}
.s_pro .imglist li a .txt .more{width:58px; height:27px; position:absolute;top:21px; right:0px; line-height:27px; background:#186ebf; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.s_pro .imglist li a:hover .txt span{color:#FFF;}
.s_pro .imglist li a:hover .txt{background:#186ebf; color:#FFF;}



@media  screen and (max-width:991px){
  
  .s_pro .imglist{margin-top:-15px; margin-right:-15px;}
  .s_pro .imglist li{width:33.33%;}
  .s_pro .imglist a{margin-right:15px; margin-top:15px; max-width:380px;}
  
}

@media  screen and (max-width:776px){
  .s_pro .imglist li{width:50%;}
  .s_pro .imglist a{max-width:570px;}
  .s_pro .imglist li a .txt .more{top:11.5px;}
}

@media  screen and (max-width:640px){
.s_pro .imglist li a .txt{ height:50px; line-height:50px;}
 .s_pro .imglist li a .txt .more{top:11.5px;} 
}

.s_pro_detail{width:100%; background:#FFF; overflow:hidden;padding:33px 0px 53px 0px;}
.s_pro_detail .img{width:450px;  border:1px solid #eeeeee; position:relative; float:left;}
.s_pro_detail .img img{width:100%; overflow:hidden;}
.s_pro_detail .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_pro_detail .img .brand{width:90px; height:90px; border-radius:45px; background:#186ebf; color:#FFF; text-align:center; line-height:80px; position:absolute;top:40px; left:40px; font-family:Arial, Helvetica, sans-serif; display:table;}
.s_pro_detail .img .brand span{display:table-cell; width:50px; height:60px; vertical-align:middle; overflow:hidden; line-height:20px; margin-top:15px; margin-left:15px; word-break:break-all;}
.s_pro_detail .txt{width:680px; float:right;}
.s_pro_detail .txt h2{line-height:80px; font-size:30px; color:#186ebf;}
.s_pro_detail .txt h3{width:100%; height:55px; line-height:55px; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; font-size:16px;}
.s_pro_detail .txt h3 span{color:#004099;}
.s_pro_detail .txt h3 .brand{text-align:center; line-height:55px; float:right; height:55px; position:relative; background:url(../images/brandnamebg.jpg) #186ebf left no-repeat;padding-left:20px; padding-right:20px;}

.s_pro_detail .txt h3 .brand span{display:block;line-height:55px; text-align:left; color:#FFF;}
.s_pro_detail .txt h4{padding:10px 0px; line-height:40px; border-bottom:1px solid #eeeeee;font-size:16px;}
.s_pro_detail .txt h4 span{color:#666;}
.s_pro_detail .txt h5{margin-top:40px;}
.s_pro_detail .txt h5 .contact{width:200px; height:55px; background:#eb9822;border-radius:27.5px; color:#FFF; float:right; display: block;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s; text-align:center; line-height:55px; }
.s_pro_detail .txt h5 .contact em{display: inline-block; vertical-align:middle;}
.s_pro_detail .txt h5 .contact em img{vertical-align:middle;margin-top:-5px; margin-right:5px;}
.s_pro_detail .txt h5 .contact:hover{background:#186ebf;}
.s_pro_detail .txt h5 .share{width:55px; height:55px; border-radius:27.5px; background:url(../images/ico_07.png) #eb9822 center center no-repeat; float:left; display:block;}
.s_pro_detail .txt h5 .share:hover{background:url(../images/ico_07.png) #186ebf center center no-repeat;}
.s_pro_detail .txt h5 .down{width:55px; height:55px; border-radius:27.5px; background:url(../images/down_ico.png) #eb9822 center center no-repeat; float:left; display:block; margin-left:10px;}
.s_pro_detail .txt h5 .down:hover{background:url(../images/down_ico.png) #186ebf center center no-repeat;}

@media  screen and (max-width:1170px){
   .s_pro_detail .img{width:40%;}
   .s_pro_detail .txt{width:55%;}
}
@media  screen and (max-width:991px){
   .s_pro_detail .txt h2{font-size:24px;}
   .s_pro_detail .img{width:100%;}
   .s_pro_detail .txt{width:100%;}
}
@media  screen and (max-width:640px){
   .s_pro_detail{padding-top:0px; padding-bottom:33px;}
   .s_pro_detail .txt h2{font-size:20px;}
   .s_pro_detail .txt h3{font-size:14px;}
   .s_pro_detail .txt h4{font-size:14px;}
  
   .s_pro_detail .txt h5{margin-top:25px;}
   .s_pro_detail .txt h5 .contact{height:45px; line-height:45px; border-radius:22.5px; width:170px;}
   .s_pro_detail .txt h5 .share{height:45px; line-height:45px; border-radius:22.5px; width:45px;}
   .s_pro_detail .txt h5 .down{height:45px; line-height:45px; border-radius:22.5px; width:45px;}
   .s_pro_detail .txt h2{font-size:18px;}
}

.s_proc{background:url(../images/s_probg.jpg) repeat-x;  position:relative;}
.s_proc .ico{position:absolute; top:0px; left:50%; margin-left:-50.5px;}
.s_proc .txt{padding-top:70px;padding-bottom:40px; overflow:hidden; font-size:16px; border-bottom:1px solid #eee;}
.s_proc .txt p{line-height:36px; }
.s_proc .txt p .td1{display:block; width:15%; text-align:right; color:#186ebf; float:left;}
.s_proc .txt p .td2{display:block; width:75%;float:left; margin-left:20px;}
.s_proc .page{padding:40px 0px 55px 0px;text-align:center; width:100%;}
.s_proc .page .prev,.s_proc .page .next{display:inline-table;height:50px; width:35%; background:#f2f2f2; line-height:50px; border-radius:25px; margin-left:15px; margin-right:15px; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;}
.s_proc .page .prev:hover,.s_proc .page .next:hover{background:#186ebf; color:#FFF;}
@media  screen and (max-width:1170px){
   .s_proc .txt p .td1{width:20%; }
  .s_proc .txt p .td2{width:65%; }
}
@media  screen and (max-width:991px){
   .s_proc .txt p .td1{width:100%; text-align:left;}
  .s_proc .txt p .td2{width:100%; margin-left:0px;}
}
@media  screen and (max-width:640px){
   .s_proc .txt{font-size:14px;}
   .s_proc .page .prev,.s_proc .page .next{width:90%; height:40px; line-height:40px;margin-left:0px;}
   .s_proc .page .next{margin-top:10px;}
}

.s_guess{width:100%; background:#FFF; overflow:hidden;padding:20px 0px 50px 0px;}
.s_guess h6{width:100%; font-size:20px; position:relative; line-height:36px; padding-left:22px; margin:20px 10px;}
.s_guess h6:before{content:"";width:12px; height:12px; background:#186ebf; position:absolute; left:0px; top:50%; margin-top:-6px;}

.s_app{ overflow:hidden; background:#f3f3f3;}
.s_app .img{width:460px; height:300px; float:left;}
.s_app .img img{width:100%;}
.s_app .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_app .txt{width:710px;  float:left;}
.s_app .txt .info{padding-left:80px; padding-right:80px; margin:0px auto; height:300px; display:table-cell; vertical-align:middle; font-size:16px; line-height:35px;}
.s_app p{line-height:34px; font-size:16px; padding:15px;}

.s_app_partner{padding-bottom:50px; width:100%;}
@media  screen and (max-width:1170px){
.s_app p img{width:100%;}
}
@media  screen and (max-width:640px){
.s_app_partner{padding-bottom:30px; }
.s_app p{font-size:14px;}
}


.s_app_partner ul li a{ float: left; width: 100%; text-align:right; line-height:25px; }
.s_app_partner .owl-dots{ padding: 4.27% 0 0 0; text-align: center; line-height: 0;}
.s_app_partner .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:10px; height: 10px;  margin: 0 8px; 
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
	background: #bcbcbc;
}
.s_app_partner .owl-dot.active{ background: #186ebf; width:10px; height: 10px;}
.s_lng{ overflow:hidden; text-align:center;}
.s_lng img{margin:0px auto;}
.s_app_lc{padding:45px 0px 60px 0px; background:#f4f4f4; margin-top:70px; overflow:hidden;}
.s_app_lc li{width:100%; overflow:hidden;}
.s_app_lc li .img1{width:170px;position:relative; z-index:10;padding-bottom:44px;}
.s_app_lc li .img2,.s_app_lc li .img3,.s_app_lc li .img4,.s_app_lc li .img5,.s_app_lc li .img6,.s_app_lc li .img7,.s_app_lc li .img8,.s_app_lc li .img9,.s_app_lc li .img10{width:100px; height:100px; border-radius:50%;margin-left:35px;margin-right:35px; background:#186ebf; text-align:center; position:relative;}

.s_app_lc li .img1:before{content:""; position:absolute; left:50%; margin-left:-0.5px; width:1px; background:#186ebf;top:170px; height:50px;z-index:2;}
.s_app_lc li .img1:after{content:""; position:absolute; left:50%; margin-left:-9.5px; width:18px; background:url(../images/xiala.png) no-repeat;height:100%; top:188px; height:9px;z-index:2;}
.s_app_lc li .img2:before,.s_app_lc li .img3:before,.s_app_lc li .img6:before,.s_app_lc li .img7:before{content:""; position:absolute; left:50%; margin-left:-0.5px; width:1px; background:#186ebf;top:100px; height:200%;z-index:2;}
.s_app_lc li .img2:after,.s_app_lc li .img3:after,.s_app_lc li .img6:after,.s_app_lc li .img7:after{content:""; position:absolute; left:50%; margin-left:-9.5px; width:18px; background:url(../images/xiala.png) no-repeat;height:100%; top:156px; height:9px;z-index:2;}

.s_app_lc li .img4:before,.s_app_lc li .img5:before{content:""; position:absolute; left:50%; margin-left:-0.5px; width:1px; background:#186ebf;top:100px; height:200%;z-index:2;}
.s_app_lc li .img4:after,.s_app_lc li .img5:after{content:""; position:absolute; left:50%; margin-left:-9.5px; width:18px; background:url(../images/xiala.png) no-repeat;height:100%; top:126px; height:9px;z-index:2;}

.s_app_lc li .img8:before{content:""; position:absolute; left:50%; margin-left:-0.5px; width:1px; background:#186ebf;top:100px; height:200%;z-index:2;}
.s_app_lc li .img8:after{content:""; position:absolute; left:50%; margin-left:-9.5px; width:18px; background:url(../images/xiala.png) no-repeat;height:100%; top:185px; height:9px;z-index:2;}

.s_app_lc li .img9:before{content:""; position:absolute; left:50%; margin-left:-0.5px; width:1px; background:#186ebf;top:100px; height:200%;z-index:2;}
.s_app_lc li .img9:after{content:""; position:absolute; left:50%; margin-left:-9.5px; width:18px; background:url(../images/xiala.png) no-repeat;height:100%; top:121px; height:9px;z-index:2;}

.s_app_lc li .txt{width:970px; color:#186ebf;margin-bottom:50px;}
.s_app_lc li .txt h2{width:100%; height:170px; display:table-cell; vertical-align:middle;font-size:24px;line-height:34px;}
.s_app_lc li .txt h3{font-size:18px; line-height:34px; font-weight:bold;}
.s_app_lc li .txt h4{height:100px;display:table-cell; vertical-align:middle; font-size:18px; font-weight:bold;}
.s_app_lc li .txt dl{padding-right:30px; margin-top:15px; }
.s_app_lc li .txt dl dd{margin-right:1%;float:left; height:50px; line-height:50px; background:#FFF;width:23%; margin-bottom:10px;padding-left:1%; color:#333;}

@media  screen and (max-width:1170px){
  .s_app .img{width:40%; height:auto;}
  .s_app .txt{width:60%; height:100%; margin-top:80px;}
  .s_app .txt .info{height:100%;}
  .s_lng img{width:100%;}
  .s_app_lc li .img1{width:15%;}
  .s_app_lc li .img1 img{width:100%;}
  .s_app_lc li .txt h2{height:100px;}
  .s_app_lc li .img1:before{bottom:0px;display:none; }
  .s_app_lc li .img1:after{display:none; }
  .s_app_lc li .img2,.s_app_lc li .img3,.s_app_lc li .img4,.s_app_lc li .img5,.s_app_lc li .img6,.s_app_lc li .img7,.s_app_lc li .img8,.s_app_lc li .img9,.s_app_lc li .img10{width:80px; height:80px; margin-left:15px;}
  .s_app_lc li .img2:before,.s_app_lc li .img3:before,.s_app_lc li .img4:before,.s_app_lc li .img5:before,.s_app_lc li .img6:before,.s_app_lc li .img7:before,.s_app_lc li .img8:before,.s_app_lc li .img9:before,.s_app_lc li .img10:before{display:none;}
   .s_app_lc li .img2:after,.s_app_lc li .img3:after,.s_app_lc li .img4:after,.s_app_lc li .img5:after,.s_app_lc li .img6:after,.s_app_lc li .img7:after,.s_app_lc li .img8:after,.s_app_lc li .img9:after,.s_app_lc li .img10:after{display:none;}
  .s_app_lc li .img2 img,.s_app_lc li .img3 img,.s_app_lc li .img4 img,.s_app_lc li .img5 img,.s_app_lc li .img6 img,.s_app_lc li .img7 img,.s_app_lc li .img8 img,.s_app_lc li .img9 img,.s_app_lc li .img10 img{width:100%;}
  .s_app_lc li .txt{width:78%;}
}
@media  screen and (max-width:991px){
  .s_app .txt .info{padding:20px 30px;}
  .s_app_lc li .img2,.s_app_lc li .img3,.s_app_lc li .img4,.s_app_lc li .img5,.s_app_lc li .img6,.s_app_lc li .img7,.s_app_lc li .img8,.s_app_lc li .img9,.s_app_lc li .img10{margin-right:0px; margin-left:0px;}
}
@media  screen and (max-width:776px){
  .s_app .img{width:100%;}
  .s_app .txt{width:100%;padding:30px 0px; margin-top:0px;}
  
  .s_app .txt .info{padding:0px 15px; }
  .s_app_lc li .img1{padding-bottom:0px;width:120px; height:120px;}
  .s_app_lc li .txt h2{height:auto; text-align:center; display:block;}
.s_app_lc li .txt{width:100%; margin-top:25px; margin-bottom:25px; text-align:center;}
.s_app_lc li .txt dl{padding-right:0px;}

.s_app_lc li .txt h4{height:auto; display:block;}
.s_app_lc li .img1,.s_app_lc li .img2,.s_app_lc li .img3,.s_app_lc li .img4,.s_app_lc li .img5,.s_app_lc li .img6,.s_app_lc li .img7,.s_app_lc li .img8,.s_app_lc li .img9,.s_app_lc li .img10{margin:0px auto;}
}
@media  screen and (max-width:640px){
.s_app .txt .info{font-size:14px;}
.s_app_lc li .txt dl dd{width:31.33%;}
}

@media  screen and (max-width:580px){

.s_app_lc li .txt dl dd{width:48%;}
}

.s_service{margin-top:30px; margin-bottom:15px;font-size:16px;}
.s_service p{line-height:34px; }
@media  screen and (max-width:640px){
.s_service{font-size:14px;}
}

.s_about{margin-top:30px; margin-bottom:46px;font-size:16px;}
.s_about p{line-height:34px; margin-bottom:10px; }
.s_about p span{font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; color:#656565; display:block;}
.s_about img{width:100%;}
.s_about_service{padding:40px 0px 60px 0px; background:#f5f5f5;font-size:16px; }
.s_about_service p{line-height:34px; margin-bottom:10px; }
.s_about_service p span{font-family:Arial, Helvetica, sans-serif; letter-spacing:1px;  color:#656565; display:block;}
.s_about_linian{ position:relative; background:url(../images/aboutpic1.jpg) center no-repeat; min-height:345px;}
.s_about_linian img{display:none; width:100%;}
.s_about_vi{ font-size:16px;  color:#FFF; position:absolute; top:8%; color:#FFF; left:50%; margin-left:-585px;}
.s_about_vi p{line-height:30px; margin-bottom:10px;}
.s_about_vi p span{font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; color:#FFF; display:block;}

.s_aboutlist{width:100%;margin-top:40px;}
.s_aboutlist ul li a{float:left; width:100%; position:relative; display:block; }
.s_aboutlist ul li a .img{margin-top:100px;}
.s_aboutlist ul li .on .img{margin-top:0px; margin-bottom:98px;}
.s_aboutlist ul li a .txt{width:90%; height:97%; position:absolute;top:0px; left:5%; }
.s_aboutlist ul li a:hover .txt{border:1px solid #186ebf; }
.s_aboutlist ul li a .txt em{height:60px; position:absolute;top:25px; display:inline-block; vertical-align:middle; font-style:normal; text-align:center; width:100%; font-size:18px;  line-height:28px;}
.s_aboutlist ul li a .txt em:before{width:20px; height:1px; content:""; position:absolute;  left:50%; bottom:0px; margin-left:-10px; background:#c8c8c8;}
.s_aboutlist ul li a .txt em span{position:absolute; z-index:-1; font-size:16px; display:block; text-align:center; width:100%; color:#c8c8c8; font-family:Arial, Helvetica, sans-serif; margin-bottom:30px; }
.s_aboutlist ul li a .txt em i{position:absolute; top:25px; font-style:normal; display:block; text-align:center; width:100%;}
.s_aboutlist ul li a:hover .txt em i{top:15px;}
.s_aboutlist ul li a:hover .txt em{line-height:40px;}
.s_aboutlist ul li a:hover .txt em:before{background:#186ebf; bottom:-5px;}
.s_aboutlist ul li a:hover .txt em span{font-size:56px; font-weight:bold; top:15px; font-family:"Times New Roman", Times, serif; opacity:0.5;}
.s_aboutlist ul li .on .txt{ top:3%;}
.s_aboutlist ul li .on .txt em{height:60px; top:auto; bottom:10px; }
.s_aboutlist ul li .on .txt em:before{ top:-10px;}
.s_aboutlist ul li .on:hover .txt em span{top:0px;}
.s_aboutlist .owl-dots{ padding: 4.76% 0px 0px 0px; text-align: center; line-height: 0;}
.s_aboutlist .owl-dot{ display: inline-block; *display: inline; *zoom: 1; width:10px; height: 10px;  margin: 0 8px; 
    border-radius:50%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -o-border-radius:50%;
	background: #bcbcbc;
}
.s_aboutlist .owl-dot.active{ background: #186ebf; width:10px; height: 10px;}

@media  screen and (max-width:1170px){
  .s_about_vi{width:100%; left:0%; margin-left:0px;  } 
 .s_about_vi p{line-height:24px; font-size:14px;}
}

@media  screen and (max-width:991px){
.s_about_vi p{line-height:20px;}

}
@media  screen and (max-width:776px){
.s_about_vi p{line-height:18px;}

}
@media  screen and (max-width:640px){
.s_about_linian img{display:block; height:auto;}
.s_about_linian{background:none; height:auto; }
.s_about_vi{position:relative; padding:40px 0px 60px 0px;}
.s_about_vi p{line-height:34px; color:#333;}
.s_about_vi p span{color:#656565;}
}

.w_1170{ width:1170px; margin:0 auto; }
@media  screen and (max-width:1169px){
.w_1170{ width:auto; padding:0 2%;}	
	}
.list1{ float:left; width:100%; margin-top:20px; }
.ul_3{ width:100%; float: left;}
.ul_3 li{ width:100%; float: left; padding: 20px; border:1px solid #eee; margin-top:20px;
-moz-border-radius:4px; 
 -webkit-border-radius:4px; 
 -khtml-border-radius:4px;
 border-radius:4px;
 -webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_3 li .img{ width:214px; height: 160px; float: left; overflow: hidden;}
.ul_3 li .img img{ width:100%; float: left;}
.ul_3 li .text{ margin-left: 244px; padding-right: 246px; position: relative;}
.ul_3 li .text .time{ position: absolute; right: 0; top: 26px;}
.ul_3 li .text .time h2{ width:100%; float: left; text-align: right; font-size: 16px; color: #666; line-height: 25px;}
.ul_3 li .text .time span{ display: block; float: right; margin-top: 36px; width: 40px; height: 40px; background: url(../images/ico_7_2.png) no-repeat center center white;
-moz-border-radius:50%; 
 -webkit-border-radius:50%; 
 -khtml-border-radius:50%;
 border-radius:50%;
 -webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.ul_3 li .text h4{ width:100%; float: left; margin-top: 26px; font-size: 16px; color: #333; line-height: 25px; height: 25px; overflow: hidden;}
.ul_3 li .text .p{ width:100%; float: left; margin-top: 27px; font-size: 14px; color: #999; line-height: 28px; height: 56px; overflow: hidden;}
.ul_3 li:hover{ 
box-shadow:0 0 20px #ccc;
-moz-box-shadow:0 0 20px #ccc;
-ms-box-shadow:0 0 20px #ccc;
-webkit-box-shadow:0 0 20px #ccc;
}
.ul_3 li:hover .text h4{ color:#095b9f;}
.ul_3 li:hover .text .time span{ background-color:#f39801;}
@media  screen and (max-width:1024px){
.ul_3 li .text{ padding-right: 106px;}
}
@media  screen and (max-width:767px){
.ul_3{ margin-top: 0;}
.ul_3 li{ padding: 10px; margin-top:15px;}
.ul_3 li .img{ width:160px; height: 120px;}
.ul_3 li .text{ padding-right: 76px; margin-left: 174px;}
.ul_3 li .text .time h2{ font-size: 20px; line-height: 22px;}
.ul_3 li .text .time span{ margin-top: 16px; width: 30px; height: 30px; background-size: 11px 11px;}
.ul_3 li .text h4{ margin-top: 20px; font-size: 14px; line-height: 22px; height: 22px;}
.ul_3 li .text .p{ margin-top: 20px; font-size: 12px; line-height: 22px; height: 44px;}
}
@media  screen and (max-width:767px){
.list1{ margin-top:0;}	
.ul_3 li{ position: relative;}
.ul_3 li .img{ width:100px; height: 74px;}
.ul_3 li .text{ padding-right: 0px; margin-left: 114px; position: inherit;}
.ul_3 li .text .time{ left: 10px; top: 10px; width:48px; height: 20px;}
.ul_3 li .text .time span{ display: none;}
.ul_3 li .text .time h2{text-align: center; color: white; background:#f39801; font-size: 12px; line-height:16px; padding:2px 0;}

.ul_3 li .text h4{ margin-top: 0px;}
.ul_3 li .text .p{ margin-top: 10px;}
.ul_3 li:hover{ 
box-shadow:0 0 10px #ccc;
-moz-box-shadow:0 0 10px #ccc;
-ms-box-shadow:0 0 10px #ccc;
-webkit-box-shadow:0 0 10px #ccc;
}

}
.none1{ opacity:0;filter:alpha(opacity=00);}
.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}



/*新闻详情*/
.s_content{border-bottom:1px solid #d7d8d8;}
.s_content p {
    line-height: 28px;
    margin-bottom: 10px;
    margin-bottom: 25px;
}
.s_content img{max-width:100%; width:auto; display:inline;}
.c_0100_18{ float:left; width:100%;}
.t_0100_6{ float:left; width:100%;}
.t_0100_6 .t_t_5{ float:left; width:100%; text-align:center; color:#333333; font-size:24px; font-weight:bold; border-bottom:1px solid #d7d8d8; padding:40px 0 30px 0; line-height:30px;}
.t_0100_6 .d_t_5{ float:left; width:100%; height:53px; border-bottom:1px solid #d7d8d8; margin-bottom:20px;}
.t_0100_6 .d_t_5 .d_l_1{ float:left; color:#777777; font-size:14px; line-height:53px;}
.t_0100_6 .d_t_5 .d_l_2{ float:right; color:#777777; font-size:14px; line-height:53px;  }
.t_0100_6 .d_t_5 .d_l_2 a{ color:#777777; position:relative; padding-right:40px;}
.t_0100_6 .d_t_5 .d_l_2 a:hover{ color: #095b9f;}
.t_0100_6 .d_t_5 .d_l_2 img{ width: 38px; display: inline; position:absolute; right:0px; top:50%; margin-top:-17px;}

.c_0100_18 .news1{ float:left; width:100%; padding-bottom:60px;}
.c_0100_18 .news1 .title8{ float:left; width:100%; line-height:28px; font-size:18px; color:#186ebf; padding:32px 0 20px 0;}
.c_0100_18 .news1 .ul06{ float:left; width:100%;}
.c_0100_18 .news1 .ul06 li{ float:left; width:48.5%; height:38px; line-height:38px; border-bottom:1px dashed #cccccc; padding-bottom:2px; margin-right:3%;}
.c_0100_18 .news1 .ul06 li:nth-child(2n){ margin-right:0;}
.c_0100_18 .news1 .ul06 li a{ display:block; float:left; width:80%; font-size:14px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.c_0100_18 .news1 .ul06 li span{ display:block; float:right; font-size:14px; color:#777; text-align:right; width:20%; overflow:hidden;}
.c_0100_18 .news1 .ul06 li a:hover{ color:#e60012;}

.moveIn{ float:left; width:100%; padding: 40px 0 0px 0; color:#333333; font-size:14px; line-height:30px; }

@media  screen and (max-width:991px){
    .moveIn{ padding: 25px 0 25px 0;  }
}
@media  screen and (max-width:767px){
    .t_0100_6 .t_t_5{  font-size:18px; padding: 25px 0;}
    .t_0100_6 .d_t_5{ height:auto; text-align: center;}
    .t_0100_6 .d_t_5 .d_l_1{ float:left; width: 100%; padding: 10px 0 5px 0; line-height: 24px; text-align: center;}
	.t_0100_6 .d_t_5 .d_l_1 i{ display:block; width:100%; height:1px; }
    .t_0100_6 .d_t_5 .d_l_2{ float:left; width: 100%; text-align: center; background: 0;}
    .moveIn{ padding: 20px 0;  }
    .t_0100_6 .d_t_5 .d_l_2 img{ width: 28px;}
	.t_0100_6 .d_t_5 .d_l_2{ display:none;}
	.c_0100_18 .news1 .ul06 li{width:100%;}
	.c_0100_18 .news1 .title8{padding-top:0px;}
}

@media  screen and (max-width:420px){
   .c_0100_18 .news1 .ul06 li a{width:70%;}
   .c_0100_18 .news1 .ul06 li span{width:30%;}
}


.link9{ float:left; width:100%; height:59px; line-height:59px; font-size:14px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; overflow:hidden; margin-bottom:60px;}
.link9 li{ color:#666;  float:left; width:50%; height:59px; list-style:none;}
.link9 li a{text-align:left; text-indent:0; border-right:1px solid #ededed;display:block;overflow:hidden; max-width:585px;white-space:nowrap;text-overflow:ellipsis; }
.link9 li a:hover{ color:#095b9f;}
.link9 .a8{ text-align:right; text-indent:0; border-right:0px;}

@media  screen and (max-width:767px){
.link9{ height:40px; line-height:40px;}
.link9 a{ height:auto; line-height:none;}
	}

.c_m_0100_4{ float:left; width:100%; margin:36px 0 38px 0; text-align: center; }
.c_m_0100_4 .l_140{ width:140px; margin:0 auto;}

.s_newslist{margin-top:35px; border-top:1px solid #e1e1e1;}
.s_newslist li{width:100%; }
.s_newslist li a{display:block; border-bottom:1px solid #e1e1e1;overflow:hidden; padding:30px 0px; position:relative;z-index: 2;}
.s_newslist li a:after{content:"";width:0px; height:100%;display:block; position:absolute; left:0px; top:0px;background:#186ebf;z-index: -1;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.s_newslist li a:hover:after{ width:100%;}
.s_newslist li a .n_l{width:110px;float:left; font-family:Arial, Helvetica, sans-serif; margin-top:30px;}
.s_newslist li a .time{width:100%; font-size:14px; line-height:22px; padding-bottom:10px;border-bottom:1px solid #e1e1e1; color:#999999; -webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.s_newslist li a .time span{font-size:36px; color:#b0b0b0; font-weight:bold; display:block; height:30px;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.s_newslist li a .more{line-height:45px; color:#999; text-align:center; height:55px; color:#999999;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.s_newslist li a .n_c{margin-left:90px; margin-right:60px; margin-top:30px;width:697px; float:left;}
.s_newslist li a .n_c h2{line-height:22px; font-size:18px; color:#1a1919; -webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.s_newslist li a .n_c h3{line-height:26px; font-size:16px; color:#3e3e3e; margin-top:20px; -webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
.s_newslist li a .img{width:212px;float:right;}
.s_newslist li a .img img{width:100%; -webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

.s_newslist li a:hover .time{color:#a8bfe1; border-bottom:1px solid #307dc6;}
.s_newslist li a:hover .time span{color:#FFF;}
.s_newslist li a:hover .more{color:#a8bfe1;}
.s_newslist li a:hover .n_c h2{color:#FFF;}
.s_newslist li a:hover .n_c h3{color:#a8bfe1;}
@media  screen and (max-width:1170px){
  .s_newslist li a .n_l{width:15%;}
  .s_newslist li a .time{width:110px;}
  .s_newslist li a .more{width:110px;}
  .s_newslist li a .n_c{width:50%; margin-left:5%; margin-right:5%;}
  .s_newslist li a .img{width:25%;}
}
@media  screen and (max-width:776px){
  .s_newslist li a .n_l{width:20%; position:absolute;left:5%; top:5%; z-index:10;}
  .s_newslist li a .time{width:60px; text-align:center;color:#186ebf;}
  .s_newslist li a .time span{font-size:24px; color:#186ebf;}
  .s_newslist li a .more{display:none;}
  .s_newslist li a .n_c{width:55%;  margin-right:0%; float:right; margin-top:0px;}
  
  .s_newslist li a .img{width:40%; float:left; position:relative;}
  .s_newslist li a .n_c h2{font-size:16px; line-height:25px;}
  .s_newslist li a .n_c h3{font-size:14px; margin-top:10px;}
  .s_newslist li a:hover .time span{color:#FFF;}
}

@media  screen and (max-width:640px){
  .s_newslist li a .n_l{width:60px; top:0px; left:2%;}
  .s_newslist li a .time{background:#186ebf; color:#FFF; padding-bottom:0px;; }
  .s_newslist li a .time span{font-size:18px; color:#FFF;height:22px;}
  
  .s_newslist li a .n_c h2{font-size:14px; line-height:25px;}
  .s_newslist li a .n_c h3{font-size:12px;}
  .s_newslist li a:hover .time{color:#186ebf;background:#FFF;}
  .s_newslist li a:hover .time span{color:#186ebf;}
}

@media  screen and (max-width:420px){
 .s_newslist li a .time{font-size:14px;}	
 .s_newslist li a .time span{font-size:16px;}	
 .s_newslist li a .n_c h2{font-size:16px;}
 .s_newslist li a .n_c h3{display:none;}
}

.s_contact{width:100%;}
.s_contact li{width:25%; background:url(../images/c_line.png) right center no-repeat; height:180px; line-height:35px;float:left;}
.s_contact li:last-child{background:none;}
.s_contact li .img{width:80px; margin:0px auto;}
.s_contact li .img img{width:100%;}
.s_contact li h2{font-size:16px; margin-top:10px;  text-align:center;}
.s_contact li h3{font-size:14px; color:#666;text-align:center;width:80%; margin:0px auto; line-height:25px;}
.s_contact li h3 .wechat{position:relative;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; }
.s_contact li h3 .wechat .ewm{position:absolute; bottom:25px;width:100px; left:0%; margin-left:-40px; display:none;}
.s_contact li h3 .wechat .ewm img{width:100%;}
.s_contact li h3 .wechat:hover .ewm{display:block;}

.us_cont2{width:100%; padding-top:40px; padding-bottom:40px; overflow:hidden;}
#bdmap{width:100%; height:456px;}

.s_message{width:100%; overflow:hidden;}
.s_message .line{width:100%;margin-top:12px; margin-bottom:42px; height:6px;  position:relative; z-index:1;}
.s_message .line:before,.s_message .line:after{content:"";width:50%; top:0px; height:6px;position:absolute;}
.s_message .line:before{left:0px; background:url(../images/l_line.png) left no-repeat;}
.s_message .line:after{right:0px; background:url(../images/r_line.png) right no-repeat;}
.s_message .title{position:absolute;line-height:24px; top:-10px; height:24px; background:#Fafafa; padding:0px 23px; left:50%; margin-left:-52px; font-size:20px; z-index:10;}
.s_message .title:before,.s_message .title:after{content:"";width:6px; height:6px; border-radius:50%;border:1px solid #e1e1e1;position:absolute; top:50%;margin-top:-3px;}
.s_message .title:before{left:0px;}
.s_message .title:after{right:0px;}
.formlist{width:100%; overflow:hidden;}
.formlist ul{width:363px;float:left;margin-left:-10px;}
.formlist ul li{width:100%;margin-bottom:10px; position:relative; }
.formlist ul li:last-child{margin-bottom:0px;}
.text{position:absolute; left:10px; top:10px;height:18px; font-size:14px; color:#666; line-height:18px;}
.text span{color:#ccc; font-family:arial; text-transform:uppercase; margin-left:7px;}
.formlist ul li .int{width:100%; border:1px solid #eee;padding:10px; padding-right:0px; line-height:18px; background:#fdfdfd;color:#666;margin-left: -10px;}

.formlist .bodyform{width:762px;float:right; color:#666;   position:relative;}
.formlist .bodyform .body{width:100%; height:124px;padding:10px 0px 0px 10px;background:#fdfdfd; border:1px solid #eee;margin-left: -10px;}
.formlist .btn{width:274px; height:54px;margin:30px auto 60px auto;}
.formlist .btn1{width:100%; border-radius:27px; background:#186ebf;font-size:18px; line-height:54px;color:#FFF; text-align:center;border:0px;}

@media  screen and (max-width:1170px){
  .formlist ul{width:35%;}
  .formlist .bodyform{width:60%;}
}
@media  screen and (max-width:767px){
  .s_contact li .img{width:60px;}
  .s_contact li h2{font-size:14px;}
  .s_contact li h3{font-size:12px;}
}
@media  screen and (max-width:640px){
  .formlist ul{width:90%; float:none; margin:0px auto;}
  .formlist .bodyform{width:90%; float:none; margin:0px auto;margin-top:10px;}
  .formlist .btn{width:240px; height:40px;}
  .formlist .btn1{line-height:40px; border-radius:20px;font-size:16px;}
  .s_contact li{width:100%; background:none; border-bottom:1px solid #eee; margin-top:25px; height:auto;padding-bottom:15px}
  .s_contact li .img{width:80px;}
  .s_contact li h2{font-size:16px;}
  .s_contact li h3{font-size:14px;}
}

.s_techlist{margin-top:-40px; overflow:hidden;}
.s_techlist li{padding:40px 0px;overflow:hidden;}
.s_techlist .r1{background:url(../images/twobg.jpg) center repeat-y;}
.s_techlist .r2{background:url(../images/threebg.jpg) center repeat-y;}
.s_techlist .r4{background:url(../images/fivebg.jpg) center repeat-y;}
.s_techlist li .txt{width:700px; }
.s_techlist li .txt h2{height:89px; position:relative; margin-top:10px;}
.s_techlist li .txt h2 img{height:100%;}
.s_techlist .r1 .txt h2 {text-align:right;}
.s_techlist .r3 .txt h2 {text-align:right;}
.s_techlist .r2 .txt h2 span,.s_techlist .r2 .txt h2 em{color:#FFF;}
.s_techlist li .txt h2 span{font-size:24px; line-height:36px; display:block;position:absolute;top:14px; color:#333;}
.s_techlist li .txt h2 em{font-size:16px; line-height:25px; display:block; position:absolute; top:44.5px;font-style: normal;color:#5f5f5f;}
.s_techlist .r1 .txt h2 span,.s_techlist .r1 .txt h2 em{right:0px;}
.s_techlist .r3 .txt h2 span,.s_techlist .r3 .txt h2 em{right:0px;}
.s_techlist li .txt h3{margin-top:10px; line-height:36px; font-size:16px; color:#333;}
.s_techlist li .img{width:400px; margin-bottom:30px;margin-right:70px; position:relative;}
.s_techlist .r2 .txt h3{color:#FFF;}
.s_techlist .r1 .img{margin-right:30px; margin-left:40px;}
.s_techlist .r3 .img{margin-right:30px; margin-left:40px;}
.s_techlist li .img img{width:100%;position:relative; z-index:10;}
.s_techlist li .imgbg{width:100%;height:100%; position:absolute; background:url(../images/techico_19.png) repeat; left:30px; top:30px;z-index:0;}

@media  screen and (max-width:1170px){
  .s_techlist li .txt{width:60%;}
  .s_techlist li .img{width:30%;}
}

@media  screen and (max-width:991px){
  .s_techlist li .txt h2{height:70px; margin-top:0px;}
   .s_techlist li .txt h2 span{font-size:20px; line-height:20px;}
  .s_techlist li .txt h2 em{font-size:14px;line-height:20px;}
  .s_techlist li .txt h3{font-size:14px; line-height:25px; margin-top:10px;}
}

@media  screen and (max-width:767px){
  .s_techlist li{padding:25px 0px;}
  .s_techlist li .txt{width:100%; }
  .s_techlist li .txt h2{height:60px; }
   .s_techlist li .txt h2 span{font-size:16px; line-height:20px; top:10px;}
  .s_techlist li .txt h2 em{font-size:14px;line-height:20px; top:30px;}
  .s_techlist li .img{margin-right:5%;margin-bottom:8%;  width:95%; }
  .s_techlist li .imgbg{left:5%; top:5%;width:100%; height:100%;}
  
  .s_techlist .r1 .img{margin:0px;margin-bottom:8%;}
  .s_techlist .r3 .img{margin:0px;margin-bottom:8%;}
  .r{float:none;}
  .l{float:none;}
  
}

.s_historybg{background:url(../images/historybg.jpg) #fafafa top center no-repeat; background-size:cover; min-height:1700px; width:100%; position:relative; padding-bottom:30px;}
.s_historybg .xian{position:absolute;top:960px; width:1170px; height:1px;left:50%; margin-left:-585px; background:#186ebf; }
.s_historybg .xian:before,.s_historybg .xian:after{content:"";width:6px; height:6px; background:#186ebf; border-radius:50%;position:absolute;  top:-2.5px;}
.s_historybg .xian:before{left:0px;}
.s_historybg .xian:after{right:0px;}
.history{width:1170px;height:1330px;position:absolute; top:50%; margin-top:-665px; }
.historylist{margin:0px; width:100%;}
.historylist ul li{ padding-left:15px; padding-right:15px;}
.historylist ul li a{ float: left; width: 100%; height:1530px; position:relative;}
.historylist ul li a .title{width:90px;height:90px;position:absolute;left:50%;margin-left:-45px; top:50%; margin-top:-140px; border-radius:50%; background:#186ebf; font-size:24px; font-family:arial; font-weight:bold; color:#FFF; line-height:90px; text-align:center;}
.historylist ul li a .title:before,.historylist ul li a .title:after{content:"";height:45px; width:1px; background:#186ebf; position:absolute; left:50%;}
.historylist ul li a .title:before{top:-45px;}

.historylist ul li a .title:after{top:90px;}

.historylist ul li a .en,.historylist ul li a .cn{width:100%; position:absolute; border-radius:5px;  font-size:16px; color:#FFF; line-height:21px;}
.historylist ul li a .en{background:#499cea;bottom:50%; margin-bottom:192px; font-family:arial;}
.historylist ul li a .en:after{content:""; position:absolute;width:6px; height:6px; left:50%; margin-left:-2.5px;bottom:-10px; border-radius:50%; background:#186ebf;}
.historylist ul li a .cn{background:#186ebf; top:50%; margin-top:0px;}
.historylist ul li a .cn:before{content:""; position:absolute;width:6px; height:6px; left:50%; margin-left:-2.5px;top:-10px; border-radius:50%; background:#186ebf;}
.historylist ul li a  span{display:block;margin:15px;}
.historylist ul li a  span p{margin-bottom:10px;}


.historylist .owl-prev{width:76px;float:left;height:76px;  background:url(../images/h_left.png) center no-repeat; background-size:cover; display:block; filter:alpha(opacity=80);opacity:0.8; position:absolute; left:-90px; top:50%;margin-top:-138px; }
.historylist .owl-next{width:76px;height:76px;  background:url(../images/h_right.png) center no-repeat; background-size:cover;display:block; filter:alpha(opacity=80);opacity:0.8; position:absolute; right:-90px;top:50%;margin-top:-138px;}
.historylist .owl-prev:hover,.historylist .owl-next:hover{filter:alpha(opacity=100);opacity:1;}

.m_history{width:100%; display:none;}
.m_history h2{font-size:16px; font-family:Arial, Helvetica, sans-serif; line-height:35px; color:#186ebf; font-weight:bold;}
.m_history .txt{font-size:14px; }
.m_history p{margin-bottom:10px; line-height:20px;}
.m_history .en p{font-family:Arial, Helvetica, sans-serif;}

@media  screen and (max-width:1360px){

  .s_historybg .xian{width:95%; left:2.5%; margin-left:0px;}
  .s_historybg .xian:before,.s_historybg .xian:after{width:0px; height:0px;}
  .history{width:95%; left:2.5%;}
  .historylist .owl-prev,.historylist .owl-next{width:60px; height:60px; margin-top:-129px;}
  .historylist .owl-prev{left:-50px;}
  .historylist .owl-next{right:-50px;}
}
@media  screen and (max-width:1360px){

  .historylist .owl-prev{left:-45px;}
  .historylist .owl-next{right:-45px;}
}

@media  screen and (max-width:991px){
  .s_historybg .xian{width:90%; left:5%; margin-left:0px;}
  .history{width:90%; left:5%;}
  .historylist .owl-prev{left:-70px;}
  .historylist .owl-next{right:-70px;}
}

@media  screen and (max-width:767px){
 
  .historylist .owl-prev{left:-60px;}
  .historylist .owl-next{right:-60px;}
}

@media  screen and (max-width:640px){
  .xian{display:none;}
  .historylist{display:none;}
  .m_history{display:block;}
}

/* right */
.c_right{ position:fixed; right:0; top:40%; z-index:9999; width:40px; right:20px;}
.c_right ul li{ float:left; width:40px; margin-bottom:10px; }
.c_right ul li a{ display: block; float:left; width:100%; position:relative; background:#333333;height:30px; text-align:center; border-radius:50%; padding-top:10px;}
.c_right ul li a .img_r_1{ display:block; float:left; width:100%; opacity:1;filter:alpha(opacity=100);
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.c_right ul li a .img_r_2{ display:block; position:absolute; left:0; top:0; z-index:9; float:left; width:100%; opacity:0;filter:alpha(opacity=00);
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.c_right ul li a font{ display:block; position:absolute; right:130%; top:0; height:40px; line-height:40px; text-align:center; font-size:14px; color:#fff; font-family:"Arial"; overflow:hidden; width:0px; background:#eb9822 right center no-repeat;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s; border-radius:5px; min-height:40px;}
.c_right ul li a span{ display:block; position:absolute; right:100%; top:50%; margin-right:5px; margin-top:-60px; height:120px; width:0; overflow:hidden;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
     -o-transition: all 0.2s ease-out 0s; 
        transition: all 0.2s ease-out 0s;}
.c_right ul li a font .txt{}
.c_right ul li a font .ico{position:absolute; top:50%; width:14px; height:15px; margin-top:-7.5px; right:-14px; z-index:200;}
.c_right ul li a span img{ display:block; float:left; width:120px; max-width:120px;}			
.c_right ul li a:hover{ background:#eb9822;}
.c_right ul li a:hover .img_r_1{ opacity:0;filter:alpha(opacity=00);}
.c_right ul li a:hover .img_r_2{ opacity:1;filter:alpha(opacity=100);}
.c_right ul li a:hover font{ width:120px; }
.c_right ul li a:hover span{ width:120px;}	