@import url('../fonts/iconfont.css');

body,dd,dl,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,select,td,textarea,th,ul{margin:0;padding:0;box-sizing:border-box;}
@font-face{font-family:avenirltstd-light;src:url("../fonts/avenirltstd-light/avenirltstd-light.woff2") format("woff2"),url("../fonts/avenirltstd-light/avenirltstd-light.woff") format("woff"),url("../fonts/avenirltstd-light/avenirltstd-light.ttf") format("truetype"),url("../fonts/avenirltstd-light/avenirltstd-light.eot") format("embedded-opentype"),url("../fonts/avenirltstd-light/avenirltstd-light.svg") format("svg");font-style:normal;font-weight:400}
@font-face{font-family:wigrumweb-light;src:url("../fonts/wigrumweb-light/wigrumweb-light.woff2") format("woff2"),url("../fonts/wigrumweb-light/wigrumweb-light.woff") format("woff"),url("../fonts/wigrumweb-light/wigrumweb-light.ttf") format("truetype"),url("../fonts/wigrumweb-light/wigrumweb-light.eot") format("embedded-opentype"),url("../fonts/wigrumweb-light/wigrumweb-light.svg") format("svg");font-style:normal;font-weight:400}
@font-face{font-family:wigrumweb-bold;src:url("../fonts/wigrumweb-bold/wigrumweb-bold.woff2") format("woff2"),url("../fonts/wigrumweb-bold/wigrumweb-bold.woff") format("woff"),url("../fonts/wigrumweb-bold/wigrumweb-bold.ttf") format("truetype"),url("../fonts/wigrumweb-bold/wigrumweb-bold.eot") format("embedded-opentype"),url("../fonts/wigrumweb-bold/wigrumweb-bold.svg") format("svg");font-style:normal;font-weight:400}

