/* 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;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
img{font-size:12px; width:100%;}
a{color:#333333; text-decoration:none;-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;}
.clear{clear:both;}
.clearfix:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  zoom: 1; 
  }
@font-face {
    font-family: 'futura';
	src: url('../font/futura.eot');
    src: url('../font/futura.eot?#iefix') format('embedded-opentype'),
         url('../font/futura.woff') format('woff'),
         url('../font/futura.ttf') format('truetype'),
         url('../font/futura.svg#webfont34M5alKg') format('svg');
	font-style:normal;
	font-weight:normal;
}

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

@media screen and (max-width:1200px){
	.visible-hd {
		display: block !important;
	}
	.visible-lg {
		display: none !important;
	}
}
.l{float:left;}
.r{float:right;}
.g-wrap{max-width:1200px; margin-left:auto; margin-right:auto;padding-left:15px; padding-right:15px; }
.ellip{overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.head{width:100%; height:92px; background:#FFF; }

.head .logo{width:257px; margin-top:16px; float:left; display:block;}
.h_right{float:right; }
#nav{height:92px; float:left;}
#nav li{ line-height:92px; font-size:16px; color:#FFFFFF; float:left; text-align:center;   z-index:10; margin-left:20px; margin-right:20px; }
#nav li .aon a{display:block; color:#333333; text-align:center; letter-spacing:1px; position:relative;}
#nav li .aon a:after{content:"";position:absolute;width:0px;height:2px; background:#44bcbb;  bottom:0px; left:0px; transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;}
#nav li .aon a:hover, #nav li .aon .sele{color:#44bcbb;}
#nav li .aon a:hover:after, #nav li .aon .sele:after{width:100%;}
#nav li .subnav{position:absolute;top:92px;  display:none; z-index:20; background:#44bcbb; width:100%; left:0px; height:56px; }
#nav li .subnav dl{position:absolute;width:1140px; left:50%; margin-left:-570px; top:0px; }
#nav li .subnav dl dd{line-height:56px; color:#FFFFFF; float:left;  padding:0px 27px; }
#nav li .subnav dl dd a{color:#FFF; display:block; font-size:14px; transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s; position:relative;}
#nav li .subnav dl dd a:hover{color:#102c2c; }
#nav li .subnav dl dd:hover a{color:#102c2c; }
#nav li .aon a:hover .subnav{display:block;}
.search{ float:right;width:18px; height:18px; cursor:pointer; margin-top:37px; margin-bottom:37px; margin-right:22px; }
.search:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}

.lang{width:103px; float:right; height:22px; line-height:22px; position:relative; margin-top:35px;}
.lang:before{position:absolute; content:""; height:100%; width:1px; background:#999;}
.lang .ico{width:17px; float:left; margin-left:23px; margin-top:3px; }
.lang .txt{margin-left:10px; float:right; position:relative; line-height:22px; font-size:16px; width:50px;}
.lang .txt em{font-style:normal; width:10px; height:5px; position:absolute; top:50%; margin-top:-3px; right:0px; background:url(../images/xiala.png) center center no-repeat; display:block; cursor:pointer;}
.lang .txt .xiala{position:absolute; top:25px; background:rgba(76,206,222,0.5); width:100%; line-height:30px; font-size:14px; text-align:center; border-radius:5px; z-index:30; display:none;}
.lang .txt .xiala a{color:#FFF; display:block;}
.lang .txt .xiala a:hover{color:#102c2c;}
/*手机网站头部*/
.phhead{width:100%;  position: fixed;left: 0;top: 0; z-index: 200; display:none;  background:#FFF;}
.pcontainer { padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.phhead .logo{ padding:17px 0px;width:200px; margin:0px auto;}
.phonemeng{width:100%;z-index: 196; height:83px;}

.searchbg{float:left; width:100%; height:100%; background:rgba(0,0,0,0.3) left top repeat; position:fixed; top:0px; left:0px; z-index:999; display:none;}
.searchbg .search{position:absolute; width:1170px; height:170px; background:rgba(68,188,187,0.8); top:50%; left:50%; margin-left:-585px; margin-top:-85px;}
.searchbg .search .int{width:50%; height:60px; line-height:60px; border-bottom:1px solid #FFFFFF; position:absolute; top:50%; left:50%; margin-left:-25%; margin-top:-30px; z-index:1000;}
.searchbg .search .int .t_int{width:95%; height:100%; line-height:100%; color:#FFF;background: transparent; border:0px; font-size:20px; margin-left:2.5%;}
.searchbg .search .btn{width:29px; height:29px; position:absolute; right:2.5%; background:url(../images/search1.png) no-repeat; background-size:cover; border:0px; top:50%; margin-top:-14.5px;}
.searchbg .search .close{width:29px;  position:absolute; top:-40px; right:5px;}

@media screen and (max-width:1170px){
.searchbg .search{width:90%;margin-left:-45%; height:140px; margin-top:-70px;}

}

@media screen and (max-width:640px){
.searchbg .search .int{width:70%; margin-left:-35%; height:50px; line-height:50px;}
.searchbg .search .int .t_int{font-size:16px;}
.searchbg .search .btn{width:20px; height:20px; margin-top:-10px;}
.searchbg .search .close{width:20px;top:-30px;}
}
@media  screen and (max-width:991px){
  .phhead .logo{ width:180px;}
  .phonemeng{height:78px;}
}


.pf_h{ float:left; width:100%; height:0px;}
.menuph{position: absolute;top: 50%;margin-top:-25px;right: 10px;cursor: pointer;width: 50px;height:50px;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: #333;}
.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: #333;}
.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;}
.m_search{position:absolute; left:15px; top:50%; margin-top:-15px;  cursor:pointer; width:30px; height:30px; }

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

.xialaph{top:83px;left: 0;width: 100%;background:rgba(68,188,187,0.9);z-index: 1049;display:none; position:fixed;}
.xialaph .img_d{ display:none;}
.xialaph .ul2,.xialaph .ul3{ display: none;}
.xialaph h4 a{color:#FFF;font-size: 14px;font-weight: bold;line-height: 50px;}
.xialaph h4 a:hover{color:#ccc;}
.xialaph h4{position: relative;}
.xialaph li:last-child h4::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #5aa531;/*opacity: 0.1;*/}
.xialaph h4::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #FFF;/*opacity: 0.1;*/}
.xialaph h5 a{color: #FFF;font-size: 14px;line-height: 50px; display:block;}
.xialaph h5{position: relative;}
.xialaph h5::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #FFF;/*opacity: 0.05;*/}
.xialaph .ul2 li:last-child h5::after{height:0px;}
.xialaph h4 img{width:15px;height:8px;float: right;margin-top: 21px;cursor: pointer;  margin-right:15px;}
.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-bottom: 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  .h_w_top{text-align:center; line-height:50px;}

@media  screen and (max-width:991px){
.xialaph{top:78px;}
}
.slide_banner{ margin:0;}
.slick-slider{z-index:10;}
.slide_banner .slick-slide{ width:100%; padding:0; position:relative; z-index:10;}
.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:25px; height:20px; overflow:hidden;}
.slide_banner .slick-dots li{ display:inline-block; vertical-align:top; width:16px; height:16px; margin:0 10px; position:relative;  top:10px;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);  border-radius:50%; }
.slide_banner .slick-dots li:after{position:absolute; content:""; width:10px; height:10px; top:50%; margin-top:-5px; left:50%; margin-left:-5px; background:#FFF; border-radius:50%;}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active{ height:16px; width:16px;  position:relative;border:1px solid #FFF;}
.slide_banner .slick-dots li.slick-active:after{width:10px; height:10px; }

.pz_banner{ position:relative; width:100%;height:100vh; }
.banner_info{position:absolute; top:0px;z-index:2; width:1200px; left:50%;margin-left:-600px; }
.sbanner_info{position:absolute; top:50%;z-index:20; width:1200px; left:50%;margin-left:-600px; height:70px; margin-top:-35px;text-align:center; font-size:18px; line-height:35px; color:#FFF;}
.sbanner_info span{font-size:28px; text-transform:uppercase; display:block;}
.sbanner_info em{font-style:normal; display:block;}

@media  screen and (max-width:640px){
.sbanner_info{font-size:16px; height:60px; margin-top:-30px; line-height:30px;}
.sbanner_info span{font-size:20px;}
}

.b_proimg{width:45%;position:absolute; top:20px; left:0px; z-index:10;}
.slide_banner .slick-slide.slick-current .b_proimg{-webkit-animation: fadeIn 4s;-moz-animation: fadeIn 4s;animation: fadeIn 4s;}
.b_protxt{width:50%; position:absolute; left:50%;top:50px;}
.b_protxt .xinghao{position:absolute; top:0px; left:0px; width:155px; height:45px; line-height:45px; text-align:center; border:1px solid #acfdfc; border-radius:3px; text-transform:uppercase; font-size:20px; color:#acfdfc; font-family:Arial, Helvetica, sans-serif;}
.b_protxt .title{font-size:40px;margin-top:85px; color:#FFF; line-height:100%;letter-spacing:2px;}
.b_protxt .stitle{font-size:20px;margin-top:35px; color:#FFF; line-height:100%; padding-left:40px; position:relative; letter-spacing:2px;}
.b_protxt .stitle:before{width:35px; height:1px; background:#FFF; content:""; position:absolute; top:50%;left:0px;}
.b_protxt .line{width:56px; height:8px; background:#FFF; margin-top:40px;}
.b_protxt .cn{font-size:18px;margin-top:40px; color:#FFF; line-height:24px;}
.b_protxt .en{margin-top:18px; font-size:10px;color:#FFF; font-family:Arial, Helvetica, sans-serif; line-height:18px; text-transform:uppercase;}
@media screen and (max-width:1366px){
.b_proimg{width:35%;}
.b_protxt .xinghao{width:120px; height:30px; line-height:30px; font-size:16px;}
.b_protxt .title{font-size:30px; margin-top:65px;}
.b_protxt .stitle{font-size:16px;margin-top:25px;}
.b_protxt .line{margin-top:25px;}
.b_protxt .cn{font-size:14px; margin-top:25px;}
.b_protxt .en{font-size:12px;}
}
@media screen and (max-width:1200px){
.banner_info{width:100%; margin-left:0px; left:0px;}
.b_proimg{width:45%;}
.b_protxt .xinghao{width:155px; height:45px; line-height:45px; font-size:20px;}
.b_protxt .title{font-size:40px; margin-top:85px;}
.b_protxt .stitle{font-size:20px;margin-top:35px;}
.b_protxt .line{margin-top:40px;}
.b_protxt .cn{font-size:14px; margin-top:40px;}
.b_protxt .en{font-size:12px;}
}

@media screen and (max-width:991px){
.b_protxt .xinghao{width:120px; height:30px; line-height:30px; font-size:16px;}
.b_protxt .title{font-size:30px; margin-top:65px;}
.b_protxt .stitle{font-size:16px;margin-top:25px;}
.b_protxt .line{margin-top:25px;}
.b_protxt .cn{font-size:14px; margin-top:25px;}
.b_protxt .en{font-size:12px;}
}

@media screen and (max-width:776px){
.b_protxt{top:30px;}
.b_protxt .xinghao{width:100px; height:25px; line-height:25px; font-size:14px;}
.b_protxt .title{font-size:18px; margin-top:40px;}
.b_protxt .stitle{font-size:14px;margin-top:20px;}
.b_protxt .line{margin-top:20px;}
.b_protxt .cn{font-size:12px; margin-top:20px;}
.b_protxt .en{font-size:12px;}
}
@media screen and (max-width:640px){
.b_protxt{top:70px; }
.b_protxt .title{font-size:14px; margin-top:50px;}
.b_protxt .stitle{display:none;}
.b_protxt .line{display:none;}
.b_protxt .cn{display:none;}
.b_protxt .en{display:none;}
}
.slide_banner .slick-slide.slick-current .b_protxt .xinghao{-webkit-animation: bounceInUp 3s;-moz-animation: bounceInUp 3s;animation: bounceInUp 3s;}
.slide_banner .slick-slide.slick-current .b_protxt .title{-webkit-animation: bounceInUp 3s;-moz-animation: bounceInUp 3s;animation: bounceInUp 3s;}
.slide_banner .slick-slide.slick-current .b_protxt .stitle{-webkit-animation: bounceInUp 3s;-moz-animation: bounceInUp 3s;animation: bounceInUp 3s;}
.slide_banner .slick-slide.slick-current .b_protxt .line{-webkit-animation: bounceInUp 3s;-moz-animation: bounceInUp 3s;animation: bounceInUp 3s;}
.slide_banner .slick-slide.slick-current .b_protxt .cn{-webkit-animation: bounceInUp 3s;-moz-animation: bounceInUp 3s;animation: bounceInUp 3s;}
.slide_banner .slick-slide.slick-current .b_protxt .en{-webkit-animation: bounceInUp 3s;-moz-animation: bounceInUp 3s;animation: bounceInUp 3s;}

.mobile_subnav{width:95%;  margin:20px auto; display:none;}
.mobile_subnav1{width:100%;  margin:20px auto; display:none;}
@media screen and (max-width:991px){
.mobile_subnav{display:block;}
.mobile_subnav1{display:block;}
}



@media screen and (max-width:991px){
.mobile_subnav{margin-top:0px;}
}
.t_ntop_1 {width:90%;height:35px;line-height: 35px;padding: 0 14px;border: 1px solid #44bcbb;font-size: 14px;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:#44bcbb;}
.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;}}


.imglist{margin-top:-35px; margin-right:-35px; overflow:hidden;}
.imglist li{float:left;}
.imglist li a{margin-right:35px;margin-top:35px;position: relative;color: #fff;overflow: hidden; display:block; transition:all .5s; -webkit-transition:all .5s; -o-transition:all .5s;}
.h_classname{float:left;line-height:25px;}
.h_classname span{display:block;}
.h_classname .cn{font-size:22px; color:#333; }
.h_classname .en{font-size:14px; color:#999999; text-transform:uppercase; }
.h_nav{width:100%; position:relative; overflow:hidden;}
.h_ico{background:url(../images/p_more.png) center center no-repeat;width:38px; height:20px; position:absolute;right:0px; top:50%;margin-top:-10px;}
.h_more{background-position:-38px 0px; transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}
.h_more:hover{background-position:0px 0px;}

.h_products{padding:63px 0px 80px 0px; overflow:hidden;}
.h_products .imglist{margin-top:0px; margin-right:-35px;}
.h_products .imglist li{width:33.33%;}
.h_products .imglist li a{max-width:400px; margin-right:35px;margin-top:40px;transition:all 0.3s;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.h_products .imglist li a:hover{box-shadow:0px 0px 20px #ccc;-moz-box-shadow:0px 0px 20px #ccc;-ms-box-shadow:0px 0px 20px #ccc;-webkit-box-shadow:0px 0px 20px #ccc;}
.h_products .imglist li a .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 .txt{width:100%;padding:12px 0px; line-height:25px; background:#FFF; transition:all 0.3s;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; position:relative;}
.h_products .imglist li a .txt span{margin-left:20px; display:block;}
.h_products .imglist li a .txt .title{color:#666666; font-size:18px;transition:all 0.3s;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.h_products .imglist li a .txt .stitle{color:#b8b8b8; font-size:14px; transition:all 0.3s;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.h_products .imglist li a:hover .txt .title{color:#FFF;}
.h_products .imglist li a:hover .txt .stitle{color:#FFF;}
.h_products .imglist li a .txt em{width:15px; height:10px; position:absolute; right:20px; top:50%; margin-top:-17px; display:none;}
.h_products .imglist li a:hover .txt em{display:block;}
.h_products .imglist li a:hover .txt{background: #44bcbb;}

@media screen and (max-width:991px){
.h_products .imglist{margin-right:-15px;}
.h_products .imglist li a{margin-right:15px; margin-top:30px;}
.h_products .imglist li a .txt .title{font-size:16px;}
.h_products .imglist li a .txt span{margin-left:10px;}
}

@media screen and (max-width:640px){
.h_classname .cn{font-size:20px;}

.h_products .imglist li{width:50%;}
.h_products .imglist li a{max-width:592.5px;}
.h_products .imglist li a .txt .title{font-size:14px;}
.h_products .imglist li a .txt .stitle{font-size:12px;}
.h_classname .cn{font-size:16px;}
.h_classname .en{font-size:12px;}
.h_products{padding:30px 0px;}
}
.h_about{width:100%; background:#f2f2f2; overflow:hidden; position:relative;}
.h_about .img{width:50%; float:left;}
.h_about .txt{width:600px; position:absolute;  left:50%; top:0px;}
.h_about .h_classname{ margin-top:15%; width:493px;  margin-left:107px; margin-bottom:3%;}
.h_about h2{margin-top:7%; color:#343a3b; font-size:16px;margin-left:107px; width:100%;width:493px;}
.h_about h3{margin-top:7%; font-size:14px; line-height:25px;margin-left:107px;  width:100%; width:493px;}
.h_about .more{border:1px solid #dfdfdf; margin-top:7%;  display:block; margin-left:107px;width:150px;}
.h_about .more .ico{background:url(../images/p_more.png) center center no-repeat;width:38px; height:20px;margin:5px 54px; display:block; background-position:-38px 0px; transition:all 0.3s;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.h_about .more:hover .ico{background-position:0px 0px;}

@media screen and (max-width:1200px){
.h_about .txt{left:50%; width:50%;}
.h_about .h_classname{margin-top:8%;}

}

@media screen and (max-width:991px){
.h_about{position:static;}
.h_about .img{width:100%;}
.h_about .txt{width:95%; position:static; margin-left:2.5%;margin-top:30px; margin-right:2.5%;}
.h_about .h_classname{margin-left:0px;margin-top:3%; width:100%;}
.h_about h2{margin-left:0px; margin-top:3%;width:100%; line-height:25px;}
.h_about h3{margin-left:0px; margin-top:3%;width:100%;}
.h_about .more{margin-left:0px; margin-top:3%; margin-bottom:5%;}
}
@media screen and (max-width:480px){
.h_about .txt{width:90%; margin-left:5%;margin-top:30px;margin-right:5%;}
.h_about .h_classname{margin-top:8%;}
.h_about h2{margin-top:8%; }
.h_about h3{margin-top:8%;}
.h_about .more{margin-top:8%; margin-bottom:12%;}
}

.h_news{padding:63px 0px 94px 0px;}
.h_news .h_nav .n_class{height:30px; line-height:30px;  position:absolute; right:95px; top:50%; margin-top:-15px; font-size:16px;  color:#a3a3a3;}
.h_news .h_nav .n_class a{display:block; padding-left:35px; padding-right:35px; float:left; position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.h_news .h_nav .n_class a:hover{color:#44bcbb;}
.h_news .h_nav .n_class a:after{content:""; width:1px; height:15px; position:absolute; top:50%; margin-top:-7.5px; right:0px; background:#8c8c8c;}
.h_news .h_newslist{margin-top:45px; overflow:hidden;}
.h_news .h_newslist .p_news{width:650px; background:#f7f7f7; float:left;}
.h_news .h_newslist .p_news a{display:block; margin:22px; overflow:hidden;}
.h_news .h_newslist .p_news a .img{width:100%;  -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.h_news .h_newslist .p_news a .txt{width:100%; margin-top:20px;}
.h_news .h_newslist .p_news a .txt .times{width:40px; float:left;}
.h_news .h_newslist .p_news a .txt .times span{display:block; font-size:16px;line-height:30px; border-bottom:1px solid #eaeaea; color:#989898;}
.h_news .h_newslist .p_news a .txt .times em{display:block; font-size:12px; color:#b4b4b4; font-style:normal;line-height:30px; text-align:center;}
.h_news .h_newslist .p_news a .txt .info{width:540px; float:right; font-size:14px; line-height:30px; color:#666666;}
.h_news .h_newslist .p_news a:hover .txt .info{color:#44bcbb;}
.h_news .h_newslist .p_news a .txt .info span{display:block; color:#999999;}
.h_news .h_newslist .p_news a .txt .info em{ font-style:normal; display:block;}
.h_news .h_newslist .p_news a:hover .img{filter:alpha(opacity=80);opacity:0.8;}
.h_news .h_newslist ul{width:520px; float:right;}
.h_news .h_newslist ul li{margin-bottom:20px;}
.h_news .h_newslist ul li:last-child{margin-bottom:0px;}
.h_news .h_newslist ul li a{display:block; padding:15px 20px; background:#f7f7f7; overflow:hidden; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.h_news .h_newslist ul li a .times{width:40px; float:left;}
.h_news .h_newslist ul li a .times span{display:block; font-size:16px;line-height:30px; border-bottom:1px solid #eaeaea; color:#989898;}
.h_news .h_newslist ul li a .times em{display:block; font-size:12px; color:#b4b4b4; font-style:normal;line-height:30px; text-align:center;}
.h_news .h_newslist ul li a .info{width:410px; float:right; font-size:14px; line-height:30px; color:#666666;}
.h_news .h_newslist ul li a .info span{display:block; color:#999999;}
.h_news .h_newslist ul li a:hover{background:#44bcbb; box-shadow:0px 0px 15px #ccc;-moz-box-shadow:0px 0px 15px #ccc;-ms-box-shadow:0px 0px 15px #ccc;-webkit-box-shadow:0px 0px 15px #ccc;}
.h_news .h_newslist ul li a:hover .times span{color:#FFF; border-bottom-color:#FFF;}
.h_news .h_newslist ul li a:hover .times em{color:#FFF;}
.h_news .h_newslist ul li a:hover .info{color:#FFF;}
.h_news .h_newslist ul li a:hover .info span{color:#FFF;}
.h_news .h_newslist ul li a .info em{font-style:normal; display:block;}

@media screen and (max-width:1230px){
.h_news .h_newslist .p_news{width:50%;}
.h_news .h_newslist .p_news a .txt .info{width:calc(100% - 55px); width:-webkit-calc(100% - 55px);width:-moz-calc(100% - 55px); width:-o-calc(100% - 55px);}
.h_news .h_newslist ul{width:48%;}
.h_news .h_newslist ul li a .info{width:calc(100% - 55px); width:-webkit-calc(100% - 55px);width:-moz-calc(100% - 55px); width:-o-calc(100% - 55px);}
}

@media screen and (max-width:991px){
.h_news .h_newslist .p_news{width:100%; margin-bottom:20px;}
.h_news .h_newslist ul{width:100%;}
}

@media screen and (max-width:640px){
.h_news{padding:30px 0px 40px 0px;}
.h_news .h_nav .n_class{display:none;}
.h_news .h_newslist{margin-top:20px;}
.h_news .h_newslist .p_news a{margin:15px;}
.h_news .h_newslist ul li a{padding:15px;}
}

.h_contact{padding:65px 0px; background:#f7f7f7; }
.h_lianxi{width:100%; margin-bottom:70px; overflow:hidden;}
.h_lianxi .h_l_title{width:375px; float:left;}
.h_lianxi .info{width:750px; float:right; line-height:25px; color:#999999;}
.h_lianxi .info li{padding-right:65px; border-right:1px solid #ececec; float:left;}
.h_lianxi .info li span{display:block;}
.h_lianxi .info li:last-child{border-right:0px;padding-left:65px; padding-right:0px;}
.h_mess{overflow:hidden;}
.h_mess ul{width:375px; float:left;}
.h_mess ul li{margin-bottom:5px; background:#e4e4e4;} 
.h_mess ul li:last-child{margin-bottom:0px;}
.h_mess ul li .int{width:95%; height:40px; line-height:40px;  border:0px; margin-left:2.5%; background:#e4e4e4; color:#999; font-size:14px;}
.h_mess .area{width:750px; float:right;background:#e4e4e4;}
.h_mess .area textarea{height:129px; background:#e4e4e4; width:95%; border:0px; line-height:40px;margin-left:2.5%;}
.h_mess .btn{width:280px; height:50px; border-radius:25px; border:1px solid #e4e4e4; margin-top:45px; background:#f7f7f7; color:#666666; margin-left:450px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;}
.h_mess .btn:hover{background:#44bcbb; color:#FFF;}

@media screen and (max-width:1200px){
.h_lianxi .h_l_title{width:30%; }
.h_lianxi .info{width:65%;}
.h_mess ul{width:30%;}
.h_mess .area{width:65%;}
.h_mess .btn{margin-left:35%;}
}

@media screen and (max-width:991px){
.h_lianxi{margin-bottom:30px;}
.h_lianxi .h_l_title{width:100%; margin-bottom:15px; }
.h_lianxi .info{width:100%;}
}

@media screen and (max-width:768px){
.h_mess ul{width:100%;}
.h_mess ul li{margin-bottom:10px;}
.h_mess .area{width:100%; margin-top:10px;}
.h_mess .btn{width:100%; margin-left:0px; margin-top:20px;}
}
@media screen and (max-width:640px){
.h_contact{padding:30px 0px;}
.h_lianxi .info li{padding-right:0px; width:100%;}
.h_lianxi .info li:last-child{padding-left:0px;}
.h_mess .btn{height:40px; border-radius:20px;}
}
.footer{background:#191919; padding:50px 0px 45px 0px; overflow:hidden;}
.footer .b_left{width:695px;padding-right:65px; position:relative; min-height:100px; float:left;}
.footer .b_left:after{content:""; position:absolute; width:1px; height:100%; background:#373737;right:0px; top:0px;}
.footer .b_left .b_nav{line-height:100%; padding-bottom:25px; color:#FFF; border-bottom:1px solid #373737;}
.footer .b_left .b_nav a{color:#FFF;}
.footer .b_left .b_nav a:hover{color:#44bcbb;}
.footer .b_left .b_links{line-height:25px; color:#FFF;padding:20px 0px 15px 0px;}
.footer .b_left .b_links a{color:#FFF; padding:0px 5px;}
.footer .b_left .b_links a:hover{color:#44bcbb;}
.footer .b_left .b_copyright{line-height:25px; color:#999;}
.footer .b_left .b_copyright a{color:#999;}
.footer .b_left .b_copyright a:hover{color:#44bcbb;}
.footer .b_right{width:365px; float:right;}
.footer .b_right .ewm{width:89px;margin-top:25px; float:left;}
.footer .b_right .txt{width:220px; float:right;margin-top:25px;}
.footer .b_right .txt span{display:block;text-align:right; font-size:18px; color:#FFF;}
.footer .b_right .txt ul{width:100%; margin-top:38px; overflow:hidden;}
.footer .b_right .txt ul li{line-height:25px; color:#e3e3e3; width:42%; float:left;}
.footer .b_right .txt ul li:last-child{float:right;}
.footer .b_right .txt ul li a{color:#e3e3e3;}
.footer .b_right .txt ul li a:hover{color:#44bcbb;}
.footer .b_right .txt ul li em{display:block; width:26px; height:26px; border-radius:50%; background:#d2d2d2; margin-right:8px; float:left; text-align:center;}
.footer .b_right .txt ul li em img{width:20px; margin-top:3px;}

@media screen and (max-width:1200px){
.footer .b_left{width:100%;}
.footer .b_left:after{width:0px;}
.footer .b_right{float:left;}
}

@media screen and (max-width:640px){
.footer .b_right{width:100%;}
.footer .b_right .ewm{float:none; margin:15px auto; width:100px;}
.footer .b_right .txt{width:100%; margin-top:0px;}
.footer .b_right .txt span{text-align:left; font-size:16px; width:30%; float:left; line-height:40px;}
.footer .b_right .txt ul{width:70%;float:left; margin-top:10px;}
}

.s_navbg{width:100%;   position:relative; border-bottom:1px solid #eaeaea; overflow:hidden;}
.s_navbg .s_nav{float:left; font-size:16px; line-height:76px; }
.s_navbg .s_nav a{padding:0px 15px; color:#666;position:relative;webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s; display:inline-table; }
.s_navbg .s_nav a:after{content:""; position:absolute; width:0px; height:2px; background:#44bcbb; left:0px; bottom:-1px; webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s;transition:all 0.3s;}
.s_navbg .s_nav a:hover,.s_navbg .s_nav .on{color:#44bcbb;}
.s_navbg .s_nav a:hover:after,.s_navbg .s_nav .on:after{width:100%;}
.s_navbg .position{line-height:76px; color:#a0a0a0; font-size:12px; float:right;}
.s_navbg .position a{color:#a0a0a0;}
.s_navbg .position a:hover{color:#44bcbb;}

@media screen and (max-width:991px){
.s_navbg{border-bottom:0px;}
.s_navbg .s_nav{display:none;}
.s_navbg .position{float:left; line-height:60px;}
}

.s_about{background:#f7f7f7;padding:60px 0px 135px 0px; overflow:hidden; }
.s_about .txt{width:550px; float:left;}
.s_about .txt h2{font-size:22px; font-weight:bold; padding-bottom:25px; position:relative; margin-bottom:45px;}
.s_about .txt h2 span{color:#44bcbb; text-transform:uppercase;}
.s_about .txt h2:after{position:absolute; content:""; width:50px; height:3px; background:#44bcbb; left:0px; bottom:0px;}
.s_about .img{width:500px; position:relative; float:right; margin-top:20px;}
.s_about .img1{position:absolute;width:244px; border:8px solid #FFF; left:-45px; bottom:-60px;}

@media screen and (max-width:1200px){
.s_about .txt{width:50%;}
.s_about .img{width:40%;}
}

@media screen and (max-width:991px){
.s_about .txt{width:40%;}
.s_about .img{width:50%;}
}

@media screen and (max-width:768px){
.s_about .txt{width:100%;}
.s_about .img{width:100%;}
.s_about .img1{left:50%; margin-left:-122px;}
}
@media screen and (max-width:480px){
.s_about{padding:40px 0px 65px 0px;}
.s_about .txt h2{font-size:18px; margin-bottom:30px;}
.s_about .img{position:static;}
.s_about .img1{position:static; margin-left:0px; width:100%; border:0px; margin-top:10px;}
}
.s_advantage{padding:60px 0px 130px 0px;}
.s_advantage .info{width:100%; overflow:hidden; position:relative;}
.s_advantage .info img{float:left; width:auto;}
.s_advantage .info .txt{width:742px; height:310px; position:absolute;right:0px; background:url(../images/h1.png) center center no-repeat; background-size:contain;}
.s_advantage .info .txt h2{width:75%;position:absolute; top:20%;left:50%; margin-left:-37.5%; font-size:18px; color:#333333;}
.s_advantage .info .txt h3{width:75%;position:absolute; top:35%;left:50%; margin-left:-37.5%; font-size:14px; color:#666666; line-height:30px;}

.s_advantage .youshi{margin-top:78px;}
.s_advantage .youshi .imglist{margin-top:0px; margin-right:-20px; overflow:hidden; margin-top:-20px;}
.s_advantage .youshi .imglist li{width:25%;}
.s_advantage .youshi .imglist li a{max-width:285px;border:1px solid #eeeeee;padding:27px 17px 17px 17px; height:255px;margin-right:20px; margin-top:20px;}
.s_advantage .youshi .imglist li a em{width:42px; height:42px; border-radius:50%; border:1px solid #44bcbb; margin:0px auto; display:block; text-align:center;  -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_advantage .youshi .imglist li a:hover em{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
.s_advantage .youshi .imglist li a em img{width:auto; margin-top:7.5px;}
.s_advantage .youshi .imglist li a h2{font-size:14px; font-weight:bold; color:#333; text-align:center; margin-top:14px;}
.s_advantage .youshi .imglist li a .txt{margin-top:14px; color:#999999; line-height:25px;}
.s_advantage .youshi .imglist li a .txt p{position:relative; margin-bottom:5px; padding-left:20px;}
.s_advantage .youshi .imglist li a .txt p:after{content:""; position:absolute; width:6px; height:6px; background:#cccccc; border-radius:50%; left:0px; top:10px;}

@media screen and (max-width:991px){
.s_advantage .youshi .imglist li{width:50%;}
.s_advantage .youshi .imglist li a{max-width:600px;}
}

@media screen and (max-width:768px){
.s_advantage .info{position:static;}
.s_advantage .info img{width:100%;}
.s_advantage .info .txt{width:100%;position:static;  float:left; background:none; height:auto;}
.s_advantage .info .txt h2{margin-top:30px; position:static; margin-left:0px; font-size:16px;}
.s_advantage .info .txt h3{margin-top:20px; position:static;margin-left:0px; width:100%;}
}

@media screen and (max-width:640px){
.s_advantage{padding:30px 0px 60px 0px;}
}

@media screen and (max-width:480px){
.s_advantage .youshi{margin-top:30px;}
.s_advantage .youshi .imglist li{width:100%;}
.s_advantage .youshi .imglist li a{max-width:1200px; height:auto;}
}

.s_culture{padding:60px 0px;}
.s_culture .title{padding-bottom:25px; text-align:center; color:#333333; font-size:22px; font-weight:bold; position:relative;}
.s_culture .title span{color:#44bcbb; text-transform:uppercase;}
.s_culture .title:after{content:""; position:absolute; width:44px; height:3px; left:50%; margin-left:-22px;bottom:0px; background:#44bcbb;}
.s_culture .tag{padding:55px 0px; text-align:center; line-height:25px; color:#666666;}

.culture{margin-top:75px;}
.culture .imglist{margin-top:-20px; margin-right:-20px;}
.culture .imglist li{width:25%;}
.culture .imglist li a{max-width:285px; border-radius:10px; box-shadow:0px 0px 20px #ccc;-moz-box-shadow:0px 0px 20px #ccc;-ms-box-shadow:0px 0px 20px #ccc;-webkit-box-shadow:0px 0px 20px #ccc; margin-top:20px; margin-right:20px;}
.culture .imglist li a em{ display: block; width:92px; height:92px; margin:0px auto; background: #44bcbb; border-radius:50%;margin-top:70px; 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; position:relative; box-shadow:0px 10px 20px #eaffff;-moz-box-shadow:0px 10px 20px #eaffff;-ms-box-shadow:0px 10px 20px #eaffff;-webkit-box-shadow:0px 10px 20px #eaffff;}
.culture .imglist li a em img{position:absolute; width:46px; height:46px; top:50%; left:50%;margin-left:-23px; margin-top:-23px;}
.culture .imglist li a:hover em{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
.culture .imglist li a em .line,.culture .imglist li a em .line1{position:absolute; width:20px; height:1px; top:50%; margin-top:-0.5px; background:#e7f8f8; -webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.culture .imglist li a em .line:before,.culture .imglist li a em .line1:before{content:""; position:absolute; top:-10px;width:30px; height:1px; background:#e7f8f8; -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;}
.culture .imglist li a em .line:after,.culture .imglist li a em .line1:after{content:""; position:absolute; top:10px;width:30px; height:1px; background:#e7f8f8;-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;}
.culture .imglist li a em .line{left:-35px;}
.culture .imglist li a em .line:before{right:0px;}
.culture .imglist li a em .line:after{right:0px;}
.culture .imglist li a em .line1{right:-35px;}
.culture .imglist li a em .line1:before{left:0px;}
.culture .imglist li a em .line1:after{left:0px;}
.culture .imglist li a:hover em .line,.culture .imglist li a:hover em .line1{width:30px; background: #44bcbb;}
.culture .imglist li a:hover em .line:before,.culture .imglist li a:hover em .line1:before{ background:#44bcbb;}
.culture .imglist li a:hover em .line:after,.culture .imglist li a:hover em .line1:after{ background:#44bcbb;}
.culture .imglist li a:hover em .line{left:-40px;}
.culture .imglist li a:hover em .line1{right:-40px;}
.culture .imglist li a h2{font-size:36px; margin:68px 0px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#f7f7f7; text-align:center; position:relative; line-height:100%; font-weight:bold;}
.culture .imglist li a h2 span{display:block; color:#333; font-size:22px; text-align:center; position:absolute; top:-15px; font-family:"微软雅黑"; width:60px;left:50%; margin-left:-30px; font-weight:normal;}

@media screen and (max-width:991px){
.culture .imglist li{width:50%;}
.culture .imglist li a{max-width:600px;}
}

@media screen and (max-width:768px){
.s_culture{padding:30px 0px;}
.s_culture .title{font-size:18px;}
.s_culture .tag{padding:20px 0px;}
}

@media screen and (max-width:480px){
.culture{margin-top:30px;}
.culture .imglist li a em{width:70px; height:70px; margin-top:40px;}
.culture .imglist li a em img{width:30px; height:30px; margin-left:-15px; margin-top:-15px;}
.culture .imglist li a h2{margin:30px 0px; font-size:24px;}
.culture .imglist li a h2 span{font-size:16px;}
.culture .imglist li a em .line,.culture .imglist li a em .line1{width:15px;}
.culture .imglist li a em .line:before,.culture .imglist li a em .line1:before{width:20px;}
.culture .imglist li a em .line:after,.culture .imglist li a em .line1:after{width:20px;}
.culture .imglist li a:hover em .line,.culture .imglist li a:hover em .line1{width:20px;}
.culture .imglist li a:hover em .line{left:-30px;}
.culture .imglist li a:hover em .line1{right:-30px;}
}

.s_sitemap{padding:30px 0px; }
.s_sitemap dl{width:100%; line-height:40px; display:block; overflow:hidden;}
.s_sitemap dl dt{font-size:16px; font-weight:bold; position:relative;}
.s_sitemap dl dt:after{content:"";position:absolute;left:0px; bottom:0px; width:30px; height:1px; background:#333;}
.s_sitemap dl dd{font-size:14px; float:left; margin-right:15px; }

.s_history{position:relative; margin-top:30px; margin-bottom:130px;}
.s_history .line{width:1px;height:100%;  background:#ebebeb; position:absolute;left:50%; margin-left:-0.5px; }
.s_history .line:before{content:""; position:absolute;top:-5px; left:50%; margin-left:-5px; width:10px;height:10px; border-radius:50%; background:#44bcbb;}
.s_history .line .down{width:70px; height:70px; position:absolute; bottom:-70px;left:50%; margin-left:-35px; border-radius:50%; background:url(../images/down.png) #44bcbb center center no-repeat;}
.s_history .line .down:before{width:90px; height:90px;position:absolute; left:-10px; top:-10px;background:rgba(68,188,187,0.2); content:"";border-radius:50%;}

.s_history ul{padding:30px 0px 45px 0px;}
.s_history li{padding-top:45px; padding-bottom:45px; min-height:92px; }
.s_history li a{display:block;position:relative; height:100%; overflow:hidden;}
.s_history li a .ico{position:absolute;width:10px; height:10px; border-radius:50%; background:#44bcbb;left:50%;top:50%; margin-left:-5px; margin-top:-5px;}
.s_history li a .ico:before{position:absolute;content:"";width:20px; height:20px;background:rgba(68,188,187,0.2);top:-5px; left:-5px; border-radius:50%;}
.s_history li a .year{width:50%;position:absolute; height:92px;top:50%; margin-top:-46px;}
.s_history li .on .year{right:0px; }
.s_history li a .year em{width:72px; height:72px; line-height:72px; border-radius:50%; border:1px solid #44bcbb; margin-top:5px;display:block; position:absolute; top:50%; right:30px;color:#FFF; font-size:22px;font-style:normal; color:#44bcbb; text-align:center;-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; margin-top:-36px;}
.s_history li .on .year em{left:30px;}
.s_history li a:hover .year em{background:#44bcbb; color:#FFF;}
.s_history li a:hover .year em:before{position:absolute;width:82px; height:82px; border-radius:50%;background:rgba(68,188,187,0.2);content:""; top:-5px; left:-5px;}
.s_history li a .txt{width:50%;float:right;}
.s_history li .on .txt{float:left;}
.s_history li a .txt span{display:block;margin-left:40px;line-height:20px;padding:35px 0px; background:#f8f8f8; vertical-align:middle;}
.s_history li .on .txt span{margin-right:40px;margin-left:0px;}
.s_history li a .txt span em{display:block; align-self:center; margin-left:25px;margin-right:25px; font-style:normal;position:relative;padding-left: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_history li .on .txt span em{padding-right:30px;padding-left:0px;  text-align:right; display:block;}
.s_history li a .txt span em:before{position:absolute;width:20px; height:1px;content:""; background:#44bcbb; top:50%; left:0px;}
.s_history li .on .txt span em:before{height:0px;}
.s_history li .on .txt span em:after{position:absolute;width:20px; height:1px;content:""; background:#44bcbb; top:50%; right:0px;}
.s_history li a:hover .txt span em{color:#44bcbb;}

@media screen and (max-width:640px){
.s_history li{padding-top:15px; padding-bottom:15px; min-height:92px; }
.s_history li a .txt span em:before{height:0px;}
.s_history li .on .txt span em:after{height:0px;}
.s_history li .on .txt span em{ padding-right:0px; text-align:left;}
.s_history li a .txt span em{margin:0px 15px; padding-left:0px;}
}

.s_honor{padding:60px 0px 80px 0px;}
.s_honor .imglist{margin-top:-35px; margin-right:-35px;}
.s_honor .imglist li{width:33.33%;}
.s_honor .imglist li a{max-width:376.66px; padding:20px;border:1px solid #eeeeee;  color:#333; overflow:hidden; margin-top:35px; margin-right:35px;}
.s_honor .imglist li a .img{width:100%;  transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.s_honor .imglist li a span{display:block; line-height:30px;margin-top:20px; text-align:center;}
.s_honor .imglist li a:hover{box-shadow:0px 0px 20px #ccc;-moz-box-shadow:0px 0px 20px #ccc;-ms-box-shadow:0px 0px 20px #ccc;-webkit-box-shadow:0px 0px 20px #ccc;}
.s_honor .imglist li a:hover .img img{transform:scale(0.9); -webkit-transform:scale(0.9); opacity:0.9;}
.s_honor .imglist li a:hover span{color:#44bcbb;}

@media screen and (max-width:768px){
.s_honor .imglist{margin-top:-15px; margin-right:-15px;}
.s_honor .imglist li a{margin-top:15px; margin-right:15px;}
}

@media screen and (max-width:640px){
.s_honor{padding:30px 0px 40px 0px;}
.s_honor .imglist li{width:50%;}
.s_honor .imglist li a{padding:10px; max-width:600px;}
}

.s_partner{padding:60px 0px 80px 0px;}
.s_partner .imglist{margin-top:-65px; margin-right:-60px;}
.s_partner .imglist li{width:20%;}
.s_partner .imglist li a{max-width:192px;margin-right:60px; margin-top:65px; border:1px solid #eee; position:relative; overflow:visible;}

.s_partner .imglist li a .txt{background:#44bcbb; width:100%; height:100%; position:absolute; top:0px; left:0px;z-index:10; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; opacity:0; display:none;}
.s_partner .imglist li a:hover .txt{opacity:1;display:block;}
.s_partner .imglist li a .txt h2{width:90%; margin:10px auto; text-align:center; line-height:40px; position:relative; font-size:14px; }
.s_partner .imglist li a .txt h2:after{position:absolute; width:10px; content:""; left:50%;margin-left:-5px; bottom:-2px; height:1px; background:#FFF;}
.s_partner .imglist li a .txt h3{line-height:25px; width:90%;margin:0px auto; margin-bottom:20px; text-align:center;}

@media screen and (max-width:1200px){
.s_partner .imglist{margin-top:-50px; margin-right:-50px;}
.s_partner .imglist li{width:25%;}
.s_partner .imglist li a{max-width:277.5px;margin-top:50px; margin-right:50px;}

}

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

}

@media screen and (max-width:640px){
.s_partner{padding:30px 0px 40px 0px;}
.s_partner .imglist{margin-top:-30px; margin-right:-15px;}
.s_partner .imglist li{width:50%;}
.s_partner .imglist li a{max-width:600px;margin-top:30px; margin-right:15px;}
.s_partner .imglist li a .txt h2{left:5%;position:absolute;top:50%; margin-top:-25px; margin-bottom:0px; font-size:14px;}
.s_partner .imglist li a .txt h3{ display:none;}
}

.s_job{background:#f7f7f7; padding:65px 0px 95px 0px;}
.s_job ul{padding:10px 20px 60px 20px; background:#FFF;}
.s_job ul li{padding:30px 0px 40px 0px; border-bottom:1px solid #eeeeee;}
.s_job ul li a{display:block; margin:0px 25px; position:relative;}
.s_job ul li a .title{font-size:16px; line-height:100%; color:#333;transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; }
.s_job ul li a:hover .title{color:#44bcbb;}
.s_job ul li a .title i{font-style:normal; display:block; width:50%;  float:left; line-height:23px;}
.s_job ul li a .title em{font-style:normal; font-size:14px; color:#FF0000;margin-left:65px;}
.s_job ul li a .title span{font-style:normal; font-size:14px; color:#666666;margin-left:40px;}
.s_job ul li a .tag{margin-top:30px; }
.s_job ul li a .tag span{display:block; width:70px; height:28px; line-height:28px; color:#999999; text-align:center; float:left; margin-right:15px; border:1px solid #eeeeee;}
.s_job ul li a .time{height:50px; line-height:25px; position:absolute; right:30px;top:50%; margin-top:-25px; color:#999; font-size:12px; text-align:center;  transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; opacity:1;}
.s_job ul li a .time span{color:#333; display:block;}
.s_job ul li a:hover .time{opacity:0;}
.s_job ul li a .more{position:absolute; right:40px;width:90px; height:32px; line-height:32px; right:30px; top:50%; margin-top:-16px;background:#44bcbb; border-radius:3px; font-size:14px; color:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; text-align:center;opacity:0;}
.s_job ul li a:hover .more{opacity:1;}

@media screen and (max-width:991px){
.s_job ul li a .title{font-size:14px; line-height:30px;}
.s_job ul li a .title i{width:70%;}
.s_job ul li a .title em{display:block; margin-left:0px; float:left; width:100%; margin-top:5px;}
.s_job ul li a .title span{display:block; margin-left:0px;float:left; width:100%;}

}
@media screen and (max-width:640px){
.s_job{padding:30px 0px 40px 0px;}
.s_job ul li{padding:25px 0px;}
.s_job ul li a{margin:0px;}
.s_job ul li a .tag{display:none;}
.s_job ul li a .time{right:0px;}
.s_job ul li a .more{right:0px;}
}
@media screen and (max-width:480px){
.s_job ul li a .title i{width:60%;}
.s_job ul li a .more{width:60px; font-size:12px;}
}

.s_jobdetail{padding:60px 0px 90px 0px;}
.s_jobdetail .title{width:385px; float:left;}
.s_jobdetail .title h2{font-size:16px;display:block; color:#333; border-bottom:1px solid #e1e1e1; padding-bottom:10px;}
.s_jobdetail .title h2 span{display:block; line-height:50px; color:#999999; font-size:12px;}

.s_jobdetail .title .delivery{margin-top:20px; width:95px; height:33px; border-radius:3px; background:#44bcbb; text-align:center; line-height:33px; color:#FFF; display:block; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.s_jobdetail .title .delivery:hover{opacity:0.8;}
.s_jobdetail .job_c{width:750px;float:right; line-height:30px; color:#666666;}

@media screen and (max-width:1200px){
.s_jobdetail .title{width:30%;}
.s_jobdetail .job_c{width:65%;}
}

@media screen and (max-width:991px){
.s_jobdetail .title{width:40%;}
.s_jobdetail .job_c{width:55%;}
}

@media screen and (max-width:640px){
.s_jobdetail{padding:30px 0px 40px 0px;}
.s_jobdetail .title{width:100%;}
.s_jobdetail .job_c{width:100%; margin-top:20px;}
}

.job_form{width:680px; min-height:380px; padding:45px 0px; background:#FFF; border-radius:3px; position:absolute; top:50%; margin-top:-280px; left:50%; margin-left:-340px;}
.job_form .close{position:absolute; right:10px; top:10px; cursor:pointer;}
.job_form h2{text-align:center; font-size:12px; text-transform:uppercase;margin-bottom:40px;}
.job_form h2 span{font-size:18px;}
.job_form .s_form1{width:590px; margin:0px auto;}
.job_form .imglist{margin-top:-15px;margin-right:-20px; }
.job_form .imglist li{width:50%;}
.job_form .imglist li.mess{width:100%;}
.job_form .imglist li.mess .int{max-width:580px; height:150px; margin-right:20px; margin-top:10px;}
.job_form .imglist li.mess .int textarea{width:100%; height:100%; border:1px solid #b3b3b3;border-radius:3px; padding-left:10px; color:#b3b3b3; line-height:35px;}
.job_form .imglist li .int{max-width:273px;margin-top:15px;margin-right:20px;}
.job_form .imglist li .int input {width:100%; height:35px; border:1px solid #b3b3b3; border-radius:3px; padding-left:10px; color:#b3b3b3;}
.job_form .s_form1 .btn{width:125px; height:28px; border-radius:3px; background:#44bcbb; text-align:center; line-height:28px; color:#FFF; border:0px; margin-top:25px; float:right;}

@media  screen and (max-width:768px){
   .job_form{width:80%; margin-left:-40%;}
   .job_form h2{margin-bottom:20px;}
   .job_form .s_form1{width:80%; }
   .job_form .imglist li{width:100%;}
   .job_form .imglist li .int{max-width:570px;}
   .job_form .imglist li .int input{width:95%; padding-left:5%;}
   .job_form .imglist li.mess .int{max-width:570px; height:100px;}
   .job_form .imglist li.mess .int textarea{width:95%; padding-left:5%;}
   .job_form .s_form1 .btn{width:100%;}
}
.tent_out1{ position:absolute; right:10px; top:10px;}
.tent_out1 .close{cursor:pointer;}

.s_case{padding:60px 0px 85px 0px;}
.s_case .imglist{margin-top:-35px; margin-right:-35px;}
.s_case .imglist li{width:33.33%;}
.s_case .imglist li a{max-width:376px;margin-top:35px; margin-right:35px; position:relative;}
.s_case .imglist li a:hover{box-shadow:0px 0px 20px #ccc;-moz-box-shadow:0px 0px 20px #ccc;-ms-box-shadow:0px 0px 20px #ccc;-webkit-box-shadow:0px 0px 20px #ccc;}
.s_case .imglist li a .img{width:100%; overflow:hidden;}
.s_case .imglist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_case .imglist li a .txt{width:100%; background:#FFF; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #f5f5f5; border-top:0px; margin-top:-2px; color:#333333; position:relative;}
.s_case .imglist li a .txt:before{content:""; position:absolute; left:0px; top:0px;width:1px; height:100%; background:#f5f5f5;}
.s_case .imglist li a .txt:after{content:""; position:absolute; right:0px; top:0px;width:1px; height:100%; background:#f5f5f5;}
.s_case .imglist li a .cont{position:absolute; bottom:-45%;width:100%; height:45%;background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.s_case .imglist li a:hover .cont{bottom:0px;}
.s_case .imglist li a .cont h2{line-height:20px;padding:15px 0px; color:#44bcbb; text-align:center; width:80%;margin:0px auto;}
.s_case .imglist li a .cont h3{line-height:25px;width:80%;margin:0px auto; color:#999; text-align:center;}

@media  screen and (max-width:991px){
.s_case .imglist{margin-top:-15px; margin-right:-15px;}
.s_case .imglist li a{margin-top:15px; margin-right:15px;}
.s_case .imglist li a .cont{bottom:-55%; height:55%;}
.s_case .imglist li a .cont h2{padding:8px 0px;}
}

@media  screen and (max-width:768px){
.s_case .imglist li a .cont h3{ line-height:18px; font-size:12px; width:90%; }
}

@media  screen and (max-width:640px){
.s_case{padding:30px 0px 40px 0px;}
.s_case .imglist li{width:50%;}
.s_case .imglist li a{max-width:600px;}
.s_case .imglist li a .cont{bottom:-60%; height:60%;}
.s_case .imglist li a .cont h2{padding:5px 0px;}
}

.s_casedetail{padding:50px 0px 95px 0px;}
.s_casedetail .title{border-bottom:1px solid #eeeeee;}
.s_casedetail .title span{display:block; font-size:18px; line-height:20px; text-align:center;}
.s_casedetail .title em{display:block; text-align:center; padding:24px 0px; color:#999; font-style:normal; letter-spacing:1px; line-height:20px;}
.case_c{width:100%;}
.case_c .biaobi{height:35px; line-height:35px; background:#fafafa; color:#333; margin-top:40px; margin-bottom:20px; text-indent:0em;}
.case_c .biaobi span{margin-left:15px; background:url(../images/c_ico.png) left center no-repeat; padding-left:13px;}
.case_c p{line-height:25px; text-indent:2em;}
.case_c img{width:auto;}

@media  screen and (max-width:768px){
.case_c img{width:100%;}
}

@media  screen and (max-width:640px){
.s_casedetail{padding:30px 0px 45px 0px;}
.case_c p{text-indent:0em;}
.case_c .biaobi{margin:20px 0px;}
}

.s_news{padding:60px 0px 90px 0px;}
.s_news .n_nav{float:left;}
.s_news .n_nav span{display:block; font-size:16px;}
.s_news .n_nav a{display:block; line-height:100%; margin-top:40px; color:#000;}
.s_news .n_nav a:hover,.s_news .n_nav a.on{font-weight:bold;}

.s_newslist{float:right; width:1050px;}
.s_newslist li{width:100%;margin-bottom:35px; }
.s_newslist li a{display:block;overflow:hidden;}
.s_newslist li a .img{width:415px; float:left; overflow:hidden;}
.s_newslist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_newslist li a .txt{width:585px; float:right; border-bottom:1px solid #eeeeee; position:relative; height:207px;}
.s_newslist li a .txt h2{width:80%; line-height:100%; font-size:18px;}
.s_newslist li a:hover .txt h2{color:#44bcbb;}
.s_newslist li a .txt span{padding:3% 0px; font-size:12px; color:#999999; display:block;}
.s_newslist li a .txt h3{color:#666; line-height:23px; height:46px; overflow:hidden;}
.s_newslist li a .txt .more{padding:8px 15px; color:#666666; background:#eeeeee; position:absolute; bottom:0px; left:0px; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.s_newslist li a:hover .txt .more{background:#6e6e6e; color:#FFF;}

@media screen and (max-width:1200px){
.s_newslist{width:90%;}
.s_newslist li a .img{width:40%; }
.s_newslist li a .txt{width:55%;}
}

@media screen and (max-width:991px){
.s_newslist li a .img{width:40%;}
.s_newslist li a .txt{width:55%;}
.s_newslist li a .txt h2{font-size:16px;}
}

@media screen and (max-width:768px){
.s_newslist{width:85%;}
.s_newslist li a .img{width:100%; margin-bottom:15px; }
.s_newslist li a .txt{width:100%;}
.s_newslist li a .txt h2{font-size:16px;}
.s_newslist li a .txt h3{margin-bottom:50px;}
}

@media screen and (max-width:640px){
.s_news{padding:30px 0px 40px 0px;}
}

@media screen and (max-width:480px){
.s_newslist{width:80%;}
}

.s_newsdetail{padding:60px 0px 140px 0px; background:#f7f7f7;}
.s_newsdetail .g-wrap{background:#FFF;padding:40px 0px;}
.s_newsdetail .title{border-bottom:1px solid #eeeeee;margin:0px 15px; }
.s_newsdetail .title span{display:block; font-size:18px; line-height:20px; text-align:center;}
.s_newsdetail .title em{display:block; text-align:center; padding:24px 0px; color:#999; font-style:normal; letter-spacing:1px; line-height:20px;}
.news_c{margin:0px 15px;}
.news_c p{line-height:25px; text-indent:2em;}
.news_c img{width:auto;}
.news_c .share{margin-top:50px; text-align:center;}
.news_c .share a{margin:0px 8px;}
.news_c .share a:hover{opacity:0.8;}
.news_c .share a img{width:auto;}
@media screen and (max-width:1200px){
.news_c img{width:100%;}
.news_c p{text-indent:0em;}
}

@media screen and (max-width:640px){
.s_newsdetail{padding:30px 0px 50px 0px;}	
}

.news_c .pages{margin:45px 15px; border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;position:relative;  }
.news_c .pages:before{content:"";position:absolute; top:-5px; width:100%; height:1px; background:#dddddd;left:0px; }
.news_c .pages:after{content:"";position:absolute; bottom:-5px; width:100%; height:1px; background:#dddddd; left:0px; }
.news_c .pages .pageleft{float:left;width:50%;text-align:left; display:block; }
.news_c .pages .pageright{float:right;width:50%;text-align:right;display:block;}
.news_c .pages .pageleft span,.news_c .pages .pageright span{color:#333; font-weight:bold;}
.news_c .pages .pageleft,.news_c .pages .pageright{color:#666666;padding:20px 0px; line-height:20px; }
.news_c .pages .pageleft:hover,.news_c .pages .pageright:hover{color:#44bcbb;}

@media screen and (max-width:768px){
.news_c .pages .pageleft,.news_c .pages .pageright{width:100%; float:left; text-align:left; padding:10px 0px;}	
	
}
@media screen and (max-width:640px){
.news_c .pages{margin:45px 15px 20px 15px;}	
	
}
.s_contact{padding:60px 0px 140px 0px;background:#f7f7f7;}
.s_contact .c_bg{background:#FFF;}
.s_contact .c_bg .info{width:50%;float:left;}
.s_contact .c_bg .info .txt{margin:5% 8%;}
.s_contact .c_bg .info .txt p{margin-top:45px;}
.s_contact .c_bg .info .txt .title{font-size:36px; font-family:Arial; font-weight:bold;margin-top:0px;}
.s_contact .c_bg .info .txt .title span{font-family:vijaya; color:#44bcbb; font-size:60px;}
.s_contact .c_bg .info .txt .ewm{width:175px; margin-top:100px;}
.s_contact .c_bg .info .txt .ewm img{border:1px solid #eeeeee;}
.s_contact .c_bg .info .txt .ewm span{display:block; line-height:40px; text-align:center;}
.s_contact .c_bg #map{width:50%;min-height:800px;}

@media screen and (max-width:768px){
.s_contact .c_bg .info{width:100%;}
.s_contact .c_bg #map{width:100%;}	
.s_contact .c_bg .info .txt{margin:3% 5%;}
.s_contact .c_bg .info .txt p{margin-top:25px;}
.s_contact .c_bg .info .txt .ewm{margin-top:25px;}
.s_contact .c_bg #map{min-height:600px;}
}

@media screen and (max-width:640px){
.s_contact{padding:30px 0px 50px 0px;}	
.s_contact .c_bg .info .txt .title{font-size:30px;}
.s_contact .c_bg .info .txt .title span{font-size:50px;}
.s_contact .c_bg #map{min-height:400px;}
}

.s_message{width:100%; line-height:150%; color:#666666; }
.s_message span{display:block; margin-top:20px;}
.s_message .messlist{margin-top:30px; margin-right:-30px;}
.s_message .messlist li{width:33.33%; float:left;}
.s_message .messlist li .int{max-width:400px; border:1px solid #e4e4e4; background:#eee;padding:0px 15px; margin-top:30px; margin-right:30px;}
.s_message .messlist li .int input{width:100%; height:56px; line-height:56px;border:0px; background:transparent; color:#343a3b;}
.s_message .messlist li.mess{width:100%;}
.s_message .messlist li.mess .mess{max-width:1200px; border:1px solid #e4e4e4; background:#eee;padding:0px 15px; margin-top:30px; margin-right:30px;}
.s_message .messlist li.mess .mess textarea{width:100%; height:110px; line-height:56px;border:0px; background:transparent; color:#343a3b;}
.s_message .messlist li.code{width:25%;}
.s_message .messlist li.code .code{max-width:300px; border:1px solid #e4e4e4; background:#eee;padding:0px 15px; margin-top:30px; margin-right:30px; }
.s_message .messlist li.code .clearbg{border:0px; background:#f7f7f7;}
.s_message .messlist li.code .code input{width:100%; height:56px; line-height:56px;border:0px; background:transparent; color:#343a3b;}
.s_message .messlist li.code img{width:auto; margin-top:5px;}
.s_message .btn{width:180px;height:50px; line-height:50px; border-radius:25px; background:#44bcbb; border:0px; color:#FFF; font-size:16px; margin-top:30px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.s_message .btn:hover{opacity:0.8; filter:alpha(opacity=80);}

@media screen and (max-width:640px){
	.s_message .messlist li{width:100%;}
	.s_message .messlist li .int{max-width:1200px;margin-top:15px;}
	.s_message .messlist li .int input{height:40px; line-height:40px;}
	.s_message .messlist li.mess .mess{height:80px;margin-top:15px;}
	.s_message .messlist li.code{width:50%;}
	.s_message .messlist li.code .code{max-width:600px;margin-top:15px; height:40px;}
	.s_message .messlist li.code .code input{height:40px; line-height:40px;}
	.s_message .messlist li.code img{height:100%;}
	.s_message .btn{height:40px; line-height:40px; margin-top:25px;}
}

.s_service{padding:60px 0px 140px 0px;}
@media screen and (max-width:640px){
	.s_service{padding:30px 0px 50px 0px;}
	
}
.s_service h2{line-height:40px; font-size:18px; text-align:center; color:#333333;}
.s_service .part1{width:100%; margin-top:90px; margin-bottom:95px;}
.s_service .part1 .txt{float:left; width:545px; padding-top:5%; padding-bottom:5%; line-height:25px;}
.s_service .part1 .img{float:right; width:545px; overflow:hidden;}
.s_service .part1 .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_service .part2{width:100%; height:527px; background:url(../images/servicebg.jpg) center center; }
.s_service .part2 h3{padding:88px 0px 30px 0px; position:relative; font-size:22px; font-weight:bold; text-transform:uppercase; color:#FFF; text-align:center;}
.s_service .part2 h3:after{content:""; position:absolute;width:45px; height:3px; bottom:0px; left:50%; margin-left:-22.5px; background:#44bcbb;}
.s_service .part2 .zhongzi{margin-top:90px;}
.s_service .part2 .zhongzi li{float:left;width:25%; text-align:center;}
.s_service .part2 .zhongzi li em{display:block; width:120px; height:120px; border:1px solid #FFF;margin:0px auto; border-radius:50%;position:relative;  transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s; cursor:pointer;}
.s_service .part2 .zhongzi li:hover em{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);}
.s_service .part2 .zhongzi li em img{width:auto;position:absolute; left:50%; margin-left:-25.5px; top:50%; margin-top:-31px;}
.s_service .part2 .zhongzi li  span{display:block;text-align:center;margin-top:30px; line-height:100%; font-size:16px; color:#FFF;}

.s_service .part3{margin-top:86px; margin-bottom:67px;}
.s_service .part3 .img{width:584px; float:left; overflow:hidden;}
.s_service .part3 .img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_service .part3 .txt{width:570px; float:right;}
.s_service .part3 .txt h2{margin-top:15px; padding:15px 0px;font-size:18px; margin-bottom:30px; position:relative; text-align:left; color:#000;}
.s_service .part3 .txt h2:after{position:absolute; content:""; width:20px; height:3px; background:#000000; left:0px; bottom:0px;}
.s_service .part3 .txt h3{font-size:16px;margin-bottom:15px; color:#333333;}
.s_service .part3 .txt h4{font-size:14px;line-height:25px; color:#666666;margin-top:30px;}
.s_service .part4{margin-top:0px; margin-right:-35px;}
.s_service .part4 li{width:33.33%; float:left;}
.s_service .part4 li .cc{max-width:400px; padding:40px;margin-right:35px; background:#f6f5fa; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.s_service .part4 li .cc:hover{background:#44bcbb;}
.s_service .part4 li .cc h2{padding-bottom:30px; font-size:16px; position:relative; text-align:left; line-height:100%; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.s_service .part4 li .cc h2:after{position:absolute; content:"";width:20px; height:3px; background:#000000; left:0px; bottom:0px;transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.s_service .part4 li .cc h3{color:#333; line-height:30px;font-size:16px; margin-top:10px; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.s_service .part4 li .cc:hover h2{color:#FFF;}
.s_service .part4 li .cc:hover h2:after{background:#FFF;}
.s_service .part4 li .cc:hover h3{color:#FFF;}
@media screen and (max-width:1200px){
.s_service .part1{ margin-top:5%; margin-bottom:5%;}
.s_service .part1 .txt{width:48%;padding:3% 0px;}
.s_service .part1 .img{width:48%;}
.s_service  .part3{margin:5% 0px 4% 0px;}
.s_service  .part3 .img{width:48%;}
.s_service  .part3 .txt{width:47%;}
}

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

.s_service .part1 .txt{padding:0px;}
.s_service  .part3 .txt h2{margin-top:0px; padding-top:0px; margin-bottom:15px;}
.s_service  .part3 .txt h3{line-height:25px;}
}

@media screen and (max-width:768px){
.s_service h2{line-height:25px; font-size:16px; margin-bottom:20px;}
.s_service .part1{ margin-top:0px; margin-bottom:30px;}
.s_service .part1 .txt{width:100%; margin-bottom:30px;}
.s_service .part1 .img{width:100%}
.s_service  .part3 .img{width:100%; margin-bottom:30px;}
.s_service  .part3 .txt{width:100%;}
.s_service  .part3 .txt h2{font-size:16px;}
.s_service  .part3 .txt h3{font-size:14px;}
.s_service .part4{margin-right:-15px;}
.s_service .part4 li .cc{padding:25px; margin-right:15px;}
.s_service .part4 li .cc h2{padding-bottom:15px; margin-bottom:10px;}
.s_service .part4 li .cc h3{font-size:14px;line-height:25px;}
}

@media screen and (max-width:640px){
.s_service .part2 h3{padding:60px 0px 30px 0px;font-size:18px;}
.s_service .part2 .zhongzi{margin-top:40px;}
.s_service .part2 .zhongzi li{width:50%;}
.s_service .part2 .zhongzi li em{width:100px; height:100px;}
.s_service .part2 .zhongzi li  span{margin:20px 0px; font-size:14px;}
.s_service .part4 li{width:100%; margin-bottom:15px;}
.s_service .part4 li .cc{max-width:1200px;}
}

.s_tech .classname{background:#e9eced; height:60px; line-height:60px; font-size:16px; margin-bottom:20px;}
.s_tech .classname span{margin-left:40px;}
.s_tech li{margin-bottom:20px;background:#e9eced;}
.s_tech li .title{height:60px; padding:0px 40px 0px 40px;display:flex; position:relative;}
.s_tech li .title span{height:20px; align-self:center;width:80%; color:#333;}
.s_tech li .title em{display:block; position:absolute; width:17px; height:18px; top:50%;margin-top:-9px; background:url(../images/jia.png) center center no-repeat; right:40px;cursor:pointer;}
.s_tech li .cont{padding:0px 40px 45px 40px; line-height:30px; color:#6e6e6e; margin-top:-10px; display:none;}
.s_tech li .cont p{width:80%;word-break:break-all;word-wrap:break-word;}
.s_tech li .cont span{color:#1dbcbd;}
.s_tech li .cont .tel{width:100%; margin-top:35px; line-height:18px;}
.s_tech li .cont .tel em{font-style:normal; display:inline-block; margin-right:45px;}
.s_tech li .cont .tel em img{float:left; width:auto; margin-right:10px;}
.s_tech li.on .title span{color:#1dbcbd;}
.s_tech li.on .title em{background:url(../images/jian.png) center center no-repeat;}
@media screen and (max-width:480px){
	.s_tech .classname span{margin-left:20px;}
	.s_tech li .title{padding:0px 20px 0px 20px;}
	.s_tech li .cont{padding:0px 20px 30px 20px; }
	.s_tech li .title em{right:20px;}
	.s_tech li .title em{right:20px;}
	.s_tech li .title em{right:20px;}
	.s_tech li .cont p{width:90%;}
}

@media screen and (max-width:420px){
	.s_tech li .cont .tel em{display:block;margin-bottom:15px;}
}

.s_file{width:100%;}
.s_file li{background:#e9eced; overflow:hidden; padding:17.5px 0px; margin-bottom:20px;word-break:break-all;word-wrap:break-word;}
.s_file li a{display:block;}
.s_file li .title{margin-left:75px; width:520px; display:block;float:left;}
.s_file li .type{width:490px; display:block;float:left;}
.s_file li .down{width:40px; display:block;float:left; text-align:center;}
.s_file li:first-child .title,.s_file li:first-child  .type,.s_file li:first-child   .down{font-size:16px;}
.s_file li a .title,.s_file li a .type,.s_file li a .down{color:#333; line-height:25px; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;text-transform:uppercase;}
.s_file li a:hover .title,.s_file li a:hover .type,.s_file li a:hover .down{color:#44bcbb; }
.s_file li a .down em{display:block; width:25px; height:25px;margin:0px auto; background:url(../images/ico15.png) center center no-repeat;transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.s_file li a:hover .down em{background:url(../images/ico16.png) center center no-repeat;}

@media screen and (max-width:1200px){
.s_file li .title{margin-left:5%; width:40%;margin-right:5%;}
.s_file li .type{width:25%;margin-right:5%;}
.s_file li .down{width:10%; margin-right:5%;}
}

@media screen and (max-width:480px){
.s_file li .title{font-size:12px;}
.s_file li .type{font-size:12px;}
.s_file li:first-child .title,.s_file li:first-child  .type,.s_file li a:hover .down{font-size:14px;}
}

.s_search{width:100%;}
.s_search li{background:#e9eced; overflow:hidden; padding:17.5px 0px; margin-bottom:20px;word-break:break-all;word-wrap:break-word;}
.s_search li a{display:block;}
.s_search li .title{margin-left:75px; width:1000px; display:block;float:left;}

.s_search li .more{width:100px; display:block;float:left; text-align:center;}
.s_search li a .title,.s_search li a .more{color:#333; line-height:25px; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;text-transform:uppercase;}
.s_search li a:hover .title,.s_search li a:hover .more{color:#44bcbb; }


@media screen and (max-width:1200px){
.s_search li .title{margin-left:5%; width:70%;margin-right:5%;}
.s_search li .more{width:15%; margin-right:5%;}
}

@media screen and (max-width:480px){
.s_search li .title{font-size:12px;}
}

.s_products{padding:60px 0px 70px 0px;}
.s_products .p_top_bg{background:url(../images/p_bg.jpg) center center no-repeat; background-size:contain; min-height:172px; display:flex; }
.s_products .p_top_bg span{align-self:center;width:95%; margin:0px auto;color:#333; display:block; line-height:25px;}
.s_products .p_txt{width:95%; margin:40px auto; line-height:30px; }
.s_products .s_plist{width:100%;}
.s_products .s_plist li{padding:40px 0px; border-bottom:1px solid #eee; overflow:hidden;}
.s_products .s_plist li a{dispaly;block; }
.s_products .s_plist li a .img{width:400px; float:left; overflow:hidden;}
.s_products .s_plist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.s_products .s_plist li a .txt{width:720px; float:right; position:relative;}
.s_products .s_plist li a .txt h2{padding:23px 0px; font-size:16px; position:relative; margin-bottom:23px;  transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.s_products .s_plist li a:hover .txt h2{color:#44bcbb;}
.s_products .s_plist li a .txt h2:after{position:absolute; content:""; width:20px; height:1px; background:#333; left:0px; bottom:0px; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.s_products .s_plist li a:hover .txt h2:after{background:#44bcbb;}
.s_products .s_plist li a .txt h3{color:#666; line-height:30px;}
.s_products .s_plist li a .txt .more{width:95px; height:30px; border-radius:15px; border:1px solid #44bcbb; color:#44bcbb; line-height:30px; text-align:center; margin-top:40px; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.s_products .s_plist li a:hover .txt .more{background:#44bcbb; color:#FFF;}
@media screen and (max-width:1200px){
.s_products .p_top_bg span{width:100%;}
.s_products .p_txt{margin:15px 0px 0px 0px; width:100%;}
.s_products .s_plist li a .img{width:40%;}
.s_products .s_plist li a .txt{width:55%;}
}

@media screen and (max-width:640px){
.s_products{padding:0px 0px 40px 0px;}
.s_products .s_plist li{padding:20px 0px;}
.s_products .s_plist li a .img{width:100%}
.s_products .s_plist li a .txt{width:100%}
.s_products .s_plist li a .txt h2{padding:20px 0px; margin-bottom:15px;}
.s_products .s_plist li a .txt .more{margin-top:25px;}
}

.s_products .info{line-height:30px; font-size:16px; margin-bottom:50px;}
.s_products .info1{width:100%;}
.s_products .info1 .img{width:470px; float:left;}
.s_products .info1 .txt{width:655px; float:right; line-height:40px; }
.s_products .info1 .txt h2{font-size:18px; padding-bottom:30px; border-bottom:1px solid #dddddd; margin-bottom:10px; line-height:100%;}
.s_products .info1 .txt ul{margin-top:10px;}
.s_products .info1 .txt li{padding-left:15px; position:relative; color:#666;}
.s_products .info1 .txt li:before{content:""; width:5px; height:5px;border-radius:50%; position:absolute; background:#cccccc;left:0px;top:50%; margin-top:-2.5px;}
.s_products .info1 .txt .call{width:140px; line-height:40px; border:1px solid #44bcbb; height:40px; border-radius:20px; text-align:center; color:#44bcbb; margin-top:40px; display:block;transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.s_products .info1 .txt .call:hover{background:#44bcbb; color:#FFF;}

.picFocus{ margin:0 auto;  width:470px; position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:25px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:109px; height:65px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("../images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#44bcbb;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:470px; height:260px; display:block;  }

.slideTxtBox{ width:100%; border:1px solid #e7ebed;  margin-top:70px;}
.slideTxtBox .hd{ height:56px; line-height:56px; background:#e7ebed; border-bottom:1px solid #ddd;  position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0px; top:-1px; height:56px;   }
.slideTxtBox .hd ul li{ float:left; width:148px; cursor:pointer; text-align:center; font-size:16px;}
.slideTxtBox .hd ul li.on{ height:56px;  background:#fff; border-top:2px solid #44bcbb; color:#44bcbb; }
.slideTxtBox .bd ul{ padding:40px;  zoom:1;  }
.slideTxtBox .bd ul .txt{width:100%; line-height:30px; color:#333;}
.slideTxtBox .bd ul .txt img{width:auto;}

.pdetail_pic{width:100%; margin-bottom:30px; display:none;}
.pdetail_pic ul li{ float: left;  }
.pdetail_pic li a img{width:100%;}
.pdetail_pic .owl-prev{width:30px;float:left;height:57px;  background:url(../images/case_l.png)  center center no-repeat;  display:block; filter:alpha(opacity=80);opacity:0.8; position:absolute; left:10px; top:50%;margin-top:-28.5px; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.pdetail_pic:hover .owl-prev{left:8px;}
.pdetail_pic .owl-next{width:30px;height:57px;  background:url(../images/case_r.png)  center no-repeat; display:block; filter:alpha(opacity=80);opacity:0.8; position:absolute; right:10px;top:50%;margin-top:-28.5px;transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.pdetail_pic:hover .owl-next{right:8px;}
.pdetail_pic .owl-prev:hover,.pdetail_pic .owl-next:hover{filter:alpha(opacity=100);opacity:1;}

@media  screen and (max-width:1200px){
.s_products .info1 .img{width:45%;}
.picFocus{width:100%;}
.s_products .info1 .txt{width:50%;}
.picFocus .hd ul li{width:25%;}
.picFocus .hd ul li img{width:90%;}
}

@media  screen and (max-width:991px){
.slideTxtBox .bd ul .txt img{width:100%;}
}

@media  screen and (max-width:640px){
.s_products .info{font-size:14px; margin-bottom:30px;}
.s_products .info1 .txt h2{font-size:16px;}
.s_products .info1 .img{width:100%;}
.picFocus{display:none;}
.s_products .info1 .txt{width:100%;}
.s_products .info1 .txt .call{margin-top:20px;}
.slideTxtBox{margin-top:30px;}
.slideTxtBox .hd ul{width:100%;}
.slideTxtBox .hd ul li{width:33.33%; font-size:14px;}
.slideTxtBox .bd ul{padding:20px;}
.pdetail_pic{display:block;}
}

.relacase{margin-top:30px;}
.relacase .classname{padding:50px 0px; text-align:center; font-size:16px;}
.relacase .imglist{margin-top:-35px; margin-right:-35px;}
.relacase .imglist li{width:33.33%;}
.relacase .imglist li a{max-width:376px;margin-top:35px; margin-right:35px; position:relative;}
.relacase .imglist li a:hover{box-shadow:0px 0px 20px #ccc;-moz-box-shadow:0px 0px 20px #ccc;-ms-box-shadow:0px 0px 20px #ccc;-webkit-box-shadow:0px 0px 20px #ccc;}
.relacase .imglist li a .img{width:100%; overflow:hidden;}
.relacase .imglist li a:hover .img img{transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0.9;}
.relacase .imglist li a .txt{width:100%; background:#FFF; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #f5f5f5; border-top:0px; margin-top:-2px; color:#333333; position:relative;}
.relacase .imglist li a .txt:before{content:""; position:absolute; left:0px; top:0px;width:1px; height:100%; background:#f5f5f5;}
.relacase .imglist li a .txt:after{content:""; position:absolute; right:0px; top:0px;width:1px; height:100%; background:#f5f5f5;}
.relacase .imglist li a .cont{position:absolute; bottom:-45%;width:100%; height:45%;background:#FFF; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.relacase .imglist li a:hover .cont{bottom:0px;}
.relacase .imglist li a .cont h2{line-height:20px;padding:15px 0px; color:#44bcbb; text-align:center; width:80%;margin:0px auto;}
.relacase .imglist li a .cont h3{line-height:25px;width:80%;margin:0px auto; color:#999; text-align:center;}

@media  screen and (max-width:991px){
.relacase .imglist{margin-top:-15px; margin-right:-15px;}
.relacase .imglist li a{margin-top:15px; margin-right:15px;}
.relacase .imglist li a .cont{bottom:-55%; height:55%;}
.relacase .imglist li a .cont h2{padding:8px 0px;}
}

@media  screen and (max-width:768px){
.relacase .imglist li a .cont h3{ line-height:18px; font-size:12px; width:90%; }
}

@media  screen and (max-width:640px){
.relacase{margin-top:0px;}
.relacase .classname{padding:25px 0px;}
.relacase .imglist li{width:50%;}
.relacase .imglist li a{max-width:600px;}
.relacase .imglist li a .cont{bottom:-60%; height:60%;}
.relacase .imglist li a .cont h2{padding:5px 0px;}
}

@media  screen and (max-width:480px){
.relacase .imglist li{width:100%;}
.relacase .imglist li a{max-width:1200px;}
.relacase .imglist li a .cont{bottom:-40%; height:40%;}
}
/*三级导航*/
.t_nav{margin:40px auto 0px auto; text-align:center; width:40%;}
.t_nav a{display:block; float:left; width:49%; height:40px; text-align:center; border:1px solid #44bcbb; color:#44bcbb; line-height:40px; text-align:center; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.t_nav a:hover,.t_nav a.on{background:#44bcbb; color:#FFF;}
.t_nav a:first-child{border-top-left-radius:20px;border-bottom-left-radius:20px; border-right:0px;}
.t_nav a:last-child{border-top-right-radius:20px;border-bottom-right-radius:20px; border-left:0px;}
.t_nav a em{width:13px; height:15px; margin-right:10px;display:inline-block;vertical-align:middle; margin-top:-3px;}
.t_nav a em img{float:left; }
.t_nav a em .show{display:block;transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.t_nav a em .hide{display:none;transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.t_nav a:hover em .show ,.t_nav a.on em .show{display:none;}
.t_nav a:hover em .hide,.t_nav a.on em .hide{display:block;}
@media screen and (max-width:991px){
.t_nav{display:none;}
}
 
/*详情页面公共样式*/ 

.s_c{line-height:25px; color:#666666; overflow:hidden;}
.s_c p{margin-bottom:10px;}
.s_c .pic{overflow:hidden;}
.s_c .img{width:600px;}
.s_c .img1{width:580px;}
.s_c .title{color:#333; font-size:18px; margin-bottom:18px;}
.s_c span{color:#333; font-size:16px; margin-bottom:8px; display:block;}

@media screen and (max-width:1200px){
.s_c .img{width:50%;}
.s_c .img1{width:48%;}
}
@media screen and (max-width:480px){
.s_c .title{font-size:16px;}
.s_c .img{width:100%;}
.s_c .img1{width:100%;}
}


/*分页样式*/
.waik_1{ padding: 6% 0 0 0;}
.waik_1 .pz_fy{ text-align: center;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.waik_1 .pz_fy a { display:inline-block;*display:inline; *zoom:1; min-width:40px; height:40px; margin:0 5px; line-height:40px; border:solid 1px #eeeeee; color: #333333; font-size:14px; text-decoration:none; overflow:hidden;  vertical-align: top; border-radius:5px; background:#FFF;}
.waik_1 .pz_fy a.a1{width:60px;}
.waik_1 .pz_fy a:hover,.pz_fy a.on{ color: #fff; background:#44bcbb; border:solid 1px #FFF;}/*鼠标经过和默认当前页样式*/
.waik_1 .fy_phone{ display:none;}
@media  screen and (max-width:1200px){
    
    .waik_1 .fy_phone{ display:block; font-family:'Arial'; padding:4% 0 0 0;}
    .waik_1 .fy_phone{ text-align:center; font-size:14px; color:#333;}
    .waik_1 .fy_phone a{ display:inline-block;*display:inline; *zoom:1; width:100px; height:35px; line-height:35px; border:solid 1px #e7e7e7; color:#333; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; position:relative;}
     .waik_1 .fy_phone a:hover{background:#44bcbb; color:#FFF;}
    .waik_1 .fy_phone span{ display:inline-block; padding:0 10%; height:35px; line-height:35px; color:#333;}
}

/*视频弹窗*/
.pz_pf_on{ float:left; width:100%; height:100%; background:rgba(0,0,0,0.3) left top repeat; position:fixed; top:0; left:0; z-index:9999; display:none; }
.pz_pf_2{ position:absolute; top:50%; left:50%; 
-webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

@media  screen and (max-width:1200px){
   .pz_pf_2{width:80%; height:auto;}
}
.tent_out{ position:absolute; right:0px; top:0px;}
.tent_out .close{cursor:pointer;}

/*会员中心*/

.member{background:#f4f4f4; padding:120px 0px 115px 0px;}
.w1000{width:1000px; margin:0px auto; box-shadow:0px 0px 20px #ccc;-moz-box-shadow:0px 0px 20px #ccc;-ms-box-shadow:0px 0px 20px #ccc;-webkit-box-shadow:0px 0px 20px #ccc; background:#FFF; border-radius:5px;height:690px;}
.w1000 .title{padding:108px 0px 54px 0px; text-align:center; font-size:20px; width:75%; float:right;}
.w1000 .login{width:450px; margin:0px auto;overflow:hidden;}
.w1000 .login li{width:100%; overflow:hidden; margin-bottom:20px;}
.w1000 .login li span{width:20%; height:40px; line-height:40px; display:block; text-align:right ; float:left;margin-right:5%;}
.w1000 .login li .int{width:70%;float:left; height:40px; border:1px solid #dddddd; padding:0px 10px; position:relative;}
.w1000 .login li .int input{ width:100%; line-height:40px; border:0px; height:40px; color:#999;}
.w1000 .login li .code{width:40%;float:right; height:40px; border:1px solid #dddddd; padding:0px 10px; position:relative; float:left; margin-right:5%;}
.w1000 .login li .code input{ width:100%; line-height:40px; border:0px; height:40px; color:#999; }
.w1000 .login li .img{float:left;width:25%;}
.w1000 .login li .int .ico{width:19px; height:15px; position:absolute; top:50%; margin-top:-7.5px; right:20px;}
.w1000 .login .btn{width:75%; margin-top:9px;  float:right;}
.w1000 .login .btn input{width:100%; height:47px; line-height:47px; color:#FFF; font-size:16px; text-align:center; background:#44bcbb; border:0px; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.w1000 .login .btn input:hover{filter:alpha(opacity=80);opacity:0.8;}
.w1000 .login .txt{width:75%; float:right; line-height:35px; margin-top:10px; font-size:12px;}
.w1000 .login .txt .log{float:left; color:#333; }
.w1000 .login .txt .log span{color:#44bcbb;}
.w1000 .login .txt .log span a{color:#44bcbb;}
.w1000 .login .txt .reg{color:#44bcbb; float:right;}
.w1000 .login .txt .reg a{color:#44bcbb;}
.m_bottom{border-top:1px solid #ccc;background:#f4f4f4; padding:23px 0px; text-align:center; color:#666666; line-height:20px;}

@media  screen and (max-width:1200px){
.w1000{width:100%;}
}

@media  screen and (max-width:640px){
.member{padding:60px 0px;}
.w1000 .title{width:100%;}
.w1000 .login{width:90%; margin:0px auto;}
.w1000 .login li span{width:100%; height:30px; line-height:30px; text-align:left;}
.w1000 .login li .int{width:99%; padding:0px;}
.w1000 .login li .int input{width:90%; margin-left:5%;}
.w1000 .login .btn{width:100%;}
.w1000 .login .txt{width:100%;}
}

@media  screen and (max-width:480px){
.w1000 .title{padding:74px 0px 34px 0px;}
}

.w745{width:745px; margin:0px auto; box-shadow:0px 0px 20px #ccc;-moz-box-shadow:0px 0px 20px #ccc;-ms-box-shadow:0px 0px 20px #ccc;-webkit-box-shadow:0px 0px 20px #ccc; background:#FFF; border-radius:5px;padding:190px 0px 250px 0px;}
.w745 .success{padding-bottom:40px; border-bottom:1px dashed #b4b4b4; line-height:62px;  width:410px; margin:0px auto; overflow:hidden; text-align:center;}
.w745 .success em{float:left; width:61px; display:block; margin-left:40px; height:62px;}
.w745 .success span{display:block; font-size:24px; }
.w745 .txt{width:410px; margin:0px auto;padding:38px 0px; text-align:center; line-height:20px;}
.w745 .txt span,.w745 .txt span a{color:#44bcbb;}
.w745 .login{width:410px; margin:0px auto;height:40px; display:block; line-height:40px; text-align:center; color:#FFF; background:#44bcbb;}
.w745 .login:hover{filter:alpha(opacity=80);opacity:0.8;}

@media  screen and (max-width:768px){
.w745{width:100%; padding:100px 0px;}
}

@media  screen and (max-width:480px){
.w745 .success{width:90%;}
.w745 .success em{margin-left:15px;}
.w745 .success span{font-size:18px;}
.w745 .txt{width:90%; font-size:12px;}
.w745 .login{width:90%;}
}

.checkemail{margin:60px 0px 215px 0px; width:480px; margin:0px auto;}
.jindu{width:100%; overflow:hidden;padding-top:30px;}
.jindu li{width:33.33%;padding:25px 0px; text-align:center;border-top:2px solid #44bcbb; float:left; position:relative;}
.jindu .on{color:#44bcbb;}
.jindu li:first-child,.jindu li:last-child{border-top:0px;}
.jindu li:first-child:before{content:""; position:absolute;width:50%; height:2px; background:#44bcbb; top:0px; right:0px;}
.jindu li:last-child:before{content:""; position:absolute;width:50%; height:2px; background:#44bcbb; top:0px; left:0px;}
.jindu li .ico{width:25px; height:25px; border-radius:50%;position:absolute; background:#9fdada;top:-12.5px;left:50%;margin-left:-12.5px;}
.jindu .on .ico:after{content:"";width:10px; height:10px;position:absolute; top:50%; margin-top:-5px; left:50%; margin-left:-5px; border-radius:50%; background:#44bcbb;}
.w480{margin:0px auto; box-shadow:0px 0px 20px #ccc;-moz-box-shadow:0px 0px 20px #ccc;-ms-box-shadow:0px 0px 20px #ccc;-webkit-box-shadow:0px 0px 20px #ccc; background:#FFF; border-radius:5px; margin:45px 0px 200px 0px; padding-bottom:50px;} 
.w480 .title{width:100%; height:48px; border-bottom:1px solid #ccc; position:relative; margin-bottom:50px;}
.w480 .title span{height:40px; line-height:40px;width:120px;background:#FFF; font-size:20px; text-align:center;left:50%;margin-left:-60px; bottom:-20px; text-align:center;position:absolute;}
.w480 .int{width:80%; margin:0px auto 15px auto;border:1px solid #ddd;}
.w480 .int input{width:90%;border:0px;height:40px; line-height:40px;margin-left:5%; }
.w480 .checkcode{width:80%; overflow:hidden;margin:0px auto;}
.w480 .checkcode .code{width:60%; float:left;border:1px solid #ddd;}
.w480 .checkcode .img{width:30%;float:right;}
/*.w480 .checkcode .img img{width:auto; height:100%;}*/
.w480 .checkcode .code input{width:90%;border:0px;height:40px; line-height:40px;margin-left:5%;}
.w480 .next{display:block;width:180px; height:40px; line-height:40px;background:#44bcbb; text-align:center; color:#FFF; font-size:18px;margin:30px auto 0px auto; border:0px;transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s; -o-transition:all 0.3s;}
.w480 .next:hover{opacity:0.8; filter:alpha(opacity=80);}

@media  screen and (max-width:480px){
.checkemail{width:100%;}	
.w480{width:100%;margin:45px 0px 130px 0px;}
.w480 .title span{font-size:18px;}
.w480 .next{width:120px; font-size:16px;}
}

.member_reg{background:#f4f4f4; padding:40px 0px 40px 0px;}
.reg1000{width:1000px; margin:0px auto; box-shadow:0px 0px 20px #ccc;-moz-box-shadow:0px 0px 20px #ccc;-ms-box-shadow:0px 0px 20px #ccc;-webkit-box-shadow:0px 0px 20px #ccc; background:#FFF; border-radius:5px;}
.reg1000 .title{padding:30px 0px 30px 0px; text-align:center; font-size:20px; width:90%; margin:0px auto; }
.reg1000 .reg{width:90%; margin:0px auto; overflow:hidden;}
.reg1000 .reg li{overflow:hidden; margin-bottom:20px;}
.reg1000 .reg li span{width:20%; height:40px; line-height:40px; display:block; text-align:right ; float:left;margin-right:5%; overflow:hidden;}
.reg1000 .reg li .int{width:35%;float:left; height:40px; border:1px solid #dddddd;  position:relative;margin-right:5%;}
.reg1000 .reg li .int input{ width:90%; line-height:40px; border:0px; height:40px; color:#999; margin-left:5%;}
.reg1000 .reg li .int .ico{width:19px; height:15px; position:absolute; top:50%; margin-top:-7.5px; right:20px;}
.reg1000 .reg li .txt{width:33%; float:left; line-height:40px;}
.reg1000 .reg li .img{width:33%; float:left; line-height:40px;}
.reg1000 .reg li .img img{width:auto;}
.reg1000 .reg li .code{width:18%;float:right; height:40px; border:1px solid #dddddd; position:relative; float:left; margin-right:3%;}
.reg1000 .reg li .code input{ width:90%; line-height:40px; border:0px; height:40px; color:#999; margin-left:5%;}
.reg1000 .reg .txt1{margin-left:25%; padding:0px 0px 20px 0px; }
.reg1000 .reg .txt1 span{color:#44bcbb;}
.reg1000  .reg .btn{padding-left:25%;margin:0px 0px 0px 0px; width:35%; float:left;}
.reg1000  .reg  .btn input{width:100%; height:40px; background:#44bcbb; border:0px; color:#FFF; font-size:16px; line-height:40px; text-align:center; }
.reg1000 .reg .txt2{margin-left:25%; padding:20px 0px 20px 0px; width:35%;float:left; text-align:center;}
.reg1000 .reg .txt2 a{color:#ff9000;}

@media  screen and (max-width:1000px){
.reg1000{width:100%;}	
.reg1000 .reg li span{width:100%; height:30px; line-height:30px; text-align:left;}
.reg1000 .reg li .int{width:99%;}
.reg1000 .reg li .txt{width:100%;height:30px; line-height:30px;}
.reg1000 .reg li .code{width:50%;}
.reg1000 .reg li .img{width:40%;float:right;text-align:right;}
.reg1000 .reg .txt1{margin-left:0px; line-height:20px;}
.reg1000 .reg .btn{padding-left:0px; width:100%;}
.reg1000 .reg .txt2{margin-left:0px;width:100%; margin-bottom:50px;}
}