/* CSS Document */
@charset "utf-8";
*{margin:0; padding:0; font-family: "Helvetica Neue", Helvetica, "PingFang SC", 微软雅黑, Arial, Microsoft YaHei; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: none; }
p { text-align: justify; margin-bottom: 0; }
ul, ol { list-style-type: none; margin-bottom: 0; }
img { border: 0; max-width: 100%; }
.clear { clear: both; }
html { overflow-x: hidden; font-size: 62.5%; }
body { overflow: hidden; height:100%; position: relative; font-size: 1em; }
html.on { overflow: hidden; height: 100%; }
.h60 { height: 64.5px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }

.header{ background:url(../images/header-top.jpg) no-repeat center top #fff; padding-top:20px; height:220px; position:relative; z-index:9999;}
.header .logo{ height:200px; line-height:200px; padding-left:0;}
.header .logo-text{ margin-top:2%; padding:0;}
.header .nav-pc{ padding-right:0; margin-top:16px;}
.header .nav-pc li{ float:left; width:14.28%; position:relative; z-index:1;}
.header .nav-pc li>a{ display:inline-block; font-size:1.8em; color:#999; text-align:center; width:100%; line-height:50px; height:50px; position:relative; z-index:1;}
.header .nav-pc li:hover>a, .header .nav-pc li.on>a{ color:#00acff; background:#fafafa; z-index:2;}
.header .nav-pc li dl{ background:#fafafa; position:absolute; width:110%; left:50%;  transform:translateX(-50%); top:0; display:none; box-shadow: 0 0 3px rgba(0,0,0,.15); padding-top:50px; z-index:0;}
.header .nav-pc li dd a{ font-size:1.6em; line-height:45px; height:45px; display:inline-block; text-align:center; width:100%; color:#666;}
.header .nav-pc li dd:hover>a{ color:#00acff;}


.lang { position: absolute; top:10px; right:10px; font-size: 16px; }
.lang .on { color:#337ab7 }

.header .nav-btn { height: 110px; line-height: 110px; position:relative; z-index:999; float:right;}
.header .nav-btn .nav-icon { width: 26px; height: 24px; overflow: hidden; position: relative; top: 50%; float: right; transform:translateY(-50%); z-index: 9; }
.header .nav-btn .nav-icon span { display: inline-block; width: 26px; height: 2px; background: #00acff; border-radius: 6px; position: absolute; left: 0; transition: all 0.3s linear 0s; }
.header .nav-btn .nav-icon span:nth-child(1) { top: 0; }
.header .nav-btn .nav-icon span:nth-child(2) { width: 16px; top: 10px; }
.header .nav-btn .nav-icon span:nth-child(3) { top: 20px }
.header .nav-active .nav-icon span:nth-child(2) { width: 26px; }
.header .nav-active .nav-icon span { background: #fff; }

.nav { position: fixed; width: 66%; height: 100%; top: 0; right: -66%; background: #fff; transition: all 0.2s linear 0s; z-index:99;}
.nav.on { right: 0; }
.nav .nav-top { background: #00acff; font-size: 1.6em; color: #fff; padding: 0 20px; text-align:left;}
.nav ul{ overflow-x:hidden; height: 91%;}
.nav li { width: 100%; line-height: 50px; border-bottom: 1px solid #ccc; }
.nav li>a { display: inline-block; width: 100%; height: 100%; text-align: center; font-size: 1.6em; color: #333; }
.nav li dl { margin-bottom: 0; display: none; background: #f2f2f2; }
.nav li dd { border-bottom: 1px dashed #ccc; }
.nav li dd:last-child { border-bottom: none; }
.nav li dd a { display: inline-block; width: 100%; line-height: 40px; text-align: center; font-size: 1.4em; color: #333; }
.nav-bg{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.35); left: 0; top: 0; display:none;}
.nav-bg.on{ display:block;}

.banner{ position:relative; z-index:0;}
.banner .swiper-button-next, .banner .swiper-button-prev{ width:40px; height:68px; margin-top:-34px;}
.banner .swiper-button-next{ background:url(../images/banner-next.png) no-repeat center; right:10%;}
.banner .swiper-button-prev{ background:url(../images/banner-prev.png) no-repeat center; left:10%;}

.index-title{ text-align:center;}
.index-title .title{ font-size:2.4em; font-weight:bold; color:#000; position:relative; padding-bottom:10px;}
.index-title .title span{ color:#989898; font-weight:normal;}
.index-title .title i{ position:absolute; display:inline-block; width:200px; height:2px; background:#00acff; bottom:0; left:50%; transform:translateX(-50%); }
.index-title .text{ font-size:1.8em; color:#989898; margin-top:15px;}
.index-title .p{ font-size:1.8em; color:#000; margin-top:10px;}

.iproduct{ padding-top:50px;}
.iproduct .box{ height:550px; position:relative; margin-top:40px;}
.iproduct .box img{ position:absolute; height:100%; max-width:none; left:50%; transform:translateX(-50%);}
.iproduct .box .container{ height:100%; position:relative;}
.iproduct .box .container .btns{ width:160px; height:52px; font-size:2.4em; text-align:center; line-height:52px; border:1px solid #000; color:#000; position:absolute; bottom: 5.4%; right: 15%;}
.iproduct .box .container .btns:hover{ color:#00acff; border:1px solid #00acff;}

.iyy{ padding:50px 0 60px; overflow:hidden;}
.iyy .box{ margin-top:40px;}
.iyy .box .bd li{ position:relative;}
.iyy .box .bd li img{ position:relative; z-index:0;}
.iyy .box .bd li a{ position:absolute; z-index:1; width:176px; height:55px; font-size:2.8em; text-align:center; line-height:55px; border:1px solid #000; color:#000; bottom: 5%; left: 16%;}
.iyy .box .hd li:nth-child(-n+6){ margin-bottom:14.5%;}

.footer{ background:#808080;}
.footer .foot-nav{ overflow:hidden; padding:20px 0;}
.footer .foot-nav li{ float:left; width:14.28%; line-height:30px;}
.footer .foot-nav li a{ display:inline-block; width:100%; font-size:1.8em; color:#d5d5d5; text-align:center;}
.footer .foot-nav li:hover a{ color:#00acff;}
.footer .foot-box{ overflow:hidden;}
.footer .foot-box dl{}
.footer .foot-box dt{ font-size:1.6em; color:#d5d5d5; border-bottom:1px solid #00acff; padding:10px 0; margin-bottom:6px;}
.footer .foot-box dd{ font-size:1.4em; color:#fff; line-height:35px;}
.footer .foot-box a{ font-size:1em; color:#fff;}
.footer .foot-box a:hover{ color:#00acff;}
.footer .foot-link{ padding:0;}
.footer .foot-link dd{ float:left; width: 35%;}
.footer .foot-link dd:nth-child(2n-1){ width:65%;}
.footer .foot-lx{ padding:0;}
.footer .foot-add{ padding:0;}
.footer .foot-copy{ padding-bottom:20px; display: flex;}
.footer .foot-copy p{ font-size:1.4em; color:#fff; padding:0; position:relative;}
.footer .foot-copy p a{ font-size:1em; color:#fff; }
.footer .foot-copy p img{ position:absolute; bottom:-10px;
 left:0;}

.page-banner{ height:300px; position:relative; z-index:0;}
.page-banner .container{ position:relative; height:100%;}
.page-banner .product-nav{ position:absolute; left:0; bottom:0; background:#ddd; width:100%;}
.page-banner .product-nav li{ float:left; width:11%; text-align:center; height:45px; line-height:45px;}
.page-banner .product-nav li a{ color:#6e6e6e; font-size:1.4em; display:inline-block; width:100%;}
.page-banner .product-nav li.on a, .page-banner .product-nav li:hover a{ color:#00acff;}

.about{ overflow:hidden;}
.about-title{ text-align:center; font-size:2.4em; color:#000; padding:15px 0; position:relative;}
.about-title span{ color:#989898;}
.about-title i{ position:absolute; width:300px; height:2px; background:#00acff; bottom:0; left:50%; transform:translateX(-50%);}

.about-box1{ padding:30px 0 40px;}
.about-box1 .title{ text-align:center; font-size:2.4em; color:#1f54a1; margin-top:30px;}
.about-box1 .text{ font-size:1.4em; color:#707070; line-height:30px; text-indent:2em; margin-top:15px;}
.about-box1 .btns{ text-align:center; margin-top:30px;}
.about-box1 .btns a{ display:inline-block; width:128px; height:38px; line-height:38px; border:1px solid #000; font-size:1.8em; color:#000;}
.about-box1 .btns a:hover{ color:#00acff; border:1px solid #00acff;}

.about-box2{ padding:10px 0;}
.about-box2 .box{ margin-top:60px; height:316px;}
.about-box2 .box .btns{ text-align:right;}
.about-box2 .box .btns a{ display:inline-block; width:128px; height:38px; line-height:38px; border:1px solid #000; font-size:1.8em; color:#000; text-align:center; margin-top:200px;}
.about-box2 .box .btns a:hover{ color:#00acff; border:1px solid #00acff;}

.about-box3{ padding:25px 0;}
.about-box3 .about-title i{ width:200px;}
.about-box3 .box{ overflow:hidden; margin-top:30px; background:url(../images/about-lc-bg.png) repeat-y center top; padding-top:20px; padding-bottom:10px;}
.about-box3 .box li{ display:table; width:100%; height:40px; margin-bottom:10px;}
.about-box3 .box li .text{ width:600px; float:left; font-size:1.4em; color:#333; text-align:right; display: table-cell; vertical-align: middle; padding-top:10px; position:relative;}
.about-box3 .box li .text i{ display:inline-block; width:25px; height:25px; position:absolute;     right: -48px; top: 7px;}
.about-box3 .box li:nth-child(2n) .text i{ left:-48px; top:7px;}
.about-box3 .box li .text i.icon1{ background:url(../images/about-lc-icon1.png) no-repeat center;}
.about-box3 .box li .text i.icon2{ background:url(../images/about-lc-icon2.png) no-repeat center;}
.about-box3 .box li .text i.icon3{ background:url(../images/about-lc-icon3.png) no-repeat center;}
.about-box3 .box li .text i.icon4{ background:url(../images/about-lc-icon4.png) no-repeat center;}
.about-box3 .box li .text i.icon5{ background:url(../images/about-lc-icon5.png) no-repeat center;}
.about-box3 .box li .text i.icon6{ background:url(../images/about-lc-icon6.png) no-repeat center;}
.about-box3 .box li .text i.icon7{ background:url(../images/about-lc-icon7.png) no-repeat center;}
.about-box3 .box li .text i.icon8{ background:url(../images/about-lc-icon8.png) no-repeat center;}
.about-box3 .box li:nth-child(2n) .text{ float:right; text-align:left;}
.about-box3 .btns{ text-align:center; margin-top:30px;}
.about-box3 .btns a{ display:inline-block; width:128px; height:38px; line-height:38px; border:1px solid #000; font-size:1.8em; color:#000;}
.about-box3 .btns a:hover{ color:#00acff; border:1px solid #00acff;}

.about-box4{ padding:20px 0 70px;}
.about-box4 .box{ margin-top:40px;}
.about-box4 .box .swiper-slide{ width:23.7%;}
.about-box4 .box .img{ overflow:hidden;}
.about-box4 .box .title{ font-size:1.4em; color:#000; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; line-height:40px; height:40px;}
.about-box4 .btns{ text-align:center; margin-top:30px;}
.about-box4 .btns a{ display:inline-block; width:128px; height:38px; line-height:38px; border:1px solid #000; font-size:1.8em; color:#000;}
.about-box4 .btns a:hover{ color:#00acff; border:1px solid #00acff;}
.about-box4 .box .swiper-slide .img img{ transition: all 0.3s ease-out;}
.about-box4 .box .swiper-slide:hover .img img{ transform: scale(1.1,1.1);}
.about-box4 .box .swiper-slide:hover .title{ color:#00acff;}

.news{ padding:20px 0;}
.news-list{ padding-top:20px;}
.news-list li{ overflow:hidden; border-bottom: 1px dashed #cdcdcd; padding:30px 0;}
.news-list li .img{ padding:0; overflow:hidden;}
.news-list li .img img{ transition: all 0.3s ease-out; width:100%;}
.news-list li:hover .img img{ transform: scale(1.1,1.1);}
.news-list li .text{ padding-right:0;}
.news-list li .text .title{ font-size:1.8em; color:#333; font-weight:bold; text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical; overflow:hidden;  margin:10px 0 6px;}
.news-list li .text .p{ text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical; overflow:hidden; font-size:1.4em; color:#555; line-height:30px; height:60px;}
.news-list li .text .other{ font-size:1.4em; color:#848484; margin-top:20px;}
.news-list li .text .other span{ margin-right:30px;}
.news-list li .text .btns{ text-align:right; margin-top:20px;}
.news-list li .text .btns span{ display:inline-block; width:100px; height:30px; background:#00acff; border-radius:4px; font-size:14px; color:#fff; text-align:center; line-height:30px;}
.news-list li .text .btns span:hover{ background:#02c799;}

.pager-list{ padding-bottom:20px; margin-top:20px; text-align:center;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 3px; margin-bottom:10px;}
.pager-list li>*{ display:inline-block; font-size:1.4em; color:#333 !important;  padding:7px 10px 5px !important; border-radius:0px !important; border:none !important;  background:#fff;}
.pager-list li a:hover{ background:#fff; color:#00acff !important; border:none !important;}
.pager-list li.active>*{ color:#00acff !important; background:#fff !important; border:none !important;}
.pager-list li.disabled>*{ cursor:auto; background:#fff; color:#ccc !important;}

.news-con{ padding-bottom:10px;}
.news-con .title{ font-size:2.4em; color:#333; text-align:center; font-weight:bold; margin-top:30px;}
.news-con .bq{ text-align:center; margin-top:10px; border-bottom:1px solid #cdcdcd; padding-bottom:26px;}
.news-con .bq span{ font-size:1.4em; color:#848484; display:inline-block; margin:0 10px;}
.news-con .text{ font-size:1.4em; color:#333; line-height:30px; padding:30px 0;}

.pager{ padding:10px 25px; background:#efefef; color:#333;}
.pager div{ line-height:40px; font-size:1.4em; color:#333; text-align: left; text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical; overflow:hidden;}
.pager .prev{ border-bottom:1px dashed #d8d8d8;}
.pager .next a{ font-size:1em; color:#333; float:none;}
.pager a:hover{ color:#00acff; text-decoration:underline;}

.product-box{ padding-bottom:190px;}
.product-box .top{ text-align:center; font-size:2.4em; color:#333; padding:50px 0 40px;}
.product-box li{ margin-bottom:40px;}
.product-box li .title{ font-size:1.8em; font-weight:bold; text-align:center; margin-bottom:10px; color:#333;}
.product-box li .img{ height:130px; line-height:130px;}
.product-box li:hover .title{ color:#00acff;}

.product-top{ line-height:45px; overflow:hidden;}
.product-top .title{ float:left; font-size:1.4em; color:#9f9f9f;}
.product-top .mbx{ float:right; font-size:1.4em; color:#9f9f9f;}
.product-top .mbx span, .product-top .mbx a{ color:#9f9f9f; display:inline-block; }
.product-top .mbx a:hover{ color:#00acff; text-decoration:underline; }

.product-list{}
.product-list li{ overflow:hidden; padding:35px 0; border-bottom:1px solid #e5e5e5;}
.product-list li .img{ overflow:hidden; padding:0; height:306px; line-height:306px;}
.product-list li .img img{ transition: all 0.3s ease-out; width:100%;}
.product-list li:hover .img img{ transform: scale(1.1,1.1);}
.product-list li .text{ padding-right:0;}
.product-list li .text .title{ font-size:2em; color:#000; font-weight:bold; margin:10px 0 5px;}
.product-list li .text .bq{ font-size:2em; color:#0cbeb0; font-weight:bold; border-bottom:1px solid #eee; margin-bottom:5px; padding-bottom:10px;}
.product-list li .text .p{ border-top:1px solid #eee;}
.product-list li .text .p dl{ margin-bottom:0;}
.product-list li .text .p dt{ font-size:1.4em; color:#0cbeb0; font-weight:bold; margin:15px 0 10px;}
.product-list li .text .p dd{ font-size:1.4em; color:#000; padding-left:16px; background:url(../images/product-icon.png) no-repeat center left; line-height:30px;}
.product-list li .btns{ text-align:right; margin-top:20px;}
.product-list li .btns span{ display:inline-block; width:98px; height:33px; border:1px solid #e5e5e5; text-align:center; line-height:33px; font-size:1.4em; color:#000;}
.product-list li .btns:hover span{ color:#00acff; border:1px solid #00acff;}

.product-con{ margin-top:50px;}
.product-con .img{ padding:0; overflow:hidden;}
.product-con .img .gallery-top{ border:1px solid #eee; padding:30px 0; overflow:initial; z-index:1;}
.product-con .img .gallery-top .swiper-button-next, .product-con .img .gallery-top .swiper-button-prev{ width:40px; height:108px; margin-top:0; top:107%; opacity:1 !important;}
.product-con .img .gallery-top .swiper-button-next{ background:url(../images/product-next.png) no-repeat center #fff; right:-1px;}
.product-con .img .gallery-top .swiper-button-prev{ background:url(../images/product-prev.png) no-repeat center #fff; left:-1px;}
.product-con .img .gallery-thumbs{ margin-top:20px; padding:0 40px; z-index:0;}
.product-con .img .gallery-thumbs .swiper-slide{ border:1px solid #eee; padding:20px 0;}
.product-con .img .gallery-thumbs .swiper-slide-thumb-active{ border:1px solid #00acff;}

.product-con .text{ padding-right:0; padding-left:40px;}
.product-con .text .title{ font-size:2em; color:#000; font-weight:bold;}
.product-con .text .bq{ font-size:2em; color:#0cbeb0; font-weight:bold; border-bottom:1px solid #eee; padding:4px 0 10px;}
.product-con .text .specification{ border-top:1px solid #eee; margin-top:6px;}
.product-con .text .specification dl{ padding:10px 0;}
.product-con .text .specification dt{ font-size:1.4em; color:#0cbeb0; font-weight:bold; margin-bottom:15px;}
.product-con .text .specification dd{ width:100%; padding:0 15px; height:35px; line-height:35px; font-size:1.4em; color:#000; background:#e7e7e7;}
.product-con .text .specification dd:nth-child(2n-1){ background:#fafafa;}
.product-con .text .specification dd span{ display:inline-block; width:20%; float:left;}
.product-con .text .specification dd p{ display:inline-block; width:80%; float:right; text-align:right;}
.product-con .text .specification dd p b{ font-weight:normal; display:inline-block; position:relative; padding-left:15px; margin-left:10px;}
.product-con .text .specification dd p b::before{ content:""; position:absolute; width:10px; height:10px; border:1px solid #9f9f9f; left:0; top:50%; margin-top:-5px;}
.product-con .text .specification dd p b i{ position:absolute; left: 1px; display:none;}
.product-con .text .specification dd p b.on i{ display:inline-block;}

.product-con .text .advantage{ margin-bottom:80px;}
.product-con .text .advantage dt{ font-size:1.4em; color:#0cbeb0; font-weight:bold; margin-bottom:10px;}
.product-con .text .advantage dd{ font-size:1.4em; color:#333; background:url(../images/product-icon.png) no-repeat left 10px;  padding-left:20px; line-height:30px;}

.ty-box{ padding:20px 0; overflow:hidden;}
.ty-left{ padding-left:0;}
.ty-top{ width:100%; height:40px; background:url(../images/ty-top.jpg) repeat-x; border-radius:4px; text-align:center; line-height:40px; font-size:1.8em; color:#fff;}

.page-banner .swiper-container{ width:100%; height:100%;}
.page-banner .swiper-button-next, .page-banner .swiper-button-prev{ width:40px; height:68px; margin-top:-34px;}
.page-banner .swiper-button-next{ background:url(../images/banner-next.png) no-repeat center; right:10%;}
.page-banner .swiper-button-prev{ background:url(../images/banner-prev.png) no-repeat center; left:10%;}

.ty-nav{ width:100%;}
.ty-nav li{ width:100%; height:40px; margin-top:8px;}
.ty-nav li a{ display:inline-block; width:100%; padding:0 20px; height:40px; line-height:40px; background:#eee; color:#333; font-size:1.4em;}
.ty-nav li i{ float:right;}
.ty-nav li:hover a, .ty-nav li.on a{ background:#00acff; color:#fff;}

.ty-right{ padding-right:0;}
.ty-right .top{ height:40px; line-height:40px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; overflow:hidden; position:relative;}
.ty-right .top .title{ font-size:1.4em; color:#9f9f9f; float:left; line-height:30px;}
.ty-right .top .mbx{ float:right; line-height:30px; font-size:1.4em; color:#9f9f9f;}
.ty-right .top .mbx a{ display:inline-block; margin:0 5px; color:#9f9f9f;}
.ty-right .top .mbx a:hover{ color:#00acff; text-decoration:underline;}
.ty-right .top i{ display:inline-block; position:absolute; width:60px; height:3px; background:#00acff; left:0; bottom:-1px;}

.product-text{ width:100%; font-size:1.4em; color:#0092d8; line-height:28px; text-indent:2em; padding:20px 0; min-height:500px;}

.yy-list{ overflow:hidden; margin:20px -7.5px 0;}
.yy-list li{ padding:0 7.5px; margin-bottom:15px;}
.yy-list li a{ display:inline-block; border:1px solid #e5e5e5;}
.yy-list li .img{ overflow:hidden;}
.yy-list li .img img{ transition: all 0.3s ease-out; width:100%;}
.yy-list li:hover .img img{ transform: scale(1.1,1.1);}
.yy-list li .title{ font-size:1.4em; color:#000; text-align:center; height:40px; line-height:40px;}

.contact-box{ height:630px; background:url(../images/contact-bg.jpg) no-repeat center; background-size:cover;}
.contact-box .container{ position:relative; height:100%;}
.contact-box dl{ position:absolute; margin-bottom:0; top:40%; right:10%; transform:translateY(-50%); }
.contact-box dt{ font-size:6em; color:#333; font-weight:normal; border-bottom:2px solid #00acff; margin-bottom:10px;}
.contact-box dd{ font-size:1.8em; color:#646464; line-height: 35px;}

.contact-list{ margin-top:-100px; margin-bottom:70px; overflow:hidden;}
.contact-list ul{ margin:0 -15px;}
.contact-list li .box1{ background:#cb4fa6;}
.contact-list li .box2{ background:#025c98;}
.contact-list li .box3{ background:#009444;}
.contact-list li .box4{ background:#85ccff;}
.contact-list li .img{ padding:20px 0 10px; text-align:center;}
.contact-list li .text{ text-align:center; color:#fff;  font-size:1.8em;}
.contact-list li .text .title{ font-weight:bold; margin-bottom:6px;}
.contact-list li .text .p{ padding-bottom:20px;}


@media (min-width:1366px) {
.container{ width:1300px;}
}
@media (max-width:1366px) and (min-width: 1200px){
.header{ height:206px;}
.header .logo{ height:186px; line-height:186px;}

.iyy .box .hd li:nth-child(-n+6){ margin-bottom:17%;}

.about-box3 .box li .text{ width:534px;}
}
@media (max-width:1199px) and (min-width:992px){
.header{ height:185px;}
.header .logo{ height:165px; line-height:165px;}
.header .nav-pc li>a{ font-size:1.6em;}
.header .nav-pc li dd a{ font-size:1.4em;}

.iproduct .box{ height:450px;}
.iproduct .box .container .btns{ right:10%;}

.iyy .box .hd li:nth-child(-n+6){ margin-bottom:22.2%;}

.footer .foot-link dd{ width:50%;}
.footer .foot-link dd:nth-child(2n-1){ width:50%;}
.footer .foot-copy p img{ left:inherit; right:0; bottom:0;}

.about-box2 .box{ height:250px;}
.about-box2 .box .btns a{ margin-top:160px;}
.about-box3 .box li .text{ width:435px;}

}
@media (max-width:991px) and (min-width: 768px){
.header{ height:120px; position:fixed; width:100%; top:0; left:0; background-size: contain; padding-top:1.1%; box-shadow:0 3px 4px rgba(124,124,124,.35);}
.header .logo{ height:110px; line-height:110px;}
.header .logo-text{ margin-top:0; padding-right: 15px; height:110px; line-height:110px;}
.nav .nav-top{ height:110px; line-height:110px;}
.h60{ height:120px;}
.banner .swiper-button-next{ background:url(../images/banner-next.png) no-repeat center; right:10%; background-size:30px;}
.banner .swiper-button-prev{ background:url(../images/banner-prev.png) no-repeat center; left:10%; background-size:30px;}

.iproduct .box{ height:400px;}
.iproduct .box .container .btns{ right:5%; width: 120px;    height: 40px; line-height: 40px;  font-size: 1.6em;}

.iyy .box .hd li:nth-child(-n+6){ margin-bottom:31.5%;}
.iyy .box .bd li a{ width: 120px;    height: 40px; line-height: 40px;  font-size: 1.6em; left:10%;}

.footer .foot-link dd{ width:50%;}
.footer .foot-link dd:nth-child(2n-1){ width:50%;}
.footer .foot-copy p img{ left:inherit; right:0; bottom:0;}

.page-banner{ height:250px;}

.about-box2 .box{ height:300px;}
.about-box2 .box .btns a{ margin-top:246px;}
.about-box3 .box li .text{ width:324px;}
.about-box4 .box .swiper-slide{ width:31.6%;}

.page-banner .product-nav{ bottom:-45px;}
.page-banner .product-nav li{ width:25%;}

.contact-box{ height:530px;}
.contact-box dl{ right:0;}
.contact-box dt{ font-size:4em;}
.contact-box dd{ font-size:1.4em;}
.contact-list li{ margin-bottom:30px;}
}
@media (max-width: 767px){
.header{ height:64.5px; position:fixed; width:100%; top:0; left:0; background-size: contain; padding-top:1.1%; box-shadow:0 3px 4px rgba(124,124,124,.35);}
.header .logo{ height:60px; line-height:60px;}
.header .logo-text{ margin-top:0; padding-right: 15px; height:60px; line-height:60px; display:none;}
.header .nav-btn{ height:60px; line-height:60px; padding-right:0;}
.nav .nav-top{ height:65px; line-height:65px;}
.banner .swiper-button-next{ background:url(../images/banner-next.png) no-repeat center; right:0; background-size:20px;}
.banner .swiper-button-prev{ background:url(../images/banner-prev.png) no-repeat center; left:0; background-size:20px;}

.index-title .title{ font-size:1.8em;}
.index-title .title i{ width:180px;}
.index-title .text{ font-size:1.4em; margin-top:8px;}
.index-title .p{ font-size:1.4em; margin-top:5px;}

.iproduct{ padding-top:30px;}
.iproduct .box{ height:200px; margin-top:20px;}
.iproduct .box .container .btns{ right:5%;  width: 100px;    height: 35px; line-height: 35px;  font-size: 1.4em; bottom:8%;}

.iyy{ margin:0 -15px; padding:30px 0 20px;}
.iyy .box{ margin-top:20px;}
.iyy .box .hd{ margin:20px -15px 0;}
.iyy .box .hd li:nth-child(-n+6){ margin-bottom:0}
.iyy .box .hd li:nth-child(-n+4){ margin-bottom:3%;}
.iyy .box .bd li a{ left:5%; width: 100px;    height: 35px; line-height: 35px;  font-size: 1.4em; bottom:8%;}

.footer{ padding-top:10px;}
.footer .foot-nav{ display:none;}
.footer .foot-nav li a{ font-size:1.6em;}
.footer .foot-link dd{ width:100%;}
.footer .foot-copy{ display:block; line-height:24px; overflow:hidden; }
.footer .foot-copy p{ text-align:center; padding:0 20px;}

.page-banner{ height:130px;}

.about-title{ font-size:1.8em;}
.about-title i{ width:220px;}

.about-box1{ padding:10px 0 20px;}
.about-box1 .title{ font-size:1.8em; margin-top:20px;}
.about-box1 .text{ margin-top:10px; line-height:26px;}
.about-box1 .btns{ margin-top:20px;}
.about-box1 .btns a{ font-size:1.6em;}

.about-box2{ padding:0 0 50px;}
.about-box2 .box{ height:120px; margin-top:30px;}
.about-box2 .box .btns{ text-align:center;}
.about-box2 .box .btns a{ margin-top:140px; font-size:1.6em;}

.about-box3 .box li .text{ width:324px;}
.about-box3 .box{ background-position:12px 0; margin-top:20px;}
.about-box3 .box li .text{ float:left !important; text-align:left !important; width:100%; padding-left:40px; }
.about-box3 .box li .text i{ left:0 !important;}
.about-box3 .btns a{ font-size:1.6em;}

.about-box4{ padding:0 0 30px;}
.about-box4 .box{ margin-top:30px;}
.about-box4 .box .swiper-slide{ width:47.5%;}
.about-box4 .btns{ margin-top:10px;}
.about-box4 .btns a{ font-size:1.6em;}

.news-list li{ padding:20px 0;}
.news-list li .text{ padding:0; margin-top:20px;}
.news-list li .text .title{ font-size:1.6em;}
.news-list li .text .other{ margin-top:10px;}
.news-list li .text .btns{ margin-top:10px;}
.news-con .title{ font-size:1.8em;}

.product-box{ padding-bottom:30px;}
.product-box .top{ font-size:1.8em; padding:40px 0 30px;}
.product-box ul{ margin:0 -7.5px;}
.product-box li{ padding:0 7.5px; margin-bottom:20px;}
.product-box li .title{ font-size:1.6em; margin-bottom:0;}
.product-box li .img{ height:120px; line-height:120px;}

.page-banner .product-nav{ bottom:-45px;}
.page-banner .product-nav li{ width:25%;}
.page-banner .swiper-button-next, .page-banner .swiper-button-prev{ background-size:20px !important;}
.page-banner .swiper-button-prev{ left:0;}
.page-banner .swiper-button-next{ right:0;}

.ty-box{ padding:10px 0 20px;}
.ty-right{ padding:0;}

.contact-box{ height:430px;}
.contact-box dl{ right:0; top: 24%;} 
.contact-box dt{ font-size:2.6em;}
.contact-box dd{ font-size:1.4em; line-height:30px;}
.contact-list{ margin-bottom:30px;}
.contact-list ul{ margin:0 -7.5px;}
.contact-list li{ margin-bottom:30px; padding:0 7.5px; margin-bottom:15px;}
.contact-list li .text{ font-size:1.4em;}

.product-con{ margin-top:10px;}
.product-con .text{ padding:0; margin-top:30px;}
.product-con .text .advantage{ margin-bottom:30px;}
}