body{font-size:12px;font-family:wigrumweb-light;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:#333;text-decoration:none!important;box-sizing:border-box;}
a:hover{color:#009794;text-decoration:none!important;}
em{font-style:normal}
li{list-style:none;box-sizing:border-box;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.swiper-button-next:focus,.swiper-button-prev:focus,.swiper-pagination-bullet:focus,button:focus,input:focus,textarea:focus{outline:0;border-radius:0}
::selection{background-color:#009794;color:#fff}
::-moz-selection{background-color:#009794;color:#fff}
::-webkit-selection{background-color:#009794;color:#fff}
div{box-sizing:border-box;}
.container{margin:0 auto;box-sizing:border-box;}
@media only screen and (max-width:991px){.container{width:100%;padding:0 15px;}
}
@media only screen and (max-width:767px){.container{width:100%;padding:0px 15px;}
}
@media only screen and (min-width:992px){.container{width:970px;padding:0}
}
@media only screen and (min-width:1200px){.container{width:1150px}
}
@media only screen and (min-width:1450px){.container{width:1400px}
}
header{width:100%;height:160px;position:fixed;left:0;top:0;z-index:1000;font-family:wigrumweb-light;background:url(../images/header.png) no-repeat top center}
header .logo{display:block;width:212px;height:67px;position:absolute;top:15px;left:50%;margin-left:-106px;transition:all .5s}
header .logo img{width:100%;transition:all .5s}
header .logo:hover img{transform:scale(1.1)}
header .header_en{width:auto;height:20px;line-height:20px;overflow:hidden;position:absolute;top:10px;left:50%;margin-left:420px;font-family:wigrumweb-bold}
header .header_en img{height:16px;margin:-5px 5px 0 0}
header .header_en span{display:inline-block}
header .header-flw{width:60px;height:20px;overflow:hidden;position:absolute;top:16px;left:50%;margin-left:420px;transition:top .5s}
header .header-flw a{display:block;width:20px;height:20px;line-height:14px;border-radius:50%;overflow:hidden;float:left;text-align:center;margin:0 5px 0 0;position:relative}
header .header-flw a img{width:16px}
header ul.header-menu{width:1000px;height:32px;margin:46px auto;padding:0 24px;transition:all .5s;position:relative}
header ul.header-menu li{width:110px;float:left;cursor:pointer;margin:0 12px 0 0;position:relative}
header ul.header-menu li:nth-of-type(4){margin:0 244px 0 0}
header ul.header-menu li:last-of-type{margin:0}
header ul.header-menu li h4{width:100%;height:32px;border-radius:16px;font-size:18px;overflow:hidden;text-align:center;padding:2px}
header ul.header-menu li h4>a{display:block;width:100%;height:100%;font-weight:700;line-height:28px;color:#000}
header ul.header-menu li:hover h4 a{color:#009794;border-radius:14px}
header ul.header-menu li.active h4{background-image:linear-gradient(#0098b5,#45babb)}
header ul.header-menu li.active h4 a{color:#009794;border-radius:14px;font-weight:700;background-color:#fff}
header ul.header-menu li .headTwo{width:140px;overflow:hidden;position:absolute;top:32px;left:-15px;padding:10px 0 0;display:none;z-index:10}
header ul.header-menu li:nth-of-type(2) .headTwo{width:160px;background-color:#009794;left:-25px;padding:0;box-shadow:0 4px 13px 2px rgba(0,0,0,.2);overflow:visible}
header ul.header-menu li .headTwo .headP{width:100%;height:32px;border-radius:16px;overflow:hidden;font-size:14px;font-weight:700;padding:2px;text-align:center;background-image:linear-gradient(#0098b5,#45babb);margin:0 0 10px}
header ul.header-menu li:nth-of-type(2) .headTwo .headP{background-image:none;margin:0;border-radius:0;text-align:left;padding:0}
header ul.header-menu li .headTwo a{display:block;width:100%;height:100%;line-height:28px;border-radius:14px;color:#009794;background-color:#fff}
header ul.header-menu li:nth-of-type(2) .headTwo .headP a{line-height:32px;background-color:transparent;color:#fff;border-radius:0;padding:0 15px;transition:all .5s}
header ul.header-menu li .headTwo .headP .menuTwo{width:260px;overflow:hidden;background-color:#009794;position:absolute;left:100%;top:0;box-shadow:0 0 8px rgba(100,100,100,.1);display:none}
header ul.header-menu li .headTwo .headP .menuTwo a{display:block;width:100%;padding:0 15px;line-height:32px;color:#fff;overflow:hidden;transition:all .5s}
header ul.header-menu li .headTwo .headP .menuTwo a:hover{background-color:#fff;color:#009794}
header ul.header-menu li .headTwo .headP:hover>a{background-color:transparent;color:#fff}
header ul.header-menu li:nth-of-type(2) .headTwo .headP:hover>a{background-color:#fff;color:#009794}
header ul.header-menu li:hover .headTwo{display:block;animation:headTwo .3s linear forwards;-webkit-animation:headTwo .3s linear forwards}
header ul.header-menu li:nth-of-type(2) .headTwo .headP:hover .menuTwo{display:block}
header ul.header-menu .header-search{width:150px;height:20px;overflow:hidden;position:absolute;top:-30px;left:50%;margin-left:490px}
header ul.header-menu .header-search input{display:block;width:110px;height:20px;border:1px solid #009794;border-right:none;overflow:hidden;font-size:12px;padding:0 0 0 5px;background-color:#fff;border-radius:5px 0 0 5px;float:left}
header ul.header-menu .header-search span{display:block;width:40px;height:20px;line-height:20px;text-align:center;color:#fff;font-size:12px;margin:-1px 0 0;background-color:#09a9ab;border-radius:0 5px 5px 0;overflow:hidden;float:left}
header .header-icon{width:65px;height:65px;overflow:hidden;position:relative;float:right;margin:33px 31px 0 0;border-radius:4px;background-color:#09a9ab}
header .header-icon li{width:40px;height:6px;background-color:#fff;border-radius:3px;position:absolute;left:50%;top:50%}
header .header-icon li:first-of-type{margin:-16px 0 0 -20px;transition:all .5s}
header .header-icon li:nth-of-type(2){margin:-3px 0 0 -20px}
header .header-icon li:nth-of-type(3){margin:10px 0 0 -20px;transition:all .5s}
header.header-click .header-icon li:first-of-type{margin:-3px 0 0 -20px;transform:rotate(45deg)}
header.header-click .header-icon li:nth-of-type(2){opacity:0}
header.header-click .header-icon li:nth-of-type(3){margin:-3px 0 0 -20px;transform:rotate(-45deg)}
@media only screen and (max-width:991px){header{height:130px;background:#fff;box-shadow:0 0 12px 3px rgba(0,0,0,.3)}
header ul.header-menu{width:100%;height:calc(100% - 129px);height:-moz-calc(100% - 129px);height:-webkit-calc(100% - 129px);overflow:hidden;position:fixed;left:-100%;top:129px;background-color:#fff;padding:70px 0 0;margin:0;transition:left .5s}
header.header-click ul.header-menu{left:0}
header ul.header-menu li{width:100%;float:none;margin:0 0 12px}
header ul.header-menu li:nth-of-type(4){margin:0 0 12px}
header ul.header-menu li h4{width:100%;height:60px;border-radius:0;font-size:36px;text-align:left;padding:0 80px}
header ul.header-menu li.active h4{background-image:none}
header ul.header-menu li h4>a{width:auto;line-height:60px;font-family:wigrumweb-bold;float:left}
header ul.header-menu li .headTwo{width:100%;position:relative;top:0;left:0;padding:10px 130px}
header ul.header-menu li:nth-of-type(3) .headTwo{width:100%;left:0}
header ul.header-menu li .headTwo p{width:100%;height:55px;border-radius:16px;overflow:hidden;font-size:28px;font-weight:700;padding:0;text-align:left;background-image:none;margin:0}
header ul.header-menu li .headTwo a{line-height:50px;border-radius:0;color:#333}
header .logo{width:195px;height:40px;float:left;position:relative;top:20px;left:0;margin:0 0 0 50px}
header .header_en{height:30px;line-height:30px;top:52px;margin-left:150px;font-size:18px}
header .header_en img{height:24px;margin:-10px 10px 0 0}
header ul.header-menu .header-search{width:calc(100% - 160px);width:-moz-calc(100% - 160px);width:-webkit-calc(100% - 160px);height:50px;position:relative;top:-20px;left:0;margin:0 auto}
header ul.header-menu .header-search input{width:calc(100% - 100px);width:-moz-calc(100% - 100px);width:-webkit-calc(100% - 100px);height:50px;border:2px solid #009794;font-size:18px;border-right:none;padding:0 0 0 15px}
header ul.header-menu .header-search span{width:100px;height:50px;line-height:50px;font-size:24px;margin:-1px 0 0}
header .header-flw{width:90px;height:40px;top:46px;margin-left:180px}
header .header-flw a{width:40px;height:40px;line-height:36px;margin:0 5px 0 0}
header .header-flw a img{width:30px}
}
@media only screen and (max-width:767px){header{height:65px}
header ul.header-menu{height:calc(100% - 64px);height:-moz-calc(100% - 64px);height:-webkit-calc(100% - 64px);padding:60px 0 0;top:64px}
header ul.header-menu li{margin:0}
header ul.header-menu li:nth-of-type(4){margin:0}
header ul.header-menu li h4{height:40px;font-size:24px;padding:0 40px}
header ul.header-menu li h4>a{line-height:40px}
header ul.header-menu li .headTwo{padding:5px 60px}
header ul.header-menu li .headTwo p{height:40px;border-radius:0;font-size:22px}
header ul.header-menu li .headTwo a{line-height:40px}
header .logo{width:140px;height:45px;top:10px;margin:0 0 0 20px}
header .header-icon{width:40px;height:40px;margin:13px 16px 0 0;border-radius:3px}
header .header-icon li{width:24px;height:3px;border-radius:1.5px}
header .header-icon li:first-of-type{margin:-9.5px 0 0 -12px}
header .header-icon li:nth-of-type(2){margin:-1.5px 0 0 -12px}
header .header-icon li:nth-of-type(3){margin:6.5px 0 0 -12px}
header.header-click .header-icon li:first-of-type{margin:-1.5px 0 0 -12px}
header.header-click .header-icon li:nth-of-type(3){margin:-1.5px 0 0 -12px}
header .header_en{height:20px;line-height:20px;top:30px;margin-left:35px;font-size:14px}
header .header_en img{height:16px;margin:-5px 5px 0 0}
header ul.header-menu .header-search{width:calc(100% - 60px);width:-moz-calc(100% - 60px);width:-webkit-calc(100% - 60px);height:35px;top:-10px}
header ul.header-menu .header-search input{width:calc(100% - 60px);width:-moz-calc(100% - 60px);width:-webkit-calc(100% - 60px);height:35px;border:1px solid #009794;border-right:none;font-size:16px}
header ul.header-menu .header-search span{width:60px;height:35px;line-height:35px;font-size:20px;margin:-1px 0 0}
header .header-flw{width:60px;height:25px;top:19px;margin-left:60px}
header .header-flw a{width:25px;height:25px;line-height:21px}
header .header-flw a img{width:20px}
}
@media only screen and (min-width:992px){header.header-roll{width:100%;height:80px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.3);z-index:1010}
header.header-roll ul.header-menu .header-search{top:-20px}
header.header-roll .header-flw{top:10px}
header.header-roll ul.header-menu{margin:30px auto}
header.header-roll .logo{width:130px;height:60px;top:15px;margin-left:-60px}
header .header-icon{display:none!important}
@keyframes headTwo{from{top:22px}
to{top:32px}
}
@-moz-keyframes headTwo{from{top:22px}
to{top:32px}
}
@-ms-keyframes headTwo{from{top:22px}
to{top:32px}
}
@-webkit-keyframes headTwo{from{top:22px}
to{top:32px}
}
header ul.header-menu .header-search{margin-left:335px}
header .header-flw{margin-left:280px}
header ul.header-menu li .headTwo .headP .menuTwo{min-height:192px}
}
@media only screen and (min-width:1200px){header ul.header-menu .header-search{margin-left:425px}
header .header-flw{margin-left:370px}
}
@media only screen and (min-width:1450px){header ul.header-menu .header-search{margin-left:550px}
header .header-flw{margin-left:495px}
}
footer{width:100%;overflow:hidden;background-color:#009794;padding:50px 0 12px}
footer .footer-logo{display:block;width:190px;overflow:hidden;margin:0 0 25px}
footer .footer-logo img{width:100%}

footer .footer-menu{width:895px;overflow:hidden;padding:25px 0 0;border-top:1px solid #3db0ae;float:left;}
footer .footer-menu li{float:left;margin:0 0px 0 0}
footer .footer-menu li:last-of-type{width:325px;margin:0}
footer .footer-menu li h4{font-family:wigrumweb-bold;color:#fff;font-size:16px;line-height:24px;margin:0 0 10px}
footer .footer-menu li p{line-height:22px;font-size:14px;color:#fff;margin:0 0 6px}
footer .footer-menu li:last-of-type p{margin:0}
footer .footer-menu li p a{color:#fff}
footer .footer-menu li p a:hover{text-decoration:underline!important}


footer .footer-share{margin:19px 0;width:895px;overflow:hidden;float:left}
footer .footer-share a{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#fff;float:left;margin:0 19px 0 0;text-align:center;position:relative}
footer .footer-share a img{position:absolute;top:50%;left:50%;margin:-12px 0 0 -12px}
footer .footer-bottom{width:895px;overflow:hidden;line-height:43px;font-size:16px;color:#fff;border-top:1px solid #3db0ae;float:left}
footer .footer-bottom a{color:#fff;}
footer .footer-contact{width:455px;overflow:hidden;float:right;margin:-10px 0 0}
footer .footer-contact h3{color:#fff;font-size:26px;font-family:wigrumweb-bold;margin:0 0 15px}
footer .footer-contact .footer-input{width:100%;overflow:hidden}
footer .footer-contact input{display:block;width:50%;float:left;height:60px;border:none;font-size:14px;color:#fff;border-radius:0;background-color:#33aca9;overflow:hidden;padding:0 0 0 17px}
footer .footer-contact textarea{display:block;width:100%;height:110px;border:none;font-size:14px;line-height:45px;color:#fff;background-color:#33aca9;margin:12px 0;overflow:hidden;padding:0 0 0 17px}
footer .footer-contact button{width:100%;height:50px;border:none;font-size:16px;color:#fff;font-family:wigrumweb-bold;background-color:#33aca9}
footer .footer-contact button:hover{background-image:linear-gradient(#0099b4,#46bbbb)}
footer input::-webkit-input-placeholder,footer textarea::-webkit-input-placeholder{color:#fff}
footer input:-moz-placeholder,footer textarea:-moz-placeholder{color:#fff}
footer input:-ms-input-placeholder,footer textarea:-ms-input-placeholder{color:#fff}
footer input:placeholder,footer textarea:placeholder{color:#fff}
@media only screen and (max-width:1199px){footer .footer-menu{width:100%;float:none}
footer .footer-menu li:last-of-type{width:367px}
footer .footer-contact{width:100%;float:none;margin:20px 0 0}
footer .footer-share{width:100%;float:none}
footer .footer-bottom{width:100%;float:none}
}
@media only screen and (max-width:991px){footer .footer-menu li:last-of-type{width:100%;margin:20px 0 0}
footer .footer-contact{width:100%;margin:20px 0 0}
footer .footer-share{text-align:center}
footer .footer-share a{display:inline-block;margin:0 7px;float:none}
footer .footer-bottom{text-align:center}
}
@media only screen and (max-width:767px){footer{padding:30px 0 12px}
footer .footer-menu{padding:15px 0 0}
footer .footer-menu li{margin:0 15px 0 0}
footer .footer-menu li:nth-of-type(3){margin:0}
footer .footer-menu li:nth-of-type(4){margin:10px 0}
footer .footer-menu li h4{font-size:15px;line-height:20px;margin:0}
footer .footer-menu li p{line-height:18px;font-size:13px;margin:0}
footer .footer-contact{margin:0}
footer .footer-contact h3{font-size:18px;margin:0 0 10px}
footer .footer-contact input{height:40px;padding:0 0 0 10px}
footer .footer-contact textarea{line-height:35px;padding:0 0 0 10px}
footer .footer-contact button{height:40px}
footer .footer-share{margin:15px 0 10px}
footer .footer-share a{width:30px;height:30px;margin:0 4px}
footer .footer-share a img{width:16px;margin:-8px 0 0 -8px}
footer .footer-bottom{line-height:16px;font-size:14px;padding:10px 0 5px}
}
@media only screen and (min-width:1200px){footer .footer-menu{width:660px}
footer .footer-share{width:660px}
footer .footer-bottom{width:660px}
footer .footer-menu li{margin:0 15px 0 0}
footer .footer-menu li:last-of-type{width:229px}
}
@media only screen and (min-width:1450px){footer .footer-menu{width:895px}
footer .footer-share{width:895px}
footer .footer-bottom{width:895px}
footer .footer-menu li{margin:0 20px 0 0}
footer .footer-menu li:last-of-type{width:335px}
}
.banner{width:100%;overflow:hidden;margin:45px 0 0;position:relative}
.banner .banner-txt{color:#fff;position:absolute;left:50%;top:50%}
.banner h1{font-family:wigrumweb-bold;font-size:65px;text-shadow:13px 11px 11px rgba(0,0,0,.43)}
.banner p{font-size:24px;text-shadow:4px 4px 9px rgba(0,0,0,.43)}
@media only screen and (max-width:991px){.banner{margin:130px 0 0}
.banner .banner-txt{width:668px;margin:-70px 0 0 -334px}
.banner h1{font-size:36px}
.banner img{height:400px}
.banner p{font-size:18px}
}
@media only screen and (max-width:767px){.banner{margin:65px 0 0}
.banner img{height:250px;margin:0 0 0 -200px}
.banner .banner-txt{width:335px;margin:-45px 0 0 -167px}
.banner h1{font-size:28px;line-height:30px}
.banner h1 br{display:none}
.banner p{font-size:14px}
}
@media only screen and (min-width:992px){.banner img{width:1400px}
.banner .banner-txt{width:970px;margin:-70px 0 0 -485px}
.banner h1{font-size:48px}
}
@media only screen and (min-width:1200px){.banner img{width:auto}
.banner .banner-txt{width:1150px;margin:-70px 0 0 -575px}
.banner h1{font-size:65px}
}
@media only screen and (min-width:1450px){.banner .banner-txt{width:1400px;margin:-70px 0 0 -700px}
}
.chat-online{width:150px;height:50px;position:fixed;right:15px;bottom:0;z-index:10000}
.chat-online .chat-button{width:150px;height:50px;border-radius:5px 5px 0 0;padding:0 13px;cursor:pointer;overflow:hidden;box-shadow:0 0 13px rgba(0,0,0,.3);background-color:#fff}
.chat-button span{display:block;width:32px;height:32px;overflow:hidden;position:relative;float:left;margin:9px 5px 9px 0}
.chat-button span img{position:absolute;left:50%;top:50%;margin:-16px 0 0 -16px}
.chat-button span img:nth-of-type(2){display:none}
.chat-button strong{display:block;width:85px;line-height:32px;height:32px;font-size:15px;overflow:hidden;float:left;margin:9px 0}
.chat-online .chat-button:hover{background-color:#09a9ab;color:#fff}
.chat-online .chat-button:hover span img:nth-of-type(2){display:block}
.chat-online .chat-button:hover span img:first-of-type{display:none}
.chat-online .chat-content{width:350px;overflow:hidden;border-radius:5px 5px 0 0;background-color:#fff;position:absolute;right:0;bottom:0;z-index:10;box-shadow:0 0 13px rgba(0,0,0,.3);display:none}
.chat-online .chat-content span{display:block;width:26px;height:26px;overflow:hidden;position:absolute;right:10px;top:10px;cursor:pointer}
.chat-online .chat-content span:before{content:'';display:block;width:26px;height:3px;border-radius:2px;background-color:#fff;position:absolute;left:50%;top:50%;margin:-1.5px 0 0 -13px;transform:rotate(45deg)}
.chat-online .chat-content span:after{content:'';display:block;width:26px;height:3px;border-radius:2px;background-color:#fff;position:absolute;left:50%;top:50%;margin:-1.5px 0 0 -13px;transform:rotate(-45deg)}
.chat-online .chat-content h3{width:100%;height:45px;line-height:45px;font-size:20px;padding:0 15px;font-family:wigrumweb-bold;background-color:#009794;color:#fff}
.chat-online .chat-content h4{width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);overflow:hidden;padding:10px 15px;font-weight:700;font-size:14px;line-height:18px;background-color:#dcdcdc;margin:25px 20px 10px}
.chat-online .chat-content .chat-form{width:100%;padding:0 20px;overflow:hidden;margin:0 0 20px}
.chat-form li{width:100%;overflow:hidden;margin:0 0 10px}
.chat-form li h5{width:100%;overflow:hidden;font-size:14px;line-height:20px;color:#000}
.chat-form li input{display:block;width:100%;height:35px;padding:0 10px;overflow:hidden;border-radius:4px;border:1px solid #acacac}
.chat-form li textarea{width:100%;height:70px;line-height:25px;border-radius:4px;padding:5px 10px;border:1px solid #acacac;overflow:hidden}
.chat-form li button{width:100%;overflow:hidden;line-height:33px;overflow:hidden;font-size:16px;font-weight:700;border:1px solid #acacac;border-radius:4px;background-color:transparent}
.chat-form li button:hover{background-color:#009794;border-color:#009794;color:#fff}
@media only screen and (max-width:767px){.chat-online{right:-100px;bottom:40px;transition:right .5s}
.chat-online:hover{right:0}
.chat-online .chat-button{border-radius:5px 0 0 5px}
.chat-online .chat-content{width:300px}
.chat-button strong{width:80px;font-size:14px}
}
.news_page{width:100%;overflow:hidden;text-align:center;margin:0 0 30px}
.news_page .page_next,.news_page .page_prev{display:inline-block;width:70px;height:30px;font-size:16px;line-height:28px;border-radius:5px;overflow:hidden;color:#009794;border:1px solid #009794;text-align:center;font-weight:700}
.news_page .page_next:hover,.news_page .page_prev:hover{background-color:#009794;color:#fff}
.news_page .page_num{display:inline-block;height:30px;margin:0 10px}
.news_page .page_num a{display:inline-block;width:30px;height:30px;font-size:16px;line-height:28px;border:1px solid #009794;border-radius:4px;overflow:hidden;color:#009794;font-weight:700;margin:0 3px}
.news_page .page_num a.page_now{background-color:#009794;color:#fff}
.news_page .page_num a:hover{background-color:#009794;color:#fff}
.index-banner{width:100%;overflow:hidden;margin:45px 0 0}
.index-banner a{display:block;width:100%;overflow:hidden;position:relative}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 6px}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction{bottom:30px}
.index-banner .swiper-pagination-bullet{width:15px;height:15px;background:rgba(255,255,255,.4);opacity:1}
.index-banner .swiper-pagination-bullet-active{opacity:1;background:rgba(9,169,171,.8)}
.index-banner a h2{font-family:wigrumweb-bold;color:#fff;text-shadow:1.8px 4.7px 3.7px rgba(0,0,0,.36);position:absolute;left:50%}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{position:absolute;top:50%;width:60px;height:60px;border-radius:50%;margin-top:-30px;background-size:70%!important;background-position:center!important;background-repeat:no-repeat!important;display:none}
.index-banner .swiper-button-next,.index-banner .swiper-container-rtl .swiper-button-prev{background:rgba(255,255,255,.52) url(../images/ibr.png);right:50px}
.index-banner .swiper-button-prev,.index-banner .swiper-container-rtl .swiper-button-next{background:rgba(255,255,255,.52) url(../images/ibl.png);left:50px}
.index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{display:block}
@media only screen and (max-width:991px){
header{height:150px;background:url(../images/headerSm.png) no-repeat top center;background-size:100% auto!important;box-shadow:none}
header.header-click,header.header-roll{height:130px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.3)}
header .logo{top:20px}
header.header-click .logo,header.header-roll .logo{top:20px}
header .header-icon{margin:57px 31px 0 0}
header.header-click .header-icon,header.header-roll .header-icon{margin:33px 31px 0 0}
header .header_en{top:75px}
header.header-click .header_en,header.header-roll .header_en{top:52px}
header .header-flw{top:70px}
header.header-click .header-flw,header.header-roll .header-flw{top:48px}
.index-banner{margin:155px 0 0}
.index-banner a img{width:100%}
.index-banner a img:first-of-type{display:none}
.index-banner a h2{width:668px;font-size:60px;top:210px;margin-left:-334px}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:50px;height:50px;margin-top:-25px}
.index-banner .swiper-button-next,.index-banner .swiper-container-rtl .swiper-button-prev{right:0}
.index-banner .swiper-button-prev,.index-banner .swiper-container-rtl .swiper-button-next{left:0}
}
@media only screen and (max-width:767px){header{height:115px;background:url(../images/headerSm.png) no-repeat bottom center;background-size:100% auto!important}
header.header-click,header.header-roll{height:65px}
header .logo{width:170px;height:auto;top:10px}
header.header-click .logo,header.header-roll .logo{width:140px;height:45px;top:12px}
header .header-icon{margin:20px 16px 0 0}
header.header-click .header-icon,header.header-roll .header-icon{margin:13px 16px 0 0}
header .header_en{top:35px}
header.header-click .header_en,header.header-roll .header_en{top:30px}
header .header-flw{top:30px}
header.header-click .header-flw,header.header-roll .header-flw{top:19px}
.index-banner{margin:70px 0 0}
.index-banner a h2{width:335px;font-size:30px;top:145px;margin-left:-167.5px}
.index-banner a h2 br{display:none}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets,.index-banner .swiper-pagination-custom,.index-banner .swiper-pagination-fraction{bottom:10px}
.index-banner .swiper-pagination-bullet{width:10px;height:10px}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{width:40px;height:40px;margin-top:-20px}
}
@media only screen and (max-width:380px){header{background:url(../images/headerSm.png) no-repeat top center;background-size:auto 100%!important}
}
@media only screen and (min-width:992px){.index-banner a img{width:1650px}
.index-banner a img:nth-of-type(2){display:none}
.index-banner a h2{width:970px;font-size:72px;top:225px;margin-left:-485px}
}
@media only screen and (min-width:1200px){.index-banner a img{width:auto}
.index-banner a h2{width:1150px;font-size:90px;top:225px;margin-left:-575px}
}
@media only screen and (min-width:1450px){.index-banner a h2{width:1400px;font-size:110px;top:225px;margin-left:-700px}
}
.index1{width:100%;overflow:hidden;background-color:#f4f4f4;position:relative}
.index1 .swiper-container{width:100%;height:170px}
.index1 a{display:block;width:100%;height:170px;overflow:hidden;position:relative;font-size:14px;padding:35px 45px 45px;cursor:pointer}
.index1 a:before{display:block;content:'';width:1px;height:82px;background-color:#d6d6d6;position:absolute;top:44px;right:0}
.index1 a h2{font-size:36px;font-family:wigrumweb-bold;text-align:center;color:#666;margin:0 0 10px;}
.index1 a p{width:100%;font-family:wigrumweb-light;line-height:20px;height:40px;color:#979696;overflow:hidden}
.index1 a:hover{padding:0;background:url(../images/index1.jpg) no-repeat center;background-size:100%}
.index1 a:hover:before{display:none}
.index1 a:hover h2{color:#fff;width:140px;line-height:84px;overflow:hidden;float:left}
.index1 a:hover p{width:calc(100% - 160px);width:-moz-calc(100% - 160px);width:-webkit-calc(100% - 160px);height:120px;overflow:hidden;float:left;color:#fff;margin:25px 0 0}
.index1 a[type="1987"]:hover p,.index1 a[type="2006"]:hover p,.index1 a[type="2010"]:hover p,.index1 a[type="2017"]:hover p,.index1 a[type="2018"]:hover p{line-height:16px;height:135px}
.index1 a[type="2020"]:hover p{line-height:15px;height:150px;margin:10px 0 0}
.index1 .swiper-button-next,.index1 .swiper-container-rtl .swiper-button-prev{background:#fff url(../images/ir.png);right:55px;left:auto}
.index1 .swiper-button-prev,.index1 .swiper-container-rtl .swiper-button-next{background:#fff url(../images/il.png);left:55px;right:auto}
.index1 .swiper-button-next,.index1 .swiper-button-prev{width:40px;height:40px;margin-top:-20px;border-radius:50%;box-shadow:2.7px 1.3px 5.88px .12px rgba(0,0,0,.28);background-repeat:no-repeat;background-position:center}
@media only screen and (max-width:991px){.index1 a:hover{background-size:auto 100%}
.index1 .swiper-button-next,.index1 .swiper-container-rtl .swiper-button-prev{right:25px}
.index1 .swiper-button-prev,.index1 .swiper-container-rtl .swiper-button-next{left:25px}
}
@media only screen and (max-width:767px){.index1{padding:20px 0}
.index1 a{padding:20px 30px 30px}
.index1 a:before{display:none}
.index1 .swiper-button-next,.index1 .swiper-container-rtl .swiper-button-prev{right:5px}
.index1 .swiper-button-prev,.index1 .swiper-container-rtl .swiper-button-next{left:5px}
.index1 .swiper-button-next,.index1 .swiper-button-prev{width:30px;height:30px;margin-top:-15px;background-size:16px}
}
@media only screen and (min-width:992px){.index1 a:hover{background-size:auto 100%}
.index1 .swiper-button-next,.index1 .swiper-container-rtl .swiper-button-prev{right:15px}
.index1 .swiper-button-prev,.index1 .swiper-container-rtl .swiper-button-next{left:15px}
}
@media only screen and (min-width:1200px){.index1 a:hover{background-size:100% auto}
.index1 .swiper-button-next,.index1 .swiper-container-rtl .swiper-button-prev{right:55px}
.index1 .swiper-button-prev,.index1 .swiper-container-rtl .swiper-button-next{left:55px}
}
.index2{width:100%;overflow:hidden;padding:60px 0 65px}
.index2 .index2-left{width:560px;overflow:hidden;float:left}
.index2 .index2-left h2{font-family:wigrumweb-light;font-size:36px;color:#d0d0d0;line-height:40px;position:relative;height:125px;margin:0 0 35px}
.index2 .index2-left h2 strong{font-family:wigrumweb-bold;font-size:55px;line-height:50px;color:#333;display:block}
.index2 .index2-left h2:before{display:block;content:'';width:72px;height:2px;background-color:#2bafb1;position:absolute;left:0;bottom:0}
.index2 .index2-left p{width:515px;line-height:25px;font-size:18px;color:#666}
.index2 .index2-left>a{display:block;padding:1px;background-image:linear-gradient(#0099b4,#46bbbb);width:160px;height:40px;overflow:hidden;border-radius:20px;margin:30px 0 35px}
.index2 .index2-left>a span{display:block;width:100%;color:#09a9ab;font-size:16px;line-height:38px;text-align:center;height:100%;border-radius:19px;overflow:hidden;background-color:#f3f8fc;transition:all .5s}
.index2 .index2-left>a:hover span{background-color:transparent;color:#fff;font-family:wigrumweb-bold}
.index2 .index2-left .left-img{width:100%;overflow:hidden}
.index2 .index2-left .left-img a{width:260px;overflow:hidden;float:left;position:relative;cursor:pointer}
.index2 .index2-left .left-img a:last-of-type{float:right}
.index2 .index2-left .left-img a img{width:100%;transition:all .5s}
.index2 .index2-left .left-img a:hover img{transform:scale(1.1)}
.index2 .index2-left .left-img a h4{width:100%;line-height:195px;font-size:30px;text-align:center;font-family:wigrumweb-bold;color:#fff;position:absolute;left:0;top:0}
.index2 .index2-right{width:770px;overflow:hidden;float:right}
.index2 .index2-right .right-img{width:100%;overflow:hidden}
.index2 .index2-right .right-img img{width:100%;transition:all .5s}
.index2 .index2-right .right-img:hover img{transform:scale(1.1)}
.index2 .index2-right .right-txt{width:100%;overflow:hidden}
.right-txt li{width:auto;font-family:wigrumweb-bold;float:left;font-size:36px;line-height:40px;position:relative;padding:0 43px;margin:30px 0}
.right-txt li:after{content:'';display:block;width:1px;height:26px;background-color:#e0e0e0;position:absolute;right:0;top:7px}
.right-txt li:last-of-type:after{display:none}
@media only screen and (max-width:991px){.index2{padding:60px 0 35px}
.index2 .index2-left{width:100%;float:none;margin:0 0 50px}
.index2 .index2-left p{width:100%;line-height:25px;font-size:18px}
.index2 .index2-right{width:100%;float:none}
.right-txt li{font-size:33px;padding:0 35px;margin:30px 0}
}
@media only screen and (max-width:767px){.index2{padding:35px 0 20px}
.index2 .index2-left{margin:0 0 25px}
.index2 .index2-left h2{font-size:28px;line-height:30px;height:90px;margin:0 0 15px}
.index2 .index2-left h2 strong{font-size:36px;line-height:40px}
.index2 .index2-left p{line-height:20px;font-size:14px}
.index2 .index2-left>a{width:120px;height:35px;border-radius:18px;margin:20px 0 25px}
.index2 .index2-left a span{font-size:14px;line-height:33px;border-radius:17px}
.index2 .index2-left .left-img a{width:calc(50% - 10px);width:-moz-calc(50% - 10px);width:-webkit-calc(50% - 10px)}
.index2 .index2-left .left-img a h4{line-height:118px;font-size:20px}
.right-txt li{font-size:18px;line-height:20px;padding:0 15px;margin:15px 0}
.right-txt li:after{height:16px;top:2px}
}
@media only screen and (min-width:992px){.index2 .index2-left{float:none;margin:0 auto 50px}
.index2 .index2-right{float:none;margin:0 auto}
}
@media only screen and (min-width:1200px){.index2 .index2-left{width:460px;float:left}
.index2 .index2-left p{width:430px}
.index2 .index2-left .left-img a{width:220px}
.index2 .index2-left .left-img a h4{line-height:165px}
.index2 .index2-right{width:640px;float:right}
.right-txt li{padding:0 36px;font-size:30px}
}
@media only screen and (min-width:1450px){.index2 .index2-left{width:560px}
.index2 .index2-left p{width:515px}
.index2 .index2-left .left-img a{width:260px}
.index2 .index2-left .left-img a h4{line-height:195px}
.index2 .index2-right{width:770px}
.right-txt li{padding:0 43px;font-size:36px}
}
.index3{width:100%;overflow:hidden;background:#f6f6f6 url(../images/index3Bg.jpg) no-repeat top center;padding:0 0 60px}
.index3 h1{width:340px;line-height:50px;margin:55px auto 70px;position:relative;font-family:wigrumweb-bold;color:#fff;text-align:center}
.index3 h1:before{content:'';display:block;width:28px;height:2px;background-color:#fff;position:absolute;left:-28px;top:24px}
.index3 h1:after{content:'';display:block;width:28px;height:2px;background-color:#fff;position:absolute;right:-28px;top:24px}
.index3 .index3-list{width:100%;height:320px;overflow-y:hidden}
.index3 .index3-list ul{width:1400px;overflow:hidden}
.index3 .index3-list li{width:calc(20% - 14.4px);width:-moz-calc(20% - 14.4px);width:-webkit-calc(20% - 14.4px);height:320px;overflow:hidden;float:left;background-color:#fff;text-align:center;margin:0 18px 0 0;position:relative;cursor:pointer}
.index3 .index3-list li:last-of-type{margin:0}
.index3 .index3-list li .list-img{width:100%;overflow:hidden}
.index3 .index3-list li .list-img img{width:100%;transition:all .5s}
.index3 .index3-list li .list-txt{width:100%;height:70px;padding:0 20px;overflow:hidden;position:absolute;left:0;bottom:0;transition:all .5s}
.index3 .index3-list li h4{width:100%;line-height:70px;font-size:26px;color:#333;font-family:wigrumweb-bold}
.index3 .index3-list li .list-txt p{width:100%;line-height:22px;height:200px;font-size:16px;overflow:hidden}
.index3 .index3-list li:nth-of-type(3) .list-txt p,.index3 .index3-list li:nth-of-type(4) .list-txt p,.index3 .index3-list li:nth-of-type(5) .list-txt p{font-size:14px;line-height:18px}
.index3 .index3-list li .list-txt img{margin:0}
.index3 .index3-list li:hover{background-color:#2bafb1;box-shadow:0 3px 8.5px .5px rgba(0,0,0,.24)}
.index3 .index3-list li:hover .list-txt{height:100%;background:url(../images/index3Bg.png) no-repeat top center;padding:30px 20px;color:#fff;font-size:16px;text-align:left}
.index3 .index3-list li:hover .list-txt h4{color:#fff;font-size:30px;line-height:27px;height:27px;margin:5px 0 15px}
.index3 .index3-list li:hover .list-txt p{margin-top:0;}
@media only screen and (max-width:1199px){.index3{padding:0 0 30px}
}
@media only screen and (max-width:767px){.index3{background-size:1600px}
.index3 .container{width:100%}
.index3 .index3-list ul{width:1440px;padding:0 20px}
.index3 h1{width:200px;line-height:35px;font-size:28px;margin:40px auto 30px}
.index3 h1:before{height:1px;top:17px}
.index3 h1:after{height:1px;top:17px}
}
@media only screen and (min-width:1200px){.index3{background-size:1700px auto}
.index3 h1{margin:55px auto 68px}
}
@media only screen and (min-width:1450px){.index3{background-size:auto}
.index3 h1{margin:55px auto 70px}
}
.index4{width:100%;overflow:hidden; background:#f9f9f9; padding-bottom:60px;}
.index4 h2{width:280px;line-height:50px;font-size:48px;font-family:wigrumweb-bold;margin:63px auto 47px;position:relative;text-align:center}
.index4 h2:before{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;left:-28px;top:24px}
.index4 h2:after{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;right:-28px;top:24px}
.index4 a{display:block;float:left;overflow:hidden;position:relative}
.index4 a:first-of-type{width:50%;height:485px;background-image:linear-gradient(135deg,#49bcbd,#09c 94%)}
.index4 a:nth-of-type(2){width:25%;height:485px;background-image:linear-gradient(129deg,#f3f3f3,#d0d0d0 88%)}
.index4 a:nth-of-type(3){width:25%;height:255px;background-image:linear-gradient(129deg,#f3f3f3,#d0d0d0 88%)}
.index4 a:nth-of-type(4){width:25%;height:230px;background-image:linear-gradient(129deg,#f3f3f3,#d0d0d0 88%)}
.index4 a span{display:block;width:53px;height:20px;overflow:hidden;background:url(../images/left2.png) no-repeat right center;background-size:auto 100%;position:absolute;left:30px;bottom:50px;transition:all .5s}
.index4 a:first-of-type span{display:block;width:156px;height:20px;overflow:hidden;background:url(../images/left1.png) no-repeat right center;left:50px;bottom:170px}
.index4 a img{position:absolute;right:0;bottom:0;transition:all .5s}
.index4 a:nth-of-type(2) img{right:-20px;bottom:30px}
.index4 a:first-of-type h2{font-family:wigrumweb-bold;color:#f6f6f6;font-size:48px;margin:50px 50px}
.index4 a h3{font-family:wigrumweb-bold;color:#333;font-size:30px;margin:50px 35px; text-align:left; font-weight:bold;}
.index4 a:first-of-type h3{color:#fff;}
.index4 a:hover img{transform:scale(.9)}
.index4 a:hover span{width:83px}
.index4 a:first-of-type:hover span{width:186px}
@media only screen and (max-width:991px){.index4 a:first-of-type{width:100%}
.index4 a:nth-of-type(2),.index4 a:nth-of-type(3),.index4 a:nth-of-type(4){width:50%}
.index4 a:nth-of-type(3) img{width:200px}
}
@media only screen and (max-width:767px){.index4 h2{width:170px;line-height:35px;font-size:28px;margin:30px auto 20px}
.index4 h2:before{height:1px;top:17px}
.index4 h2:after{height:1px;top:17px}
.index4 a:first-of-type{height:225px}
.index4 a:nth-of-type(2){height:225px}
.index4 a:nth-of-type(3){height:120px}
.index4 a:nth-of-type(4){height:105px}
.index4 a:first-of-type img{width:210px;right:-20px}
.index4 a:nth-of-type(2) img{width:150px;right:-10px;bottom:5px}
.index4 a:nth-of-type(3) img{width:105px;right:-10px;bottom:5px}
.index4 a:nth-of-type(4) img{width:95px;right:-10px}
.index4 a h3{font-size:16px;margin:20px}
.index4 a:first-of-type h2{font-size:24px;margin:25px 30px}
.index4 a span{width:33px;height:10px;left:20px;bottom:20px}
.index4 a:first-of-type span{width:86px;height:10px;left:35px;bottom:50px}
}
@media only screen and (min-width:992px){.index4 a:first-of-type img{width:360px}
.index4 a:nth-of-type(2) img{width:240px}
.index4 a:nth-of-type(3) img{width:150px}
.index4 a:nth-of-type(4) img{width:150px}
}
@media only screen and (min-width:1200px){.index4 a:first-of-type img{width:400px}
.index4 a:nth-of-type(2) img{width:250px}
.index4 a:nth-of-type(3) img{width:180px}
.index4 a:nth-of-type(4) img{width:150px}
}
@media only screen and (min-width:1450px){.index4 a:first-of-type img{width:465px}
.index4 a:nth-of-type(2) img{width:300px}
.index4 a:nth-of-type(3) img{width:230px}
.index4 a:nth-of-type(4) img{width:200px}
}
.index5{width:100%;overflow:hidden}
.index5 h2{width:320px;line-height:50px;font-size:48px;font-family:wigrumweb-bold;margin:80px auto 50px;position:relative;text-align:center}
.index5 h2:before{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;left:-28px;top:24px}
.index5 h2:after{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;right:-28px;top:24px}
.index5 .index5-list{width:100%;overflow:hidden;background-color:#f9f9f9}
.index5 .index5-list:nth-of-type(2){background-color:#fff}
.index5 .index5-list .list-img{width:50%;overflow:hidden;float:left}
.index5 .index5-list:nth-of-type(2) .list-img{float:right}
.index5 .index5-list .list-txt{width:50%;overflow:hidden;float:left}
.index5 .index5-list .list-txt .index5-txt{width:700px;font-size:18px;color:#999;padding:65px 80px 0 65px;overflow:hidden}
.index5 .index5-list:nth-of-type(2) .index5-txt{float:right;padding:65px 145px 0 0}
.index5 .index5-list .list-txt .index5-txt h3{font-size:36px;color:#000;font-family:wigrumweb-bold;line-height:34px;padding:0 0 13px;position:relative;margin:0 0 20px}
.index5 .index5-list .list-txt .index5-txt h3:after{content:'';display:block;width:50px;height:2px;background-color:#09a9ab;position:absolute;left:2px;bottom:0}
.index5 .index5-list .list-txt .index5-txt a{display:block;width:160px;height:40px;overflow:hidden;border-radius:20px;text-align:center;padding:1px;background-image:linear-gradient(#0098b5,#46bbbc);margin:45px 0 0 5px}
.index5 .index5-list .list-txt .index5-txt a span{display:block;width:100%;font-size:16px;height:100%; margin-top:0; color:#09a9ab;line-height:38px;border-radius:19px;background-color:#f3f8fc;overflow:hidden;transition:all .5s}
.index5 .index5-list .list-txt .index5-txt a:hover span{background-color:transparent;color:#fff;font-family:wigrumweb-bold}
@media only screen and (max-width:991px){.index5 .index5-list:nth-of-type(2){background-color:#f9f9f9}
.index5 .index5-list .list-img{width:100%;float:none}
.index5 .index5-list .list-img img{width:100%}
.index5 .index5-list .list-txt{width:100%;float:none}
.index5 .index5-list .list-txt .index5-txt{width:668px;padding:65px 0;float:none;margin:0 auto}
}
@media only screen and (max-width:767px){.index5 h2{width:190px;line-height:35px;font-size:28px;margin:35px auto 30px}
.index5 h2:before{height:1px;top:17px}
.index5 h2:after{height:1px;top:17px}
.index5 .index5-list .list-txt .index5-txt{width:335px;padding:35px 0;font-size:14px}
.index5 .index5-list .list-txt .index5-txt h3{font-size:24px;color:#000;line-height:25px;padding:0 0 13px;margin:0 0 10px}
.index5 .index5-list .list-txt .index5-txt a{width:120px;height:35px;border-radius:18px;margin:25px 0 0 0}
.index5 .index5-list .list-txt .index5-txt a span{font-size:16px;line-height:33px;border-radius:17px}
}
@media only screen and (min-width:992px){.index5 .index5-list .list-txt .index5-txt{width:485px;line-height:20px}
}
@media only screen and (min-width:1200px){.index5 .index5-list .list-txt .index5-txt{width:575px;line-height:20px}
}
@media only screen and (min-width:1450px){.index5 .index5-list .list-txt .index5-txt{width:700px;line-height:25px}
}
.index6{width:100%;overflow:hidden;padding:0 0 55px}
.index6 h2{width:170px;line-height:50px;font-size:48px;font-family:wigrumweb-bold;margin:65px auto 45px;position:relative;text-align:center}
.index6 h2:before{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;left:-28px;top:24px}
.index6 h2:after{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;right:-28px;top:24px}
.index6 .index6-swiper{position:relative;width:100%;height:auto}
.index6 .index6-swiper a{display:block;width:100%;height:auto;overflow:hidden;background-color:#f3f3f3;position:relative}
.index6 .index6-swiper a .index6-time{width:65px;height:65px;overflow:hidden;z-index:1;position:absolute;left:26px;bottom:25px;text-align:center;background-color:rgba(43,175,177,.94);color:#fff;padding:11px 0}
.index6-time h3{font-size:18px}
.index6-time h4{font-size:20px}
.index6 .index6-swiper a .index6-img{width:100%;overflow:hidden; position:relative;}
.index6 .index6-swiper a .index6-img img{width:100%}
.index6 .index6-swiper a .index6-txt{width:100%;overflow:hidden;color:#666;font-size:14px;padding:35px 30px 25px 25px}
.index6 .index6-swiper a .index6-txt h4{width:100%;font-family:wigrumweb-bold;font-size:20px;line-height:25px;color:#333;max-height:50px;overflow:hidden;margin:0 0 10px}
.index6 .index6-swiper a .index6-txt p{width:100%;line-height:20px;height:40px;overflow:hidden}
@media only screen and (max-width:991px){.index6 .index6-swiper a{height:455px}
.index6 .index6-swiper a .index6-txt h4{max-height:75px}
.index6 .index6-swiper a .index6-txt p{height:80px}
.index6 .index6-swiper a .index6-time{bottom:25px}
}
@media only screen and (max-width:767px){.index6{padding:0 0 20px}
.index6 h2{width:100px;line-height:35px;font-size:28px;margin:35px auto 30px}
.index6 h2:before{height:1px;top:17px}
.index6 h2:after{height:1px;top:17px}
.index6 .index6-swiper{height:auto;overflow:hidden}
.index6 .index6-swiper .swiper-container{width:100%;overflow:hidden}
.index6 .index6-swiper .swiper-container .swiper-wrapper{width:100%;height:auto;overflow:hidden;display:block}
.index6 .index6-swiper .swiper-container .swiper-wrapper .swiper-slide{width:100%;height:auto;overflow:hidden;margin:0 0 25px}
.index6 .index6-swiper a{height:auto}
.index6 .index6-swiper a .index6-time{bottom:20px}
.index6 .index6-swiper a .index6-txt h4{max-height:50px}
.index6 .index6-swiper a .index6-txt p{height:40px}
}
@media only screen and (min-width:992px){.index6 .index6-swiper{height:405px}
.index6 .index6-swiper a{height:auto}
.index6 .index6-swiper a .index6-time{bottom:20px}
}
@media only screen and (min-width:1200px){.index6 .index6-swiper{height:455px}
.index6 .index6-swiper a{height:auto}
.index6 .index6-swiper a .index6-time{bottom:255px}
}
@media only screen and (min-width:1450px){.index6 .index6-swiper{height:505px}
.index6 .index6-swiper a{height:auto}
.index6 .index6-swiper a .index6-time{bottom:25px}
}
.factory-title{width:240px;line-height:50px;font-family:wigrumweb-light;margin:50px auto 55px;color:#333;text-align:center;font-size:36px;position:relative}
.factory-title strong{font-family:wigrumweb-bold}
.factory-title:before{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;left:-28px;top:24px}
.factory-title:after{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;right:-28px;top:24px}
@media only screen and (max-width:767px){.factory-title{width:200px;line-height:35px;margin:35px auto 25px;font-size:28px}
.factory-title:after,.factory-title:before{height:1px;top:17px}
}
.factory1{width:100%;overflow:hidden;padding:0 0 70px}
.factory1 .factory1-list{width:100%;overflow:hidden;padding:0 30px}
.factory1 .factory1-list a{display:block;width:25%;overflow:hidden;padding:0 40px;float:left;font-size:14px;color:#949494;line-height:18px;text-align:center;}
.factory1 .factory1-list a .list-img{width:65px;height:65px;overflow:hidden;border-radius:50%;margin:0 auto;padding:3px;background-image:linear-gradient(#0098b5,#47bbbc)}
.factory1 .factory1-list a .list-img li{width:100%;height:100%;border-radius:50%;overflow:hidden;background-color:#fff;position:relative}
.factory1 .factory1-list a .list-img li img{position:absolute;left:50%;top:50%;margin:-20px 0 0 -20px}
.factory1 .factory1-list a h4{font-family:wigrumweb-bold;font-size:18px;color:#000;line-height:20px;margin:15px 0 10px}
@media only screen and (max-width:991px){.factory1{padding:0 0 30px}
.factory1 .factory1-list{padding:0}
.factory1 .factory1-list a{width:50%;margin:0 0 40px}
}
@media only screen and (max-width:767px){.factory1{padding:0 0 10px}
.factory1 .factory1-list a{margin:0 0 20px;font-size:12px;line-height:15px}
.factory1 .factory1-list a:nth-of-type(odd){padding:0 10px 0 0}
.factory1 .factory1-list a:nth-of-type(2n){padding:0 0 0 10px}
.factory1 .factory1-list a br{display:none}
.factory1 .factory1-list a h4{font-size:14px;line-height:16px;margin:10px 0 5px}
}
@media only screen and (min-width:992px){.factory1 .factory1-list{padding:0}
.factory1 .factory1-list a{padding:0 10px}
.factory1 .factory1-list a p br{display:none}
}
@media only screen and (min-width:1200px){.factory1 .factory1-list a{padding:0 20px}
.factory1 .factory1-list a p br{display:block}
}
@media only screen and (min-width:1450px){.factory1 .factory1-list{padding:0 30px}
.factory1 .factory1-list a{padding:0 40px}
}
.factory2{width:100%;overflow:hidden;padding:0 0 45px;background-color:#f3f8fc}
.factory2 .factory-title{width:260px;margin:40px auto 35px}
.factory2 .factory2-video{height:425px;width:50%;overflow:hidden;float:left;position:relative;cursor:pointer}
.factory2 .factory2-video img{width:100%;cursor:pointer;position:relative;z-index:11}
.factory2 .factory2-video video{width:100%;left:0;bottom:0;position:absolute;z-index:10}
.factory2 .factory2-txt{width:50%;overflow:hidden;float:left;padding:0 0 0 30px}
.factory2 .factory2-txt li{width:100%;font-size:14px;overflow:hidden;color:#9fa0a0;line-height:18px;padding:0 0 0 40px;margin:0 0 10px;position:relative}
.factory2 .factory2-txt li:last-of-type{margin:0}
.factory2 .factory2-txt li span{display:block;width:22px;height:22px;border-radius:50%;overflow:hidden;text-align:center;line-height:22px;color:#fff;font-family:wigrumweb-bold;background-color:#009894;position:absolute;left:0;top:5px}
.factory2 .factory2-txt li h4{font-size:20px;line-height:28px;font-family:wigrumweb-bold;color:#898989;margin:0 0 5px}
@media only screen and (max-width:991px){.factory2 .factory2-video{width:100%;height:376px;float:none}
.factory2 .factory2-txt{width:100%;float:none;padding:0;margin:30px 0 0}
}
@media only screen and (max-width:767px){.factory2{padding:0 0 35px}
.factory2 .factory2-video{height:188px}
.factory2 .factory-title{width:225px;margin:35px auto 25px}
.factory2 .factory2-txt{margin:20px 0 0}
.factory2 .factory2-txt li{font-size:12px;line-height:15px;padding:0 0 0 30px}
.factory2 .factory2-txt li h4{font-size:16px;line-height:24px;margin:0 0 5px}
.factory2 .factory2-txt li span{width:20px;height:20px;line-height:20px;top:2px}
}
@media only screen and (min-width:992px){.factory2 .factory2-video{width:100%;height:545px;float:none}
.factory2 .factory2-txt{width:100%;float:none;padding:0;margin:30px 0 0}
}
@media only screen and (min-width:1200px){.factory2 .factory2-video{width:50%;height:323px;float:left}
.factory2 .factory2-txt{width:50%;float:left;padding:0 0 0 30px;margin:0}
.factory2 .factory2-txt li{font-size:14px;line-height:15px;margin:0 0 5px}
.factory2 .factory2-txt li span{top:0}
.factory2 .factory2-txt li h4{font-size:18px;line-height:20px}
}
@media only screen and (min-width:1450px){.factory2 .factory2-video{height:395px}
.factory2 .factory2-txt li{font-size:14px;line-height:18px;margin:0 0 10px}
.factory2 .factory2-txt li span{top:5px}
.factory2 .factory2-txt li h4{font-size:20px;line-height:28px}
}
.factory3{width:100%;overflow:hidden;padding:55px 0 60px}
.factory3 .factory3-swiper{width:100%;height:260px;position:relative}
.factory3 .factory3-swiper a{display:block;width:100%;overflow:hidden;text-align:center;cursor:pointer}
.factory3 .factory3-swiper a .factory3-img{width:100%;overflow:hidden}
.factory3 .factory3-swiper a .factory3-img img{width:100%;transition:all .5s}
.factory3 .factory3-swiper a h4{width:100%;height:40px;line-height:40px;font-size:18px;color:#666;background-color:#f3f8fc;overflow:hidden}
.factory3 .factory3-swiper a:hover .factory3-img img{transform:scale(1.1)}
.factory3 .factory3-swiper a:hover h4{color:#fff;background-color:#009894}
@media only screen and (max-width:767px){.factory3{padding:35px 0}
.factory3 .factory3-swiper{height:auto}
.factory3 .factory3-swiper a h4{height:30px;line-height:30px;font-size:12px}
}
@media only screen and (min-width:1200px){.factory3 .factory3-swiper{height:225px}
}
@media only screen and (min-width:1450px){.factory3 .factory3-swiper{height:260px}
}
.factory4{width:100%;overflow:hidden;background-image:linear-gradient(22deg,#49bcbd,#09c 98%)}
.factory4 .factory4-title{width:100%;overflow:hidden;color:#fff;text-align:center;margin:65px 0 60px;font-size:16px;line-height:20px}
.factory4 .factory4-title h1{font-size:36px;line-height:40px;font-family:wigrumweb-bold;margin:0 0 15px}
.factory4 .factory4-list{width:100%;height:255px;margin:0 0 93px}
.factory4 .factory4-list li{width:calc(33.33% - 18px);width:-moz-calc(33.33% - 18px);width:-webkit-calc(33.33% - 18px);height:100%;background-color:#fff;float:left;border-radius:9px;overflow:hidden;margin:0 27px 0 0;padding:26px;box-shadow:7.7px 7.7px 13px rgba(0,0,0,.16)}
.factory4 .factory4-list li:last-of-type{margin:0}
.factory4 .factory4-list li .factory4-img{width:69px;height:69px;border-radius:50%;overflow:hidden;float:left}
.factory4 .factory4-list li .factory4-txt{width:calc(100% - 70px);width:-moz-calc(100% - 70px);width:-webkit-calc(100% - 70px);height:100%;font-size:16px;line-height:20px;color:#666;overflow:hidden;float:right;position:relative}
.factory4 .factory4-list li .factory4-txt strong{width:45px;font-size:48px;line-height:69px;display:block;float:left;font-family:wigrumweb-bold;text-align:center;color:#cfcfcf}
.factory4 .factory4-list li .factory4-txt strong:last-of-type{position:absolute;right:0;bottom:-20px}
.factory4 .factory4-list li:first-of-type .factory4-txt strong:last-of-type{position:absolute;right:0;bottom:70px}
.factory4 .factory4-list li .factory4-txt p{width:calc(100% - 45px);width:-moz-calc(100% - 45px);width:-webkit-calc(100% - 45px);overflow:hidden;float:right;margin:30px 0 0}
@media only screen and (max-width:1199px){.factory4{padding:0 0 40px}
.factory4 .factory4-title{margin:65px 0 45px}
.factory4 .factory4-list li{width:450px;height:255px;margin:15px}
.factory4 .factory4-list li:last-of-type{margin:15px}
}
@media only screen and (max-width:991px){.factory4-title br{display:none}
.factory4 .factory4-list{height:auto;margin:0 0 40px}
.factory4 .factory4-list li{margin:30px auto;float:none}
.factory4 .factory4-list li:last-of-type{margin:30px auto}
}
@media only screen and (max-width:767px){.factory4{padding:0 0 5px}
.factory4 .factory4-title{margin:35px 0 25px;font-size:14px;line-height:16px}
.factory4 .factory4-title h1{font-size:28px;line-height:30px;margin:0 0 10px}
.factory4 .factory4-list li{width:100%;height:220px;padding:20px;margin:20px auto}
.factory4 .factory4-list li:first-of-type{height:120px}
.factory4 .factory4-list li:last-of-type{margin:20px auto}
.factory4 .factory4-list li .factory4-txt{width:calc(100% - 70px);width:-moz-calc(100% - 70px);width:-webkit-calc(100% - 70px);font-size:14px;line-height:16px}
.factory4 .factory4-list li .factory4-txt p{width:calc(100% - 30px);width:-moz-calc(100% - 30px);width:-webkit-calc(100% - 30px);margin:25px 0 0}
.factory4 .factory4-list li .factory4-txt strong{width:30px;font-size:36px;line-height:50px}
.factory4 .factory4-list li:first-of-type .factory4-txt strong:last-of-type{bottom:-23px}
}
@media only screen and (min-width:1200px){.factory4 .factory4-list li .factory4-txt{font-size:14px;line-height:16px}
}
@media only screen and (min-width:1450px){.factory4 .factory4-list li .factory4-txt{font-size:16px;line-height:20px}
}
.factory5{width:100%;overflow:hidden;padding:0 0 50px}
.factory5 .factory-title{width:220px;margin:55px auto 40px}
.factory5 .factory5-left{width:630px;height:665px;overflow:hidden;float:left;background:url(../images/factory5Bg.jpg) no-repeat center;padding:60px 60px 0;text-align:center}
.factory5 .factory5-left .left-img{width:100%;overflow:hidden}
.factory5 .factory5-left img{width:100%;display:block;height:480px;-o-object-fit:contain;object-fit:contain}
.factory5 .factory5-left span{display:inline-block;min-width:135px;height:30px;line-height:30px;font-size:14px;color:#000;border-radius:15px;overflow:hidden;font-family:wigrumweb-bold;background-color:#dedede;margin:30px 0 0}
.factory5 .factory5-right{width:calc(100% - 630px);width:-moz-calc(100% - 630px);width:-webkit-calc(100% - 630px);height:665px;overflow:hidden;float:right;background-color:#f3f8fc;padding:60px 60px 0 70px}
.factory5 .factory5-right h5{width:550px;max-width:100%;font-size:14px;color:#333;line-height:24px}
.factory5 .factory5-right .factory5-list{width:100%;height:410px;overflow:hidden;margin:30px 0 0}
.factory5 .factory5-right .factory5-list ul{width:595px;max-width:90%;min-height:650px;overflow:hidden}
.factory5 .factory5-right .factory5-list ul li{width:calc(33.33% - 12px);width:-moz-calc(33.33% - 12px);width:-webkit-calc(33.33% - 12px);height:125px;overflow:hidden;padding:10px 25px;background-color:#fff;border:2px solid #fff;float:left}
.factory5 .factory5-right .factory5-list ul li:nth-of-type(3n+1),.factory5 .factory5-right .factory5-list ul li:nth-of-type(3n+2){margin:0 18px 18px 0}
.factory5 .factory5-right .factory5-list ul li:nth-of-type(3n){margin:0 0 18px}
.factory5 .factory5-right .factory5-list ul li img{width:100%;display:block;height:101px;-o-object-fit:contain;object-fit:contain;transition:all .5s}
.factory5 .factory5-right .factory5-list ul li.active{border-color:#09a9ab}
.factory5 .factory5-right .factory5-list ul li:hover{border-color:#09a9ab;background-color:#09a9ab}
.zUIpanelScrollBox{width:1px;height:100%;top:0;right:4px;background-color:#09a9ab;border:none;position:absolute!important;overflow:hidden}
.zUIpanelScrollBar{display:block!important;position:absolute!important;width:9px;height:85px;top:0;right:0!important;left:auto!important;z-index:110;background-color:#09a9ab}
@media only screen and (max-width:1199px){.factory5 .factory5-left{width:65%;float:none;margin:0 auto}
.factory5 .factory5-right{width:65%;height:auto;float:none;margin:0 auto;padding:40px}
.factory5 .factory5-right .factory5-pc{display:none}
.factory5 .factory5-right .factory5-swiper{width:100%}
.factory5 .factory5-right .factory5-swiper .swiper-container{padding:0 0 30px}
.factory5 .factory5-right .factory5-swiper a{display:block;width:100%;height:125px;overflow:hidden;padding:10px;background-color:#fff;border:2px solid #fff}
.factory5 .factory5-right .factory5-swiper a.active{border-color:#09a9ab}
.factory5 .factory5-right .factory5-swiper a img{width:100%;display:block;height:101px;-o-object-fit:contain;object-fit:contain;transition:all .5s}
.factory5-swiper .swiper-container-horizontal>.swiper-scrollbar{width:99%}
.factory5-swiper .swiper-scrollbar-drag{background-color:#09a9ab}
}
@media only screen and (max-width:991px){.factory5 .factory5-left{width:100%;background-size:100%}
.factory5 .factory5-right{width:100%}
}
@media only screen and (max-width:767px){.factory5 .factory-title{width:190px;margin:35px auto 30px}
.factory5 .factory5-left{height:370px;padding:30px 30px 0;background-size:100% 100%}
.factory5 .factory5-left img{height:260px}
.factory5 .factory5-left span{margin:10px 0 0}
.factory5 .factory5-right{height:auto;padding:30px 20px}
.factory5 .factory5-right .factory5-list{margin:0}
.factory5 .factory5-right .factory5-list ul{max-width:95%}
.factory5 .factory5-right .factory5-list ul li{width:calc(50% - 7px);width:-moz-calc(50% - 7px);width:-webkit-calc(50% - 7px);padding:10px 15px}
.factory5 .factory5-right .factory5-list ul li:nth-of-type(odd){margin:0 14px 14px 0}
.factory5 .factory5-right .factory5-list ul li:nth-of-type(2n){margin:0 0 14px}
}
@media only screen and (min-width:1200px){.factory5 .factory5-left{width:535px;float:left}
.factory5 .factory5-right{width:calc(100% - 535px);width:-moz-calc(100% - 535px);width:-webkit-calc(100% - 535px);float:left}
.factory5 .factory5-right .factory5-sm{display:none}
.factory5 .factory5-right .factory5-list ul li{padding:10px}
}
@media only screen and (min-width:1450px){.factory5 .factory5-left{width:630px}
.factory5 .factory5-right{width:calc(100% - 630px);width:-moz-calc(100% - 630px);width:-webkit-calc(100% - 630px)}
.factory5 .factory5-right .factory5-list ul li{padding:10px 25px}
}
.foundry-title{width:240px;line-height:50px;font-family:wigrumweb-light;margin:40px auto 65px;color:#333;text-align:center;font-size:36px;position:relative}
.foundry-title strong{font-family:wigrumweb-bold}
.foundry-title:before{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;left:-28px;top:24px}
.foundry-title:after{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;right:-28px;top:24px}
@media only screen and (max-width:767px){.foundry-title{width:200px;line-height:35px;margin:35px auto 25px;font-size:28px}
.foundry-title:after,.foundry-title:before{height:1px;top:17px}
}
.foundry1{width:100%;overflow:hidden}
.foundry1 .foundry1-img{width:650px;overflow:hidden;float:left}
.foundry1 .foundry1-img img{width:100%}
.foundry1 .foundry1-txt{width:calc(100% - 650px);width:-moz-calc(100% - 650px);width:-webkit-calc(100% - 650px);overflow:hidden;float:left;padding:0 0 0 30px;line-height:24px;font-size:16px;color:#646363}
.foundry1 .foundry1-txt p{margin:0 0 5px}
@media only screen and (max-width:1199px){.foundry1 .foundry1-img{float:none;margin:0 auto 30px}
.foundry1 .foundry1-txt{width:100%;padding:0}
}
@media only screen and (max-width:991px){.foundry1 .foundry1-img{width:100%;float:none}
}
@media only screen and (max-width:767px){.foundry1 .foundry1-img{margin:0 0 20px}
.foundry1 .foundry1-txt{line-height:20px;font-size:14px}
}
@media only screen and (min-width:1200px){.foundry1 .foundry1-txt{line-height:20px;font-size:14px}
}
@media only screen and (min-width:1450px){.foundry1 .foundry1-txt{line-height:24px;font-size:16px}
}
.foundry2{width:100%;overflow:hidden;padding:50px 0 0}
.foundry2 .foundry2-swiper{width:100%;height:260px;position:relative}
.foundry2 .foundry2-swiper a{display:block;width:100%;overflow:hidden;text-align:center;cursor:pointer}
.foundry2 .foundry2-swiper a .foundry2-img{width:100%;overflow:hidden}
.foundry2 .foundry2-swiper a .foundry2-img img{width:100%;transition:all .5s}
.foundry2 .foundry2-swiper a h4{width:100%;height:40px;line-height:40px;font-size:18px;color:#666;background-color:#f3f8fc;overflow:hidden}
.foundry2 .foundry2-swiper a:hover .foundry2-img img{transform:scale(1.1)}
.foundry2 .foundry2-swiper a:hover h4{color:#fff;background-color:#009894}
@media only screen and (max-width:767px){.foundry2{padding:35px 0 0}
.foundry2 .foundry2-swiper{height:auto}
.foundry2 .foundry2-swiper a h4{height:30px;line-height:30px;font-size:12px}
}
@media only screen and (min-width:1200px){.foundry2 .foundry2-swiper{height:225px}
}
@media only screen and (min-width:1450px){.foundry2 .foundry2-swiper{height:260px}
}
.foundry3{width:100%;overflow:hidden;padding:0 0 50px}
.foundry3 .foundry-title{width:220px;margin:50px auto 40px}
.foundry3 .foundry3-left{width:630px;height:665px;overflow:hidden;float:left;background:url(../images/factory5Bg.jpg) no-repeat center;padding:60px 60px 0;text-align:center}
.foundry3 .foundry3-left .left-img{width:100%;overflow:hidden}
.foundry3 .foundry3-left img{width:100%;display:block;height:480px;-o-object-fit:contain;object-fit:contain}
.foundry3 .foundry3-left span{display:inline-block;min-width:135px;height:30px;line-height:30px;font-size:14px;color:#000;border-radius:15px;overflow:hidden;font-family:wigrumweb-bold;background-color:#dedede;margin:20px 0 0}
.foundry3 .foundry3-right{width:calc(100% - 630px);width:-moz-calc(100% - 630px);width:-webkit-calc(100% - 630px);height:665px;overflow:hidden;float:right;background-color:#f3f8fc;padding:60px 60px 0 70px}
.foundry3 .foundry3-right h5{width:550px;max-width:100%;font-size:14px;color:#333;line-height:24px}
.foundry3 .foundry3-right .foundry3-list{width:100%;height:410px;overflow:hidden;margin:30px 0 0}
.foundry3 .foundry3-right .foundry3-list ul{width:595px;max-width:90%;min-height:650px;overflow:hidden}
.foundry3 .foundry3-right .foundry3-list ul li{width:calc(33.33% - 12px);width:-moz-calc(33.33% - 12px);width:-webkit-calc(33.33% - 12px);height:125px;overflow:hidden;padding:10px 25px;background-color:#fff;border:2px solid #fff;float:left;cursor:pointer}
.foundry3 .foundry3-right .foundry3-list ul li:nth-of-type(3n+1),.foundry3 .foundry3-right .foundry3-list ul li:nth-of-type(3n+2){margin:0 18px 18px 0}
.foundry3 .foundry3-right .foundry3-list ul li:nth-of-type(3n){margin:0 0 18px}
.foundry3 .foundry3-right .foundry3-list ul li img{width:100%;display:block;height:101px;-o-object-fit:contain;object-fit:contain;transition:all .5s}
.foundry3 .foundry3-right .foundry3-list ul li.active{border-color:#09a9ab}
.foundry3 .foundry3-right .foundry3-list ul li:hover{border-color:#09a9ab;background-color:#09a9ab}
.zUIpanelScrollBox{width:1px;height:100%;top:0;right:4px;background-color:#09a9ab;border:none;position:absolute!important;overflow:hidden}
.zUIpanelScrollBar{display:block!important;position:absolute!important;width:9px;height:85px;top:0;right:0!important;left:auto!important;z-index:110;background-color:#09a9ab}
@media only screen and (max-width:1199px){.foundry3 .foundry3-left{width:65%;float:none;margin:0 auto}
.foundry3 .foundry3-right{width:65%;height:auto;float:none;margin:0 auto;padding:40px}
.foundry3 .foundry3-right .foundry3-pc{display:none}
.foundry3 .foundry3-right .foundry3-swiper{width:100%}
.foundry3 .foundry3-right .foundry3-swiper .swiper-container{padding:0 0 30px}
.foundry3 .foundry3-right .foundry3-swiper a{display:block;width:100%;height:125px;overflow:hidden;padding:10px;background-color:#fff;border:2px solid #fff}
.foundry3 .foundry3-right .foundry3-swiper a.active{border-color:#09a9ab}
.foundry3 .foundry3-right .foundry3-swiper a img{width:100%;display:block;height:101px;-o-object-fit:contain;object-fit:contain;transition:all .5s}
.foundry3-swiper .swiper-container-horizontal>.swiper-scrollbar{width:99%}
.foundry3-swiper .swiper-scrollbar-drag{background-color:#09a9ab}
}
@media only screen and (max-width:991px){.foundry3 .foundry3-left{width:100%;float:none;background-size:100%}
.foundry3 .foundry3-right{width:100%;float:none}
}
@media only screen and (max-width:767px){.foundry3{padding:0 0 40px}
.foundry3 .foundry-title{width:170px;margin:35px auto 30px}
.foundry3 .foundry3-left{height:370px;padding:30px 30px 0;background-size:100% 100%}
.foundry3 .foundry3-left img{height:260px}
.foundry3 .foundry3-left span{margin:10px 0 0}
.foundry3 .foundry3-right{height:auto;padding:30px 20px}
.foundry3 .foundry3-right .foundry3-list{margin:0}
.foundry3 .foundry3-right .foundry3-list ul{max-width:95%}
.foundry3 .foundry3-right .foundry3-list ul li{width:calc(50% - 7px);width:-moz-calc(50% - 7px);width:-webkit-calc(50% - 7px);padding:10px 15px}
.foundry3 .foundry3-right .foundry3-list ul li:nth-of-type(odd){margin:0 14px 14px 0}
.foundry3 .foundry3-right .foundry3-list ul li:nth-of-type(2n){margin:0 0 14px}
}
@media only screen and (min-width:1200px){.foundry3 .foundry3-left{width:535px;float:left}
.foundry3 .foundry3-right{width:calc(100% - 535px);width:-moz-calc(100% - 535px);width:-webkit-calc(100% - 535px);float:left}
.foundry3 .foundry3-right .foundry3-sm{display:none}
.foundry3 .foundry3-right .foundry3-list ul li{padding:10px}
}
@media only screen and (min-width:1450px){.foundry3 .foundry3-left{width:630px}
.foundry3 .foundry3-right{width:calc(100% - 630px);width:-moz-calc(100% - 630px);width:-webkit-calc(100% - 630px)}
.foundry3 .foundry3-right .foundry3-list ul li{padding:10px 25px}
}
.product-content{width:100%;overflow:hidden;padding:53px 0 17px}
.product-content .product-left{width:350px;overflow:hidden;float:left;background-color:#fff;border-radius:0 0 9px 9px;box-shadow:0 5px 19px 0 rgba(0,0,0,.22)}
.product-content .product-left h3{width:100%;line-height:77px;background-color:#009794;color:#fff;font-size:28px;font-family:wigrumweb-bold;padding:0 0 0 37px;overflow:hidden;position:relative}
.product-content .product-left dl{width:100%;overflow:hidden;padding:0 33px 29px; box-sizing:border-box;}
.product-content .product-left dl dd{display:block; margin-top:15px;}
.product-content .product-left dl dd select{display:block; width:100%; height:35px; border:solid 1px #eaeaea; line-height:35px;}

.product-content .product-left .product-menu{width:100%;overflow:hidden;padding:0 33px 29px}
.product-menu li{width:100%;overflow:hidden}
.product-menu li h4{width:100%;line-height:69px;border-bottom:2px solid #f1f1f1;padding:0 0 0 3px;position:relative;background:url(../images/pd.png) no-repeat 95% 50%}
.product-menu li h4 a{color:#666;display:block;width:100%;height:100%; font-size:16px;}
.product-menu li .product-two{width:100%;overflow:hidden;border-bottom:2px solid #f1f1f1;padding:10px 0;display:none}
.product-menu li .product-two p{width:100%;overflow:hidden;line-height:30px;font-size:16px;padding:0 15px}
.product-menu li .product-two p a{color:#666}
.product-menu li .product-two p:hover{background-color:#009794}
.product-menu li .product-two p:hover a{color:#fff}
.product-menu li.active h4{background:url(../images/pdg.png) no-repeat 95% 50%;font-family:wigrumweb-bold}
.product-menu li.active h4 a{color:#09a9ab}
.product-menu li.active .product-two{display:block}
.product-content .product-right{width:calc(100% - 370px);width:-moz-calc(100% - 370px);width:-webkit-calc(100% - 370px);overflow:hidden;float:right;margin:0 -12px 0 0}
.product-content .product-right .right-title{width:100%;overflow:hidden;padding:0 0px;font-size:16px;color:#666;line-height:20px}
.product-right .right-title h2{height:43px;color:#000;font-size:24px;line-height:30px;font-family:wigrumweb-bold;border-bottom:1px solid #efefef;margin:0 0 15px}
.product-right .right-title div.remark{display:block;}
.product-right .right-list{width:100%;overflow:hidden;padding:13px 0;margin:0px 0 0}
/*.product-right .right-list a{width:calc(50% - 22px);width:-moz-calc(50% - 22px);width:-webkit-calc(50% - 22px);height:230px;overflow:hidden;position:relative;background-color:#f8f8f8;float:left;margin:0 11px 30px;transition:all .5s}
.product-right .right-list a .list-img{width:230px;height:100%;overflow:hidden;float:right}*/
.right-list a .list-img img{width:100%}
.product-right .right-list a .list-txt{width:195px;height:100%;overflow:hidden;position:absolute;top:0;left:32px;padding:33px 0 0}
.list-txt h4{width:100%;font-size:20px;line-height:26px;color:#000;height:78px;overflow:hidden}
.list-txt span{display:block;width:32px;height:12px;margin:25px 0 0;overflow:hidden;transition:all .5s}
/*.product-right .right-list a:hover{box-shadow:0 0 13px rgba(0,0,0,.22)}
.product-right .right-list a:hover .list-txt span{width:103px}*/
@media only screen and (max-width:991px){.product-content .product-left{width:100%;float:none;margin:0 auto;border-radius:0;box-shadow:none}
.product-content .product-left h3:before{content:'';display:block;width:30px;height:30px;overflow:hidden;position:absolute;right:20px;top:50%;margin:-15px 0 0;background:url(../images/irw.png) no-repeat center;transition:all .5s}
.product-content .product-left h3.click:before{transform:rotate(90deg)}
.product-content .product-left .product-menu{display:block}
.product-content .product-right{width:100%;float:none;margin:30px auto 0}
/*.product-right .right-list a{width:calc(100% - 22px);width:-moz-calc(100% - 22px);width:-webkit-calc(100% - 22px)}*/
.banner .banner-txt{margin:-30px 0 0 -334px}
}
@media only screen and (max-width:767px){.product-content{padding:30px 0 15px}
.product-content .product-left{width:100%;margin:0 auto}
.product-content .product-left h3{line-height:55px;font-size:24px;padding:0 0 0 25px}
.product-content .product-left h3:before{right:10px;background-size:14px}
.product-content .product-left .product-menu{padding:0 25px 19px}
.product-menu li h4{line-height:49px}
.product-content .product-right{width:100%;margin:30px auto 0}
.product-content .product-right .right-title{padding:0;font-size:14px;line-height:18px}
.product-right .right-title h2{margin:0 0 10px}
.product-right .right-list{padding:10px 0;margin:15px 0 0}
/*.product-right .right-list a{width:100%;height:200px;margin:0 0 20px}
.product-right .right-list a .list-img{width:180px;height:180px;margin:20px 0 0}
.product-right .right-list a .list-txt{left:25px;padding:20px 0 0}*/
.list-txt h4{font-size:18px;line-height:24px;height:72px}
.banner .banner-txt{margin:-30px 0 0 -167px}
}
@media only screen and (min-width:992px){
  /*  .product-right .right-list a{width:calc(100% - 22px);width:-moz-calc(100% - 22px);width:-webkit-calc(100% - 22px)*/

    }
.banner .banner-txt{margin:-20px 0 0 -485px}
}
@media only screen and (min-width:1200px){
   /* .product-right .right-list a{width:calc(50% - 22px);width:-moz-calc(50% - 22px);width:-webkit-calc(50% - 22px)*/

    }
.banner .banner-txt{margin:-20px 0 0 -575px}
}
@media only screen and (min-width:1450px){.banner .banner-txt{margin:-30px 0 0 -700px}
}
.product-right .right-details{width:100%;overflow:hidden;padding:0 11px;margin:15px 0 30px}
.right-details .details-left{width:400px;overflow:hidden;float:left}
.details-left .details-img{width:100%;height:400px;overflow:hidden;background-color:#f8f8f8;margin:0 0 13px}
.details-left .details-img img{width:100%;transition:all .5s}
.details-left .details-img:hover img{width:110%}
.details-left .details-swiper{width:100%;overflow:hidden;position:relative}
.details-left .details-swiper .swiper-container{width:calc(100% - 60px);width:-moz-calc(100% - 60px);width:-webkit-calc(100% - 60px);height:100%;overflow:hidden;margin:0 auto}
.details-left .details-swiper a{display:block;width:100%;overflow:hidden;background-color:#f8f8f8;position:relative}
.details-left .details-swiper a>img{width:100%}
.details-left .details-swiper a.vicon:before{content:'';display:block;width:100%;height:100%;background:rgba(0,0,0,.4) url(../images/vicon.png) no-repeat center;position:absolute;left:0;top:0;z-index:1}
.details-swiper .swiper-button-next,.details-swiper .swiper-button-prev{width:20px;height:30px;margin-top:-15px;background-repeat:no-repeat!important;background-position:center!important}
.details-swiper .swiper-button-next.swiper-button-disabled{background-image:url(../images/vrb.png);opacity:1}
.details-swiper .swiper-button-prev.swiper-button-disabled{background-image:url(../images/vlb.png);opacity:1}
.details-swiper .swiper-button-next,.details-swiper .swiper-container-rtl .swiper-button-prev{background-image:url(../images/vrg.png);right:0}
.details-swiper .swiper-button-prev,.details-swiper .swiper-container-rtl .swiper-button-next{background-image:url(../images/vlg.png);left:0}
.right-details .details-right{width:calc(100% - 440px);width:-moz-calc(100% - 440px);width:-webkit-calc(100% - 440px);overflow:hidden;float:right;padding:20px 0 0}
.details-right .details-top{width:100%;color:#666;font-size:16px;line-height:24px;overflow:hidden}
.details-right .details-top h3{line-height:25px;font-size:22px;color:#333;font-family:wigrumweb-bold;margin:0 0 10px}
.details-right .details-bottom{width:100%;overflow:hidden;margin:50px 0 0}
.details-right .details-bottom h4{width:100%;line-height:40px;font-family:wigrumweb-bold;color:#fff;font-size:18px;background-color:#09a9ab;padding:0 0 0 17px}
.details-right .details-bottom p{width:100%;min-height:30px;line-height:24px;padding:3px 0 3px 17px;background-color:#e3e3e3;margin:2px 0 0;font-size:14px;color:#666}
.details-right .details-bottom p strong{display:block;height:100%;overflow:hidden;float:left;margin:0 10px 0 0;font-family:wigrumweb-bold}
.details-feature{width:100%;overflow:hidden;padding:0 11px;margin:0 0 20px}
.details-feature li{width:100%;overflow:hidden;font-size:16px}
.details-feature li h4{width:100%;line-height:40px;font-size:18px;font-family:wigrumweb-bold;overflow:hidden;padding:0 0 0 20px;color:#fff;background-color:#09a9ab;margin:0 0 2px}
.details-feature li p{width:100%;min-height:30px;overflow:hidden;margin:0 0 2px;line-height:30px}
.details-feature li strong{display:block;width:220px;height:100%;overflow:hidden;float:left;background-color:#efefef;padding:0 0 0 20px;margin:0 2px 0 0}
.details-feature li span{display:block;width:calc(100% - 222px);width:-moz-calc(100% - 222px);width:-webkit-calc(100% - 222px);height:100%;overflow:hidden;float:right;background-color:#efefef;padding:0 20px}
.details-feature li:first-of-type p:nth-of-type(4) strong,.details-feature li:first-of-type p:nth-of-type(6) strong{height:60px;line-height:60px}
.details-feature li:nth-of-type(3) p:nth-of-type(2) strong{height:150px;line-height:150px}
.details-feature img{width:100%;margin:20px 0 0}
@media only screen and (max-width:1199px){.details-feature li:first-of-type p:nth-of-type(2) strong,.details-feature li:first-of-type p:nth-of-type(5) strong,.details-feature li:nth-of-type(2) p:first-of-type strong,.details-feature li:nth-of-type(2) p:nth-of-type(2) strong,.details-feature li:nth-of-type(2) p:nth-of-type(3) strong,.details-feature li:nth-of-type(2) p:nth-of-type(5) strong{height:60px;line-height:60px}
.details-feature li:first-of-type p:nth-of-type(6) strong,.details-feature li:first-of-type p:nth-of-type(8) strong{height:90px;line-height:90px}
.details-feature li:first-of-type p:nth-of-type(4) strong,.details-feature li:nth-of-type(2) p:nth-of-type(6) strong,.details-feature li:nth-of-type(2) p:nth-of-type(8) strong{height:120px;line-height:120px}
}
@media only screen and (max-width:991px){.details-feature li:first-of-type p:nth-of-type(1) strong{height:60px;line-height:60px}
.details-feature li:first-of-type p:nth-of-type(6) strong{height:120px;line-height:120px}
.details-feature li:nth-of-type(2) p:nth-of-type(8) strong{height:150px;line-height:150px}
}
@media only screen and (max-width:767px){.details-feature{padding:0}
.details-feature li{font-size:14px}
.details-feature li h4{padding:0 0 0 10px}
.details-feature li strong{width:110px;line-height:20px;padding:5px 10px}
.details-feature li span{width:calc(100% - 112px);width:-moz-calc(100% - 112px);width:-webkit-calc(100% - 112px);padding:5px 10px;line-height:20px}
.details-feature li:first-of-type p:nth-of-type(1) strong,.details-feature li:first-of-type p:nth-of-type(5) strong,.details-feature li:nth-of-type(2) p:first-of-type strong,.details-feature li:nth-of-type(2) p:nth-of-type(2) strong,.details-feature li:nth-of-type(2) p:nth-of-type(5) strong{line-height:40px;height:50px}
.details-feature li:first-of-type p:nth-of-type(2) strong,.details-feature li:first-of-type p:nth-of-type(8) strong{height:70px;line-height:20px;padding:15px 10px}
.details-feature li:first-of-type p:nth-of-type(4) strong,.details-feature li:first-of-type p:nth-of-type(6) strong,.details-feature li:nth-of-type(2) p:nth-of-type(6) strong{height:90px;line-height:20px;padding:25px 10px}
.details-feature li:nth-of-type(3) p:nth-of-type(2) strong{line-height:20px;height:110px;padding:35px 10px}
.details-feature li:nth-of-type(2) p:nth-of-type(3) strong{height:70px;line-height:60px}
.details-feature li:nth-of-type(2) p:last-of-type strong{height:130px;line-height:120px}
.details-feature li:first-of-type p:last-of-type span,.details-feature li:nth-of-type(3) p:first-of-type span,.details-feature li:nth-of-type(3) p:nth-of-type(3) span{line-height:40px}
.details-feature li:nth-of-type(3) p:last-of-type span{line-height:60px}
}
@media only screen and (min-width:1200px){.details-feature li:first-of-type p:nth-of-type(4) strong,.details-feature li:first-of-type p:nth-of-type(6) strong,.details-feature li:nth-of-type(2) p:nth-of-type(6) strong{height:60px;line-height:60px}
.details-feature li:nth-of-type(2) p:nth-of-type(8) strong{height:90px;line-height:90px}
}
@media only screen and (min-width:1450px){.details-feature li:nth-of-type(2) p:nth-of-type(8) strong{height:60px;line-height:60px}
}
.product-right .right-related{width:100%;padding:0 11px;overflow:hidden}
.product-right .right-related h3{width:100%;overflow:hidden;line-height:65px;font-size:26px;font-family:wigrumweb-bold;border-bottom:1px solid #e3e3e3;margin:0 0 27px}
.product-right .right-related .related-list{width:100%;overflow:hidden}
.right-related .related-list a{display:block;width:calc(25% - 21px);width:-moz-calc(25% - 21px);width:-webkit-calc(25% - 21px);height:231px;background-color:#f8f8f8;overflow:hidden;float:left;margin:0 28px 0 0}
.right-related .related-list a:last-of-type{margin:0}
.right-related .related-list a img{width:100%;transition:all .5s}
.right-related .related-list a:hover img{width:110%}
@media only screen and (max-width:1199px){.right-details .details-right{width:100%;float:none;padding:20px 0 0}
.right-related .related-list a{width:calc(33.33% - 20px);width:-moz-calc(33.33% - 20px);width:-webkit-calc(33.33% - 20px);height:173px;margin:0 0 30px}
.right-related .related-list a:nth-of-type(3n+1),.right-related .related-list a:nth-of-type(3n+2){margin:0 30px 30px 0}
}
@media only screen and (max-width:767px){.product-right .right-details{padding:0;margin:15px 0 20px}
.right-details .details-left{width:100%;float:none}
.details-left .details-img{height:335px}
.details-right .details-bottom{margin:20px 0 0}
.product-right .right-related{padding:0}
.product-right .right-related h3{line-height:45px;font-size:20px;margin:0 0 15px}
.right-related .related-list a{width:calc(50% - 7px);width:-moz-calc(50% - 7px);width:-webkit-calc(50% - 7px);height:161px}
.right-related .related-list a:nth-of-type(odd){margin:0 14px 14px 0}
.right-related .related-list a:nth-of-type(2n){margin:0 0 14px}
}
@media only screen and (min-width:1200px){.right-details .details-right{padding:0}
.details-right .details-bottom{margin:30px 0 0}
.right-related .related-list a{height:169px}
}
@media only screen and (min-width:1450px){.right-details .details-right{padding:20px 0 0}
.details-right .details-bottom{margin:50px 0 0}
.right-related .related-list a{height:231px}
}
.details-contact{width:100%;overflow:hidden;padding:0 11px;margin:0 0 20px}
.details-contact h2{font-size:28px;font-family:wigrumweb-bold;margin:0 0 20px}
.details-contact .details-input{width:700px;max-width:100%;height:50px;overflow:hidden;margin:0 auto 20px}
.details-contact .details-input input{display:block;width:calc(50% - 10px);width:-moz-calc(50% - 10px);width:-webkit-calc(50% - 10px);height:100%;float:left;border:none;font-size:16px;color:#fff;background-color:#33aca9;padding:0 0 0 20px;margin:0 20px 0 0}
.details-contact .details-input input:last-of-type{margin:0}
.details-contact textarea{display:block;width:700px;max-width:100%;height:150px;border:none;font-size:16px;line-height:45px;color:#fff;background-color:#33aca9;margin:0 auto 20px;overflow:hidden;padding:0 0 0 17px}
.details-contact button{display:block;width:700px;max-width:100%;height:50px;overflow:hidden;background-color:#33aca9;font-family:wigrumweb-bold;color:#fff;border:none;font-size:18px;font-weight:700;margin:0 auto}
.details-contact button:hover{background-image:linear-gradient(#0099b4,#46bbbb)}
.details-contact textarea::-webkit-input-placeholder,.details-input input::-webkit-input-placeholder{color:#fff}
.details-contact textarea:-moz-placeholder,.details-input input:-moz-placeholder{color:#fff}
.details-contact textarea:-ms-input-placeholder,.details-input input:-ms-input-placeholder{color:#fff}
.details-contact textarea:placeholder,.details-input input:placeholder{color:#fff}
@media only screen and (max-width:991px){.details-contact{padding:0}
}
@media only screen and (max-width:767px){.details-contact h2{font-size:24px;margin:0 0 10px}
.details-contact .details-input{height:100px;margin:0}
.details-contact .details-input input{width:100%;height:40px;margin:0 0 10px}
.details-contact textarea{margin:0 0 10px}
.details-contact button{height:40px}
}
.quality-content{width:100%;overflow:hidden;padding:55px 0 40px}
.quality-content h1{font-size:36px;line-height:40px;padding:0 0 17px;position:relative}
.quality-content h1:after{content:'';display:block;width:50px;height:2px;background-color:#09a9ab;position:absolute;left:1px;bottom:0}
.quality-content h1 strong{font-family:wigrumweb-bold}
.quality-content .quality-top{width:100%;height:317px;position:relative}
.quality-content .quality-top .top-txt{width:50%;overflow:hidden;float:left;color:#686868;font-size:16px;line-height:25px;padding:20px 0 0}
.quality-top .top-txt .top-list{width:610px;overflow:hidden;margin:20px 0 0}
.quality-top .top-txt .top-list h5{font-size:16px;font-family:wigrumweb-bold;color:#333;margin:0 0 10px}
.quality-top .top-txt .top-list ul{width:100%;overflow:hidden}
.quality-top .top-txt .top-list ul li{width:50%;line-height:25px;color:#858585;padding:0 0 0 15px;font-size:14px;overflow:hidden;float:left;position:relative}
.quality-top .top-txt .top-list ul li:before{content:'';display:block;width:5px;height:5px;border-radius:50%;overflow:hidden;background-color:#09a9ab;position:absolute;left:5px;top:10px}
.quality-top .top-img{width:817px;overflow:hidden;position:absolute;right:-21px;bottom:30px}
.quality-top .top-img ul{width:700px;height:225px;position:absolute;left:60px;top:2px}
.quality-top .top-img ul li{width:25%;color:#000;font-size:16px;text-align:center;overflow:hidden;float:left;margin:180px 0 0}
.quality-top .top-img ul li:nth-of-type(2n){margin:25px 0 0}
.quality-top .top-img img{width:100%}
.quality-center{width:100%;overflow:hidden;background-color:#f7f7f7;margin:55px 0 0;padding:20px 25px;font-size:18px;line-height:24px;color:#333}
.quality-list{width:100%;overflow:hidden}
.quality-list li{width:calc(25% - 16.5px);width:-moz-calc(25% - 16.5px);width:-webkit-calc(25% - 16.5px);overflow:hidden;float:left}
.quality-list li:nth-of-type(4n+1),.quality-list li:nth-of-type(4n+2),.quality-list li:nth-of-type(4n+3){margin:30px 22px 0 0}
.quality-list li:nth-of-type(4n){margin:30px 0 0}
.quality-list li .quality-img{width:100%;overflow:hidden}
.quality-list li .quality-img img{width:100%;transition:all .5s}
.quality-list li .quality-img:hover img{transform:scale(1.1)}
.quality-list li h4{line-height:20px;font-size:16px;color:#333;margin:15px 0 0}
.quality-list li:hover h4{color:#009794;font-weight:700}
@media only screen and (max-width:991px){.quality-content .quality-top{height:auto}
.quality-content .quality-top .top-txt{width:100%;float:none}
.quality-top .top-img{width:calc(100% + 20px);width:-moz-calc(100% + 20px);width:-webkit-calc(100% + 20px);position:relative;right:auto;bottom:auto;margin:40px 0 20px}
.quality-top .top-img ul{width:600px;height:190px;left:45px}
.quality-top .top-img ul li{margin:145px 0 0}
.quality-list li{width:calc(50% - 20px);width:-moz-calc(50% - 20px);width:-webkit-calc(50% - 20px)}
.quality-list li:nth-of-type(odd){margin:30px 40px 0 0}
.quality-list li:nth-of-type(2n){margin:30px 0 0}
}
@media only screen and (max-width:767px){.quality-content{padding:35px 0 30px}
.quality-content h1{font-size:28px;line-height:32px;padding:0 0 12px}
.quality-content .quality-top .top-txt{font-size:14px;line-height:20px;padding:15px 0 0}
.quality-top .top-txt .top-list{width:100%}
.quality-top .top-txt .top-list ul li{width:100%;float:none}
.quality-top .top-img{width:calc(100% + 10px);width:-moz-calc(100% + 10px);width:-webkit-calc(100% + 10px);margin:20px 0 10px;padding:10px 0}
.quality-top .top-img ul{width:295px;height:90px;left:23px}
.quality-top .top-img ul li{margin:80px 0 0;font-size:12px;line-height:15px}
.quality-top .top-img ul li:nth-of-type(2n){margin:0}
.quality-top .top-img ul li:nth-of-type(4){margin:15px 0 0}
.quality-center{margin:25px 0 0;padding:20px;font-size:14px;line-height:20px}
.quality-list{margin:20px 0 0}
.quality-list li{width:calc(50% - 7px);width:-moz-calc(50% - 7px);width:-webkit-calc(50% - 7px)}
.quality-list li:nth-of-type(odd){margin:5px 14px 0 0}
.quality-list li:nth-of-type(2n){margin:5px 0 0}
.quality-list li h4{line-height:16px;height:32px;font-size:14px;margin:5px 0 0}
}
@media only screen and (min-width:992px){.quality-content .quality-top{height:auto}
.quality-content .quality-top .top-txt{width:100%;float:none}
.quality-top .top-img{width:817px;position:relative;right:auto;bottom:auto;margin:40px 0 0}
.quality-list li{width:calc(33.33% - 20px);width:-moz-calc(33.33% - 20px);width:-webkit-calc(33.33% - 20px)}
.quality-list li:nth-of-type(3n+1),.quality-list li:nth-of-type(3n+2){margin:30px 30px 0 0}
.quality-list li:nth-of-type(3n){margin:30px 0 0}
}
@media only screen and (min-width:1200px){.quality-content .quality-top{height:317px}
.quality-content .quality-top .top-txt{width:50%;float:left}
.quality-top .top-txt .top-list{width:575px}
.quality-top .top-img{width:650px;right:-21px;position:absolute;bottom:30px}
.quality-top .top-img ul{width:555px;height:180px;left:45px;top:2px}
.quality-top .top-img ul li{margin:145px 0 0}
.quality-top .top-img ul li:nth-of-type(2n){margin:10px 0 0;line-height:16px}
.quality-list li{width:calc(25% - 16.5px);width:-moz-calc(25% - 16.5px);width:-webkit-calc(25% - 16.5px)}
.quality-list li:nth-of-type(4n+1),.quality-list li:nth-of-type(4n+2),.quality-list li:nth-of-type(4n+3){margin:30px 22px 0 0}
.quality-list li:nth-of-type(4n){margin:30px 0 0}
}
@media only screen and (min-width:1450px){.quality-top .top-txt .top-list{width:610px}
.quality-top .top-img{width:817px;right:-21px;bottom:0}
.quality-top .top-img ul{width:700px;height:225px;left:60px;top:2px}
.quality-top .top-img ul li{margin:180px 0 0}
.quality-top .top-img ul li:nth-of-type(2n){margin:25px 0 0;line-height:20px}
}
.progress-content{width:100%;overflow:hidden;padding:60px 0 0}
.progress-content .progress-list{width:100%;overflow:hidden}
.progress-list .progress-box{width:100%;overflow:hidden;margin:0 0 25px}
.progress-box .list-num{width:165px;height:125px;overflow:hidden;background-color:#149a97;border-radius:5px;float:left;text-align:right;position:relative;box-shadow:2.5px 1.7px 2px rgba(0,0,0,.1)}
.progress-box .list-num h1{font-size:133px;line-height:125px;padding:0 20px 0 0;font-family:"arial, helvetica, sans-serif"}
.progress-box .list-num h4{width:100%;height:40px;font-size:18px;line-height:16px;padding:3px 30px 5px 0;overflow:hidden;color:#fff;background-color:#149a97;position:absolute;top:45px;right:0}
.progress-box .list-left{width:70px;height:125px;overflow:hidden;float:left;background:url(../images/progress-left.png) no-repeat center}
.progress-box .list-box{width:calc(100% - 235px);width:-moz-calc(100% - 235px);width:-webkit-calc(100% - 235px);overflow:hidden;float:right}
.progress-box .list-box li{overflow:hidden;padding:0 0 5px;float:left}
.progress-box .list-box li .list-img{width:100%;height:125px;border-radius:5px;overflow:hidden;box-shadow:2.5px 1.7px 2px rgba(0,0,0,.1)}
.list-box li .list-img img{width:100%}
.list-box li h4{width:calc(100% - 8px);width:-moz-calc(100% - 8px);width:-webkit-calc(100% - 8px);background-color:#fff;font-size:12px;line-height:15px;padding:10px;overflow:hidden;font-weight:700;color:#666;margin:5px 4px 0;box-shadow:2.5px 1.7px 2px rgba(0,0,0,.1)}
@media only screen and (max-width:991px){.progress-box .list-box li{width:calc(50% - 15px);width:-moz-calc(50% - 15px);width:-webkit-calc(50% - 15px)}
.progress-box .list-box li:nth-of-type(odd){margin:0 30px 20px 0}
.progress-box .list-box li:nth-of-type(2n){margin:0 0 20px}
}
@media only screen and (max-width:767px){.progress-content{padding:30px 0 0}
.progress-box .list-num{float:none}
.progress-box .list-left{width:75px;height:75px;transform:rotate(90deg);margin:0 45px;float:none}
.progress-box .list-box{width:100%;margin:0}
.progress-box .list-box li{width:calc(50% - 7px);width:-moz-calc(50% - 7px);width:-webkit-calc(50% - 7px)}
.progress-box .list-box li:nth-of-type(odd){margin:0 14px 15px 0}
.progress-box .list-box li:nth-of-type(2n){margin:0 0 15px}
.progress-box .list-box li .list-img{height:115px}
}
@media only screen and (min-width:992px){.progress-box .list-box li{width:calc(33.33% - 20px);width:-moz-calc(33.33% - 20px);width:-webkit-calc(33.33% - 20px)}
.progress-box .list-box li:nth-of-type(3n+1),.progress-box .list-box li:nth-of-type(3n+2){margin:0 30px 20px 0}
.progress-box .list-box li:nth-of-type(3n){margin:0 0 20px}
}
@media only screen and (min-width:1200px){.progress-box .list-box li{width:calc(25% - 20px);width:-moz-calc(25% - 20px);width:-webkit-calc(25% - 20px)}
.progress-box .list-box li:nth-of-type(4n+1),.progress-box .list-box li:nth-of-type(4n+2),.progress-box .list-box li:nth-of-type(4n+3){margin:0 25px 20px 0}
.progress-box .list-box li:nth-of-type(4n){margin:0 0 20px}
}
@media only screen and (min-width:1450px){.progress-box .list-box li{width:calc(16.66% - 25px);width:-moz-calc(16.66% - 25px);width:-webkit-calc(16.66% - 25px)}
.progress-box .list-box li:nth-of-type(6n+1),.progress-box .list-box li:nth-of-type(6n+2),.progress-box .list-box li:nth-of-type(6n+3),.progress-box .list-box li:nth-of-type(6n+4),.progress-box .list-box li:nth-of-type(6n+5){margin:0 30px 20px 0}
.progress-box .list-box li:nth-of-type(6n){margin:0 0 20px}
}
.tech1{width:100%;overflow:hidden;padding:50px 0 55px}
.tech1 .tech1-list{width:1200px;overflow:hidden;margin:0 auto}
.tech1 .tech1-list ul{width:100%;overflow:hidden}
.tech1 .tech1-list ul li{width:50%;overflow:hidden;float:left;font-size:18px;line-height:24px;color:#949494;position:relative}
.tech1 .tech1-list ul li img{width:100%}
.tech1 .tech1-list ul li:first-of-type:before{content:'';display:block;width:48px;height:69px;overflow:hidden;background:url(../images/tech-icon.png) no-repeat center;position:absolute;right:-5px;top:50%;margin:-35px 0 0}
.tech1 .tech1-list ul:nth-of-type(odd) li:first-of-type:before{right:auto;left:-5px;transform:rotate(180deg)}
.tech1 .tech1-list ul:nth-of-type(odd) li:first-of-type{float:right}
.tech1 .tech1-list ul li:nth-of-type(2){padding:0 0 0 55px}
.tech1 .tech1-list ul:nth-of-type(odd) li:nth-of-type(2){padding:0 90px 0 0}
.tech1 .tech1-list ul li h1{font-family:wigrumweb-bold;font-size:30px;line-height:30px;padding:0 0 18px;color:#010101;position:relative;margin:80px 0 20px}
.tech1 .tech1-list ul li h1:before{content:'';display:block;width:50px;height:2px;background-color:#09a9ab;position:absolute;left:0;bottom:0}
@media only screen and (max-width:991px){.tech1{padding:50px 0 0}
.tech1 .tech1-list{width:100%}
.tech1 .tech1-list ul:nth-of-type(odd) li:first-of-type{float:none}
.tech1 .tech1-list ul li:first-of-type:before{display:none}
.tech1 .tech1-list ul li{width:100%}
.tech1 .tech1-list ul li:nth-of-type(2){padding:0 0 50px}
.tech1 .tech1-list ul:nth-of-type(odd) li:nth-of-type(2){padding:0 0 50px}
.tech1 .tech1-list ul li h1{margin:40px 0 20px}
}
@media only screen and (max-width:767px){.tech1{padding:35px 0 0}
.tech1 .tech1-list ul li{font-size:14px;line-height:20px}
.tech1 .tech1-list ul li h1{margin:25px 0 10px;font-size:20px;line-height:20px}
.tech1 .tech1-list ul li:nth-of-type(2){padding:0 0 30px}
.tech1 .tech1-list ul:nth-of-type(odd) li:nth-of-type(2){padding:0 0 30px}
}
@media only screen and (min-width:992px){.tech1 .tech1-list{width:950px}
.tech1 .tech1-list ul li{font-size:14px;line-height:20px}
.tech1 .tech1-list ul li h1{margin:40px 0 20px;font-size:24px;line-height:25px}
}
@media only screen and (min-width:1200px){.tech1 .tech1-list{width:1100px}
.tech1 .tech1-list ul li{font-size:18px;line-height:24px}
.tech1 .tech1-list ul li h1{margin:40px 0 20px;font-size:30px;line-height:30px}
}
@media only screen and (min-width:1450px){.tech1 .tech1-list{width:1200px}
.tech1 .tech1-list ul li h1{margin:80px 0 20px}
}
.tech2{width:100%;overflow:hidden;padding:0 0 60px;background:#fbfbfb url(../images/techBg.jpg) no-repeat bottom center}
.tech2 h1{width:335px;line-height:50px;font-family:wigrumweb-light;margin:45px auto 35px;color:#333;text-align:center;font-size:36px;position:relative}
.tech2 h1 strong{font-family:wigrumweb-bold}
.tech2 h1:before{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;left:-28px;top:24px}
.tech2 h1:after{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;right:-28px;top:24px}
.tech2 .tech2-left{width:630px;height:665px;overflow:hidden;float:left;background:url(../images/factory5Bg.jpg) no-repeat center;padding:60px 60px 0;text-align:center}
.tech2 .tech2-left .left-img{width:100%;overflow:hidden}
.tech2 .tech2-left img{width:100%;display:block;height:480px;-o-object-fit:contain;object-fit:contain}
.tech2 .tech2-left span{display:inline-block;min-width:160px;height:30px;line-height:30px;font-size:14px;color:#000;border-radius:15px;overflow:hidden;font-family:wigrumweb-bold;background-color:#dedede;margin:20px 0 0}
.tech2 .tech2-right{width:calc(100% - 630px);width:-moz-calc(100% - 630px);width:-webkit-calc(100% - 630px);height:665px;overflow:hidden;float:right;background-color:#f3f8fc;padding:60px 60px 0 70px}
.tech2 .tech2-right h5{width:550px;max-width:100%;font-size:14px;color:#333;line-height:24px}
.tech2 .tech2-right .tech2-list{width:100%;height:410px;overflow:hidden;margin:30px 0 0}
.tech2 .tech2-right .tech2-list ul{width:595px;max-width:90%;overflow:hidden}
.tech2 .tech2-right .tech2-list ul li{width:calc(33.33% - 12px);width:-moz-calc(33.33% - 12px);width:-webkit-calc(33.33% - 12px);height:125px;overflow:hidden;padding:10px 25px;background-color:#fff;border:2px solid #fff;float:left;cursor:pointer}
.tech2 .tech2-right .tech2-list ul li:nth-of-type(3n+1),.tech2 .tech2-right .tech2-list ul li:nth-of-type(3n+2){margin:0 18px 18px 0}
.tech2 .tech2-right .tech2-list ul li:nth-of-type(3n){margin:0 0 18px}
.tech2 .tech2-right .tech2-list ul li img{width:100%;display:block;height:101px;-o-object-fit:contain;object-fit:contain;transition:all .5s}
.tech2 .tech2-right .tech2-list ul li.active{border-color:#09a9ab}
.tech2 .tech2-right .tech2-list ul li:hover{border-color:#09a9ab;background-color:#09a9ab}
.zUIpanelScrollBox{width:1px;height:100%;top:0;right:4px;background-color:#09a9ab;border:none;position:absolute!important;overflow:hidden}
.zUIpanelScrollBar{display:block!important;position:absolute!important;width:9px;height:85px;top:0;right:0!important;left:auto!important;z-index:110;background-color:#09a9ab}
@media only screen and (max-width:1199px){.tech2 .tech2-left{width:65%;float:none;margin:0 auto}
.tech2 .tech2-right{width:65%;height:auto;float:none;margin:0 auto;padding:40px}
.tech2 .tech2-right .tech2-pc{display:none}
.tech2 .tech2-right .tech2-swiper{width:100%}
.tech2 .tech2-right .tech2-swiper .swiper-container{padding:0 0 30px}
.tech2 .tech2-right .tech2-swiper a{display:block;width:100%;height:125px;overflow:hidden;padding:10px;background-color:#fff;border:2px solid #fff}
.tech2 .tech2-right .tech2-swiper a.active{border-color:#09a9ab}
.tech2 .tech2-right .tech2-swiper a img{width:100%;display:block;height:101px;-o-object-fit:contain;object-fit:contain;transition:all .5s}
.tech2-swiper .swiper-container-horizontal>.swiper-scrollbar{width:99%}
.tech2-swiper .swiper-scrollbar-drag{background-color:#09a9ab}
}
@media only screen and (max-width:991px){.tech2 .tech2-left{width:100%;float:none;background-size:100%}
.tech2 .tech2-right{width:100%;float:none}
}
@media only screen and (max-width:767px){.tech2{padding:0 0 40px}
.tech2 .foundry-title{width:250px;margin:35px auto 30px;font-size:28px;line-height:35px}
.tech2 h1:after,.tech2 h1:before{height:1px;top:17px}
.tech2 .tech2-left{height:370px;padding:30px 30px 0;background-size:100% 100%}
.tech2 .tech2-left img{height:260px}
.tech2 .tech2-left span{margin:10px 0 0}
.tech2 .tech2-right{height:auto;padding:30px 20px}
}
@media only screen and (min-width:1200px){.tech2 .tech2-left{width:535px;float:left}
.tech2 .tech2-right{width:calc(100% - 535px);width:-moz-calc(100% - 535px);width:-webkit-calc(100% - 535px);float:left}
.tech2 .tech2-right .tech2-sm{display:none}
.tech2 .tech2-right .tech2-list ul li{padding:10px}
}
@media only screen and (min-width:1450px){.tech2 .tech2-left{width:630px}
.tech2 .tech2-right{width:calc(100% - 630px);width:-moz-calc(100% - 630px);width:-webkit-calc(100% - 630px)}
.tech2 .tech2-right .tech2-list ul li{padding:10px 25px}
}
.service1{width:100%;overflow:hidden;padding:50px 0 0}
.service1 li{width:420px;height:430px;border:1px solid #e2e2e2;float:left;color:#666; font-size:16px;line-height:24px;border-radius:0 0 90px 0;padding:89px 59px 0 29px;position:relative;transition:background-image .5s;cursor:pointer}
.service1 li:last-of-type{font-size:14px;line-height:22px}
.service1 li:nth-of-type(3n+1),.service1 li:nth-of-type(3n+2){margin:55px 70px 55px 0}
.service1 li:nth-of-type(3n){margin:55px 0}
.service1 li h2{font-family:wigrumweb-bold;font-size:30px;height:48px;color:#333;position:relative;margin:0 0 20px}
.service1 li h2:after{content:'';display:block;width:60px;height:4px;background-color:#d2d2d2;margin:10px 0 0 1px;transition:all .5s}
.service1 li .service1-icon{width:125px;height:125px;border-radius:50%;overflow:hidden;background-color:#f1f1f1;position:absolute;left:21px;top:-63px}
.service1 li .service1-icon img{position:absolute;left:50%;top:50%;margin:-36px 0 0 -36px}
.service1 li:hover{color:#fff;padding:90px 60px 0 30px;border:none;background-image:linear-gradient(-60deg,#09c,#009794);background-image:-ms-linear-gradient(-60deg,#09c,#009794);background-image:-moz-linear-gradient(-60deg,#09c,#009794);background-image:-webkit-linear-gradient(-60deg,#09c,#009794)}
.service1 li:hover .service1-icon{top:-62px;left:22px}
.service1 li:hover h2{color:#fff}
.service1 li:hover h2:after{background-color:#fff}
@media only screen and (max-width:991px){.service1 li{margin:55px auto 90px!important;float:none}
}
@media only screen and (max-width:767px){.service1 li{width:100%;height:auto;font-size:14px;line-height:20px;padding:54px 25px 40px 24px;margin:35px auto 60px!important;border-radius:0 0 60px 0}
.service1 li:last-of-type{font-size:12px;line-height:18px;margin:35px auto 30px!important}
.service1 li:hover{padding:55px 25px 40px}
.service1 li .service1-icon{width:90px;height:90px;left:21px;top:-45px}
.service1 li .service1-icon img{width:50px;margin:-25px 0 0 -25px}
.service1 li h2{font-size:24px;height:40px;margin:0 0 15px}
}
@media only screen and (min-width:992px){.service1 li:nth-of-type(odd){margin:55px 70px 55px 28px}
.service1 li:nth-of-type(2n){margin:55px 0}
}
@media only screen and (min-width:1200px){.service1 li{width:356px;height:400px;line-height:20px;padding:79px 30px 0 29px}
.service1 li h2{font-size:24px;height:40px;margin:0 0 20px}
.service1 li:hover{padding:80px 31px 0 30px}
.service1 li:nth-of-type(3n+1),.service1 li:nth-of-type(3n+2){margin:55px 40px 40px 0}
.service1 li:nth-of-type(3n){margin:55px 0 40px}
}
@media only screen and (min-width:1450px){.service1 li{width:420px;height:430px;line-height:24px;padding:89px 59px 0 29px}
.service1 li h2{font-size:30px;height:48px;margin:0 0 20px}
.service1 li:hover{padding:90px 60px 0 30px}
.service1 li:nth-of-type(3n+1),.service1 li:nth-of-type(3n+2){margin:55px 70px 55px 0}
.service1 li:nth-of-type(3n){margin:55px 0}
}
.service2{width:100%;overflow:hidden;color:#666;font-size:18px;line-height:32px}
.service2 h2{font-family:wigrumweb-bold;text-align:center;font-size:30px;color:#009794}
.service2 h4{font-size:18px;font-family:wigrumweb-bold;text-align:center;color:#009794;margin:10px 0 20px}
.service2 p{width:490px;height:32px;margin:0 auto;position:relative;padding:0 0 0 27px}
.service2 p:before{content:'1';display:block;width:20px;height:20px;font-size:16px;border-radius:50%;border:1px solid #666;text-align:center;line-height:17px;position:absolute;left:0;top:7px}
.service2 p:nth-of-type(2):before{content:'2'}
.service2 p:nth-of-type(3):before{content:'3'}
.service2 p:nth-of-type(4):before{content:'4'}
.service2 p:nth-of-type(5):before{content:'5'}
@media only screen and (max-width:767px){.service2{font-size:14px;line-height:25px}
.service2 h2{font-size:24px}
.service2 h4{font-size:14px;margin:5px 0 10px}
.service2 p{width:100%;height:auto;line-height:20px;padding:0 0 0 25px;margin:0 0 10px}
.service2 p:before{width:18px;height:18px;font-size:12px;line-height:16px;top:1px}
}
.service3{width:100%;overflow:hidden}
.service3 h3{font-size:26px;color:#333;font-family:wigrumweb-bold;text-align:center;margin:55px 0 15px}
.service3 ul{width:100%;overflow:hidden}
.service3 ul li{width:350px;height:115px;overflow:hidden;float:left;background-image:url(../images/service2-1.png);background-repeat:no-repeat;background-position:center;color:#666;font-size:18px;line-height:20px;padding:30px 0 0 35px;margin:0 0 0 -20px}
.service3 ul li:last-of-type{width:330px;background-image:url(../images/service2-2.png)}
.service3 ul li strong{display:block;width:35px;height:35px;border-radius:50%;background-color:#009794;overflow:hidden;line-height:35px;color:#fff;text-align:center;font-family:wigrumweb-bold;float:left;margin:3px 17px 3px 0}
.service3 ul li:first-of-type{margin:0 0 0 40px}
.service3 ul li:first-of-type span{line-height:38px}
@media only screen and (max-width:1199px){.service3 ul{width:700px;overflow:hidden;margin:0 auto}
.service3 ul li:nth-of-type(odd){margin:0}
}
@media only screen and (max-width:767px){.service3 h3{font-size:24px;margin:30px 0 15px}
.service3 ul{width:350px}
.service3 ul li{width:100%;margin:0!important;background-position:left center!important}
}
@media only screen and (min-width:1200px){.service3 ul li{margin:0 0 0 -77px}
.service3 ul li:first-of-type{margin:0}
}
@media only screen and (min-width:1450px){.service3 ul li{margin:0 0 0 -20px}
.service3 ul li:first-of-type{margin:0 0 0 40px}
}
.service4{width:100%;overflow:hidden;margin:0 0 55px}
.service4 h3{font-size:26px;color:#333;font-family:wigrumweb-bold;text-align:center;margin:10px 0 20px}
.service4 p{width:870px;line-height:32px;margin:0 auto;position:relative;padding:0 0 0 27px;color:#666;font-size:18px}
.service4 p:before{content:'1';display:block;width:20px;height:20px;font-size:16px;border-radius:50%;border:1px solid #666;text-align:center;line-height:17px;position:absolute;left:0;top:7px}
.service4 p:nth-of-type(2):before{content:'2'}
.service4 p:nth-of-type(3):before{content:'3'}
@media only screen and (max-width:991px){.service4 p{width:100%}
}
@media only screen and (max-width:767px){.service4{margin:0 0 30px}
.service4 h3{font-size:24px;margin:5px 0 15px}
.service4 p{line-height:20px;padding:0 0 0 25px;font-size:14px;margin:0 0 10px}
.service4 p:before{width:18px;height:18px;font-size:12px;line-height:16px;top:1px}
}
.download-content{width:100%;overflow:hidden;padding:55px 0 50px}
.download-content .download-menu{width:360px;overflow:hidden;margin:0 auto 20px}
.download-content .download-menu li{width:150px;height:40px;border-radius:20px;overflow:hidden;background-color:#dcdcdc;line-height:40px;font-size:24px;text-align:center;float:left;margin:0 15px;cursor:pointer}
.download-content .download-menu li:hover{color:#09a9ab}
.download-content .download-menu li.active{background-color:#09a9ab;color:#fff}
.download-content .download-list{width:1050px;max-width:100%;overflow:hidden;margin:0 0 0 80px}
.download-content .download-list ul{width:100%;overflow:hidden;display:none}
.download-content .download-list ul.active{display:block}
.download-content .download-list ul li{width:100%;overflow:hidden;padding:35px 0 28px;border-bottom:1px solid #e1e1e1}
.download-content .download-list ul li .download-img{width:35px;border:1px solid #d2d2d2;overflow:hidden;float:left}
.download-content .download-list ul li .download-img img{width:100%}
.download-content .download-list ul li .download-txt{width:calc(100% - 90px);width:-moz-calc(100% - 90px);width:-webkit-calc(100% - 90px);overflow:hidden;float:right}
.download-txt h2{font-size:30px;font-family:wigrumweb-bold;color:#333}
.download-txt h5{font-size:16px;color:#666;margin:5px 0 10px}
.download-txt p{width:100%;line-height:22px;height:44px;font-size:16px;color:#999;overflow:hidden}
.download-txt button{width:210px;height:35px;border:none;font-size:18px;color:#fff;text-align:left;padding:0 18px;background:#2bafb1 url(../images/download-icon.png) no-repeat 91% 50%;margin:15px 0 0;transition:all .5s}
.download-content .download-list ul li:hover .download-txt h2{color:#2bafb1}
.download-txt button:hover{padding:0 23px;background:#2bafb1 url(../images/download-icon.png) no-repeat 87% 50%}
@media only screen and (max-width:991px){.download-content .download-list{margin:0}
}
@media only screen and (max-width:767px){.download-content{padding:35px 0 30px}
.download-content .download-menu{width:100%;text-align:center}
.download-content .download-menu li{display:inline-block;width:110px;height:30px;line-height:30px;font-size:16px;margin:0 6px;float:none}
.download-content .download-list ul li{padding:20px 0}
.download-content .download-list ul li .download-txt{width:calc(100% - 50px);width:-moz-calc(100% - 50px);width:-webkit-calc(100% - 50px)}
.download-txt h2{font-size:20px}
.download-txt h5{font-size:14px}
.download-txt p{line-height:18px;height:36px;font-size:14px}
.download-txt button{width:140px;font-size:14px;padding:0 13px;margin:15px 0 0}
.download-txt button{background-size:15px}
}
@media only screen and (min-width:992px){.download-content .download-list{margin:0}
}
@media only screen and (min-width:1200px){.download-content .download-list{margin:0 0 0 80px}
}
.download-mask{width:100%;height:100%;background-color:rgba(0,0,0,.5);overflow:hidden;position:fixed;left:0;top:0;z-index:10000;display:none}
.download-mask .mask-content{width:700px;padding:40px 50px;overflow:hidden;border-radius:10px;background-color:#fff;position:relative;margin:200px auto}
.download-mask .mask-content span{display:block;width:30px;height:30px;overflow:hidden;position:absolute;top:10px;right:10px;cursor:pointer}
.download-mask .mask-content span:before{content:'';width:30px;height:4px;border-radius:2px;background-color:#2bafb1;overflow:hidden;position:absolute;left:50%;top:50%;margin:-2px 0 0 -15px;transform:rotate(45deg)}
.download-mask .mask-content span:after{content:'';width:30px;height:4px;border-radius:2px;background-color:#2bafb1;overflow:hidden;position:absolute;left:50%;top:50%;margin:-2px 0 0 -15px;transform:rotate(-45deg)}
.download-mask .mask-content h3{font-size:20px;color:#2bafb1;margin:0 0 20px}
.download-mask .mask-content input{display:block;width:100%;height:50px;line-height:44px;border-radius:5px;font-size:16px;padding:0 20px;border:2px solid #2bafb1}
.download-mask .mask-content button{display:block;width:150px;height:45px;border-radius:5px;font-size:18px;overflow:hidden;border:none;background-color:#2bafb1;color:#fff;margin:30px auto 0}
@media only screen and (max-width:767px){.download-mask .mask-content{width:90%;padding:40px 30px;margin:150px auto}
}
.carrer1{width:100%;height:335px;overflow:hidden;margin:55px 0 60px}
.carrer1 .carrer1-txt{width:650px;height:100%;overflow:hidden;float:left;font-size:16px;line-height:24px;color:#666;margin:0 0 0 50px;padding:65px 55px 0 50px}
.carrer1 .carrer1-txt h1{font-size:32px;color:#000;position:relative;margin:0 0 20px}
.carrer1 .carrer1-txt h1 strong{font-family:wigrumweb-bold}
.carrer1 .carrer1-txt h1:after{content:'';display:block;width:50px;height:2px;background-color:#09a9ab;margin:12px 0 0}
.carrer1 .carrer1-swiper{width:580px;overflow:hidden;float:right;margin:0 50px 0 0}
.carrer1 .carrer1-swiper img{width:100%}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:35px;height:60px;margin-top:-30px;background-position:center!important;background-repeat:no-repeat!important;display:none}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background:rgba(0,0,0,.52) url(../images/crr.png);right:0}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background:rgba(0,0,0,.52) url(../images/crl.png);left:0}
.carrer1 .carrer1-swiper:hover .swiper-button-next,.carrer1 .carrer1-swiper:hover .swiper-button-prev{display:block}
@media only screen and (max-width:991px){.carrer1{height:auto}
.carrer1 .carrer1-txt{width:100%;margin:0;padding:0 0 40px}
.carrer1 .carrer1-swiper{width:100%;float:none;margin:0}
}
@media only screen and (max-width:767px){.carrer1{margin:35px 0 30px}
.carrer1 .carrer1-txt{font-size:14px;line-height:20px;padding:0 0 25px}
.carrer1 .carrer1-txt h1{font-size:24px;margin:0 0 10px}
}
@media only screen and (min-width:992px){.carrer1{height:278px}
.carrer1 .carrer1-txt{width:490px;margin:0;padding:30px 30px 0 0}
.carrer1 .carrer1-swiper{width:480px;margin:0}
}
@media only screen and (min-width:1200px){.carrer1{height:335px}
.carrer1 .carrer1-txt{width:490px;margin:0 0 0 25px;padding:45px 35px 0 0}
.carrer1 .carrer1-swiper{width:580px;margin:0 50px 0 0}
}
@media only screen and (min-width:1450px){.carrer1 .carrer1-txt{width:650px;margin:0 0 0 50px;padding:65px 55px 0 50px}
}
.carrer2{width:100%;overflow:hidden}
.carrer2 .carrer2-list{width:1300px;height:280px;overflow-y:hidden;margin:0 auto}
.carrer2 ul{width:1300px;height:250px;overflow:hidden;border:1px solid #c7c7c7;border-right:none}
.carrer2 ul li{width:18.75%;height:100%;padding:64px 0 0;border-right:1px solid #c7c7c7;overflow:hidden;float:left;text-align:center;cursor:pointer;transition:all .5s}
.carrer2 ul li.active{width:25%;color:#fff;padding:24px 30px 0;background-image:linear-gradient(135deg,#49bcbd,#09c 57%,#0098b5)}
.carrer2 ul li .carrer2-img{width:64px;height:64px;overflow:hidden;margin:0 auto 14px;position:relative}
.carrer2 ul li .carrer2-img img{position:absolute;left:50%;top:50%;margin:-32px 0 0 -32px;transition:all .5s}
.carrer2 ul li .carrer2-img img:nth-of-type(2){display:none}
.carrer2 ul li.active .carrer2-img img:first-of-type{display:none}
.carrer2 ul li.active .carrer2-img img:nth-of-type(2){display:block}
.carrer2 ul li h4{font-size:16px;color:#333;font-family:wigrumweb-bold;margin:0 0 15px}
.carrer2 ul li.active h4{color:#fff}
.carrer2 ul li p{width:100%;line-height:20px;font-size:14px;color:#fff;overflow:hidden;display:none}
.carrer2 ul li.active p{display:block}
@media only screen and (max-width:991px){.carrer2 .carrer2-list{width:668px}
}
@media only screen and (max-width:767px){.carrer2 .carrer2-list{width:335px;height:auto}
.carrer2 .carrer2-list ul{width:100%;height:auto;overflow:hidden}
.carrer2 .carrer2-list ul li{width:100%;height:280px;padding:40px 30px 0;border-bottom:1px solid #c7c7c7}
.carrer2 .carrer2-list ul li:last-of-type{border-bottom:none}
.carrer2 ul li p{display:block;color:#333}
.carrer2 ul li.active p{color:#fff}
}
@media only screen and (min-width:992px){.carrer2 .carrer2-list{width:970px}
.carrer2 ul li h4{font-size:14px;margin:0 0 10px}
.carrer2 ul li p{line-height:16px;font-size:12px}
}
@media only screen and (min-width:1200px){.carrer2 .carrer2-list{width:1100px}
.carrer2 ul li h4{font-size:16px;margin:0 0 15px}
.carrer2 ul li p{line-height:18px;font-size:14px}
}
@media only screen and (min-width:1450px){.carrer2 .carrer2-list{width:1300px}
.carrer2 ul li p{line-height:20px}
}
.carrer3{width:100%;overflow:hidden}
.carrer3 .carrer3-list{width:1300px;overflow:hidden;margin:55px auto 65px}
.carrer3-list .carrer3-title{width:100%;height:60px;line-height:60px;overflow:hidden;color:#fff;font-size:16px;font-family:wigrumweb-bold;background-color:#09a9ab}
.carrer3-list .carrer3-title strong{display:block;width:20%;overflow:hidden;text-align:center;float:left}
.carrer3-list .carrer3-title strong{display:block;width:20%;overflow:hidden;text-align:center;float:left}
.carrer3-list .carrer3-title strong:first-of-type,.carrer3-list .carrer3-title strong:nth-of-type(2){width:25%}
.carrer3-list .carrer3-title strong:nth-of-type(4),.carrer3-list .carrer3-title strong:nth-of-type(5){width:17%}
.carrer3-list .carrer3-title strong:nth-of-type(3){width:16%}
.carrer3-list .carrer3-content{width:100%;overflow:hidden}
.carrer3-list .carrer3-content .carrer3-box{width:100%;overflow:hidden}
.carrer3-list .carrer3-content .carrer3-box ul{width:100%;line-height:54px;overflow:hidden;border-bottom:1px solid #dedede;cursor:pointer}
.carrer3-list .carrer3-content .carrer3-box ul li{overflow:hidden;text-align:center;float:left;font-size:16px;color:#666}
.carrer3-box ul li:first-of-type,.carrer3-box ul li:nth-of-type(2){width:25%}
.carrer3-box ul li:nth-of-type(4),.carrer3-box ul li:nth-of-type(5){width:17%}
.carrer3-box ul li:nth-of-type(3){width:16%}
.carrer3-content .carrer3-box .list-content{width:100%;overflow:hidden;background-color:#f6f6f6;padding:40px 95px;color:#333;font-size:16px;line-height:30px;display:none}
.carrer3-box .list-content h4{font-size:16px;color:#333;font-family:wigrumweb-bold;margin:0 0 25px}
.carrer3-list .carrer3-content .carrer3-box.active .list-content{display:block}
@media only screen and (max-width:991px){.carrer3{display:none}
}
@media only screen and (min-width:992px){.carrer3 .carrer3-list{width:970px}
}
@media only screen and (min-width:1200px){.carrer3 .carrer3-list{width:1100px}
}
@media only screen and (min-width:1450px){.carrer3 .carrer3-list{width:1300px}
}
.carrer4{width:100%;overflow:hidden;margin:30px 0 50px}
.carrer4 .carrer4-list{width:100%;overflow:hidden}
.carrer4 .carrer4-list .carrer4-box{width:100%;overflow:hidden;font-size:18px;line-height:25px;padding:20px 0;border-bottom:1px solid #dedede}
.carrer4-box h4{font-size:18px;line-height:25px}
.carrer4-box h4:nth-of-type(6){margin:10px 0 5px}
.carrer4-box h4 strong{margin:0 10px 0 0}
@media only screen and (max-width:767px){.carrer4{margin:20px 0 40px}
.carrer4-box h4{font-size:14px;line-height:20px}
.carrer4-box h4:nth-of-type(6){margin:5px 0 3px}
.carrer4 .carrer4-list .carrer4-box{font-size:14px;line-height:20px}
}
@media only screen and (min-width:992px){.carrer4{display:none}
}
.banner .banner-txt{margin:-130px 0 0 -700px}
.banner-txt h2{font-size:40px;color:#fff;font-family:wigrumweb-bold;text-shadow:0 4px 4.6px rgba(0,0,0,.21)}
.contact-map{width:100%;height:455px;overflow:hidden}
.contact1{width:100%;overflow:hidden}
.contact1 h1{width:260px;line-height:50px;font-family:wigrumweb-light;margin:55px auto 50px;color:#333;text-align:center;font-size:42px;position:relative}
.contact1 h1 strong{font-family:wigrumweb-bold}
.contact1 h1:before{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;left:-28px;top:24px}
.contact1 h1:after{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;right:-28px;top:24px}
.contact1 ul{width:100%;overflow:hidden;margin:0 0 58px}
.contact1 ul li{width:440px;overflow:hidden;float:left}
.contact1 ul li:nth-of-type(2){margin:0 40px}
.contact1 ul li h2{font-size:30px;font-family:wigrumweb-bold;color:#333;margin:0 0 10px 4px}
.contact1 ul li .contact-box{width:100%;height:240px;overflow:hidden;background:url(../images/contact1-1.jpg) no-repeat center;background-size:100% 100%!important;font-size:18px;color:#666;padding:25px}
.contact1 ul li:nth-of-type(2) .contact-box{background:url(../images/contact1-2.jpg) no-repeat center}
.contact1 ul li:nth-of-type(3) .contact-box{background:url(../images/contact1-3.jpg) no-repeat center}
.contact1 ul li .contact-box p{width:100%;line-height:32px;padding:0 0 0 35px;overflow:hidden}
.contact1 ul li .contact-box p:first-of-type{background:url(../images/ct1-1.png) no-repeat 0 3px}
.contact1 ul li:nth-of-type(3) .contact-box p:first-of-type{background:url(../images/ct1-5.png) no-repeat 0 3px}
.contact1 ul li .contact-box p:nth-of-type(2){background:url(../images/ct1-2.png) no-repeat 0 3px}
.contact1 ul li .contact-box p:nth-of-type(3){background:url(../images/ct1-3.png) no-repeat 0 3px}
.contact1 ul li .contact-box p:nth-of-type(4){background:url(../images/ct1-4.png) no-repeat 0 3px}
.contact1 ul li .contact-box p:first-of-type{margin:0 0 10px}
.contact1 ul li .contact-box p span{display:block;min-width:35px;float:left;margin:0 5px 0 0}
.contact1 ul li .contact-box p em{display:block;width:calc(100% - 45px);width:-moz-calc(100% - 45px);width:-webkit-calc(100% - 45px);float:left}
.contact1 ul li .contact-box p:first-of-type em{line-height:24px;margin:4px 0 0}
.contact1 ul li:nth-of-type(3) .contact-box p:first-of-type em{width:calc(100% - 70px);width:-moz-calc(100% - 70px);width:-webkit-calc(100% - 70px)}
.contact1 ul li .contact-box p:last-of-type em{width:calc(100% - 62px);width:-moz-calc(100% - 62px);width:-webkit-calc(100% - 62px)}
@media only screen and (max-width:991px){.banner img{margin:0 0 0 -380px}
.banner .banner-txt{margin:-100px 0 0 -334px}
.banner-txt h2{font-size:32px}
.contact1 ul li{margin:0 auto;float:none}
.contact1 ul li:nth-of-type(2){margin:40px auto}
}
@media only screen and (max-width:767px){.banner .banner-txt{margin:-80px 0 0 -167px}
.banner-txt h2{font-size:18px}
.contact-map{height:400px}
.contact1 h1{width:170px;line-height:35px;margin:35px auto 25px;font-size:28px}
.contact1 h1:after,.contact1 h1:before{height:1px;top:17px}
.contact1 ul{margin:0 0 38px}
.contact1 ul li{width:100%}
.contact1 ul li:nth-of-type(2){margin:25px auto}
.contact1 ul li h2{font-size:24px;margin:0 0 10px 4px}
.contact1 ul li .contact-box{height:210px;font-size:14px;padding:20px 25px}
.contact1 ul li .contact-box p{width:100%;line-height:25px;padding:0 0 0 25px;overflow:hidden;background-size:18px!important}
.contact1 ul li .contact-box p:first-of-type em{line-height:20px;margin:4px 0 0}
}
@media only screen and (min-width:992px){.banner .banner-txt{margin:-50px 0 0 -485px}
.contact1 ul li{margin:0 0 30px}
.contact1 ul li:nth-of-type(2){margin:0 0 30px 50px}
}
@media only screen and (min-width:1200px){.contact1 ul li{width:366px;margin:0}
.contact1 ul li:nth-of-type(2){margin:0 25px}
.banner .banner-txt{margin:-130px 0 0 -575px}
}
@media only screen and (min-width:1450px){.contact1 ul li{width:440px}
.contact1 ul li:nth-of-type(2){margin:0 40px}
.banner .banner-txt{margin:-130px 0 0 -700px}
}
.contact2{width:100%;overflow:hidden;padding:40px 0 50px;background-color:#f6f6f6}
.contact2 .contact2-title{width:100%;overflow:hidden;text-align:center;font-size:16px;color:#7a7a7a;margin:0 0 40px}
.contact2-title h1{width:240px;line-height:50px;font-family:wigrumweb-bold;margin:0 auto;color:#000;text-align:center;font-size:42px;position:relative}
.contact2-title h1:before{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;left:-28px;top:24px}
.contact2-title h1:after{content:'';display:block;width:28px;height:2px;background-color:#09a9ab;position:absolute;right:-28px;top:24px}
.contact2 .contact2-form{width:1055px;max-width:100%;overflow:hidden;margin:0 auto}
.contact2 .contact2-form .from-input{width:100%;overflow:hidden}
.from-input li{width:calc(50% - 18px);width:-moz-calc(50% - 18px);width:-webkit-calc(50% - 18px);height:50px;overflow:hidden;background-color:#fff;border-radius:4px;float:left}
.from-input li:nth-of-type(odd){margin:0 36px 30px 0}
.from-input li:nth-of-type(2n){margin:0 0 30px}
.from-input li span{display:block;width:100px;height:50px;line-height:50px;text-align:right;overflow:hidden;float:left;color:#949494;font-size:14px;text-align:left; padding-left:10px;}
.from-input li input{display:block;float:left;width:calc(100% - 100px);width:-moz-calc(100% - 100px);width:-webkit-calc(100% - 100px);height:50px;overflow:hidden;float:left;border:none;font-size:16px;padding:0 10px}
.contact2 .contact2-form .from-textarea{width:100%;overflow:hidden;background-color:#fff;border-radius:4px}
.from-textarea span{display:block;width:110px;height:50px;line-height:50px;text-align:right;overflow:hidden;float:left;color:#949494;font-size:14px}
.from-textarea textarea{display:block;float:left;width:calc(100% - 110px);width:-moz-calc(100% - 110px);width:-webkit-calc(100% - 110px);line-height:50px;height:250px;overflow:hidden;float:left;border:none;font-size:16px;padding:0 10px}
.contact2 .contact2-form button{display:block;width:405px;height:50px;border-radius:25px;overflow:hidden;border:none;background-color:#009794;font-family:wigrumweb-bold;color:#fff;font-size:18px;margin:30px auto 0}
.contact2 .contact2-form button:hover{background-image:linear-gradient(#0098b5,#45babb)}
@media only screen and (max-width:767px){.contact2{padding:40px 0}
.contact2 .contact2-title{font-size:14px;margin:0 0 25px}
.contact2-title h1{width:160px;line-height:35px;font-size:28px;margin:0 auto 10px}
.contact2-title h1:after,.contact2-title h1:before{height:1px;top:17px}
.from-input li:nth-of-type(odd){margin:0 0 20px}
.from-input li:nth-of-type(2n){margin:0 0 20px}
.from-input li{width:100%;height:45px;float:none}
.from-input li span{width:auto;height:45px;line-height:45px;font-size:16px;padding:0 0 0 15px}
.from-textarea span{width:auto;padding:0 0 0 15px}
.from-input li input{height:45px}
.contact2 .contact2-form button{width:60%;height:44px;border-radius:22px;font-size:18px;margin:20px auto 0}
}
.news-content{width:100%;overflow:hidden;padding:65px 0 30px}
.news-content .news-left{width:960px;overflow:hidden;float:left}
.news-content .news-right{width:390px;overflow:hidden;float:right}
.news-left .news-menu{width:100%;overflow:hidden;margin:0 0 55px}
.news-left .news-menu a{display:block;width:130px;height:35px;line-height:35px;color:#666;overflow:hidden;border-radius:18px;text-align:center;margin:0 30px 0 0;background-color:#dcdcdc;font-size:14px;float:left}
.news-left .news-menu a:hover{font-family:wigrumweb-bold;color:#09a9ab}
.news-left .news-menu a.active{color:#fff;font-family:wigrumweb-bold;background-color:#09a9ab}
.news-left .news-list{width:100%;overflow:hidden}
.news-left .news-list a{display:block;width:100%;overflow:hidden;border-bottom:1px solid #efefef;margin:0 0 35px}
.news-left .news-list a:last-of-type{border:none;margin:0}
.news-left .news-list a img{width:265px;height:210px;float:left;margin:0 40px 35px 0}
.news-left .news-list a .list-txt{width:calc(100% - 305px);width:-moz-calc(100% - 305px);width:-webkit-calc(100% - 305px);height:210px;overflow:hidden;float:left;color:#999;line-height:22px;font-size:16px;position:relative}
.news-list a .list-txt h5{font-size:16px;line-height:22px;color:#666}
.news-list a .list-txt h2{font-size:30px;color:#333;line-height:35px;min-height:40px;max-height:70px;overflow:hidden;margin:15px 0 5px;font-family:wigrumweb-bold}
.news-list a .list-txt p{width:100%;height:44px;overflow:hidden}
.news-list a .list-txt span{display:block;width:120px;height:35px;overflow:hidden;border-radius:18px;padding:1px;text-align:center;background-image:linear-gradient(#0099b4,#46bbbb);position:absolute;left:0;bottom:5px}
.news-list a .list-txt span em{display:block;width:100%;height:100%;line-height:33px;color:#09a9ab;border-radius:17px;background-color:#f3f8fc;overflow:hidden;transition:all .5s}
.news-list a:hover .list-txt h2{color:#09a9ab}
.news-list a .list-txt span:hover em{background-color:transparent;color:#fff;font-family:wigrumweb-bold}
.news-right .right-product{width:100%;overflow:hidden}
.right-product h3{line-height:69px;color:#000;font-size:28px;font-family:wigrumweb-bold;border-bottom:1px solid #efefef;margin:0 0 20px}
.right-product .product-list{width:100%;overflow:hidden}
.product-list a{display:block;width:calc(50% - 5px);width:-moz-calc(50% - 5px);width:-webkit-calc(50% - 5px);overflow:hidden;float:left}
.product-list a:nth-of-type(odd){margin:0 10px 0 0}
.product-list a .product-img{width:100%;overflow:hidden;background-color:#f8f8f8}
.product-list a .product-img img{width:100%;transition:all .5s}
.product-list a h4{width:100%;font-size:14px;line-height:16px;height:32px;overflow:hidden;padding:0 8px;color:#333;margin:10px 0}
.product-list a:hover .product-img img{transform:scale(1.1)}
.product-list a:hover h4{color:#09a9ab;font-weight:700}
.news-right .right-contact{width:100%;overflow:hidden;margin:5px 0 0}
.right-contact h3{line-height:70px;color:#000;font-size:28px;font-family:wigrumweb-bold}
.right-contact .contact-box{width:100%;overflow:hidden;background:url(../images/csBg.jpg) no-repeat center;background-size:100%;padding:30px 30px 20px}
.right-contact .contact-box .contact-txt{width:100%;overflow:hidden;padding:15px 20px;color:#666;font-size:14px;background-color:rgba(255,255,255,.83)}
.contact-txt p{width:100%;overflow:hidden;line-height:20px}
.contact-txt p:first-of-type{margin:0 0 10px}
.contact-txt p span{display:block;width:40px;overflow:hidden;float:left}
.contact-txt p em{width:calc(100% - 40px);width:-moz-calc(100% - 40px);width:-webkit-calc(100% - 40px);overflow:hidden;float:right}
.right-contact .contact-box>a{display:block;width:100%;height:45px;line-height:45px;overflow:hidden;background-color:#009894;text-align:center;color:#fff;font-size:16px;font-family:wigrumweb-bold;margin:15px 0 0;transition:all .5s}
.right-contact .contact-box>a:hover{background-image:linear-gradient(#0099b4,#46bbbb)}
.right-contact .contact-share{width:100%;overflow:hidden;margin:24px 0 0}
.right-contact .contact-share a{display:block;width:40px;height:40px;overflow:hidden;border-radius:50%;position:relative;background-color:#009794;margin:0 15px 0 5px;float:left;transition:all .5s}
.right-contact .contact-share a img{position:absolute;left:50%;top:50%;margin:-12px 0 0 -12px}
.right-contact .contact-share a:hover{background-image:linear-gradient(#0099b4,#46bbbb)}
@media only screen and (max-width:991px){.news-content .news-left{width:100%}
.news-content .news-right{display:none}
}
@media only screen and (max-width:767px){.news-left .news-menu{margin:0 0 15px}
.news-left .news-menu a{margin:0 30px 15px 0}
.news-content{padding:30px 0}
.news-left .news-list a{margin:0 0 25px}
.news-left .news-list a img{width:100%;height:auto;float:none;margin:0 0 20px}
.news-left .news-list a .list-txt{width:100%;height:auto;float:none;line-height:20px;font-size:14px}
.news-list a .list-txt h2{font-size:24px;line-height:25px;max-height:50px;margin:10px 0}
.news-list a .list-txt span{width:120px;height:35px;position:relative;left:auto;bottom:auto;margin:20px 0 25px}
}
@media only screen and (min-width:992px){.news-content .news-left{width:100%}
.news-content .news-right{display:none}
}
@media only screen and (min-width:1200px){.news-content .news-left{width:715px}
.news-content .news-right{display:block}
}
@media only screen and (min-width:1450px){.news-content .news-left{width:960px}
}
.news-details{width:100%;overflow:hidden;background-color:#f9f9f9;padding:125px 0 30px}
.news-details .news-title{width:100%;height:20px;line-height:20px;color:#000;font-weight:700;overflow:hidden;background:url(../images/home.png) no-repeat left center;padding:0 0 0 30px;margin:0 0 75px}
.news-details .news-title p{width:100px;position:relative;z-index:1001}
.news-details .news-title a{color:#000}
.news-details .news-title a:hover{color:#009794;text-decoration:underline!important}
.details-title{width:100%;overflow:hidden;color:#949494;text-align:center}
.details-title h1{font-family:wigrumweb-bold;font-size:30px;color:#333;margin:0 0 20px}
.details-title strong{color:#797979;margin:0 5px 0 0}
.details-title ul{width:100%;overflow:hidden}
.details-title ul li{display:inline-block;margin:0 5px}
.news-details .details-content{width:100%;overflow:hidden;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;padding:30px 0 40px;color:#949494;line-height:25px;font-size:16px;margin:35px 0 20px}
.news-details .details-content img{display:block;max-width:100%;margin:0 auto}
.news-details .details-bottom{width:100%;overflow:hidden;line-height:25px;font-size:16px;color:#999}
.news-details .details-bottom p{width:calc(100% - 110px);width:-moz-calc(100% - 110px);width:-webkit-calc(100% - 110px);overflow:hidden;float:left}
.news-details .details-bottom a{color:#999}
.news-details .details-bottom a:hover{color:#009794;font-weight:700;text-decoration:underline!important}
.news-details .details-bottom button{width:75px;height:30px;float:right;margin:3px 10px 0 0;overflow:hidden;border:none;font-size:14px;color:#fff;border-radius:3px;background-color:#009794}
.news-details .details-bottom button:hover{background-image:linear-gradient(#0099b4,#46bbbb)}
@media only screen and (max-width:991px){.news-details{padding:150px 0 30px}
.news-details .news-title{margin:0 0 30px}
}
@media only screen and (max-width:767px){.news-details{padding:100px 0 30px}
.news-details .news-title{margin:0 0 20px}
.details-title h1{font-size:22px;margin:0 0 10px}
.news-details .details-content{padding:20px 0 30px;margin:15px 0 10px;line-height:20px;font-size:14px}
.news-details .details-bottom{line-height:20px;font-size:14px}
.news-details .details-bottom p{width:100%;line-height:25px;height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:none}
.news-details .details-bottom button{float:none;margin:10px 0 0}
}
/*region 分页*/
.page{overflow: hidden;text-align: center;}
.pagination{display:inline-block;margin:20px 0;padding-left:0;border-radius:4px;}
.pagination>li{display:inline;}
@media (min-width:992px){.pagination>li>a,.pagination>li>span{padding:6px 12px!important;}
}
.pagination>li>a,.pagination>li>span{position:relative;float:left;margin-left:-1px;padding:3px 4px;border:1px solid #ddd;background-color:#fff;color:#009794;text-decoration:none;line-height:1.42857143;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px;}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:3;border-color:#ddd;background-color:#eee;color:#009794;}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;border-color:#009794;background-color:#009794;color:#fff;cursor:default;}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{border-color:#ddd;background-color:#fff;color:#777;cursor:not-allowed;}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333;}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px;}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px;}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px;line-height:1.5;}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px;}
.pager{margin:20px 0;padding-left:0;list-style:none;text-align:center;}
.pager li{display:inline;}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;border:1px solid #ddd;border-radius:15px;background-color:#fff;}
.pager li>a:focus,.pager li>a:hover{background-color:#eee;text-decoration:none;}
.pager .next>a,.pager .next>span{float:right;}
.pager .previous>a,.pager .previous>span{float:left;}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{background-color:#fff;color:#777;cursor:not-allowed;}


.productslist{width:100%; }
.productslist tr a{display:block; width:100%!important;}
.productslist tr td,.productslist tr th{border:solid 1px #ddd; text-align:center;}
.productslist tr th{text-align:center;line-height:35px;font-weight:bold; background:url(../images/demotitlebg.jpg) no-repeat left top;background-size:cover;}
.productslist tr td{padding:5px;}
.productslist tr td img{ max-width:100%;}
 .productslist tr td:first-child {width:100px;}
@media only screen and (max-width:767px) {
    .productslist tr td:first-child {max-width: 80px;}
}
.hidden{display:none;}

.product-right .right-list .html{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.product-right .right-list .html .bigimg{ width:30%; border:solid 1px #ddd;}
.product-right .right-list .html .bigimg img{width:100%;}
.product-right .right-list .html .txt{ width:68%;margin-right:0; margin-left:auto;}
.product-right .right-list .html .txt .context{margin-top:15px; font-size:16px;}

.product-right .right-list .details-txt{display:block;}
.product-right .right-list .details-txt .title{display:block; font-size:16px; margin-top:25px; line-height:40px; background:url(../images/demotitlebg.jpg) repeat-x left top; padding:0px 15px;}
.product-right .right-list .details-txt .productdetail_content{display:block; padding:0px 15px; font-size:14px; line-height:3.2;position: relative;  overflow: hidden;}
.product-right .right-list .details-txt .productdetail_content::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  /* 关键：repeat 渐变 = 自动按行高画线 */
  background: linear-gradient(
    transparent 95%,        /* 行内透明 */
    #eaeaea 98%, #eaeaea 100%     /* 行底线颜色 & 粗细 */
  );
  background-size: 100% 3.2em; /* 必须 = line-height */
  z-index: -1;
}
.product-right .right-list .details-txt .productdetail_content_table table{width:100%;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable thead tr{background-color:#666666; color:#fff;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable thead tr th:first-child{padding-left:15px; line-height:35px;}

.product-right .right-list .details-txt .productdetail_content_table table.porAppTable tr{text-align:left;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable tbody tr:first-child{background:#dce6ec;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable tr td{line-height:35px; font-size:14px;color:#333333; vertical-align:middle}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable tr td:first-child{width:26%;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable tr td:nth-child(2){width:20%;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable tr td:nth-child(3){width:15%;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable tr td:nth-child(4){width:8%;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable tr td:nth-child(5){width:8%;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable tr td:nth-child(6){width:8%;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable tr td:nth-child(7){width:15%;}

.product-right .right-list .details-txt .productdetail_content_table table.porAppTable_list tr{text-align:left;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable_list tbody tr:first-child{background:none;}
.product-right .right-list .details-txt .productdetail_content_table table.porAppTable_list tbody tr td:first-child{ padding-left:7px;}

/* 子内容行默认隐藏 */
.porAppTable tr.tabletree + tr {
    display: none;
}
/* 鼠标手型 */
.tabletree td:first-child {
    cursor: pointer;
    user-select: none;
}

.neirnr{padding:50px 0; font-size:16px; line-height:2;}

.videobody{display:block; padding:50px 0;}
.videobody .videolist{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.videobody .videolist .item{width:calc((100% - 90px)/4);margin-right:30px; margin-left:0; margin-bottom:30px; border:solid 1px #eaeaea;}
.videobody .videolist .item:nth-child(4n){margin-right:0;}
.videobody .videolist .item .img{display:block; position:relative; overflow:hidden;}
.videobody .videolist .item .img img{display:block; width:100%;}
.videobody .videolist .item .img span{position:absolute; width:64px; height:64px; background:url(../images/youtube.svg) no-repeat left top; left:50%; top:50%; transform:translate(-50%,-50%);}
.videobody .videolist .item .txt{display:block; padding:15px 0; text-align:center; background:#f9f9f9;}
.videobody .videolist .item .txt h3{display:block; font-size:16px;color:#666666; line-height:1.5;}
.videobody .videolist .item:hover h3{color:#fff;}
.videobody .videolist .item:hover .txt{background:#009794;}

.contactusinfo .lxfs{display:block; padding:50px 0;}
.contactusinfo .lxfs .item{ overflow: hidden; background: #f0f2f4; padding: 50px; text-align: center; color: #fff;}
.contactusinfo .lxfs .item span{ display: block;}
.contactusinfo .lxfs .item span i{ font-size: 36px; color:#09a9ab;}
.contactusinfo .lxfs .item h4{ font-size: 20px; line-height: 2;color: #666666;}
.contactusinfo .lxfs .item p{ font-size: 20px; line-height: 1.4;color: #666666;}
.contactusinfo .lxfs .item p a{ color: #666666; font-weight:bold;}
.contactusinfo .lxfs .item p a:hover{color:#e50113;}
.maps{ overflow: hidden; height: 470px; padding: 0 50px; background: #666666;}

@media (min-width:992px){
.contactusinfo .lxfs{ display: flex;}
.contactusinfo .lxfs .item{ flex: 1;  margin-right: 30px;}
}
@media (min-width:1px) and (max-width:991px){
.maps{ height: 200px; padding: 0;}
.contactusinfo{ padding: 15px 15px 0 15px;}
.contactusinfo .lxfs .item{ padding: 15px; margin-bottom: 20px;}
.contactusinfo .lxfs .item h4{ font-size: 14px; }
.contactusinfo .lxfs .item p{ font-size: 14px; line-height: 2;}
}
/*图库中心*/
.gallerylist{ overflow: hidden; padding: 0px 0; width:100%; display:flex;flex-wrap:wrap;justify-content:flex-start;}
.gallerylist .ipto{ width: calc((100% - 60px)/4); margin-left:0px; margin-right: 20px; margin-bottom: 20px;}
.gallerylist .ipto .ipti{ overflow: hidden; border: 1px solid #f5f5f5;}
.gallerylist .ipto .ipti img{ width: 100%; transition: all 0.35s ease;}
.gallerylist .ipto .iptz{ overflow: hidden; background: #eaeaea; color: #333333; text-align: center; padding:15px 5px;}
.gallerylist .ipto .iptz h3{ font-size: 16px;}
@media (min-width:992px){
.gallerylist .ipto:nth-child(4n){ margin-right: 0;}
.gallerylist .ipto:nth-child(4n+1){ clear: both;}
.gallerylist .ipto:hover .ipti img{ transform: scale(1.1)}
}
@media (min-width:1px) and (max-width:991px){
    .gallerylist .ipto{width: calc((100% - 20px)/2);}
    .gallerylist .ipto:nth-child(2n){ margin-right: 0;}
    .gallerylist .ipto:nth-child(2n+1){ clear: both;}
}