/* CSS Document */
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,form,input,textarea,th,td,select{margin:0;padding:0}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{min-height:100%}
body{font-family:Helvetica,Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;font-size:14px;color:#333;background:#fff;}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol{list-style:none}
img{border:none;vertical-align:middle; }
a{color:#666;text-decoration:none}
a:visited{color:#666666;text-decoration:none}
a:hover{color:#050505;text-decoration:none transition:0.5s;}
a:active{color:#08034e;text-decoration:none transition:0.5s;}
table{border-collapse:collapse;table-layout:fixed}
input,textarea{outline:none;border:none}
textarea{resize:none;overflow:auto}
.clearfix{zoom:1}
.clearfix:after{content:".";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
/* 公共部分 */
.pubcon{ width: 100%; max-width: 1440px; margin: 0 auto;}
.pubcon h2{ padding-bottom:5px;font-size: 35px; font-weight: bold; display: block; text-align: center; color: #6fc7c4; border-bottom: #c4c4c4 1px solid; width: 100%; margin: 0 auto;}
.pubcon h4{ padding-bottom:5px;font-size: 35px; font-weight: bold; text-align: center; color: #1a8c34;}
.pubcon .line{ width:10%; height:5px; background: #c4c4c4; display:block; margin: 1px auto 1px auto; }
.pubcon1 span{ font-size: 14px;display: block; display: block; font-weight: bold;padding-bottom: 50px; text-align: center; color: #b1b1b1;}
/* top */
.header{ width: 100%; position: absolute; position: fixed; border: white;background-color: rgba(0, 0, 0, 0.6); z-index: 9; }
.hdcon{ display: flex; justify-content: space-between;flex-wrap: wrap; font-size:0; height: 96px; padding: 0.25rem 1.5rem 0.5rem;}
.hdcon .hdlogo{ width: 20%; max-width:205px;}
.hdcon .hdlogo img{ height: 96px; line-height: 96px;}
.hdcon .hdnav{ width: 60%;}
.hdcon .hdss{ width: 10%;display: flex; justify-content: space-between;flex-wrap: wrap; line-height: 96px;}
.hdcon .hdss-left{ width: 60%;max-width:60px; display: flex;justify-content: space-between;line-height: 96px;}
.hdcon .hdss-left h2{ font-size: 16px; font-weight: normal; padding-left: 10px; color: #e7e7e7;}
.hdcon .hdss-left img{ height:21px; margin-top:60%; }
.hdcon .hdss-right{ width:20%;}
/* menu */
.navcon{ width: 100%; }
.navcon .nav{ width: 100%;}
.navcon .nav ul{ display:flex;justify-content: space-evenly; }
.navcon .nav li a{ display: block; line-height: 90px; font-size: 18px; font-weight: bold; color: #fff;transition: 0.5s;}
.navcon .nav li a:hover{ color: #6abcb9; border-bottom: rgb(6, 241, 222) solid 3px; transition: 0.5s;}
/* banner */
.banner{ height: 633px; position: relative;}
.banner a{ display:block; background: no-repeat center; cursor: move; text-align:center; background-color:#9cdad9; width:10%; line-height:24px; margin:15% auto 0 auto;}
.banner a.small{display:none;}
.banner a.big{display:block;}
/* about-banner */
.banner-about{ height: 633px; position: relative; }
.banner-about img{ width: 100%;}
.banner-about a{ display:block; background: no-repeat top center; }
.banner-about .small{display:none; height:498px ; background: no-repeat top center;}
.banner-about .big{display:block; height: 489px; background:top center no-repeat; background-size:100%;}
/* pro-banner */
.banner-pro{ height: 633px; position: relative; }
.banner-pro img{ width: 100%; max-height:498px; background: no-repeat top center; }
.banner-pro a{ display:block; background: no-repeat center; }
.banner-pro .small{display:none; height:498px ; background: no-repeat top center;}
.banner-pro .big{display:block; height: 489px; background: no-repeat top center;}
/* contact-banner */
.banner-contact{ height: 633px; position: relative; }
.banner-contact img{ width: 100%; max-height:498px ; background: no-repeat top center; }
.banner-contact a{ display:block; background: no-repeat center; }
.banner-contact .small{display:none; height:498px ; background: no-repeat top center;}
.banner-contact .big{display:block; height: 489px; background: no-repeat top center;}
/* news-banner */
.banner-news{ height: 633px; position: relative; }
.banner-news img{ width: 100%; max-height:498px ; background: no-repeat top center; }
.banner-news a{ display:block; }
.banner-news .small{display:none; height:498px ; background: no-repeat top center;}
.banner-news .big{display:block; height:498px ; background: no-repeat top center; }
/* 首页内容-简介 */
.index-about{ padding: 60px 0; margin: 0 auto;}
.index-aboutcon{ padding: 0.25rem 1.5rem 0.5rem; }
.index-aboutcon .box{padding:60px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap; transition: 0.5s;}
.index-aboutcon .box .pic{ max-width:528px; width:30%; transition: 0.3s;}
.index-aboutcon .box .nr{ width:60%;transition: 0.3s;}
.index-aboutcon .box .nr h3{ font-size: 18px; color: #000000; display: block; padding:10% 0 5% 0; font-weight: bold; margin-top: 10px;transition: 0.5s; }
.index-aboutcon .box .nr .anniu{ width: 15%; padding:0 0 0 7%; margin-top:10%; border: #56b8b3 1px solid; line-height:35px; display: block; background-position:left; background-repeat:no-repeat; }
.index-aboutcon .box .nr .anniu:hover{ background-color: #56b8b3;transition: 0.5s; }
.index-aboutcon .box .nr a{ font-weight: bold; color: #56b8b3; font-size: 14px;transition: 0.5s;}
.index-aboutcon .box .nr a:hover{ font-weight: bold; color: #ffffff; font-size: 14px;transition: 0.5s;}
/* 首页内容-设备厂房 */
.index-equ{ padding: 60px 0; margin: 0 auto; background-color: #eef1f3;}
.index-equcon{ padding: 0.25rem 1.5rem 0.5rem; }
.index-equcon h3{ color: #666; text-align: center; font-size: 14px; }
.index-equcon .box{padding:60px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap; transition: 0.5s;}
.index-equcon .box ul{ width: 100%; display: flex;justify-content: space-between; flex-wrap: wrap; }
.index-equcon .box li{ width: 24%; background-color: #ffffff;transition: 0.5s;}
.index-equcon .box li img{ max-width:368px ; width: 100%; height: auto;}
.index-equcon .box .wenzi{background-color: #6abcb9; margin-top: 2%; border: #6abcb9 1px solid;transition: 0.5s; }
.index-equcon .box .wenzi h2{ width: 100%; display: block; font-size: 14px; font-weight: normal; border-bottom: 0; text-align: center; padding: 3%; margin: 0; color: #ffffff;transition: 0.5s;}
.index-equcon .box .wenzi h3{ display: block; background-color: #e1f2f1; font-size: 12px; display: block; padding:5px;transition: 0.5s;}
.index-equcon .box li:hover{ background-color: #6abcb9;transition: 0.5s;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
transition: box-shadow 0.3s;}
.index-equcon .box .wenzi:hover{background-color: #6abcb9; margin-top: 2%; border: #6abcb9 1px solid;transition: 0.5s; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); }
.index-equcon .box .wenzi:hover h2{ font-size: 14px; font-weight: normal; border-bottom: 0; text-align: center; padding: 3%; margin: 0; color: #ffffff;transition: 0.5s;}
/* 首页内容-产品展示 */
.index-pro{ padding: 60px 0 30px 0; margin: 0 auto; background-color: #f9f9f9;}
.index-procon{ padding: 0.25rem 1.5rem 0.5rem; }
.index-procon h3{ color: #666; text-align: center; font-size: 16px; }
.index-procon .box{ width:100%; display:flex;justify-content: space-between;flex-wrap: wrap; margin: 3% 0 0 0;}
.index-procon .box .boxcon{ display: block; width: 32.33%; margin: 30px 0; height: auto; border: #e5e5e5 1px solid; background-color: #ffffff; padding:0; position: relative;}
.index-procon .box .proanniu{ display: block; width:92%;transition: 0.5s; padding:2%; margin: 0 auto;color: #ffffff; text-align: center; bottom: -3.8%; background-color: #9cdad9; position: absolute; z-index:8;}
.index-procon .box .proanniu a{color: #ffffff;}
.index-procon .box .boxcon img{ width: 100%; height: auto;display: block; margin: 0 auto; transition: all 1s ease 0s; }
.index-procon .box .boxcon h2{font-size: 18px; width:100%; font-weight:bold; color: #000000; border-bottom: 0; display: block;}
.index-procon .box .boxcon h3{ font-size: 12px; font-weight: normal; color: #666; display: block; margin-bottom: 5%;}
.index-procon .box .boxcon:hover{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);border: #045d5a 1px solid;transition: all 1s ease 0s;}
.index-procon .box .proanniu:hover{background-color:#045d5a ;transition: 0.5s;}
/* 首页内容-新闻 */
.index-new{ padding: 60px 0; margin: 0 auto; background-color: #f9f9f9;}
.index-newcon{ padding: 0.25rem 1.5rem 0.5rem; }
.index-newcon h3{ color: #666; text-align: center; font-size: 16px; }
.index-newcon .box{ display: flex;justify-content: space-between;flex-wrap: wrap; margin: 5% 0 0 0;}
.index-newcon .box-con{ width: 45%; border: #e5e5e5 1PX solid; margin: 0 0 3% 0; padding: 1.5%;display: flex;justify-content: space-between; transition: 0.5s;}
.index-newcon .box-con img{ max-width: 235px; width: 100%;}
.index-newcon .box-con .leftcon{ width: 60%; margin-left:2%;}
.index-newcon .box-con .leftcon h2{ width: 100%; font-size: 14px; font-weight:bold; color: #000000; text-align: left; display: block; border-bottom: 0; margin-bottom: 1.5%;}
.index-newcon .box-con .leftcon h3{ width: 100%; font-size: 12px; font-weight: normal; color: #666; text-align: left; line-height:24px;}
.index-newcon .box-con:hover{ background-color: #6abcb9;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);border: #045d5a 1px solid;transition: 0.5s;}
/* 首页内容-简介-数字变动 */
.index-about{ padding: 60px 0; margin: 0 auto;}
.index-aboutcon{ padding: 0.25rem 1.5rem 0.5rem; }
.index-aboutcon .box{padding:60px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap; transition: 0.5s;}
.index-aboutcon .box .sz{ width:100%; background-color: #e1f2f1; padding: 3% 3% 6% 3%; border-radius: 8px; margin: 3% auto 0 auto; transition: 0.3s;}
.index-aboutcon .box .sz:hover{ transition: 0.5s;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
transition: box-shadow 0.3s;}
.index-aboutcon .box .sz:active{ transition: 0.5s;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
transition: box-shadow 0.3s;}
/* 内页-简介-数字变动 */
.content-about{ padding: 0; margin: 0 auto;}
.content-aboutcon{ padding: 0.25rem 1.5rem 0.5rem; }
.content-aboutcon .box{padding:60px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap; transition: 0.5s;}
.content-aboutcon .box .sz{ width:100%; background-color: #e1f2f1; padding: 3% 3% 6% 3%; border-radius: 8px; margin: 0 auto 0 auto; transition: 0.3s;}
.content-aboutcon .box .sz:hover{ transition: 0.5s;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
transition: box-shadow 0.3s;}
.content-aboutcon .box .sz:active{ transition: 0.5s;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
transition: box-shadow 0.3s;}
/*数据统计滚动*/
.product-number-info {
position: relative;
}
.product-number-info .product-number-inner {
width: 100%;
margin: 0 auto;
}
.product-number-info ul {
padding: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.product-number-info ul.q:after {
content: "";
clear: both;
display: table;
}
.product-number-info li {
width: 25%;
height: 90px;
margin:0 auto;
display:block;
text-align:center;
color: #6cbfb5;
font-weight:bold;
background-position:20%;
background-repeat:no-repeat;
}
.product-number-info li:first-child {
border: none;
}
.product-number-info li b {
font-size: 50px;
line-height: 1;
display: inline-block;
position: relative;
margin: 15px 0 10px;
}
.product-number-info li b i {
font-style: normal;
}
.product-number-info li b sup {
position: absolute;
font-size: 20px;
right: -15px;
top: -3px;
}
.product-number-info li b em {
font-style: normal;
font-size: 28px;
font-weight:bold;
padding-left: 2px;
position: relative;
top: -4px;
}
.product-number-info li p {
font-size: 14px;
font-weight:400;
color:#6cbfb5;
}
.product-number-info li.li-2 b, .product-number-info li.li-2 p {
padding-left: 5%;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
padding-left: 5%;
}
.product-number-info li.li-3 b, .product-number-info li.li-3 p {
padding-left: 5%;
}
.product-number-info li.li-4 b, .product-number-info li.li-4 p {
padding-left: 3%;
}
.product-number-info li.li-5 {
text-align: right;
}
.product-number-info li.li-5 b {
padding-right: 2px;
}
/* foot */
.foot{ background-image:url(../images/foot-bj.jpg); display: block; background-position:top; background-repeat:no-repeat; background-color: #3a3a3a; }
.footcon{display: flex; justify-content: space-between;padding: 2.5rem 1.5rem 0.5rem; margin: 0; }
.footcon a{color: #9fa1a1; }
.footcon h3{font-size: 35px; font-weight: bold; color: #ffffff; padding: 0 0 10px 0;color: #6bbdb4;}
.footcon p{color: #9fa1a1;line-height: 25px;}
.footcon .footmenu{ width: 33.33%;}
.footcon .footmenu h2{ font-size: 35px; border-bottom: 0; display: block; width: 100%; text-align: left;}
.footcon .footmenu ul{width: 100%;}
.footcon .footmenu li{ color: #bbbcbc; line-height: 35px; padding-left: 20px; font-size: 16px;transition: 0.5s; background-image:url(../images/quan_40.jpg); display: block; background-position:left center; background-repeat:no-repeat;}
.footcon .footmenu li:hover a{ color: #02b3ad; text-decoration: underline;transition: 0.5s;}
.footcon .message{ width:100%;}
.footcon .messagecon{display: flex; justify-content: space-between;flex-wrap: wrap; }
.footcon .messagecon .tb a{ color: #e5e5e5;}
.footcon .messagecon .tb{ width:23%; margin: 10px 0; border: #56b8b3 1px solid;color: #e5e5e5; border-top: 0;border-left: 0;border-right: 0;}
.footcon .messagecon .tb1{ width:100%; margin: 10px 0;}
.footcon .messagecon .tb .biaodan{height: 30px; line-height: 30px; padding:0 0 0 5px ;background-color: rgba(0, 0, 0, 0);color: #56b8b3; }
.footcon .messagecon .tb1 .biaodan-nr{border: #56b8b3 1px solid;border-top: 0;border-left: 0;border-right: 0; height:100px;width:100%; padding:5px ; background-color: rgba(0, 0, 0, 0);color: #56b8b3; }
.footcon .messagecon .tb1 .biaodan-anniu{ width:20%; height:30px; padding:0 0 0 5px ; font-weight: bold; background-color:#56b8b3; color: #e8e8e8; }
.banquan{ text-align: center; width: 100%; line-height:40px; margin-top: 30px; color: #a7a7a7;border-top: #a7a7a7 1px solid;display: flex;justify-content: space-between;flex-wrap: wrap; }
.banquan a{ color: #a7a7a7; font-size: 14px;}
.banquan a:hover{ color: #ffffff; font-size: 14px;}
.banquan .fenxiang{ height:40px; display:block;background-image:url(../images/fenxiang.jpg);background-position: center; background-repeat:no-repeat; }
/* 内页-简介 */
.content-about{ width: 100%; position: absolute; z-index: 8; top: 13%;
left: 50%;
-webkit-transform:translate(-50%,5%); }
.content-aboutcon{ padding: 0.25rem 1.5rem 0.5rem; background-color: rgba(255, 255, 255, 0.9);}
.content-aboutcon img{ width:100%; border:0;}
.content-aboutcon h2{ border-bottom: 0; display: block; margin: 50px auto 0 auto;}
.content-aboutcon .daohang{ width: 60%; display: flex;justify-content: space-between; transition: 0.5s; padding: 30px; margin:0 auto ;}
.content-aboutcon .daohang .menu{width: 32%;color:#666666; line-height: 45px; text-align: center; border: #9c9c9c 1px solid; border-radius: 20px 20px 20px 20px;transition: 0.5s; font-size: 18px; background-color: #ffffff;}
.content-aboutcon .daohang .menu a{ color:#666666;}
.content-aboutcon .daohang .menu:hover{border: #56b8b3 1px solid; border-radius: 20px ; background-color: #56b8b3; color: #ffffff;transition: 0.5s;}
.content-aboutcon .box{padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; transition: 0.5s;}
.content-aboutcon .box .pic{ max-width:528px; width:30%; transition: 0.3s;}
.content-aboutcon .box .nr{ width:60%;transition: 0.3s;}
.content-aboutcon .box .nr h3{ font-size: 18px; color: #000000; display: block; padding:10% 0 5% 0; font-weight: bold; margin-top: 10px;transition: 0.5s; }
.content-aboutcon .box .nr .anniu{ width: 15%; padding:0 0 0 7%; margin-top:10%; border: #56b8b3 1px solid; line-height:35px; display: block; background-position:left; background-repeat:no-repeat; }
.content-aboutcon .box .nr .anniu:hover{ background-color: #56b8b3;transition: 0.5s; }
.content-aboutcon .box .nr a{ font-weight: bold; color: #56b8b3; font-size: 14px;transition: 0.5s;}
.content-aboutcon .box .nr a:hover{ font-weight: bold; color: #ffffff; font-size: 14px;transition: 0.5s;}
.content-aboutcon p{padding: 0.8% 0 ;}
.content-aboutcon .zhengshu{ margin:0 0 20px 0 ; background-color: #d6d6d6; border: #f4f4f4 1px solid;}
.content-aboutcon .xiangqing{padding:2%;margin-top: 10px; background-color: #e1f2f1; }
/* 内页-联系 */
.content-ct{ width: 100%; position: absolute; z-index: 8; top: 30%;
left: 50%;-webkit-transform:translate(-50%,5%);}
.content-ctcon{ background-color: rgba(255, 255, 255, 0.9);}
.content-ctcon .box{padding: 1.5rem 1.5rem 0.5rem; background-color: rgba(156, 218, 217, 0.7); display: flex; justify-content: space-between; flex-wrap: wrap; transition: 0.5s;}
.content-ctcon .box img{ width: 100%; max-width: 100px; height: auto;}
.content-ctcon .box .ICO{ max-width:528px; width:32.33%; transition: 0.3s; text-align: center; border: #fff 2px solid; padding: 2%;}
.content-ctcon .box h2{ font-size:25px; font-weight: bold; border-bottom: 0; color: #fff;}
.content-ctcon .nr{ width:100%; padding: 0.8% 1.5%; background-color: #f7f7f7; margin: 3% auto 1.2% auto; font-size: 18px; font-weight: bold; }
.content-ctcon .nr1{width:100%; padding: 0.8% 1.5%; background-color: #f7f7f7; margin-bottom: 3%;}
/* 内页内容-新闻 */
.contect-new{ width: 100%; position: absolute; z-index: 8; top: 13%;left: 50%;
-webkit-transform:translate(-50%,5%); }
.contect-newcon{ padding: 1.5rem 1.5rem 0.5rem;background-color: rgba(255, 255, 255, 0.95); }
.contect-newcon h3{ color: #666; text-align: center; font-size: 16px; }
.contect-newcon .box{ display: flex;justify-content: space-between;flex-wrap: wrap; margin: 0 0 0 0;}
.contect-newcon .box-con{ width:100%; border: #e5e5e5 1PX solid; margin: 0 0 3% 0; padding: 1.5%;display: flex;justify-content: space-between; transition: 0.5s;}
.contect-newcon1{ padding: 1.5rem 1.5rem 0.5rem;background-color: rgba(255, 255, 255, 0.95); }
.contect-newcon1 .boxshow{ margin: 0 0 0 0;}
.contect-newcon1 .boxshow-con{ border: #6abcb9 1PX solid; margin: 0 0 1.5% 0; }
.contect-newcon1 .boxshow-con h2{ margin: 1.2% 0; font-size: 18px; color: #02b3ad; text-align: center; width: 100%;border-bottom: #6abcb9 1PX solid;}
.contect-newcon1 .boxshow-con p{margin: 2%;}
.contect-newcon1 .boxshow-con p img{ width:100%;}
.contect-newcon .box-con img{ max-width: 235px; width: 100%;}
.contect-newcon .box-con .leftcon{ width: 80%; margin-left:2%;}
.contect-newcon .box-con .leftcon h2{ width: 100%; font-size: 16px; font-weight:bold; color: #000000; text-align: left; display: block; border-bottom: 0; margin-bottom: 1.5%;}
.contect-newcon .box-con .leftcon h3{ width: 100%; font-size: 14px; font-weight: normal; color: #666; text-align: left;}
.contect-newcon .box-con .leftcon:hover h2{ color:#FFFFFF;}
.contect-newcon .box-con .leftcon:hover h3{ color:#FFFFFF;}
.contect-newcon .box-con:hover{ background-color: #6abcb9;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);border: #37c9c4 1px solid;transition: 0.5s;}
.contect-newcon .box-con .leftcon .anniu{ width: 15%; padding:0 0 0 7%; margin-top:2%; border: #56b8b3 1px solid;font-weight:bold; line-height:35px;display: block; color:#333333; background-position:left; background-repeat:no-repeat; }
.contect-newcon .box-con .leftcon .anniu:hover{ background-color: #ffffff;transition: 0.5s; border: #ffffff 1px solid; color: #666666; }
.contect-newcon .box-con .leftcon .anniu span{ transition: 0.5s; border: #ffffff 1px solid; color: #666666; }
.contect-newcon .box-con .leftcon .anniu a:visited{ color:#333333;}
.contect-newcon .box-con .leftcon .anniu:hover span{ color: #FFFFFF; }
/* 内页内容-产品 */
.contect-pro{ width: 100%; position:absolute; z-index:8; top:30%!important;left: 50%;
-webkit-transform:translate(-50%,2%); }
.contect-procon{ background-color: rgba(255, 255, 255, 0.8); }
.contect-procon h3{ color: #666; text-align: center; font-size: 16px; }
.contect-procon .box{ display: flex;justify-content: space-between;flex-wrap: wrap; margin: 0 0 0 0;}
.contect-procon .box-con{ width:100%; border: #e5e5e5 1PX solid; margin: 0 0 3% 0; padding: 1.5%;display: flex;justify-content: space-between;flex-wrap: wrap; transition: 0.5s;}
.contect-procon .box-con .leftcon{ width:22%; background-color: #fff; border: #d1d1d1 1px solid;}
.contect-procon .box-con .leftcon .top{ padding:3% ;}
.contect-procon .box-con .leftcon .top ul{ list-style: none;}
.contect-procon .box-con .leftcon .top li{ width: 100%; padding: 5% 0 5% 15%; transition: 0.5s; font-size: 14px; font-weight: bold; border-bottom: #9c9c9c 1px solid; background-image:url(../images/jiantou-menu.png); display: block; background-position:2% center; background-repeat:no-repeat;}
.contect-procon .box-con .leftcon .top li a{ color:#999999; font-size:16px;}
.contect-procon .box-con .leftcon .top li:hover{ border-bottom: #02b3ad 1px solid; transition: 0.5s; background-image:url(../images/jiantou-menu-1.png); background-color: #02b3ad; display: block; background-position:3.5% center; background-repeat:no-repeat;}
.contect-procon .box-con .leftcon .top li:hover a{ color: #ffffff;transition: 0.5s;}
.contect-procon .box-con .leftcon .top h2{ background-color: #02b3ad; display: block; color: #fff; text-align: center; padding: 5%; width: 100%; font-size: 18px; border-bottom: 0;}
.contect-procon .box-con .leftcon .procon{margin-bottom: 5%; padding: 3% ;}
.contect-procon .box-con .leftcon .procon h4{background-color: #02b3ad; display: block; color: #fff; text-align: center; padding: 5%; width: 100%; font-size: 18px; border-bottom: 0;}
.contect-procon .box-con .leftcon .procon .procon-con{display: flex;justify-content: space-between;flex-wrap: wrap; margin: 3% 0 0 0; border-bottom: #e0e0e0 1px solid; padding-bottom: 3%; }
.contect-procon .box-con .leftcon .procon .procon-con .leftpro{ width:45%;}
.contect-procon .box-con .leftcon .procon .procon-con .leftpro img{ width: 100%; max-width:260px; height: auto;display: block; border: #dfdfdf 1px solid; }
.contect-procon .box-con .leftcon .procon .procon-con .procon-right{ width:50%; margin-top:0; color: #999999;}
.contect-procon .box-con .leftcon .procon .procon-con .procon-right a:visited { color:#666666!important;}
.contect-procon .box-con .leftcon .procon .procon-con .procon:hover h4{ color: #fff;}
.contect-procon .box-con .leftcon .procon .procon-con .procon-right h2{ width: 100%; font-size: 14px; padding-left:3%; font-weight: bold; color:#000000 !important; text-align: left; display: block; border-bottom: 0; margin-bottom: 1.5%;margin-top: 1.5%;}
.contect-procon .box-con .leftcon .procon .procon-con .procon-right h3{ width: 100%; font-size: 14px; font-weight: normal; color: #666; text-align: left;}
.contect-procon .box-con .leftcon .procon .procon-con .procon:hover h2{color: #02b3ad;}
.contect-procon .box-con .leftcon .procon .procon-con .procon:hover h3{color: #02b3ad; }
.contect-procon .box-con .leftcon .ft{margin-bottom: 5%; padding: 3% ;}
.contect-procon .box-con .leftcon .ft h4{background-color: #02b3ad; display: block; color: #fff; text-align: center; padding: 5%; width: 100%; font-size: 18px; border-bottom: 0;}
.contect-procon .box-con .leftcon .ft .ftcon{ font-size: 14px; padding: 3%;}
.contect-procon .box-con .rightcon{ width:75%; background-color: #ffffff; padding: 1.5%;border: #d1d1d1 1px solid; }
.contect-procon .box-con .rightcon-con{display: flex;justify-content: space-between;flex-wrap: wrap; margin-bottom: 5%; border:#CCCCCC 1px solid;}
.contect-procon .box-con .rightcon-con-left img{ max-width:355px ; width: 100%; height: auto;display: block; margin: 0 auto; border: #dfdfdf 0px solid; }
.contect-procon .box-con .rightcon-con-right{ width:60%; margin-left:2%; margin-top: 2%;}
.contect-procon .box-con .rightcon-con h4{font-size: 16px; font-weight: bold; text-align: left; line-height: 24px;display: block; border-bottom: #a5a5a5 1px solid; color: #6e6e6e; padding:2%;}
.contect-procon .box-con .rightcon-con:hover h4{ color: #fff;}
.contect-procon .box-con .rightcon-con-right h2{ width: 100%; font-size: 18px; font-weight:bold; color: #000000; text-align: left; display: block; border-bottom: 0; margin-top: 1.5%;}
.contect-procon .box-con .rightcon-con-right h3{ width: 100%; font-size: 14px; font-weight: normal; text-align: left; line-height:24px;}
.contect-procon .box-con .rightcon-con-right:hover h3{ color:#FFFFFF;}
.contect-procon .box-con .rightcon-con-right p{ color:#999999;}
.contect-procon .box-con .rightcon-con-right:hover span{ color:#FFFFFF;}
.contect-procon .box-con .rightcon-con:hover{ background-color: #6abcb9;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);transition: 0.5s;}
.contect-procon .box-con .rightcon-con:hover h2{color: #ffffff;}
.contect-procon .box-con .rightcon-con:hover h3{color: #ffffff;}
.contect-procon .box-con .rightcon-con:hover p{color: #ffffff;}
.contect-procon .box-con .rightcon-con:hover span{color: #ffffff;}
.contect-procon .box-con .rightcon-con-right .anniu{ width: 20%; padding:0 0 0 10%; margin-top:2%; border: #56b8b3 1px solid; line-height:35px; color: #56b8b3;display: block; background-position:left; background-repeat:no-repeat; }
.contect-procon .box-con .rightcon-con-right .anniu:hover{ background-color: #ffffff;transition: 0.5s; border: #ffffff 1px solid; color: #56b8b3;}
.contect-procon .box-con .rightcon-con1 .proshow{ width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contect-procon .box-con .rightcon-con1 .proshow .proshow-left{ width: 37%;}
.contect-procon .box-con .rightcon-con1 .proshow .proshow-right{ width: 50%; margin-top:10%;}
.contect-procon .box-con .rightcon-con1 .proshow .proshow-right h2{ font-size: 18px; text-align: left; margin:0 0 3% 0; padding: 0 0 3% 0; color: #000000; }
.contect-procon .box-con .rightcon-con1 .proshow .proshow-right span{ text-align: left; font-size: 14px; font-weight: normal; color: #7a7a7a; line-height: 24px; }
.contect-procon .box-con .rightcon-con1 .proshow1{width: 100%; }
.contect-procon .box-con .rightcon-con1 .proshow1 h2{background-color: #d4eceb; border-left: #6abcb9 5px solid; padding: 1.2% ; font-size: 18px; font-weight: bold; color: #37c9c4; text-align: left; width: 100%; border-bottom: 0;}
.contect-procon .box-con .rightcon-con1 .proshow1 p{ margin: 1.2%;}
.contect-procon .box-con .rightcon-con1 .proshow2{width: 100%; }
.contect-procon .box-con .rightcon-con1 .proshow2 h2{background-color: #d4eceb; border-left: #6abcb9 5px solid; padding: 1.2% ; font-size: 18px; font-weight: bold; color: #37c9c4; text-align: left; width: 100%; border-bottom: 0;}
.contect-procon .box-con .rightcon-con1 .proshow2 p{ margin: 1.2%;}
/* 内页内容-产品详情页产品推荐滚动 */
#owl-demo{ width:100%;}
#owl-demo .item{
margin: 3px;
border:#c4c4c4 1px solid;
}
#owl-demo .item img{
display: block;
width: 100%;
height: auto !important;
}
/* 内页内容-产品详情页产品滚动 */
.container{
max-width:356px;
width: 100%;
margin: 0 auto;
border: #a8a8a8 0px solid;
font-size: 14px;}
.preview {text-align: center;}
.preview a {
display: inline-block;
margin: 3px 0;}
.preview img {
display: block;
max-width: 105px;
width: 100%;
height: auto;}
.container .active {outline: 3px solid #6abcb9;}
.content-ctcon .nr1 .map .mt40{ width:100%!important;}
.ueditor_baidumap{ width:100% !important;}
/*====================================================================*/
@media only screen and (min-width:1100px) {
.index-aboutcon .box .pic {
max-width: 700px;
width: 40%;
margin: 0 auto;
height:auto;}
.index-aboutcon .box .nr {
width: 50%;
margin:0 auto;
transition: 0.3s;
padding-top:10%;}
.index-aboutcon .box .nr h3 {
padding: 5% 0 2% 0;
margin-top:0;}
.index-aboutcon .box .nr .anniu{
margin-top: 5%;}
.contect-procon .box-con .rightcon-con1 .proshow .proshow-right {
width: 60%; margin-top:1%;}
}
/*====================================================================*/
@media only screen and (max-width:768px) {
.index-aboutcon .box .pic {
max-width: 700px;
width: 100%;
margin: 0 auto;
height:auto;}
.index-aboutcon .box .nr {
width: 95%;
margin:0 auto;
transition: 0.3s;}
.index-aboutcon .box .nr h3 {
padding: 5% 0 2% 0;
margin-top:0;}
.index-aboutcon .box .nr .anniu{
margin-top: 5%;}
.product-number-info li {
width: 50%;}
.index-procon .box .boxcon h3 {
font-size: 10px;
margin-bottom: 8%;}
.index-procon .box .boxcon {
width: 49%;}
.index-about {
padding: 60px 0 20px 0; }
.index-newcon .box-con {
width:100%;}
.content-aboutcon .daohang .menu{color:#666666; line-height: 30px; text-align: center; border: #9c9c9c 1px solid; border-radius: 5px ; transition: 0.5s; font-size: 14px; background-color: #ffffff;}
.content-aboutcon .daohang .menu a{ color:#666666;}
.content-aboutcon .daohang .menu:hover{border: #56b8b3 1px solid; border-radius: 5px ; background-color: #56b8b3; color: #ffffff;transition: 0.5s;}
.contect-procon .box-con .leftcon {width: 45%;}
.contect-procon .box-con .rightcon {width: 50%;}
.contect-procon .box-con .rightcon-con-right .anniu {width: 100%; text-align:center;}
.contect-procon .box-con .rightcon-con-right {width: 100%;}
.pagechange{width:50% !important;
margin:0 auto !important;
padding: 10px 0 10px 0 !important;
}
}
/*====================================================================*/
@media only screen and (min-width: 769px) and (max-width: 1099px) {
.index-aboutcon .box .pic {
max-width: 700px;
width: 100%;
margin: 0 auto;
height:auto;}
.index-aboutcon .box .nr {
width: 95%;
margin:0 auto;
transition: 0.3s;}
.index-aboutcon .box .nr h3 {
padding: 5% 0 2% 0;
margin-top:0;}
.index-aboutcon .box .nr .anniu{
margin-top: 5%;}
.product-number-info li {
width: 50%;}
.index-newcon .box-con {
width:49%;}
.index-newcon .box-con .leftcon h2 {
font-size:12px;}
.index-newcon .box-con .leftcon h3{
font-size:10px;}
.index-procon .box .boxcon h2 {
font-size: 14px;}
.index-procon .box .boxcon h3 {
font-size: 10px; margin-bottom:10%}
.index-about {
padding: 60px 0 20px 0; }
.contect-procon .box-con .leftcon {width: 35%;}
.contect-procon .box-con .rightcon {width: 60%;}
.contect-procon .box-con .rightcon-con-right .anniu {width: 100%; text-align:center;}
.contect-procon .box-con .rightcon-con-right {width: 100%;}
.contect-procon .box-con .leftcon {
width: 25%;}
.contect-procon .box-con .rightcon {
width: 72%;}
.contect-procon .box-con .leftcon .procon .procon-con .procon-right {
width:100%;}
.contect-procon .box-con .leftcon .procon .procon-con .procon-right h2 {
font-size: 12px;}
.contect-procon .box-con .leftcon .procon .procon-con img{ text-align:center; margin:0 auto; display:block; width:100%;}
.contect-procon .box-con .leftcon .procon .procon-con{ display:block;}
.contect-procon .box-con .rightcon-con1 .proshow .proshow-right {
width: 40%; margin-top:15%;}
.pagechange{width:50% !important;
margin:0 auto !important;
padding: 40px 0 10px 0 !important;
}
.index-equcon .box li img {
height: auto !important;}
.contect-pro {
top: -23%;}
}
/*====================================================================*/
@media only screen and (min-width: 1200px) {
.index-equcon .box li img {
height: auto !important;}
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 460px) {
.index-procon h3{ font-size:14px;}
.index-newcon h3{ font-size:14px;}
.pubcon h2 { font-size:20px;}
.product-number-info li p {
font-size: 14px;
font-weight: 400;
padding-bottom:10px;
color: #6cbfb5;}
.product-number-info li:first-child {
border-bottom:#00CCCC 1px solid;
padding-bottom:10px;}
.product-number-info li {
width: 100%;
padding-left:15%;
border-bottom:#00CCCC 1px solid;
height:auto;
padding-bottom:10px;}
.index-aboutcon .box .nr .anniu {
width: 30%;
padding: 0 0 0 14%;
margin:0 auto;}
.pubcon h2 { width:100%;}
.index-procon .box .boxcon {
width: 100%;}
.index-newcon .box-con .leftcon h2 {
font-size:12px;}
.index-newcon .box-con .leftcon h3{
font-size:10px;}
.footcon .messagecon .tb1 .biaodan-anniu {
width: 100%;}
.footcon .messagecon .tb {
width: 50%;}
.footcon {
display:block;
padding: 2.5rem 1.5rem 0.5rem;
margin: 0;}
.footcon .footmenu {
width:100%;
margin:5% 0;}
.content-aboutcon .daohang {
width: 100%;
padding:8% 0;}
.index-aboutcon .box .nr {
padding-top:10%;}
.pagechange{width:50% !important;
margin:0 auto !important;
padding: 10px 0 10px 0 !important;
}
.content-aboutcon .daohang .menu{color:#666666; line-height: 24px; text-align: center; border: #9c9c9c 1px solid; border-radius: 5px ; transition: 0.5s; font-size: 14px; background-color: #ffffff;}
.content-aboutcon .daohang .menu a{ color:#666666;}
.content-aboutcon .daohang .menu:hover{border: #56b8b3 1px solid; border-radius: 5px ; background-color: #56b8b3; color: #ffffff;transition: 0.5s;}
.content-aboutcon .xiangqing{ font-size:12px;}
.contect-procon .box-con .leftcon .procon { display:none;}
.contect-procon .box-con .leftcon .ft { display:none;}
.contect-procon .box-con .leftcon {width:100%}
.contect-procon .box-con .rightcon {width: 100%;}
.contect-procon .box-con .rightcon-con h4 {font-size: 14px;}
.contect-procon .box-con .rightcon-con-right {width:100%; padding:5%; border-top:#CCCCCC 1px solid}
.contect-procon .box-con .rightcon-con-right .anniu { width:100%; text-align:center;}
.contect-procon .box-con .rightcon-con1 .proshow .proshow-left {width: 100%;}
.preview {text-align: left; width:100%; margin:0 auto; display:none;}
.preview img {max-width: 97px; width: 100%; height:auto;}
.container .active { outline:1px solid #6abcb9; width:31%; height:auto;}
.contect-procon .box-con .rightcon-con1 .proshow .proshow-right {
width: 100%; padding:20px; margin-top:5px;}
.contect-newcon .box-con .leftcon h2 {
font-size: 12px;}
.contect-newcon .box-con .leftcon h3 {
font-size: 10px;}
.contect-newcon .box-con .leftcon .anniu {
width:100%; text-align:center;}
.content-ctcon .box h2 {
font-size: 20px;}
.index-aboutcon .box .pic {
max-width: 528px;
width: 100%;
margin: 0 auto;
height: auto;}
.index-aboutcon .box .pic img {
max-width: 460px;
width: 100%;
margin: 0 auto;
height: auto;}
.index-equcon .box li {
width: 100%;}
.banner-about .big{display:block; height: 489px; background:top center no-repeat; background-size:150%;}
.banner-pro .big{display:block; height: 489px; background:top center no-repeat; background-size:150%;}
.banner-contact .big{display:block; height: 489px; background:top center no-repeat; background-size:150%;}
.banner-news .big{display:block; height: 489px; background:top center no-repeat; background-size:150%;}
.index-newcon .box-con .leftcon h3 {
line-height: 16px;}
.contect-procon .box-con .rightcon-con-right h3 {
line-height:28px;}
.contect-procon .box-con .rightcon-con-left img {
width: 100%;
max-width:100%;}
.contect-pro {
top: 14%!important ;}
.content-about {
top: 1%;}
.contect-new {
top: 1%;}
.content-ct {
top: 10%;}
}
@media screen and (max-width: 428px) {
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 375px) {
}
@media screen and (max-width: 360px) {
}
@media screen and (max-width: 320px) {
}
.pagechange{
margin: 10px auto 10px auto;
padding: 0 0 0 0;
line-height: 36px;
position: relative;
width:20%;
display:block;
}
.pagechange .pagechangel {
float: left;
border:#6abcb9 1px solid;
padding:0.8% 5%;
}
.pagechange .pagechanger {
float: right;
border:#6abcb9 1px solid;
padding:0.8% 5%;
}
.pagechange .pagechangel a, .pagechange .pagechanger a{
color: #6abcb9 !important;
}
.pagechange .pagechangel a:hover{
color: #6abcb9 !important;
}
.page{
margin: 20px 0 40px 0;
text-align: center;
width: 100%;
}
.page a{
display: inline-block;
padding: 6px 12px;
margin: 5px 2px;
font-size: 12px;
background: #fff;
border: 1px solid #6abcb9;
color: #6abcb9;
}
.page .thispage{
background: #6abcb9;
border: 1px solid #6abcb9;
font-size: 12px;
color: #fff;
}
.content-table {
widwh:95% !important;
}
.content-table td{
padding-left: 10px;
padding-right: 10px;
line-height: 30px;
}
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
.big{
display: none !important;
}
.small{
display: block !important;
}
}
.share-btn {
display: inline-block;
text-align: center;
vertical-align: middle;
padding:0;
border-radius: 4px;
margin: 5px;
color: #fff;
text-decoration: none;
transition: background-color 0.3s ease;
font-size: 16px;
line-height: 1;
}
.fengxiang{ display: flex;justify-content: space-between;flex-wrap: wrap; margin:0 auto;}
.share-btn i {
margin-right: 5px;
}
.facebook {
background-image:url(../images/fenxiang-1.png); display: block; line-height:20px; background-position: center; background-repeat:no-repeat; width:20px;
}
.twitter {
background-image:url(../images/fenxiang-2.png); display: block; line-height:20px; background-position:center; background-repeat:no-repeat; width:20px;
}
.linkedin {
background-image:url(../images/fenxiang-3.png); display: block; line-height:20px; background-position:center; background-repeat:no-repeat; width:20px;
}
.whatsapp {
background-color: #25d366;
display: block; /* 或者 inline-block，取决于您想要的布局 */
}
.lanage-left a, .lanage-left a:visited{
color:#fff;
}
.lanage-left a:hover{
color:#02b3ad;
}