/*main首页产品*/















.homeHeatingBack{ background: url("../images/main1.jpg") repeat;}















.homeHeating{ height: 50px; position: relative; z-index: 10;}















.homeHeating .heatFloat{ position: absolute; width: 100%; left: 0; bottom: 0; background: url("../images/main2.png") repeat-y; background-size: 100% auto; padding: 25px 47px;}





















.homeHeating .heatFloat .b{ float: right; width: 58px; height: 58px; line-height: 0;}















.homeHeating .heatFloat .heatLeft{ padding-right: 120px;}















.homeHeating .heatFloat .heatLeft h2{ float: left; width: 100%; color: #fff; font-size: 24px; line-height: 34px;}















.homeHeating .heatFloat .heatLeft .heatSmall{ float: left; width: 100%; color: #fff; font-size: 14px; font-family: Arial; line-height: 16px; margin-top: 6px; text-transform: uppercase;}















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















    .homeHeating{ display: none; }















}































/*homePro*/















.homePro{ padding: 7.09% 0 4.61% 0;}















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















    .homePro{ padding: 9% 0 4.61% 0;}















}















.homeProTitle{}















.homeProTitle .proText{ text-align: center; line-height: 0;}















.homeProTitle .proText h2{ display: inline-block; vertical-align: top; color: #008996; font-size: 36px; line-height: 1; padding: 0 140px; position: relative; }















.homeProTitle .proText h2::before{ content: ''; position: absolute; width: 1px; height: 7px; left: 50px; background-color: #008996; top: 50%; margin-top: -4px;}















.homeProTitle .proText h2::after{ content: ''; position: absolute; width: 1px; height: 7px; right: 50px; background-color: #008996; top: 50%; margin-top: -4px;}















.homeProTitle .proText h2 .span1{ position: absolute; width:100%; height: 141%; bottom: 50%; left: 0; right: 0; border: #008996 solid 1px; border-bottom: 0; }















.homeProTitle .proText h2 .span2{ position: absolute; width:50px; height: 1px; bottom: 50%; left: 0; background-color: #008996; }















.homeProTitle .proText h2 .span3{ position: absolute; width:50px; height: 1px; bottom: 50%; right: 0; background-color: #008996; }















.homeProTitle .forCustom{ padding: 1.36% 0 3px 0; color: #454545; font-size: 18px; line-height: 1.2; text-align: center;}















.homeProTitle .forEng{ padding-bottom: 1.28%; color: #b2b2b2; font-size: 12px; line-height: 14px; text-align: center; text-transform: uppercase;}















.homeProTitle .forLine{ text-align: center; line-height: 0;}















.homeProTitle .forLine span{ display: inline-block; vertical-align: top; width: 54px; height: 4px; background-color: #49b232;}















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















    .homeProTitle .proText h2{ font-size: 28px; padding: 0 60px; }















    .homeProTitle .proText h2 .span1{ height: 110%; }















    .homeProTitle .forCustom{ font-size: 16px; }















}















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















    .homeProTitle .proText h2{ font-size: 20px; padding: 0 40px; }















    .homeProTitle .proText h2::before{ left: 20px; }















    .homeProTitle .proText h2::after{ right: 20px; }















    .homeProTitle .proText h2 .span2{ width:20px; }
















    .homeProTitle .proText h2 .span3{ width:20px; }















    .homeProTitle .forCustom{padding: 1.36% 0 10px 0; font-size: 14px;  }















    .homeProTitle .forEng{ display: none; }















}































































.homeProDown{ padding-top: 2.56%;}















.homeProDown .hd{ float: left; width: 100%;}















.homeProDown .hd ul{ float: left; width: 100%; background-color: #008996;}















.homeProDown .hd ul li{ float: left; width: 20%; padding: 15px 0; position: relative; color: #ffffff; font-size: 16px; line-height: 20px; cursor: pointer; text-align: center;}















.homeProDown .hd ul li.on{ background-color: #49b232;}















.homeProDown .hd ul li::after{ display: none; content: ''; left: 50%; margin-left: -7px; top: 100%; position: absolute; width: 0; height: 0; border-top: #49b232 solid 8px; border-right: transparent solid 7px; border-left: transparent solid 7px;}















.homeProDown .hd ul li.on::after{ display: block; }















.homeProDown .bd{ float: left; width: 100%; padding-top:8px; }















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















    .homeProDown .hd ul li{ width: 50%; padding: 10px 0; }















    .homeProDown .hd ul li::after{  border-top: #49b232 solid 0; border-bottom: #008996 solid 8px; top: auto; bottom: 0; }















}















.homeProDown .bd .bdShow{ margin: 0 -15px;}















.bdShow ul{ float: left; width: 100%;}















.bdShow ul li{ float: left; width:33.3333%; padding: 0 15px; }















.bdShow ul li .linkBox{ margin-top: 8.37%;}















.bdShow ul li .linkBox .proPic{ overflow: hidden; position: relative; border: #ebebeb solid 1px; border-bottom: 0; background-color: #fff;}















.bdShow ul li .linkBox .proPic .picSelf{}















.bdShow ul li .linkBox .proPic .proBack{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.8);















    -webkit-transition: all 0.3s linear;















    -moz-transition: all 0.3s linear;















    -o-transition: all 0.3s linear;















    transition: all 0.3s linear;















    opacity: 0;















    filter: alpha(opacity=0);















    -moz-opacity: 0;















    -khtml-opacity: 0;















}















.bdShow ul li:hover .linkBox .proPic .proBack{















    opacity: 1;















    filter: alpha(opacity=100);















    -moz-opacity: 1;















    -khtml-opacity: 1;















}















.bdShow ul li .linkBox .proPic .proBack .txt{ position: absolute; width: 100%; padding:8.64% 6.75% 0 6.75%; }















.bdShow ul li .linkBox .proPic .proBack .txt p{ height: 60px; color: #fff; font-size: 14px; line-height: 30px; text-align: center; overflow: hidden;}















.bdShow ul li .linkBox .proPic .proBack .txt p a{color: #fff;}















.bdShow ul li .linkBox .proPic .proBack .bn{ position:absolute; width: 100%; left: 0; bottom: 0; padding: 0 15.94% 8.64% 15.94%; }















.bdShow ul li .linkBox .proPic .proBack .bn .bnLi{ float: left; width: 50%; padding: 0 3px;}















.bdShow ul li .linkBox .proPic .proBack .bn .bnLi a{ float: left; width: 100%; height: 39px; background-color: #49b232; text-align: center; color: #fff; font-size: 14px; line-height: 39px;}















.bdShow ul li .linkBox .proPic .proBack .bn .bnLi.two a{ background-color: #008996;}















.bdShow ul li .linkBox .proPic .proBack .bn .bnLi a b{ display: inline-block; vertical-align: top; width: 13px; height: 13px; line-height: 0; margin-left: 5px; margin-top: 13px;}















.bdShow ul li .linkBox .proPic .proBack .bn .bnLi a span{ display: inline-block; vertical-align: top; }















.bdShow ul li .linkBox .proDownTxt{ border: #ebebeb solid 1px;  padding: 4.05% 10px 4.57% 10px; background-color: #fff; text-align: center;}















.bdShow ul li:hover .linkBox .proDownTxt{ background-color: #008996;  border: #008996 solid 1px;}















.bdShow ul li .linkBox .proDownTxt h3{ color: #363636; font-size: 16px; line-height: 27px;}















.bdShow ul li:hover .linkBox .proDownTxt h3{ color: #fff;}















.bdShow ul li .linkBox .proDownTxt p{ color: #757575; font-size: 14px; line-height: 19px;}















.bdShow ul li:hover .linkBox .proDownTxt p{ color: #fff;}















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















    .homeProDown .bd .bdShow{ margin: 0 -7px;}















    .bdShow ul li{ width: 50%; padding: 0 7px; }















    .bdShow ul li .linkBox .proPic .proBack{ display: none;}















}



























































































































.elli{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}







@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}







@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}







@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}







@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}







































/*固定顶部导航*/







.pz_menu{ float:left; width:100%; position:absolute; left:0; top:160px; z-index:5; background:url(../images/top5.png);}















.pz_menu.on{ position:fixed; top:0;}



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



.pz_down{ z-index:3;}



}



/**/























.menu > ul{ float:left; width:100%;}



.menu ul .nli{ float:left;z-index:99; position:relative; height:64px; width:12.285%; padding:10px 0; background:url(../images/top3.png) no-repeat right center;}



.menu ul .nli span{ display:block; width:100%; float:left; text-align:center;}



.menu ul .nli span a{ display:inline-block; width:136px; height:44px; line-height:44px; color:#fff; font-size:16px; position:relative; z-index:2;



-moz-border-radius:22px; 



-webkit-border-radius:22px; 



-khtml-border-radius:22px;



border-radius:22px;}



.menu ul .nli.on span a,



.menu ul .nli:hover span a{ background:#f89e1d;}



.menu ul .nli:last-child{ background:none;}



/*下拉菜单（漂浮在menu .nli上）*/



.sub { z-index:21;  position:absolute; float:left; width:140px; left: 50%; margin-left: -70px;top:100%; display:none; text-align:left;



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



.sub .l2{ float: left; position: relative; width:100%; float:left; margin-top:1px; background:url(../images/top5.png);}



.sub .l2 .l2_a{ display:block; width:100%; float:left; font-size:14px; line-height: 40px; color: #fff; padding:0 20px; overflow:hidden; position:relative;}



.sub .l2 .l2_a svg{ display:block; width:7px; height:12px; position:absolute; right:20px; top:50%; background:url(../images/top4.png) no-repeat center center; margin-top:-6px; background-size:contain;



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



.sub .l2:hover{ background:#f39800;}



.sub .ul3{ width:100%; float:left; position:absolute; left:101%; top:-1px; display:none; text-align:center;}



.sub .ul3 .l3{ width:100%; float:left; margin-top:1px; background:url(../images/top3.png);}



.sub .ul3 .l3 .l3_a{ display:block; width:100%; float:left; padding:0 10px; font-size:12px; line-height: 40px; color: #fff;}



.sub .ul3 .l3:hover{ background:url(../images/top2_h.png);}



















































/*手机版底部菜单*/







.pf_d{ float:left; width:100%; height:50px;}







.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; border-top:solid 1px #ddd; height:50px; z-index:99;}







.pf_down li{ width:33.3333%; float:left; text-align:center; padding:5px 0 0 0;}







.pf_down li .ico7{ width:100%; float:left; height:20px;}







.pf_down li .name{ width:100%; float:left; font-size:14px; color:#666; line-height:20px; font-family:"Arial";}







.pf_down li.l1 .ico7{ background:url(../images/btn15.png) no-repeat center; background-size:20px 20px;}







.pf_down li.l2 .ico7{ background:url(../images/btn16.png) no-repeat center; background-size:20px 20px;}







.pf_down li.l3 .ico7{ background:url(../images/down15.png) no-repeat center; background-size:20px 20px;}







.pf_down li:hover .name,







.pf_down li.on .name{ color:#186ebf;}







.pf_down .l1:hover .ico7,







.pf_down .l1.on .ico7{ background:url(../images/btn15_1.png) no-repeat center; background-size:20px 20px;}







.pf_down .l2:hover .ico7,







.pf_down .l2.on .ico7{ background:url(../images/btn16_1.png) no-repeat center; background-size:20px 20px;}







.pf_down .l3:hover .ico7,







.pf_down .l3.on .ico7{ background:url(../images/down15_2.png) no-repeat center; background-size:20px 20px;}































/*联系我们*/



.contactOne{ padding-top:58px; padding-bottom:60px;}



.contactOneLeft{ width:69.23%; float:left; height:609px; background:#ebebeb;}



.contactOneLeft .dt{ width:100%; float:left; padding:49px 40px 34px 88px; background:#ebebeb;}



.contactOneLeft .dt h3{ width:100%; float:left; font-size:30px; color:#151515; line-height:47px; letter-spacing:1px;}



.contactOneLeft .dt h5{ width:100%; float:left; font-size:16px; color:#9c9c9c; line-height:33px; letter-spacing:16px; text-transform:uppercase;}



.contactOneLeft .dd{ width:100%; float:left; padding:36px 40px 32px 40px; background:#f6f6f6;}



.contactOneLeft .dd li{ width:50%; float:left; padding-left:105px; position:relative; padding-right:15%;}



.contactOneLeft .dd li .ewm{ width:79px; height:79px; border:solid 2px #106b73; position:absolute; right:10%; top:50%; margin-top:-40px;}







.contactOneLeft .dd li .ico{ width:42px; height:42px; background:#106b73; line-height:0; position:absolute; left:45px; top:2px;



-moz-border-radius:50%; 



-webkit-border-radius:50%; 



-khtml-border-radius:50%;



border-radius:50%;}



.contactOneLeft .dd li h5{ float:left; width:100%; font-size:16px; color:#444; line-height:29px; letter-spacing:1px;}



.contactOneLeft .dd li h6{ float:left; width:100%; font-size:16px; color:#444; line-height:26px; letter-spacing:1px;}



.contactOneLeft .dd li h6 span{ margin-right:22px; display:inline-block;}




.contactOneLeft .dd:nth-child(3n){ background:#ebebeb;}



.contactOneLeft .dd:last-child li{ width:100%; padding-right:0;}



.contactOneRight{ width:29.51%; float:right; background:white; border:solid 1px #ededed; padding:36px 39px 0 38px; height:609px;}



.contactOneRight .dt{ width:100%; text-align:center; font-size:24px; color:#333; line-height:34px; letter-spacing:1px; margin-bottom:9px;}



.contactOneRight .dd{ width:100%; margin-top:11px;}



.contactOneRight .dd h5{ width:100%; font-size:14px; color:#666; line-height:32px; letter-spacing:1px;}



.contactOneRight .dd input,.contactOneRight .dd textarea{ display:block; width:100%; height:44px; line-height:44px; background:#f7f7f7; padding:0 20px;



-moz-border-radius:4px; 



-webkit-border-radius:4px; 



-khtml-border-radius:4px;



border-radius:4px;



appearance: none;



-moz-appearance: none;



-webkit-appearance: none;



outline: 0;



border:0}



.contactOneRight .dd textarea{ padding:8px 20px; line-height:24px; height:116px;}



.contactOneRight .dd.d2{ text-align:center; margin-top:29px;}



.contactOneRight .dd.d2 input{ display:inline-block; width:229px; height:44px; line-height:44px; color:white; background:#186ebf; font-size:16px;



-moz-border-radius:22px; 



-webkit-border-radius:22px; 



-khtml-border-radius:22px;



border-radius:22px;}



.contactOneRight .dd.d1{ padding-right:107px; position:relative;}



.contactOneRight .dd.d1 span{ display:block; width:98px; height:44px; position:absolute; right:0; bottom:0; cursor:pointer;}



.contactOneRight .dd.d2 input:hover{ background:#ee4b20;}



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



.contactOneLeft .dt{ padding:39px 20px 24px 48px;}



.contactOneLeft .dd{ padding:33px 20px 34px 0px;}



.contactOneLeft .dd li{ padding-right:10%;}



.contactOneLeft .dd li .ewm{ right:0%;}



}



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



.contactOneLeft{ height:479px;}



.contactOneLeft .dt{ padding:29px 20px 14px 30px;}



.contactOneLeft .dt h3{ font-size:24px; line-height:42px;}



.contactOneLeft .dt h5{ font-size:14px; line-height:27px; letter-spacing:12px;}



.contactOneLeft .dd{ padding:23px 20px 24px 0;}



.contactOneLeft .dd li{ padding-left:85px;}



.contactOneLeft .dd li .ico{ left:30px; width:38px; height:38px;}



.contactOneLeft .dd li .ewm{ width:60px; height:60px; margin-top:-30px;}



.contactOneLeft .dd li h5{ font-size:14px; line-height:25px;}



.contactOneLeft .dd li h6{ font-size:14px; line-height:22px;}



.contactOneRight{ padding:20px 19px 0 18px; height:479px;}



.contactOneRight .dt{ font-size:18px; line-height:28px; margin-bottom:5px;}



.contactOneRight .dd{ margin-top:6px;}



.contactOneRight .dd h5{ font-size:12px; line-height:26px;}



.contactOneRight .dd input,.contactOneRight .dd textarea{ height:40px; line-height:40px;}



.contactOneRight .dd textarea{ height:100px;}



.contactOneRight .dd.d1 span{ width:89px; height:40px;}



.contactOneRight .dd.d2{ margin-top:20px;}



}



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



.contactOne{ padding-top:38px; padding-bottom:40px;}



.contactOneLeft,.contactOneRight{ width:100%; height:auto;}



.contactOneLeft .dt{ padding:19px 10px 10px 20px;}



.contactOneLeft .dd{ padding:13px 10px 24px 20px;}



.contactOneLeft .dt h3{ font-size:24px; line-height:32px;}



.contactOneLeft .dt h5{ margin-top:6px; font-size:14px; line-height:20px;}



.contactOneLeft .dd li{ padding-left:50px; padding-right:15%;}



.contactOneLeft .dd li .ewm{ right:10%;}



.contactOneLeft .dd li .ico{ width:32px; height:32px; left:0;}



.contactOneLeft .dd li h5{ font-size:14px; line-height:25px;}



.contactOneLeft .dd li h6{ font-size:14px; line-height:22px;}



.contactOneRight{ padding:16px 19px 20px 18px; height:auto;}



.contactOneRight .dt{ font-size:16px; line-height:26px;}




.contactOneRight .dd input,.contactOneRight .dd textarea{ height:38px; line-height:38px; padding:0 10px;}



.contactOneRight .dd textarea{ padding:6px 10px; line-height:20px; height:86px;}



.contactOneRight .dd.d2{ margin-top:19px;}



.contactOneRight .dd.d2 input{ width:200px; height:38px; line-height:38px; font-size:14px;}



}



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



.contactOne{ padding-top:18px; padding-bottom:20px;}



.contactOneLeft{ width:100%;}



.contactOneLeft .dt{ padding:12px 10px 10px 10px;}



.contactOneLeft .dd{ padding:8px 10px 14px 10px;}



.contactOneLeft .dt h3{ font-size:18px; line-height:26px;}



.contactOneLeft .dt h5{ margin-top:4px; font-size:12px; line-height:18px;}



.contactOneLeft .dd li{ width:100%; margin:15px 0; padding-left:40px; padding-right:25%;}



.contactOneLeft .dd li h5{ line-height:21px;}



.contactOneLeft .dd li h6{ line-height:20px;}



.contactOneRight{ padding:10px 10px 15px 10px;}



.contactOneLeft .dd li .ewm{ right:3%;}



}







.contactTwo{ padding:69px 30px 68px 30px; text-align:center; font-size:18px; color:white; line-height:42px; letter-spacing:1px; }



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



.contactTwo{ padding:49px 20px 48px 20px; font-size:16px; line-height:36px;}



}



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



.contactTwo{ padding:29px 15px 28px 15px; font-size:14px; line-height:30px;}



}







.contactTre{ padding:64px 0 82px 0;}



.contactTreHead{ width:100%; float:left; text-align:center; font-size:38px; color:#333; line-height:67px; font-weight:bold; letter-spacing:1px; position:relative;}



.contactTreHead h1{ width:100%; position:absolute; left:0; top:0; z-index:-1; text-transform:uppercase; font-size:110px; line-height:82px; color:#f6f6f6; font-family: 'OPENSANS-BOLD'; font-weight:bold;}



.contactTreBody{ width:100%; float:left; margin-top:34px; text-align:center; font-size:16px; color:#666; line-height:36px;}



.contactTreDown{ width:100%; float:left; margin-top:3px;}



.contactTreDown ul{ width:100%; float:left;



display: flex;



display: -webkit-flex;



flex-wrap: wrap;



align-items: flex-start;}



.contactTreDown ul li{ width:33.33%; float:left; margin-top:32px; padding:0 15px;}



.contactTreDown ul li .zbox{ width:100%; float:left; overflow:hidden; box-shadow:0 0 16px rgba(0,0,0,0.2); padding:36px 30px 36px 41px; height:317px;



-moz-border-radius:8px; 



-webkit-border-radius:8px; 



-khtml-border-radius:8px;



border-radius:8px;}



.contactTreDown ul li .zbox .contactTreDownTit{ width:100%; float:left; padding-bottom:12px; background:url(../images/contact3.jpg) no-repeat left bottom; font-size:24px; color:#333; line-height:40px; position:relative;}



.contactTreDown ul li .zbox .contactTreDownTit h4{ position:absolute; right:0px; top:0; font-size:37px; color:#444; opacity:0.1; text-transform:uppercase; font-weight:bold; line-height:40px;}



.contactTreDown ul li .zbox .scroll{ width:100%; float:left; margin-top:5px; height:193px; overflow:hidden; position:relative; }



.contactTreDown ul li .zbox .scroll .p{ width:100%; float:left; font-size:16px; color:#666; line-height:28px;padding-right:20px;}



.contactTreDown ul li .zbox .scroll .p b{ margin-top:10px; width:100%; float:left;}



.scroll_tiao{ width:2px !important; background:#ddd; right:2px !important;}



.scroll_huakuai{ width:4px !important; background:#185fb7 !important; right:-1px !important;



-moz-border-radius:4px; 



-webkit-border-radius:4px; 



-khtml-border-radius:4px;



border-radius:4px}



.contactTreBtn{ width:100%; float:left; text-align:center; margin-top:64px;}



.contactTreBtn h4{ font-size:18px; color:#666; line-height:30px; font-weight:bold;}



.contactTreBtn h4 a{ color:#106b73; text-decoration:underline;}



.contactTreBtn h5{ font-size:16px; color:#666; line-height:27px;}



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



.contactTreDown ul li .zbox{ padding:36px 20px 36px 31px;}



.contactTreDown ul li .zbox .contactTreDownTit h4{ font-size:30px;}



}



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



.contactTre{ padding:44px 0 62px 0;}



.contactTreHead{ font-size:32px; line-height:47px;}



.contactTreHead h1{ font-size:90px; line-height:62px;}



.contactTreBody{ margin-top:24px; font-size:14px; line-height:30px;}



.contactTreDown{ margin-top:0px;}



.contactTreDown ul li{ width:50%; margin-top:22px;}



.contactTreDown ul li .zbox{ padding:26px 10px 26px 21px; height:267px;}



.contactTreDown ul li .zbox .contactTreDownTit{ padding-bottom:10px; font-size:18px; line-height:36px;}



.contactTreDown ul li .zbox .contactTreDownTit h4{ font-size:24px; line-height:36px;}



.contactTreDown ul li .zbox .scroll{ overflow-y:auto;}



.contactTreDown ul li .zbox .scroll .p{ font-size:14px; line-height:24px;padding-right:10px;}



.contactTreDown ul li .zbox .scroll .p b{ margin-top:6px;}



.contactTreBtn{ margin-top:44px;}



.contactTreBtn h4{ font-size:16px; line-height:24px;}



.contactTreBtn h5{ font-size:14px; line-height:23px;}



}



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



.contactTre{ padding:24px 0 32px 0;}



.contactTreHead{ font-size:26px; line-height:37px;}



.contactTreHead h1{ font-size:50px; line-height:42px;}



.contactTreBody{ margin-top:14px; font-size:12px; line-height:24px; padding:0 10px;}



.contactTreDown ul li{ width:100%; margin-top:12px;}



.contactTreDown ul li .zbox{ padding:16px 10px 16px 11px; height:240px;}



.contactTreDown ul li .zbox .scroll{ height:160px;}



.contactTreBtn{ margin-top:24px;}



.contactTreBtn h4{ font-size:14px; line-height:20px;}



.contactTreBtn h5{ font-size:12px; line-height:19px;}



.contactTreDown ul li .zbox .contactTreDownTit{ padding-bottom:6px;}



}







.contactFou{  height:300px; line-height:300px; text-align:center;}



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



.contactFou{ height:220px; line-height:220px;}



.contactFou img{ height:93px;}



}



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



.contactFou{ height:130px; line-height:130px;}



.contactFou img{ height:50px;}



}































/*右侧漂浮*/







.pf_right{ position:fixed; right:15px; top:50%; margin-top:-126px; z-index:8;}







.pf_right ul{ width:50px; float:left;







-moz-border-radius:7px; 







-webkit-border-radius:7px; 







-khtml-border-radius:7px;







border-radius:7px;}







.pf_right ul li{







width:50px;







height:51px;







background: #10656d;







float:left;







position:relative;







cursor:pointer;







text-align:center;







border-top: solid 1px #15747d;







overflow:hidden;









-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;







}







.pf_right ul li:first-child{ border-top:0; height:50px;}







.pf_right ul li a{ display:block; height:50px; width:100%; float:left; overflow:hidden; z-index:2; position:relative;}







.pf_right ul li img{ float:left; height:50px;







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







.pf_right ul li h4{ position:absolute; right:0; top:0; text-align:center; height:50px; line-height:50px; color:white; font-size:16px; letter-spacing:1px; opacity:0; z-index:5; background:#106b73; white-space:nowrap; width:202px;







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







.pf_right ul li:hover{ overflow:visible;}







.pf_right ul li:hover h4{ right:0; opacity:1;}







.pf_right ul li .ewm{ position:absolute; right:40px; top:50%; margin-top:-56px; width:121px; text-align:center; height:112px; background:url(../images/right6.png) no-repeat center center; opacity:0; z-index:1; padding:10px 18px 10px 10px;







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







.pf_right ul li .ewm img{ width:100%; float:left; height:auto; margin:0;







-moz-border-radius:0px; 







-webkit-border-radius:0px; 







-khtml-border-radius:0px;







border-radius:0px;}







.pf_right ul li:hover .ewm{ right:65px; opacity:1;}







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







.pf_right{ right:0;}







}







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







.pf_right{ display:none;}







}















/*底部漂浮*/







.pf_down{width:100%;float:left;position:fixed;left:0;bottom:0;background: #106b73;height:50px;z-index:99;}







.pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}







.pf_down li .ico{ width:100%; float:left; height:30px;}







.pf_down li .ico img{ height:36px;}







.pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#fff; line-height:14px;}







.pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px; background:rgba(255,255,255,0.8); border:solid 2px #106b73; margin-top:-20px;







-moz-border-radius:50%; 







-webkit-border-radius:50%; 







-khtml-border-radius:50%;







border-radius:50%;}







.pf_down li.l1 .name{ color:#106b73;}























/*预约弹窗*/



.tc_mb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; opacity:0.56; z-index:9999; display:none;}







.tc_500{ width:560px; background:white; position:fixed; left:50%; top:50%; margin:-280px 0 0 -280px; z-index:10001; display:none;







-moz-border-radius:8px; 







-webkit-border-radius:8px; 







-khtml-border-radius:8px;







border-radius:8px;}







.tc_500 .closed{ width:30px; height:30px; background:#fff; border:solid 3px #106b73; text-align:center; line-height:20px; font-size:30px; position:absolute; right:-10px; top:-10px; font-weight:bold; color:#106b73; cursor:pointer;







-moz-border-radius:50%; 







-webkit-border-radius:50%; 







-khtml-border-radius:50%;







border-radius:50%;}







.tc_500 .tc_500_head{ width:100%; float:left; text-align:center; font-size:30px; font-weight:bold; color:#fff; background:#008996; line-height:87px;}







.tc_500 .tc_500_head span{ display:inline-block; position:relative; padding:0 15px;}







.tc_500 .tc_500_head span:before,.tc_500 .tc_500_head span:after{ width:162px; height:1px; background:white; opacity:0.4; content:''; position:absolute; left:-162px; top:50%;}







.tc_500 .tc_500_head span:after{ left:auto; right:-162px;}







.tc_500 ul{ width:100%; float:left; padding:11px 47px 59px 40px; background:url(../images/case4.jpg) no-repeat right bottom;}







.tc_500 ul li{ width:100%; float:left; margin-top:30px; padding-left:86px; position:relative;}







.tc_500 ul li .name{ position:absolute; left:0; top:0; font-size:16px; color:#666; line-height:40px; text-align:right; width:78px;}







.tc_500 ul li .name span{ color:#e42c61;}







.tc_500 ul li input,.tc_500 ul li select{ display:block; float:left; width:100%; height:48px; border:solid 1px #e4e4e4; overflow:hidden; padding:0 15px; font-size:16px; color:#999; background:none; line-height:46px;







appearance: none;







-moz-appearance: none;







-webkit-appearance: none;







outline: 0;}







.tc_500 ul li select{ background:url(../images/case6.png) no-repeat 96% center;}







.tc_500 ul li input:focus,.tc_500 ul li select:focus{ border-color:#106b73;}







.tc_500 ul li.l2 input{ padding-right:100px;}







.tc_500 ul li.l2 .span{ position:absolute; right:17px; top:50%; width:81px; height:30px; margin-top:-15px; cursor:pointer;}







.tc_500 ul li.l2 .span img{height:100%;}







.tc_500 ul li.l3{ padding-left:0; text-align:center; margin-top:52px;}







.tc_500 ul li.l3 input{ display:inline-block; width:216px; height:41px; line-height:41px; background:#f65e23; color:white; font-size:18px; overflow:hidden; padding-left:0; border:0; float:none; padding:0;}







.tc_500 ul li.l3 input:hover{ background:#106b73; box-shadow:0 3px 5px rgba(0,0,0,0.2);}







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







.tc_500{ width:94%; left:3%; top:50%; margin:0;







    -webkit-transform: translate(0, -50%);







    -ms-transform: translate(0, -50%);







    transform: translate(0, -50%);}







.tc_500 .tc_500_head{ padding-top:4px; font-size:18px; line-height:51px;}







.tc_500 ul{ padding:12px 11px 22px 11px;}







.tc_500 ul li{ margin-top:10px; padding-left:66px;}







.tc_500 ul li .name{ font-size:13px; width:60px;}







.tc_500 ul li input{ height:42px; padding-left:12px; font-size:14px; line-height:30px;}







.tc_500 ul li.l2 input{ padding-right:80px;}







.tc_500 ul li.l2 .span{ right:5px;}







.tc_500 ul li.l3{ margin-top:22px;}







.tc_500 ul li.l3 input{ width:116px; height:40px; line-height:40px; font-size:16px;}







}























































/*首页新闻*/











.c_1170_10{ width:100%; float:left; padding:68px 0 98px 0;}







.tit_3{ width:100%; float:left; padding-left:21px; border-left:solid 4px #187692;}







.tit_3 h4{ width:100%; float:left; font-size:20px; color:#111; line-height:30px; margin-top:3px;}







.tit_3 h5{ width:100%; float:left; font-size:18px; color:#bcbcbc; line-height:27px; text-transform:uppercase; font-family:"Arial";}







.c_1170_10 .c_771{ width:68.46%; float:left;}







.c_1170_10 .c_771 .c_771_370{ width:46.19%; float:left; margin-top:38px; margin-right:2.56%;}







.c_1170_10 .c_771 .c_771_370 .img{ width:100%; float:left; margin-top:7px;}







.slide_pic_6{ width:100%; float:left;}







.slide_pic_6 .slick-prev, .slide_pic_6 .slick-next {







	font-size: 0;







	line-height: 0;







	position: absolute;







	left: 0;







	top: 50%;







	display: block;







	width: 19px;







	height: 35px;







	padding: 0;







	-webkit-transform: translate(0, 0);







	-ms-transform: translate(0, 0);







	transform: translate(0, 0);







	cursor: pointer;







	color: transparent;







	border: none;







	outline: none;







	margin-top:-17px;







	background:url(../images/btn09.png) no-repeat left center;







	z-index: 9;







-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;







}







.slide_pic_6 .slick-next {







	left: auto;







	right: 0;







	background-position:right center;







}







.slide_pic_6 .slick-prev:hover,







.slide_pic_6 .slick-next:hover{ background-image:url(../images/btn09_h.png);}







.ul_4{ width:100%; float:left;}







.ul_4 li{ width:100%; float:left; padding:29px 0 19px 0; border-bottom:solid 1px #e8e8e8;}







.ul_4 li .title{ width:100%; float:left; padding:11px 0 0 75px; position:relative; min-height:65px;}







.ul_4 li .title .time{ width:65px; height:65px; position:absolute; left:0; top:0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; overflow:hidden; text-align:center; background:#f7f7f7; border:solid 1px #d5d5d5; padding:0 5px;







-webkit-transition: all 0.2s ease-out 0s; 







   -moz-transition: all 0.2s ease-out 0s; 







	 -o-transition: all 0.2s ease-out 0s; 







		transition: all 0.2s ease-out 0s;}







.ul_4 li .title .time h5{ width:100%; float:left; font-size:16px; color:#292a2a; line-height:37px; font-weight:bold; border-bottom:solid 1px #e1e1e1;







-webkit-transition: all 0.2s ease-out 0s; 







   -moz-transition: all 0.2s ease-out 0s; 







	 -o-transition: all 0.2s ease-out 0s; 







		transition: all 0.2s ease-out 0s;}







.ul_4 li .title .time h6{ width:100%; float:left; font-size:14px; color:#242525; line-height:10px; opacity:0.7; filter:alpha(opacity=70);







-webkit-transition: all 0.2s ease-out 0s; 







   -moz-transition: all 0.2s ease-out 0s; 







	 -o-transition: all 0.2s ease-out 0s; 







		transition: all 0.2s ease-out 0s;}







.ul_4 li .title h4{ width:100%; float:left; font-size:16px; color:#1b1b1b; line-height:22px; height:44px; overflow:hidden;}







.ul_4 li .p{ width:100%; float:left; margin-top:19px; font-size:14px; color:9b9b9b; line-height:23px; height:46px; overflow:hidden;}







.ul_4 li .more{ width:100%; float:left; margin-top:22px;}







.ul_4 li .more a{ font-size:12px; color:#3e3e3e; line-height:20px;}







.ul_4 li.last{ padding-bottom:50px; border-bottom:0;}







.ul_4 li:hover .title .time{ background:#187692; border:solid 1px #187692;}







.ul_4 li:hover .title .time h5{ color:white; border-bottom:solid 1px #30849d;}







.ul_4 li:hover .title .time h6{ color:white;}







.ul_4 li:hover .title h4{ color:#187692;}







.c_1170_10 .c_771 .c_771_370_1{border-bottom:solid 1px #e8e8e8;}







.txtScroll-top{ width:100%; float:left;}







.txtScroll-top .hd{ overflow:hidden; width:100%; float:left; height:30px;}







.txtScroll-top .hd .prev,







.txtScroll-top .hd .next{ display:block;  width:50%; height:30px; float:left;  overflow:hidden; cursor:pointer; background:url(../images/zjt2.png) no-repeat center center #717171;}







.txtScroll-top .hd .next{ background:url(../images/zjt1.png) no-repeat center center #fff; border:1px solid #e6e6e6; }











.txtScroll-top .bd{ width:100%; float:left; }







.txtScroll-top .bd li{ padding:0;}







.txtScroll-top .bd li a{ display:block; width:100%; float:left; padding:29px 0 19px 0;}















.c_1170_10 .c_369{ width:31.54%; float:right;}







.ul_5{ width:100%; float:left; margin-top:33px;}







.ul_5 li{ width:100%; float:left; border:solid 1px #ebebeb; margin-top:10px;}







.ul_5 li h3{ width:100%; float:right; padding:0 54px 0 10px; height:54px; position:relative; display:table;}







.ul_5 li h3 span{display:table-cell; vertical-align:middle; width:100%; padding-left:27px; background:url(../images/ico_05.png) no-repeat left center; font-size:14px; color:#292929; line-height:22px;}







.ul_5 li .text{ width:100%; float:left; padding:13px 18px 16px 38px; display:none;}







.ul_5 li .text .p{ width:100%; float:left; font-size:14px; color:#9b9b9b; line-height:23px; height:115px; overflow:hidden;}







.ul_5 li .text .p a{ color:#0d0d0d;}







.ul_5 li h3 em{ display:block; width:54px; height:54px; position:absolute; right:0; top:0; background:url(../images/btn10.jpg) no-repeat center; cursor:pointer;}







.ul_5 li h3.on em{ background-image:url(../images/btn10_h.jpg);}







.ul_5 li .text .p a:hover{ color:#187692;}







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







.c_1170_10 .c_369,.c_1170_10 .c_771{ width:100%;}







.c_1170_10 .c_369{ margin-top:20px;}







}







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







.c_1170_10{ padding:38px 15px 48px 15px;}







.tit_3{ padding-left:16px; border-left:solid 2px #187692;}







.tit_3 h4{font-size:16px; line-height:26px;}







.tit_3 h5{ font-size:14px; line-height:23px;}







.c_1170_10 .c_771 .c_771_370{ margin-top:18px; width:48%;}







.c_1170_10 .c_771 .c_771_370_2{ margin-right:0; float:right;}







.ul_4 li .title{ padding:6px 0 0 65px; min-height:55px;}







.ul_4 li .title .time{ width:55px; height:55px; padding:0 3px;}







.ul_4 li .title .time h5{ font-size:16px; line-height:27px;}







.ul_4 li .title .time h6{ font-size:12px; line-height:22px;}







.ul_4 li .title h4{ font-size:14px; line-height:20px; height:40px;}







.ul_4 li .p{ margin-top:10px; font-size:12px; line-height:21px; height:42px;}







.ul_5{ margin-top:13px;}







.ul_5 li h3{ height:44px;}







.ul_5 li h3 span{ padding-left:20px; font-size:12px; line-height:20px; background-size:16px auto;}







.ul_5 li .text{ padding:8px 12px 10px 28px;}







.ul_5 li .text .p{ font-size:12px; line-height:21px; height:105px;}







.ul_5 li h3 em{ width:44px; height:44px; background-size:contain;}







}







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







.c_1170_10 .c_771 .c_771_370{ width:100%; margin-right:0; margin-top:15px;}







.slide_pic_6 .slick-slide img{ width:100%;}







}



















/*首页新闻附加1*/







/* Slider */







.slick-slider







{







    position: relative;















    display: block;







    box-sizing: border-box;















    -webkit-user-select: none;







       -moz-user-select: none;







        -ms-user-select: none;







            user-select: none;















    -webkit-touch-callout: none;







    -khtml-user-select: none;







    -ms-touch-action: pan-y;







        touch-action: pan-y;







    -webkit-tap-highlight-color: transparent;







    







/*    margin-left: -14px;







    margin-right: -14px;*/







}















.slick-list







{







    position: relative;















    display: block;







    overflow: hidden;















    margin: 0;







    padding: 0;







}







.slick-list:focus







{







    outline: none;







}







.slick-list.dragging







{







    cursor: pointer;







    cursor: hand;







}















.slick-slider .slick-track,







.slick-slider .slick-list







{







    -webkit-transform: translate3d(0, 0, 0);







       -moz-transform: translate3d(0, 0, 0);







        -ms-transform: translate3d(0, 0, 0);







         -o-transform: translate3d(0, 0, 0);







            transform: translate3d(0, 0, 0);







}















.slick-track







{








    position: relative;







    top: 0;







    left: 0;















    display: block;







}







.slick-track:before,







.slick-track:after







{







    display: table;















    content: '';







}







.slick-track:after







{







    clear: both;







}







.slick-loading .slick-track







{







    visibility: hidden;







}















.slick-slide







{







    display: none;







    float: left;















    height: 100%;







    min-height: 1px;







    outline: 0;







/*    padding-left: 14px;







    padding-right: 14px;*/







}







[dir='rtl'] .slick-slide







{







    float: right;







}







.slick-slide img







{







    /*display: block;*/







}







.slick-slide.slick-loading img







{







    display: none;







}







.slick-slide.dragging img







{







    pointer-events: none;







}







.slick-initialized .slick-slide







{







    display: block;







}







.slick-loading .slick-slide







{







    visibility: hidden;







}







.slick-vertical .slick-slide







{







    display: block;















    height: auto;















    /*border: 1px solid transparent;*/







}







.slick-arrow.slick-hidden {







    display: none;







}



















/*首页新闻附加2*/



















@charset 'UTF-8';







/* Slider */







.slick-loading .slick-list







{







    background: #fff center center no-repeat;







}















/* Icons */







@font-face







{







    font-family: 'slick';







    font-weight: normal;







    font-style: normal;















    src: url('../other/slick.eot');







    src: url('../other/slick.eot?#iefix') format('embedded-opentype'), 







    url('../other/slick.woff') format('woff'), 







    url('../other/slick.ttf') format('truetype'), 







    url('../other/slick.svg#slick') format('svg');







}







/* Arrows */







.slick-prev,







.slick-next







{







    font-size: 0;







    line-height: 0;















    position: absolute;







	left:40px;







    top: 50%;







    display: block;







    width: 52px;







    height: 100px;







    padding: 0;







    -webkit-transform: translate(0, -50%);







    -ms-transform: translate(0, -50%);







    transform: translate(0, -50%);







    cursor: pointer;







    color: transparent;







    border: none;







    outline: none;







    background: transparent;







	background:url(../images/ban1.png) no-repeat;







	z-index:100;







}







.slick-next{







	left:auto;







	right:40px;







	background:url(../images/ban2.png) no-repeat;







}







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







.slick-prev,







.slick-next







{







    width: 30px;







    height: 58px;







	background-size:30px 58px;







    







}







.slick-next{







	background-size:30px 58px;







}







}







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







.slick-prev,







.slick-next







{







	left:15px;







    width: 26px;







    height: 50px;







	background-size:26px 50px;







    







}







.slick-next{







	left:auto;







	right:15px;







	background-size:26px 50px;







}	 







}















































/* Dots */















.slick-dots







{







    position: absolute;







    bottom: -25px;















    display: block;















    width: 100%;







    padding: 0;







    margin: 0;















    list-style: none;















    text-align: center;







}







.slick-dots li







{







    position: relative;















    display: inline-block;















    width: 20px;







    height: 20px;







    margin: 0 5px;







    padding: 0;















    cursor: pointer;







}







.slick-dots li button







{







    font-size: 0;







    line-height: 0;















    display: block;















    width: 20px;







    height: 20px;







    padding: 5px;















    cursor: pointer;















    color: transparent;







    border: 0;







    outline: none;







    background: transparent;







}







.slick-dots li button:hover,







.slick-dots li button:focus







{







    outline: none;







}







.slick-dots li button:hover:before,







.slick-dots li button:focus:before







{







    opacity: 1;







}







.slick-dots li button:before







{







    font-family: 'slick';







    font-size: 6px;







    line-height: 20px;















    position: absolute;







    top: 0;







    left: 0;















    width: 20px;







    height: 20px;















    content: '•';







    text-align: center;















    opacity: .25;







    color: black;















    -webkit-font-smoothing: antialiased;







    -moz-osx-font-smoothing: grayscale;







}







.slick-dots li.slick-active button:before







{







    opacity: .75;







    color: black;







}







































/*x候选未用底部*/



.pz_down{ float:left; width:100%; background: #262626; }











/*down*/















.footTop{ border-bottom: #515151 solid 1px; padding: 2.3% 0 ;}















.footTop .footLeft{ float: left; width: 800px;}















.footUl{ float: left; width: 100%; }















.footUl .footCell{ float: left; width: 25%; padding-right: 10px;}















.footUl .footCell .ttit{ float: left; width: 100%; color: #fff; font-size: 16px; line-height: 20px; padding-bottom: 14px;}















.footUl .footCell .ttit img{  float:right; margin:7px 15px 0 0;}















.footUl .footCell .ttit .imgs{ display:none;}















.footUl .footCell .ttit.active .imgs{ display:none;}















.footUl .footCell .ttit .imgh{ display:none;}















.footUl .footCell .ttit.active .imgh{ display:block;}















.footUl .footCell ul{ float: left; width: 100%; }















.footUl .footCell ul li{ float: left; width: 100%; line-height: 21px; font-size: 14px; }















.footUl .footCell ul li a{ float: left; width: 100%; padding: 4px 0; color: #cfcfcf; }















.footUl .footCell ul li a:hover{ color: #0b5091;}















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















    .footTop .footLeft{ width: 592px;}















}















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















    .footTop .footLeft{ width: 100%;}















    .footUl .footCell .ttit{ padding-top: 11px; padding-bottom: 11px;}















    .footUl .footCell .ttit .imgs{ display:block;}















    .footUl .footCell ul{ display: none; padding-bottom: 10px; }















    .footUl .footCell{ float: left; width: 100%; padding-right: 10px; border-bottom: #515151 solid 1px;}















}















































































.footRight{ float: right; width:370px; }















.footRight .footTel{}















.footRight .footTel .icol{ float: left; width: 54px; height: 54px; line-height: 0; margin-top: 3px;}















.footRight .footTel .icTit{ float: left; width: 45px; height: 44px; margin: 8px 0 0 12px; border-right: #686868 solid 1px; color:#ffffff; font-size: 16px; line-height: 22px;}















.footRight .footTel .telRight{ padding-left: 128px; color: #ffffff; font-size: 30px; font-weight: bold; line-height: 30px;}















.footRight .footAddress{ padding-top:19px; }















.footRight .footAddress .addpic{ float: right; width: 100px;}















.footRight .footAddress .addpic .picIn{}















.footRight .footAddress .addTit{ padding-top: 3px; text-align: center; color: #ffffff; font-size: 14px; line-height: 20px; }















.footRight .footAddress .addTit b{ display: inline-block; vertical-align: top; width: 16px; height: 13px; line-height: 0; margin-top: 4px; }















.footRight .footAddress .addLeft{ padding-right: 112px; color: #ffffff; font-size: 14px; line-height: 21px;}















.footRight .footAddress .addLeft a{color: #ffffff;}















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















    .footRight{ float: left; width:370px; margin-left: 184px; padding-top: 15px; }















}















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















    .footRight{  width:100%; margin-left: 0; padding-top: 15px; }















    .footRight .footTel .telRight{ padding-left: 128px; color: #ffffff; font-size: 20px; font-weight: bold; line-height: 30px;}















}































































.footDown{ padding: 11px 0;}















.footDown .downLogo{ float: left; width: 109px; height: 52px; line-height: 0;}















.footDown .downCopyright{ padding: 2px 0 2px 120px; color: #cfcfcf; font-size: 14px; line-height: 24px;  text-align: right;}















.footDown .downCopyright .copyright{}















.footDown .downCopyright .copyright a{color: #cfcfcf;}















.footDown .downCopyright .copyright a:hover{ color: #fff;}















.footDown .downCopyright .copyLine{}















.footDown .downCopyright .copyLine a{color: #cfcfcf;}















.footDown .downCopyright .copyLine a:hover{color: #fff;}















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















    .footDown .downLogo{ width: 100%; text-align: center;}















    .footDown .downLogo img{ width: 109px; height: 52px;}















    .footDown .downCopyright{ float: left; width: 100%; padding: 12px 0 2px 0; color: #cfcfcf; font-size: 14px; line-height: 24px;  text-align: center;}















}



















/*新解决方案*/











.title2{text-align:center;}







.title2 .H4{font-size:46px; color:#fff; position: relative; display: inline-block; z-index: 1;}	







.title2 .H4 .dot{width:13px; height: 13px; line-height: 0; position: absolute; top:0; right:-15.95%;}







.title2 .H2{font-size:72px; font-weight: bold; font-family: Arial; text-transform: uppercase; color:#fff; opacity: 0.03; margin-top:-45px;}







.index3{padding:120px 0; overflow: hidden;}







.title3 .H4{color:#008996;}







.title3 .H2{color:#fff; opacity: 0.6;}







.index3List {margin-top:45px;}







.index3List .list{overflow:hidden; cursor: pointer;}







.index3List .list .list1Box{overflow: hidden;}







.index3List .list .list1{width:132px; background-color:rgba(255,255,255,0.6); margin: 0 1px; padding:45px 0 60px 0; margin-top:49px;}







.index3List .list .list1 .ico{width:38px; margin: auto; display: block; line-height: 0;}







.index3List .list .list1 .H5{text-align:center; font-size:18px; color:#53576c; font-weight: bold; padding:30px 0 12px 0; position:relative;}







.index3List .list .list1 .H5::after{width:36px; height: 1px; background-color:#c5c9e0; position: absolute; bottom:0; left: 50%; margin-left:-18px; content: "";}	







.index3List .list .list1 .p{width:67.17%; margin: 26px auto auto auto; font-size:14px; line-height: 30px; color:#666666; height: 150px; text-align: center;







overflow : hidden;







text-overflow: ellipsis;







display: -webkit-box;







-webkit-line-clamp: 2;







-webkit-box-orient: vertical;}	







.index3List .list .list2Box{width:0;height: 0; overflow: hidden;}







.index3List .list .list2{width:366px; background:url(../images/p34.png) center no-repeat; background-size:cover; padding:38px 8.17% 28px 8.17%;}







.list2Ti .ico{width:38px; display: inline-block;}







.list2Ti .H5{font-size:22px; color:#fff; font-weight: bold; display: inline-block; vertical-align: middle; margin-left:8px;}







.index3List .list .list2 .p{font-size:14px; color:#fff; line-height: 24px; height:72px; margin: 24px 0 44px 0;







overflow : hidden;







text-overflow: ellipsis;







display: -webkit-box;







-webkit-line-clamp: 3;







-webkit-box-orient: vertical;}







.index3List .list .list2 .H42{font-size:18px; color:#fff; font-weight: bold;}







.list2D1{padding:18px 0 33px 0; border-bottom:1px solid #cddbdc;}







.list2D1 .list3{width:48.85%; margin-right:2.3%; float:left; background-color:#fff; border-radius: 6px; overflow:hidden;}







.list2D1 .list3 img{-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;}







.list2D1 .list3:nth-child(2n){margin-right:0;}







.list2D1 .list3:hover img{transform:scale(1.1);







	-webkit-transform:scale(1.1);







	-moz-transform:scale(1.1);







	-o-transform:scale(1.1);}







.more2{width:154px; height: 48px; display: block; border-radius: 30px; line-height: 48px; text-align: center; background-color:rgba(255,255,255,0.1); font-size:16px; color:#fff; margin-top:30px;}







.more2:hover{background-color:#007d88; color:#fff;}







@media screen and (min-width:992px){







/*







	.index3List .list:hover .list2Box{width:366px; height: auto;animation: scaleA 0.8s ease-out;animation-direction: alternate;}







	.index3List .list:hover .list1Box{width:0; height: 0;}







*/







}







.index3List .list.hover .list2Box{width:366px; height: auto;animation: scaleA 0.8s ease-out;animation-direction: alternate;}







.index3List .list.hover .list1Box{width:0; height: 0;}















@keyframes scaleA{







	0% {transform: scale(0.8);}







	100% {transform: scale(1);}







}







.index3List .slick-prev,







.index3List .slick-next{width:46px; height: 46px; background:#666;box-shadow: 0 3px 10px rgba(0,0,0,0.19);border-radius: 50%;}







.index3List .slick-prev{left:-96px; background:url(../images/p35.png) center no-repeat #fff; background-size:100%; }







.index3List .slick-next{right:-96px;background:url(../images/p36.png) center no-repeat #fff; background-size:100%; }







.index3List .slick-prev:hover{background-image:url(../images/p38.png); background-color:#10656d;}







.index3List .slick-next:hover{background-image:url(../images/p37.png); background-color:#10656d;}







.index3List .slick-dots{width:100%; line-height: 0; left: 0; bottom:0; text-align: center;}







.index3List .slick-dots li{width:8px; height: 8px; background-color:#0073eb; opacity: 0.4; border-radius: 50%;}







.index3List .slick-dots li.slick-active{opacity:1;}















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







	.index3{padding:60px 0;}







	.index3List .list .list1{width:198px;}







	.index3List .slick-prev{left:-48px;}







	.index3List .slick-next{right:-48px;}







}







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







	.index3List .list .list1Box{display:none;}







	.index3List .list .list2Box{width:96%; margin: auto; height: auto; padding-bottom:25px;}







	.index3List .list .list2{width:100%;}







}







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







	.index3{padding:30px 0;}







	.index3List{margin-top:25px;}







	.index3List .list .list2{padding:10px;}







	.index3List .list .list2Box{width:100%;}







	.list2Ti .ico{width:30px;}







	.list2Ti .H5{font-size:18px; line-height: 28px;}







	.index3List .list .list2 .p{font-size:13px; margin: 20px 0;}







	.index3List .list .list2 .H42{font-size:16px;}







	.list2D1{padding:15px 0;}







	.more2{width:120px; height: 36px; line-height: 36px; font-size:12px; margin-top:15px;}







}







/*新解决方案附加*/























/*产品中心*/

.caseNav{ line-height: 0; border-bottom: #e5e5e5 solid 1px;}

.caseNav .pz_SideLayer{ text-align: center; }

.caseNav .pz_SideLayer .l1{ display: inline-block; *display: inline; *zoom:1; margin-left: -1px; }

.caseNav .pz_SideLayer .l1 a{ float: left; width: 100%; min-width: 194px; padding: 0 18px 0 18px; border-left: #e5e5e5 solid 1px; border-right: #e5e5e5 solid 1px; border-bottom: #fff solid 2px; color: #333333; font-size: 18px; line-height: 66px; }

.caseNav .pz_SideLayer .l1 a:hover,

.caseNav .pz_SideLayer .l1 .hover{ color:#008996; border-bottom-color: #008996; }

.caseNav .pz_SideLayer .l1 .layerIco{ margin: 0 auto; width:52px; line-height: 0; }

.caseNav .pz_SideLayer .l1 .layerIco .imgs{}

.caseNav .pz_SideLayer .l1 .layerIco .imgd{ display: none;}

.caseNav .pz_SideLayer .l1 a:hover .layerIco .imgs,

.caseNav .pz_SideLayer .l1 .hover .layerIco .imgs{ display: none;}

.caseNav .pz_SideLayer .l1 a:hover .layerIco .imgd,

.caseNav .pz_SideLayer .l1 .hover .layerIco .imgd{ display: block;}

.caseNav .pz_SideLayer .l1 a h3{ margin-top: 14px; font-size: 18px;}

.caseNav .pz_SideLayer .l2{display:none;}

/*产品中心的边导航*/

.twoSlide{ padding: 1.5% 0; margin: 0 -6px;}

.pz_SideLayer2{ float: left; width: 100%;

    display: -webkit-flex; /*webkit*/

    display: flex;

    flex-direction: row;

    -webkit-flex-direction: row;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

    -webkit-align-items: flex-start;

}

.pz_SideLayer2 .l1{ float: left; width: 14%; padding: 15px 6px 0 6px;}

.pz_SideLayer2 .l1 a{ float: left; width: 100%; border: #e5e5e5 solid 1px; padding: 20px 5px; color: #333333; font-size: 16px; line-height: 18px; text-align: center; }

.pz_SideLayer2 .l1 a:hover,

.pz_SideLayer2 .l1 .hover{ color:#008996; border-bottom-color: #008996; }

.pz_SideLayer2 .l1 .layerIco{ margin: 0 auto; width:52px; line-height: 0; }

.pz_SideLayer2 .l1 .layerIco .imgs{}

.pz_SideLayer2 .l1 .layerIco .imgd{ display: none;}

.pz_SideLayer2 .l1 a:hover .layerIco .imgs,

.pz_SideLayer2 .l1 .hover .layerIco .imgs{ display: none;}

.pz_SideLayer2 .l1 a:hover .layerIco .imgd,

.pz_SideLayer2 .l1 .hover .layerIco .imgd{ display: block;}

.pz_SideLayer2 .l1 a h3{ margin-top: 14px; font-size: 18px;}

.pz_SideLayer2 .l2{display:none;}

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

    .pz_SideLayer2 .l1{ width: 16.666%; }

}

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

    .pz_SideLayer2 .l1{ width: 25%; }

}

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

    .twoSlide{ margin: 0 -2px;}

    .pz_SideLayer2 .l1{ width: 50%; padding: 5px 2px 0 2px; }

    .pz_SideLayer2 .l1 a{  padding: 10px 2px; color: #333333; font-size: 14px; line-height: 18px; text-align: center; }

}

.caseNavSecond{ background-color: #f5f5f5;}

.caseNavSecond .secondBox{ padding: 14px 0;}

.caseNavSecond .secondBox .pz_SideLayer {overflow:hidden;}

.caseNavSecond .secondBox .pz_SideLayer .l1{display:none;}

.caseNavSecond .secondBox .pz_SideLayer .l2{ float: left; padding-right: 30px;  font-size: 14px; line-height: 24px;}

.caseNavSecond .secondBox .pz_SideLayer .l2 a{color: #757575;}

.caseNavSecond .secondBox .pz_SideLayer .l2 a:hover,

.caseNavSecond .secondBox .pz_SideLayer .l2 a.hover{ color: #008996;}

.babyser{ position: relative; z-index: 5;}

.babyser h2{ float:left; width:100%; padding: 0 15px; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:18px; line-height:48px; }

.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}

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

    .babyser h2 .imgr{ float:right; margin:16px 0 0 0;

        transition: all 0.2s linear;

    }

    .babyser h2.active .imgr{

        -webkit-transform:rotate(180deg);

        -moz-transform:rotate(180deg);

        -o-transform:rotate(180deg);

        transform:rotate(180deg);

    }

}

.pz_SideLayerph{ display:none;  background-color:#fff;}

.pz_SideLayerph .l1{}

.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}

.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}

.pz_SideLayerph .l1 h3.active a{ color:#008996;}

.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}

.pz_SideLayerph .l1 h3 img.img3{ display:block;}

.pz_SideLayerph .l1 h3 img.img3h{ display:none;}

.pz_SideLayerph .l1 h3.active img.img3{ display:none;}

.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}

.pz_SideLayerph .l1 .l1ul{ display:none;}

.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}

.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}

.pz_SideLayerph .l1 .l1ul li a{color:#999999;}

.productList{ /*padding-top: 2.5%;*/ margin: 0 -15px;}

.productList ul{ float: left; width: 100%; min-height: 500px;

    display:flex;

    display:-webkit-flex;

    display:-moz-box;

    display:-ms-flexbox;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

}

.productList ul li{ float: left; width: 33.333333%; padding: 0 15px;}

.productList ul li .aBox{ float: left; width: 100%; margin-top: 7.89%; background-color: #f8f8f8; padding: 3.94% 3.94% 5.26% 3.94%;}

.productList ul li .aBox:hover{

    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);

    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);

    -o-box-shadow: 0 0 10px rgba(0,0,0,0.2);

    box-shadow: 0 0 10px rgba(0,0,0,0.2);

}

.productList ul li .aBox .proPictureIn{ overflow: hidden;}

.productList ul li .aBox .proPictureIn img{

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.productList ul li .aBox:hover .proPictureIn img{

    transform: scale(1.09,1.09);

    -ms-transform: scale(1.09,1.09);

    -webkit-transform: scale(1.09,1.09);

    -o-transform: scale(1.09,1.09);

    -moz-transform: scale(1.09,1.09);

}

.productList ul li .aBox h3{ margin-top: 18px; color: #333333; font-size: 18px; line-height: 24px; overflow: hidden;}

.productList ul li .aBox:hover h3{ color: #008996;}

.productList ul li .aBox .proTag{ padding-top: 6px;}

.productList ul li .aBox .proTag span{ float: left; margin: 5px 10px 0 0; border: #e2e2e2 solid 1px; color: #666666; line-height: 22px; padding: 0 8px;

    border-radius:3px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -o-border-radius:3px;

}

.productList ul li .aBox .proText{ margin-top:10px; height: 48px; color: #555555; font-size: 14px; line-height: 24px; overflow: hidden; }

.productList ul li .aBox .proButn{ margin-top: 18px; text-align: center;}

.productList ul li .aBox .proButn .but{ float: left; width: 45.71%; background-color: #aaaaaa; color: #fff; font-size: 14px; line-height: 40px;}

.productList ul li .aBox .proButn .but:hover{ background-color: #008996;}

.productList ul li .aBox .proButn .but.ri{ float: right; }

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

    .productList ul li{ width: 50%; }

}

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

    .productList ul li{ width: 100%; }

    .productList ul li .aBox h3{ margin-top: 10px;  font-size: 16px; }

    .productList ul li .aBox .proButn .but{ font-size: 14px; line-height: 36px;}

}

/*产品详情*/

.productCTop{ padding: 5% 0 4.16% 0;}

.productCTop .productLeft{ float: left; width: 565px; overflow: hidden;}

.productSlideTop{ border: #e1e1e1 solid 1px; position: relative;}

.productSlideTop .slick-slide{ padding:0;}

.productSlideTop .slick-slide img{ width: 100%;}

.productSlideTop .slick-prev{ position: absolute; width: 23px; height: 39px; left: 0; top: 50%; background: url("../images/pro7.jpg") no-repeat; background-size: cover;}

.productSlideTop .slick-prev:hover{background: url("../images/pro7_h.jpg") no-repeat; background-size: cover;}

.productSlideTop .slick-next{ position: absolute; width: 23px; height: 39px; right: 0; top: 50%; background: url("../images/pro8.jpg") no-repeat; background-size: cover;}

.productSlideTop .slick-next:hover{background: url("../images/pro8_h.jpg") no-repeat; background-size: cover;}

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

    .productCTop .productLeft{ width: 466px; }

}

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

    .productCTop .productLeft{ width: 565px; margin-left: 86px;}

}

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

    .productCTop .productLeft{ width: 100%; margin-left: 0;}

}

.productSlideDown{ padding-top: 17px; margin: 0 -9px;}

.productSlideDown .SlideDown{}

.productSlideDown .SlideDown .slick-slide{ }

.productSlideDown .SlideDown .slick-slide .dLi{padding: 0 10px;}

.productSlideDown .SlideDown .slick-slide .dLi .span{ position: relative; line-height: 0;}

.productSlideDown .SlideDown .slick-slide .dLi .span::before{ position: absolute; content:''; width: 100%; height: 100%; left: 0; top: 0; border: #e2e2e2 solid 1px; cursor: pointer; box-sizing: border-box;}

.productSlideDown .SlideDown .slick-slide.slick-current .dLi .span::before{ border-color: #e91122;}

.productSlideDown .SlideDown img{ width:100%;}

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

    .productSlideDown{ padding-top: 10px; margin: 0 -2px;}

    .productSlideDown .SlideDown .slick-slide .dLi{ padding: 0 4px;}

}

.productRight{ float: right; width: 596px; }

.productRight h3{ padding-top: 4.02%; color: #333333; font-size: 24px; line-height:1.416; font-weight: bold; }

.productRight .busLine{ padding-top: 5px; padding-bottom: 4.02%; border-bottom: #e0e0e0 solid 1px; color: #757575; font-size: 12px; line-height: 20px;}

.productRight .busList{ padding: 2.85% 0 7.38% 0; border-bottom: #e0e0e0 solid 1px;}

.productRight .busList .listLi{ padding: 5px 0; color: #757575; font-size: 14px; line-height: 26px;}

.productRight .busList .listLi span{ color: #333333; font-weight: bold;}

.productRight .busTag{ padding: 3.35% 0 4.19% 0; border-bottom: #e0e0e0 solid 1px;}

.productRight .busTag span{ float: left; margin: 5px 10px 0 0; border: #e2e2e2 solid 1px; color: #666666; line-height: 22px; padding: 0 8px;

    border-radius:3px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -o-border-radius:3px;

}

.productRight .busTag span:hover{ border-color: #008996; color: #008996;}

.productRight .busBtn{ padding-top: 7.04%;}

.productRight .busBtn .busButton{ float: left; padding: 0 56px; background-color: #008996; color: #fff; font-size: 16px; line-height: 40px; border: 0;

    border-radius:3px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -o-border-radius:3px;

    -webkit-appearance:none;

    outline: 0;

}

.productRight .busBtn .busLoad{ float: left; margin-left: 15px; border: #008996 solid 1px; padding: 0 22px;

    border-radius:3px;

    -webkit-border-radius:3px;

    -moz-border-radius:3px;

    -o-border-radius:3px;

}

.productRight .busBtn .busLoad b{ float: left; width: 19px; height: 19px; margin: 10px 6px 0 0; line-height: 0;}

.productRight .busBtn .busLoad span{ float: left; color: #008996; font-size: 16px; line-height: 38px;}

.productRight .busBtn .shareRight{ float: right; margin-top: 8px;}

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

    .productRight{ width: 466px; }

    .productRight h3{ padding-top: 0; }

    .productRight .busList{ padding: 2.85% 0 3.7% 0; }

}

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

    .productRight{ float: left; width: 100%;  }

    .productRight h3{ padding-top: 4.02%; font-size:20px; }

}

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

    .productRight h3{ font-size:17px; }

    .productRight .busBtn{ padding-top: 3.5%; padding-bottom: 1.5%;}

    .productRight .busBtn .busButton{ padding: 0 20px; }

    .productRight .busBtn .busLoad{ margin-left: 10px; padding: 0 15px; }

}

.productSpecification{ border: #e0e0e0 solid 1px; margin-bottom: 5%;}

.productSpecification .hd{ background: url("../images/pro11.jpg") bottom repeat-x;}

.productSpecification .hd ul{}

.productSpecification .hd ul li{ float: left; padding: 0 26px; border-right:#e0e0e0 solid 1px; border-bottom:#e0e0e0 solid 1px; color: #757575; font-size: 14px; line-height: 59px; cursor: pointer; }

.productSpecification .hd ul li.on{ color: #008996; background-color: #ffedee; border-bottom-color: #ffedee;}

.productSpecification .bd{}

.productSpecification .bd .bdDhow{ color: #333333; font-size: 14px; line-height: 28px; padding: 2% 2.5% 3.75% 2.5%;}

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

    .productSpecification .hd ul li{ line-height: 45px; }

}

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

    .productSpecification .hd ul li{ line-height: 42px; }

}

.productTjBack{ background-color: #f8f8f8;}

.productTjBox{ padding: 4.75% 0 5% 0;}

.tjTitle{}

.tjTitle h4{ height: 30px; background: url("../images/pro13.png") center repeat-x; text-align: center;}

.tjTitle h4 span{ display: inline-block; padding: 0 20px; background-color: #f8f8f8; color: #000000; font-size: 24px; line-height: 30px;}

.tjTitle .tjTitDown{ padding-top: 7px; color: #9e9e9e; font-size: 14px; line-height: 20px; text-align: center; text-transform: uppercase;}

.productTjBox .tjdown{ padding-top: 2.91%; margin: 0 -15px;}

.productTjBox .tjdown li{  padding:0 15px;}

.productTjBox .tjdown li .zbox{ width:100%; float:left; }

.productTjBox .tjdown li .zbox .img{ overflow:hidden;}

.productTjBox .tjdown li .zbox .img img{

    transition: all 0.6s linear;

    -moz-transition: all 0.6s linear;

    -webkit-transition: all 0.6s linear;

    -o-transition: all 0.6s linear;

}

.productTjBox .tjdown li .zbox:hover .img img{

    transform: scale(1.1,1.1);

    -ms-transform: scale(1.1,1.1);

    -webkit-transform: scale(1.1,1.1);

    -o-transform: scale(1.1,1.1);

    -moz-transform: scale(1.1,1.1);}

.productTjBox .tjdown li .zbox .text{ padding:12px 5px 12px 15px; border-bottom:solid 1px #e6e6e6;}

.productTjBox .tjdown li .zbox .text .arrow{ float: right; width: 38px; height: 20px; margin-top: 19px; padding: 6px 0 5px 20px; border-left: #fff solid 1px; margin-right: 10px; line-height: 0;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.productTjBox .tjdown li .zbox:hover .text .arrow{ border-left: #e5e5e5 solid 1px; margin-right: 0;}

.productTjBox .tjdown li .zbox .text .caseRight{ padding-right: 60px;}

.productTjBox .tjdown li .zbox .text h4{ float: left; width: 100%; font-size:16px; color:#333; line-height:30px;

    -webkit-transition: all 0.3s ease-out 0s;

    -moz-transition: all 0.3s ease-out 0s;

    -o-transition: all 0.3s ease-out 0s;

    transition: all 0.3s ease-out 0s;

}

.productTjBox .tjdown li .zbox:hover .text h4{ color:#008996;}

.productTjBox .tjdown li .zbox .text h5{ float: left; width: 100%; font-size:14px; color:#999; line-height:28px;}

.productTjBox .tjdown .owl-prev{ position: absolute; width: 22px; height: 38px; left: -35px; top: 50%; margin-top: -19px; background: url("../images/pro14.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}

.productTjBox .tjdown .owl-prev:hover{background: url("../images/pro14_h.png") no-repeat; background-size: cover;}

.productTjBox .tjdown .owl-next{ position: absolute; width: 22px; height: 38px; right: -35px; top: 50%; margin-top: -19px; background: url("../images/pro15.png") no-repeat; background-size: cover; overflow: hidden; text-indent: -200px;}

.productTjBox .tjdown .owl-next:hover{background: url("../images/pro15_h.png") no-repeat; background-size: cover; }

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

    .tjTitle h4 span{ font-size: 24px; }

}

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

    .tjTitle h4 span{ font-size: 18px; }

    .tjTitle .tjTitDown{ padding-top: 0; line-height: 16px; }

}

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

    .productTjBox .tjdown li{ }

}

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

    .productTjBox .tjdown{ margin: 0 -6px;}

    .productTjBox .tjdown li{ padding:0 6px;}

    .productTjBox .tjdown li .zbox .text{ padding:6px 3px 6px 0;}

    .productTjBox .tjdown li .zbox .text h4{ font-size:14px; line-height:22px;}

    .productTjBox .tjdown li .zbox .text h5{ font-size:12px; line-height:20px;}

    .productTjBox .tjdown li .zbox .text .arrow{ width: 30px; margin-top: 10px; padding: 6px 0 5px 12px; margin-right: 0; }

    .productTjBox .tjdown li .zbox .text .caseRight{ padding-right: 34px;}

}

/*公司资质*/

.honorListTitle{ padding: 4.41% 0 2.16% 0}

.honorListTitle .honorTit{ height: 50px; color: #eeeeee; font-size:50px; line-height: 50px; text-transform: uppercase; text-align: center; white-space: nowrap;}

.honorListTitle .honorH3{ text-align: center; color: #008996; font-size: 30px; line-height: 30px; margin-top: -30px;}

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

    .honorListTitle .honorTit{ height: 40px; font-size:40px; line-height: 40px; }

    .honorListTitle .honorH3{  font-size: 24px; line-height: 30px; margin-top: -30px;}

}

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

    .honorListTitle{ padding: 5% 0 2.16% 0}

    .honorListTitle .honorTit{ height: 24px; font-size:21px; line-height: 24px; }

    .honorListTitle .honorH3{  font-size: 18px; line-height: 20px; margin-top: -20px;}

}

.honorList{ margin: 0 -15px;}

.honorList ul{ float: left; width: 100%; min-height: 500px;

    display:flex;

    display:-webkit-flex;

    display:-moz-box;

    display:-ms-flexbox;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

}

.honorList ul li{ float: left; width: 25%; padding: 0 15px;}

.honorList ul li a{ float: left; width: 100%; margin-top: 10.8%;}

.honorList ul li a .honorBox{ background-color: #585858; position: relative; padding:5.41% 5.41% 0 5.41%; overflow: hidden; }

.honorList ul li a .honorBox::after{ content: ''; position: absolute; width: 100%; height: 27.84%; left: 0; bottom: -35%; background-color: #008996;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.honorList ul li a:hover .honorBox::after{ bottom: 0;}

.honorList ul li a .honorBox .honorRe{ position: relative; z-index: 5;}

.honorList ul li a .honorBox .honorRe .honorPic{ overflow: hidden; position: relative;}

.honorList ul li a .honorBox .honorRe .honorPic b{ position: absolute;width: 61px; height: 61px; left: 50%; top: 50%; margin: -30px 0 0 -30px;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

    opacity: 0;

    filter: alpha(opacity=0);

    -moz-opacity: 0;

    -khtml-opacity: 0;

    -webkit-transform: scale(0.5);

    -moz-transform: scale(0.5);

    -ms-transform: scale(0.5);

    -o-transform: scale(0.5);

    transform: scale(0.5);

}

.honorList ul li a:hover .honorBox .honorRe .honorPic b{

    opacity: 1;

    filter: alpha(opacity=100);

    -moz-opacity: 1;

    -khtml-opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

}

.honorList ul li a .honorBox .honorRe h4{ padding: 6.07% 0 7.69% 0; text-align: center; color: #ffffff; font-size: 14px; line-height: 24px;  }

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

    .honorList ul li{ width: 33.333333%; }

}

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

    .honorList{ margin: 0 -7px;}

    .honorList ul li a{  margin-top: 7.8%;}

    .honorList ul li{  width: 50%; padding: 0 7px;}

}





/*产品中心的边导航*/

.twoSlide{ padding: 1.5% 0; margin: 0 -6px;}

.pz_SideLayer2{ float: left; width: 100%;

    display: -webkit-flex; /*webkit*/

    display: flex;

    flex-direction: row;

    -webkit-flex-direction: row;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

    -webkit-align-items: flex-start;

}

.pz_SideLayer2 .l1{ float: left; width: 14%; padding: 15px 6px 0 6px;}

.pz_SideLayer2 .l1 a{ float: left; width: 100%; border: #e5e5e5 solid 1px; padding: 20px 5px; color: #333333; font-size: 16px; line-height: 18px; text-align: center; }

.pz_SideLayer2 .l1 a:hover,

.pz_SideLayer2 .l1 .hover{ color:#008996; border-bottom-color: #008996; }

.pz_SideLayer2 .l1 .layerIco{ margin: 0 auto; width:52px; line-height: 0; }

.pz_SideLayer2 .l1 .layerIco .imgs{}

.pz_SideLayer2 .l1 .layerIco .imgd{ display: none;}

.pz_SideLayer2 .l1 a:hover .layerIco .imgs,

.pz_SideLayer2 .l1 .hover .layerIco .imgs{ display: none;}

.pz_SideLayer2 .l1 a:hover .layerIco .imgd,

.pz_SideLayer2 .l1 .hover .layerIco .imgd{ display: block;}

.pz_SideLayer2 .l1 a h3{ margin-top: 14px; font-size: 18px;}

.pz_SideLayer2 .l2{display:none;}

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

    .pz_SideLayer2 .l1{ width: 16.666%; }

}

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

    .pz_SideLayer2 .l1{ width: 25%; }

}

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

    .twoSlide{ margin: 0 -2px;}

    .pz_SideLayer2 .l1{ width: 50%; padding: 5px 2px 0 2px; }

    .pz_SideLayer2 .l1 a{  padding: 10px 2px; color: #333333; font-size: 14px; line-height: 18px; text-align: center; }

}

.caseNavSecond{ background-color: #f5f5f5;}

.caseNavSecond .secondBox{ padding: 14px 0;}

.caseNavSecond .secondBox .pz_SideLayer {overflow:hidden;}

.caseNavSecond .secondBox .pz_SideLayer .l1{display:none;}

.caseNavSecond .secondBox .pz_SideLayer .l2{ float: left; padding-right: 30px;  font-size: 14px; line-height: 24px;}

.caseNavSecond .secondBox .pz_SideLayer .l2 a{color: #757575;}

.caseNavSecond .secondBox .pz_SideLayer .l2 a:hover,

.caseNavSecond .secondBox .pz_SideLayer .l2 a.hover{ color: #008996;}

.babyser{ position: relative; z-index: 5;}

.babyser h2{ float:left; width:100%; padding: 0 15px; border-bottom:#e1e1e1 solid 1px;  color:#333333; font-size:18px; line-height:48px; }

.babyser h2 .imgr{ float:right; margin:16px 0 0 0;}

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

    .babyser h2 .imgr{ float:right; margin:16px 0 0 0;

        transition: all 0.2s linear;

    }

    .babyser h2.active .imgr{

        -webkit-transform:rotate(180deg);

        -moz-transform:rotate(180deg);

        -o-transform:rotate(180deg);

        transform:rotate(180deg);

    }

}

.pz_SideLayerph{ display:none;  background-color:#fff;}

.pz_SideLayerph .l1{}

.pz_SideLayerph .l1 h3{ color:#333; font-size:14px; line-height:40px; cursor:pointer; border-bottom:#e1e1e1 dashed 1px; position: relative;}

.pz_SideLayerph .l1 h3 a{ display: block; color:#333; padding-left:15px;}

.pz_SideLayerph .l1 h3.active a{ color:#008996;}

.pz_SideLayerph .l1 h3 img{ position: absolute; right: 0; top: 0; margin:17px 15px 0 0;}

.pz_SideLayerph .l1 h3 img.img3{ display:block;}

.pz_SideLayerph .l1 h3 img.img3h{ display:none;}

.pz_SideLayerph .l1 h3.active img.img3{ display:none;}

.pz_SideLayerph .l1 h3.active img.img3h{ display:block;}

.pz_SideLayerph .l1 .l1ul{ display:none;}

.pz_SideLayerph .l1 .l1ul li{border-bottom:#e1e1e1 solid 1px; padding:10px 10px 10px 29px; font-size:14px; line-height:22px;}

.pz_SideLayerph .l1 .l1ul li:last-child{ border:0;}

.pz_SideLayerph .l1 .l1ul li a{color:#999999;}

.productList{ /*padding-top: 2.5%;*/ margin: 0 -15px;}

.productList ul{ float: left; width: 100%; min-height: 500px;

    display:flex;

    display:-webkit-flex;

    display:-moz-box;

    display:-ms-flexbox;

    flex-wrap: wrap;

    -webkit-flex-wrap: wrap;

    align-items: flex-start;

}

.productList ul li{ float: left; width: 33.333333%; padding: 0 15px;}

.productList ul li .aBox{ float: left; width: 100%; margin-top: 7.89%; background-color: #f8f8f8; padding: 3.94% 3.94% 5.26% 3.94%;}

.productList ul li .aBox:hover{

    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);

    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2);

    -o-box-shadow: 0 0 10px rgba(0,0,0,0.2);

    box-shadow: 0 0 10px rgba(0,0,0,0.2);

}

.productList ul li .aBox .proPictureIn{ overflow: hidden;}

.productList ul li .aBox .proPictureIn img{

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.productList ul li .aBox:hover .proPictureIn img{

    transform: scale(1.09,1.09);

    -ms-transform: scale(1.09,1.09);

    -webkit-transform: scale(1.09,1.09);

    -o-transform: scale(1.09,1.09);

    -moz-transform: scale(1.09,1.09);

}