/* 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: 60px; clear: both; }
.h120 { height: 120px; clear: both; background: #eee; }
input, buttom, textarea { -webkit-appearance: none; outline: none; }
input[type=radio], input[type=checkbox] { border: none !important; }
select { outline: none }
.fl { float: left; }
.fr { float: right; }
*:focus{ border:none; outline:none;box-shadow: none;}

.header{ height:128px; line-height:120px; background:#fff; position:relative; z-index:9999; border-top:8px solid #40b13e; position:fixed; width:100%; box-shadow:0 0 10px rgba(0,0,0,.35);}
.header .logo{ float:left; padding:0; width: 16.6667% !important;}
.header .pc-nav{ float:right; height:120px; padding:0; width: 66.6667% !important;}
.header .pc-nav ul{ display: flex; flex-wrap: wrap;  justify-content: space-between;}
.header .pc-nav li{ padding:0 .63vw;; position:relative; text-align: right;}
.header .pc-nav li > a{ display:inline-block; font-size:1.6em; color:#333; position:relative; padding:0 20px;}
.header .pc-nav li.on > a, .header .pc-nav li:hover > a{ color:#40b13e;}
.header .pc-nav li a::before{ content:""; position:absolute; height:2px; bottom:0; left:0; width:0; background:#40b13e; transition: all 0.3s linear 0s;}
.header .pc-nav li.on > a::before, .header .pc-nav li:hover > a::before{ width:100%;}
.header .pc-nav li dl{ position:absolute; top:80%; background:rgba(0,0,0,.8); border-radius:6px; width:120%; margin-bottom:0; left:50%; transform:translateX(-50%); display:none;}
.header .pc-nav li:hover dl{ display:block;}
.header .pc-nav li dl::before{ content:""; position:absolute; display:inline-block; width:13px; height:7px; background:url(../images/nav-icon.png) no-repeat center; left:50%; transform:translateX(-50%); top: -7px; opacity: .8;}
.header .pc-nav li dd{ text-align:center; border-bottom:1px dashed #ccc;}
.header .pc-nav li dd:last-child{ border-bottom:none;}
.header .pc-nav li dd a{ font-size:1.6em; color:#fff; display:inline-block; width:100%; height:100%; padding:12px 15px; }
.header .pc-nav li dd:hover a{ background:#40b13e;}
.header .pc-nav li dd:first-child{ border-radius:6px 6px 0 0; overflow:hidden;}
.header .pc-nav li dd:last-child{ border-radius:0 0 6px 6px; overflow:hidden;}

.header .pc-nav li dd a:empty { display: none; }

.header .pc-search{ float:right; width:35px; height:20px; background:url(../images/search-icon.png) no-repeat center right; position:relative; margin: 50px 0 0 10px; padding:0; border-left:1px solid #bfbfbf;}
.header .pc-search .box{ position:absolute; top:100%; right:-25px; width:274px; display:none; padding-top:15px; z-index:99;}
.header .pc-search:hover .box{ display:block;}
.header .pc-search .box div{ position:absolute; height:40px;  background:#fff; width:274px; border-radius:6px; border:1px solid #ccc; box-shadow:0 3px 5px rgba(0,0,0,.15);}
.header .pc-search .box i{ display:inline-block; width:22px; height:10px; background:url(../images/search-icon3.png) no-repeat center; top: -7.5px; position: absolute; right: 21px;    background-size: 12px;}
.header .pc-search .box input[type="text"]{ padding:0 15px; width:232px; float:left; height: 100%; border: none; border-radius: 8px; font-size:1.4em; color:#333;}
.header .pc-search .box input[type="submit"]{ float:left; border-radius:8px; background:url(../images/search-icon.png) no-repeat center; width: 38px; height: 100%; border: none; cursor:pointer; background-size:18px;}
.header .yy{ float:right; text-align:right; padding-right:0; width:90px; position:relative;}
.header .yy > span{ display:inline-block; height:24px; border:1px solid #bfbfbf; background:url(../images/yy-icon.png) no-repeat 44px center; line-height:24px; border-radius:20px; padding: 0px 30px 0px 10px; font-size:1.4em; color:#333; cursor:pointer;}
.header .yy > span:hover{ color:#40b13e;}
.header .yy dl{ position:absolute; top:70%; width: 120%;    text-align: center; right: 0; background: rgba(0,0,0,.8);    border-radius: 8px; display:none;}
.header .yy dd{ height:35px; line-height:35px;}
.header .yy dd a{ font-size:1.4em; color:#fff; display:inline-block; width:100%; height: 100%;}
.header .yy dd a:hover{ background: #40b13e;}
.header .yy dd:first-child a{ border-radius:8px 8px 0 0;}
.header .yy dd:last-child a{ border-radius:0 0 8px 8px;}
.header .yy dl::before{ content:""; position:absolute; display:inline-block; width:13px; height:7px; background:url(../images/nav-icon.png) no-repeat center; left:72%; transform:translateX(-50%); top: -7px; opacity: .8;}
.header .yy:hover dl{ display:block;}

.header .search{ padding:0 15px; text-align:right;}
.header .search img{ height:24px; margin-top:-4px;}
.header .search-box{ position: absolute; top: 100%;  width: 100%; left: 0; background: #fff; padding: 10px 20px; border-top: 1px solid #40b13e; box-shadow: 0 5px 5px rgba(0,0,0,.5); display:none;}
.header .search-box input[type="text"]{ float:left; width:80%; height:40px; border:none; font-size:1.4em; color:#333; padding:0 10px; line-height:40px;}
.header .search-box input[type="submit"]{ float:left; width:20%; height:40px; border:none; font-size:1.4em; background:#40b13e; color:#fff; line-height:40px;}

.header .nav-btn { height: 120px; line-height: 120px; position:relative; z-index:999; float:right; padding:0;}
.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: #40b13e; 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: #40b13e; 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{ width:100%; position:fixed; z-index:0; top:120px; }
.banner .swiper-container{ height:100%; width:100%;}
.banner .swiper-slide{ height:100%; width:100%; text-align: center; }
.banner .swiper-slide a{ display:inline-block; width:100%; height:100%; }
.banner .swiper-pagination{ bottom:44px;}
.banner .swiper-pagination-bullet{ width:15px; height:15px; background:#fff; border-radius:15px; margin:0 15px !important; opacity:.5;}
.banner .swiper-pagination-bullet-active{ background:#40b13e; opacity:1;}

.index-height{ height: 31.25vw;}
.index-box{ position:relative; z-index:1; background:#fff;}

.banner video{ height: 31.25vw !important;}

.index-box1{ padding:3.6% 0 0;}
.index-box1 .box{ box-shadow:0 0 20px rgba(140,140,140,.15); overflow:hidden;}
.index-box1 .box .left{ padding:20px 35px 30px; background:url(../images/index-bg.jpg) repeat-y; color:#fff; background-size: contain;}
.index-box1 .box .left span{ font-size:2.3em; color:#fff601; font-weight:bold;}
.index-box1 .box .left p{ text-align:center;}
.index-box1 .box .left p:first-child{ font-size:2.4em;}
.index-box1 .box .left p:last-child{ font-size:1.8em;}
.index-box1 .box .left .btns{ margin-top:20px;}
.index-box1 .box .left .btns a{ display:inline-block; width:100%; height:45px; line-height:45px; background:#fff; color:#40b13e; font-size:1.8em; text-align:center;}
.index-box1 .box .left .btns a:hover{ background:#fff601;}
.index-box1 .box .right{ padding:0 40px 0 30px;}
.index-box1 .box .right .hd{ overflow:hidden;}
.index-box1 .box .right .hd li.col-sm-2 { width:20% }
.index-box1 .box .right .hd li{ text-align:center; border-bottom:1px solid #40b13e; height:90px; line-height:90px; cursor:pointer;}
.index-box1 .box .right .hd li.on{ border-bottom:1px solid #fff601;}
.index-box1 .box .right .hd li span{ font-size:1.8em; color:#333; font-weight:bold; display:inline-block; height:90px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100% }
.index-box1 .box .right .hd li.on span{ color:#40b13e;}
.index-box1 .box .right .hd li .icon21{ padding-left:60px; background:url(../images/index-box1-icon1.png) no-repeat center left;}
.index-box1 .box .right .hd li .icon22{ padding-left:60px; background:url(../images/index-box1-icon2.png) no-repeat center left; }
.index-box1 .box .right .hd li .icon23{ padding-left:60px; background:url(../images/index-box1-icon3.png) no-repeat center left;}
.index-box1 .box .right .hd li.on .icon21{ background:url(../images/index-box1-icon1-2.png) no-repeat center left;}
.index-box1 .box .right .hd li.on .icon22{ background:url(../images/index-box1-icon2-2.png) no-repeat center left; }
.index-box1 .box .right .hd li.on .icon23{ background:url(../images/index-box1-icon3-2.png) no-repeat center left;}
.index-box1 .box .right .bd{ padding-top:38px; overflow:hidden;}
.index-box1 .box .right .bd .w1{ width:20%;}
.index-box1 .box .right .bd .w2{ width:14.5%;}
.index-box1 .box .right .bd select{ float:left; border:none; border-right:1px solid #d2d2d2; height:50px; font-size:1.4em; color:#333; width:16%; outline: none; appearance:none;  -moz-appearance:none; -webkit-appearance:none; background:url(../images/index-box1-icon4.png) no-repeat 90% center #f2f2f2; padding: 0 50px 0 20px;}
.index-box1 .box .right .bd input{ float:left; border:none; height:50px; background:url(../images/index-bg.jpg) repeat-y; background-size:contain; font-size:1.4em; color:#fff; width:17.5%;}

.iproduct{ background:url(../images/iproduct-bg.jpg) no-repeat center; background-size:cover; padding:4% 0;}
.iproduct .hd{ padding:0;}
.iproduct .hd li{ height:120px; margin-bottom:20px; background:#fff; cursor:pointer;}
.iproduct .hd li:last-child{ margin-bottom:0;}
.iproduct .hd li span{ display:inline-block; width:100%; height:100%; font-size:1.6em; color:#333; text-align:center; padding-top: 80px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iproduct .hd li .icon1{ background:url(../images/iproduct-icon1.png) no-repeat center 25%;}
.iproduct .hd li .icon2{ background:url(../images/iproduct-icon2.png) no-repeat center 25%;}
.iproduct .hd li .icon3{ background:url(../images/iproduct-icon3.png) no-repeat center 25%;}
.iproduct .hd li.on .icon1{ background:url(../images/iproduct-icon1-2.png) no-repeat center 25%;}
.iproduct .hd li.on .icon2{ background:url(../images/iproduct-icon2-2.png) no-repeat center 25%;}
.iproduct .hd li.on .icon3{ background:url(../images/iproduct-icon3-2.png) no-repeat center 25%;}
.iproduct .hd li.on{ background:url(../images/index-bg.jpg) repeat-y; background-size:contain;}
.iproduct .hd li.on span{ color:#fff;}
.iproduct .bd{ padding-right:0;}
.iproduct .bd .text{ padding-left:115px}
.iproduct .bd .text .title{ font-size:4em; color:#40b13e; font-weight:bold; margin-top: 3%;}
.iproduct .bd .text .xh{ font-size:2em; color:#333; margin-top:1%;}
.iproduct .bd .text .p{ font-size:1.4em; color:#828282; line-height:30px; overflow:hidden; margin-top:2%; height:190px;}
.iproduct .bd .text .btns{ margin-top:15px;}
.iproduct .bd .text .btns a{ font-size:1.8em; color:#fff; display:inline-block; width:200px; height:60px; background:url(../images/index-bg.jpg) repeat-y; background-size:contain; line-height:60px; text-align:center; position:relative; text-indent:30px;}
.iproduct .bd .text .btns i{ display:inline-block; position:absolute; width:22px; height:22px; background:url(../images/index-icon.png) no-repeat center; top:50%; transform:translateY(-50%); left:44px;}
.iproduct .bd .img{ padding:0; text-align:right; transform:translateY(-20px);     max-height: 400px;
    overflow: hidden;
 }
.iproduct .bd .text .btns a:hover{ text-decoration:underline;}

.inews{ background:url(../images/inews-bg.jpg) no-repeat center; background-size:cover; padding:5% 0; background-attachment:fixed;}
.inews .top{ height:45px; line-height:45px;}
.inews .top span{ font-size:3.2em; color:#fff; font-weight:bold;}
.inews .top a{ font-size:1.4em; color:#333; display:inline-block; width:150px; height:45px; line-height:45px; text-align:center; position:relative; text-indent:36px; float:right; background:#fff;}
.inews .top a i{ display:inline-block; position:absolute; width:22px; height:22px; background:url(../images/index-icon2.png) no-repeat center; top:50%; transform:translateY(-50%); left:32px;}
.inews .top a:hover{ background:url(../images/index-bg.jpg) repeat-y; background-size:contain; color:#fff;}
.inews .top a:hover i{ background:url(../images/index-icon.png) no-repeat center;}
.inews .list{ margin:3% -15px 0;}
.inews .list li .img{ position:relative; overflow:hidden;}
.inews .list li .img img{ transition: all 0.3s linear 0s; width:100% }
.inews .list li:hover .img img{transform: scale(1.1,1.1);}
.inews .list li .img span{ display:inline-block; position:absolute; right:0; bottom:0; font-size:1.4em; color:#fff; background:#333; padding:10px 26px;}
.inews .list li .text{ padding:15px; background:#ffff;}
.inews .list li .text .title{ font-size:1.6em; color:#333; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; }
.inews .list li .text .p{ font-size:1.4em; color:#6e6e6e; margin-top:8px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden; line-height:22px; height:44px;}
.inews .list li:hover .text{ background:#40b13e;}
.inews .list li:hover .text .title, .inews .list li:hover .text .p{ color:#fff;}

.iabout{ position:relative; padding:5% 0 3%;}
.iabout .bg{ position:absolute; bottom:0; left:0; width:100%; height:180px; background:url(../images/index-bg.jpg) repeat-y; background-size:contain; z-index:0;}
.iabout .box{ overflow:hidden; position:relative; z-index:1;}
.iabout .box .img{ padding:0; box-shadow:0 5px 10px rgba(192,192,192,.3); height: 350px;}
.iabout .box .img img{ position: absolute; width: 100%; height: 100%; object-fit: cover;}
.iabout .box .text{ padding-left:60px;}
.iabout .box .text .title{ font-size:3.2em; color:#333; font-weight:bold;}
.iabout .box .text .title span{ color:#40b13e; margin-left:5px; text-transform:uppercase;}
.iabout .box .text .p{ font-size:1.4em; color:#828282; line-height:24px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 5;    -webkit-box-orient: vertical;    overflow: hidden;  margin-top:1.5%;}
.iabout .box .text .btns{ margin-top: 5%;}
.iabout .box .text .btns a{ font-size:1.4em; color:#fff; display:inline-block; width:150px; height:45px; line-height:45px; text-align:center; position:relative; text-indent:36px; background:url(../images/index-bg.jpg) repeat-y; background-size:contain;}
.iabout .box .text .btns a i{ display:inline-block; position:absolute; width:22px; height:22px; background:url(../images/index-icon.png) no-repeat center; top:50%; transform:translateY(-50%); left:32px;}
.iabout .box .text .btns a:hover{ text-decoration:underline;}
.iabout .box .text .ys{ margin-top:15%; overflow: hidden;}
.iabout .box .text .ys li{ color:#fff; float:left; width: 50%; text-align: center; position: relative;}
.iabout .box .text .ys li::before{ content: ""; position: absolute; width: 1px; height: 30px; background: #fff; right: 0; top: 50%; transform: translateY(-50%);}
.iabout .box .text .ys li:last-child::before{ display: none;}
.iabout .box .text .ys li:nth-child(-n+2){ margin-bottom: 20px; width: 22%;}
.iabout .box .text .ys li:nth-child(3){ width: 26%;}
.iabout .box .text .ys li:nth-child(4){ width: 30%;}
.iabout .box .text .ys li .num b{ font-family:"Impact"; font-size:3.2em;}
.iabout .box .text .ys li .num span{ font-size:1.8em; margin-left:5px;}
.iabout .box .text .ys li .t{ font-size:1.4em;}

.footer{ background:url(../images/foot-bg.jpg) no-repeat center; background-size:cover; position:fixed; width:100%; bottom:0; left:0;}
.footer .foot-box{ padding:34px 0 20px; overflow:hidden; border-bottom:1px solid #bfbfbf; height:22em; }
.foot-nav{ padding:0;}
.foot-nav dl{ float:left; margin-bottom:0; margin-right:8.5%; height:20em; }
.foot-nav dt{ font-size:1.8em; position:relative; padding-bottom:12px; margin-bottom:12px; font-weight:normal;}
.foot-nav dt a{ color:#fff; }
.foot-nav dt i{ position:absolute; display:inline-block; width:40px; height:2px; background:#40b13e; left:0; bottom:0;}
.foot-nav dd{ font-size:1.4em; margin-top:10px;}
.foot-nav dd a{ color:#bbb;}
.foot-nav dd a:hover{ color:#40b13e; text-decoration:underline;}
.foot-contact{ border-left:1px solid #bfbfbf; border-right:1px solid #bfbfbf; padding:0 3%;}
.foot-contact dl{ margin-bottom:0;}
.foot-contact dt{ font-size:1.8em; color:#fff; font-weight:normal; margin-bottom:10px;}
.foot-contact dd{ font-size:1.4em; color:#bbb; margin-bottom:10px;}
.foot-contact dd.icon1{ background:url(../images/foot-icon1.png) no-repeat center left; padding-left:25px;}
.foot-contact dd.icon2{ background:url(../images/foot-icon2.png) no-repeat center left; padding-left:25px;}
.foot-contact dd.icon3{ background:url(../images/foot-icon3.png) no-repeat center left; padding-left:25px;}
.foot-wx{ padding: 0 0 0 6%;}
.foot-wx p{ font-size:1.4em; color:#fff; text-align:center; margin-top:10px;}
.foot-copy{ padding:15px 0; font-size:1.4em; color:#fff; overflow:hidden;}
.foot-copy a{ color:#fff;}
.foot-copy .fl a{ margin-right:10px;}
.foot-copy .fr a{ margin-left:10px;}
.foot-copy a:hover{ color:#40b13e; text-decoration:underline;}

.page-banner{ height:300px; position:fixed; z-index:0; width:100%;}
.page-banner .container{ display:table; height:100%;}
.page-banner .box{ display:table-cell; vertical-align: middle;}
.page-banner .title{ font-size:3.2em; color:#fff; font-weight:bold;}
.page-banner .mbx{ font-size:1.4em; color:#fff; margin-top:6px;}
.page-banner .mbx a{ color:#fff;}

.page-box{ position:relative; z-index:1; background:#fff; overflow:hidden;}

.pager-nav{ height:50px; line-height:50px; background:#f4f4f4;}
.pager-nav li{ float:left;}
.pager-nav li a{ display:inline-block; padding-right:30px; font-size:1.4em; color:#333; height:15px; line-height:15px; border-right:1px solid #d2d2d2;}
.pager-nav li a:empty{ display: none; }
.pager-nav li+li a{ padding:0 30px;}
.pager-nav li:last-child a{ border-right:none;}
.pager-nav li.on a, .pager-nav li:hover a{ font-weight:bold; color:#40b13e;}

.about-box1{ padding:4% 0;}
.about-box1 .img{ float:right; padding:0;}
.about-box1 .text{ padding-left:0; padding-right:35px;}
.about-box1 .text .title .cn{ font-size:3em; color:#40b13e; font-weight:bold; line-height:30px;}
.about-box1 .text .title .en{ font-size:2.2em; color:#a8a8a8; font-weight:bold; margin-top:4px;}
.about-box1 .text .p{ font-size:1.4em; color:#333; line-height:24px; text-indent:2em; margin-top:8px; text-align:justify;}
.about-box1 .text .ys{ margin-top:8px;}
.about-box1 .text .ys li{ color:#40b13e; float:left; width: 50%; text-align: center;}
.about-box1 .text .ys li::before{ content: ""; position: absolute; width: 1px; height: 30px; background: #333; right: 0; top: 50%; transform: translateY(-50%);}
.about-box1 .text .ys li:last-child::before{ display: none;}
.about-box1 .text .ys li:nth-child(-n+2){ margin-bottom: 20px; width: 22%;}
.about-box1 .text .ys li:nth-child(3){ width: 26%;}
.about-box1 .text .ys li:nth-child(4){ width: 30%;}
.about-box1 .text .ys li .num b{ font-family:"Impact"; font-size:3.2em;}
.about-box1 .text .ys li .num span{ font-size:1.8em; margin-left:5px;}
.about-box1 .text .ys li .t{ font-size:1.4em; color:#797979;}

.about-box2{ padding:4% 0; background:#f6f6f6;}
.about-box2 .img{ padding:0;}
.about-box2 .text{ padding:0 0 0 35px;} 
.about-box2 .text .title{ margin-top:2.5%;}
.about-box2 .text .title .year{ font-size:3em; color:#40b13e; font-family:"Impact";}
.about-box2 .text .title .t{ font-size:2.2em; color:#a8a8a8; font-weight:bold; margin-top:4px;}
.about-box2 .text .p{ font-size:1.4em; line-height:24px; text-indent:2em; margin-top:5%;}

.about-box3{ padding:4% 0;}
.about-box3 .img{ padding:0; float:right;} 
.about-box3  .text{ padding:0 35px 0 0;} 
.about-box3 .text .title{ margin-top:2.5%;}
.about-box3 .text .title .year{ font-size:3em; color:#40b13e; font-family:"Impact";}
.about-box3 .text .title .t{ font-size:2.2em; color:#a8a8a8; font-weight:bold; margin-top:4px;}
.about-box3 .text .p{ font-size:1.4em; line-height:24px; text-indent:2em; margin-top:5%;}

.lc-box{ background:url(../images/lc-bg.jpg) no-repeat center; background-size:cover; padding:4% 0 5%;}
.lc-box .top{ text-align:center; color:#fff; font-weight:bold;}
.lc-box .top .cn{ font-size:3em;}
.lc-box .top .en{ font-size:2.2em;}
.lc-box .box{ margin-top:3%; position:relative; }
.lc-box .box .swiper-container{  padding:0 10%; z-index:1;}
.lc-box .box .list{ padding:37% 4px;}
.lc-box .box .swiper-slide{ height:35px; width:20%; color:#fff; position:relative; opacity:0;}
.lc-box .box .swiper-slide .text{ padding:15px 24px; border-left:1px solid #d2d2d2; position:absolute; left:0; bottom:18px; width:150%;}
.lc-box .box .swiper-slide:nth-child(2n) .text{ bottom: auto; top:18px;}
.lc-box .box .swiper-slide .text .year{ font-size:3em; font-weight:bold;}
.lc-box .box .swiper-slide .text .p{ font-size:1.4em;}
.lc-box .box .swiper-slide .text .img{ max-width:200px; margin-top:10px;}
.lc-box .box .swiper-slide .text i{ display:inline-block; width:8px; height:8px; background:#d2d2d2; border-radius:100%; position:absolute;  top:-4px; left:-4px;}
.lc-box .box .swiper-slide:nth-child(2n) .text i{ top:auto; bottom:-4px;}
.lc-box .box .swiper-button-next{ width:35px; height:35px; background:url(../images/lc-next.png) no-repeat center; top:0; margin-top:0; height:100%; right:0;}
.lc-box .box .swiper-button-prev{ width:35px; height:35px; background:url(../images/lc-prev.png) no-repeat center; top:0; margin-top:0; height:100%; left:0;}
.lc-box .box .line{ width:1920px; height:1px; background:#d2d2d2; position:absolute; top:50%; left:50%; transform:translateX(-50%); z-index:0;}

.wh-box{ padding:5% 0;  overflow:hidden;}
.wh-box .img{ padding:0;}
.wh-box .img:nth-child(3){ float:right; margin-top:3%;}
.wh-box .text:nth-child(4){ margin-top:3%;}
.wh-box .text{ background:#f4f4f4; padding:30px 40px; display:table; height:380px;}
.wh-box .text .box{ display: table-cell;  vertical-align: middle;}
.wh-box .text h3{ font-size:2em; color:#333; font-weight:normal; margin-bottom:8px;}
.wh-box .text p{ font-size:1.4em; color:#333; line-height:25px;}

.fc-list{ padding-top:50px;}
.fc-list ul{ margin: 0 -15px; overflow:hidden;}
.fc-list li{ margin-bottom:40px;}
.fc-list li:nth-child(3n-2){ clear:left;}
.fc-list li .img{ overflow:hidden;}
.fc-list li .img img{ transition:all .3s linear 0s;}
.fc-list li:hover .img img{ transform:scale(1.1,1.1)}
.fc-list li .title{ font-size:1.4em; color:#333; height:50px; line-height:50px; text-align:center; background:#f4f4f4;}
.fc-list li:hover .title{ background:#40b13e; color:#fff;}

.pager-list{ text-align:center; margin-bottom:4%;}
.pager-list ul{ list-style-type:none; margin:0; padding:0; display:inline-block;}
.pager-list li{ float:left; padding:0 6px; margin-bottom:10px;}
.pager-list li>*{ display:inline-block; font-size:14px; color:#333 !important; height:35px; line-height:35px; padding:6px 18px !important;  background:#eee; border-radius:0px;}
.pager-list li a:hover{ background:#40b13e; color:#fff !important;}
.pager-list li.active>*{ color:#fff !important; background:#40b13e; border:1px solid #40b13e;}
.pager-list li.disabled>*{ cursor:auto; background:#eee; color:#ccc;}
.pager-list li.active>span:hover, .pager-list li.active>a:hover{ background:#40b13e; border:1px solid #40b13e;}

.product-list{ padding-top:5%;}
.product-list ul{ margin:0 -30px; overflow:hidden;}
.product-list li{ padding:0 30px; margin-bottom:50px;}
.product-list li:nth-child(2n-1){ clear: left;}
.product-list li .top{ height:220px; overflow:hidden; position:relative; padding:25px 36px 0; background:#f3f3f4;}
.product-list li .top .img{ position:relative; z-index:1;}
.product-list li .top .title{ font-size:3em; color:#333; font-weight:bold; position:absolute; left:340px; top:45px; }
.product-list li .top .title p:nth-child(2){ font-size: .7em; line-height: 1em; margin-top: 10px; }
.product-list li .top .text{ position:absolute; z-index:1; height:30px; width:100%; background:#65b941; font-size:1.4em; color:#fff; line-height:30px; text-align:right; padding:0 15px; bottom:0; left:0;}
.product-list li .bottom{ background:#f3f3f4; padding:25px 30px; overflow:hidden}
.product-list li .bottom .tw{ padding:0;}
.product-list li .bottom .tw .img{ position:relative; overflow:hidden; padding-bottom:10px;}
.product-list li .bottom .tw .img img{ height:62px; max-width:inherit;}
.product-list li .bottom .tw .img i{ display:inline-block; width:45px; height:2px; position:absolute; background:#40b13e; bottom:2px; right:28px;}
.product-list li .bottom .lm{ padding:0 0 0 50px;}
.product-list li .bottom .t{ font-size:1.4em; color:#333;}
.product-list li .bottom .tw .t{ margin-bottom:25px;}
.product-list li .bottom .lm .t{ margin-bottom:15px;}
.product-list li .bottom .lm .imgs{ overflow:hidden;}
.product-list li .bottom .lm .imgs dl{ margin:0 -8px;}
.product-list li .bottom .lm .imgs dd{ float:left; width:33.33333%; padding:0 8px;} 
.product-list li .bottom .lm .imgs dd img{ border:2px solid #40b13e;}
/* .product-list li .bottom .lm .imgs dd:last-child{ border:none; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.product-list li .bottom .lm .imgs dd:last-child img{ border:none;} */
.product-list li .bottom .lm .btns{ width:100%; height:35px; line-height:35px; text-align:center;  border:1px solid #d2d2d2; margin-top:15px;}
.product-list li .bottom .lm .btns span{ font-size:1.4em; color:#333; display:inline-block; position:relative; padding-right:30px;}
.product-list li .bottom .lm .btns i{ display:inline-block; width:24px; height:16px; background:url(../images/product-icon.png)  no-repeat center; position:absolute; top:50%; transform:translateY(-50%); right:0;}
.product-list li .bottom .lm .btns:hover{ border:1px solid #40b13e; background:#40b13e;}
.product-list li .bottom .lm .btns:hover span{ color:#fff;}
.product-list li .bottom .lm .btns:hover i{ background:url(../images/product-icon2.png)  no-repeat center;}

.product-fl-box{ padding:25px 0; border-top:2px solid #cecece;} 
.product-fl-box:first-child{ border-top:5px solid #40b13e;}
.product-fl-box .img{ padding:0;}
.product-fl-box .text .title{ font-size:3em; color:#333; font-weight:bold; position:relative; padding-bottom:10px; margin-top:34px;} 
.product-fl-box .text .title i{ display:inline-block ; position:absolute; width:120px; height:3px; background:#40b13e; left:0; bottom:0;}
.product-fl-box .text .p{ font-size:1.4em; line-height:24px; color:#333;  width:72%; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden; margin-top:20px; height:72px; text-align:justify;}
.product-fl-box .text .other{ margin-top:5%;}
.product-fl-box .text .other dt{ font-size:1.8em; color:#333; font-weight:normal; margin-bottom:15px;}
.product-fl-box .text .other dd{ float:left; padding-right:18px;}
.product-fl-box .text .other dd a{ display:inline-block; width:180px; height:46px; border:1px solid #6f6f6f; background:#fff; font-size:1.4em; color:#333; text-align:center; line-height:46px;}
.product-fl-box .text .other dd a:hover{ background:#40b13e;  border:1px solid #40b13e; color:#fff;}

.product-fl-box.box1 .img{ float:right; text-align:right;}
.product-fl-box.box2 .text .title{ text-align:right;}
.product-fl-box.box2 .text .title i{ left:inherit; right:0;}
.product-fl-box.box2 .text .p{ float:right;}
.product-fl-box.box2 .text .other{ float:right;}
.product-fl-box.box2 .text .other dt{ text-align:right;}
.product-fl-box.box2 .text .other dd{ padding-left:18px; padding-right:0;}

.product-con-box1{ overflow:hidden; margin-top:60px; margin-bottom:40px;}
.product-con-text{ padding-top:20px;}
.product-con-text .title{ font-size:4em; color:#333; font-weight:bold; line-height:46px; position:relative; padding-bottom:30px;}
.product-con-text .title i{ display:inline-block; width:350px; height:4px; background:#40b13e; left:0; bottom:0; position:absolute;}
.product-con-text .text{ font-size:1.4em; color:#333; line-height:24px; padding:20px 0; border-bottom:1px solid #d2d2d2; width:79%;}
.product-con-text .text p:first-child{ margin-bottom:10px;}
.product-con-text .imgs{ overflow:hidden; padding:20px 0;}
.product-con-text .imgs dl{ margin-bottom:0; width:86%;}
.product-con-text .imgs dt{ font-size:1.8em; color:#333; font-weight:normal; margin-bottom:10px;}
.product-con-text .imgs dd{ float:left;  width:33.333333%; padding-right:30px;}
.product-con-text .imgs dd img{ border:4px solid #40b13e;}
/* .product-con-text .imgs dd:last-child{ -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.product-con-text .imgs dd:last-child img{ border:none; } */
.product-con-text .btns{ margin-top:25px;}
.product-con-text .btns a{ display:inline-block; width:120px; height:40px; line-height:40px; text-align:center; font-size:1.4em; color:#fff; background:url(../images/index-bg.jpg) repeat-y; background-size:contain;}
.product-con-img{ padding:0; text-align:center; float:right;     max-height: 500px;
    overflow: hidden;
 }

.product-con-box2{ background:#f5f5f5; padding:30px 0;}
.product-con-box2 .top{ font-size:1.8em; color:#333; margin-bottom:10px;}
.product-con-box2 .img{ overflow:hidden;}
.product-con-box2 .img li{ position:relative; padding-bottom:12px; float:left; /* width:25%; */}
.product-con-box2 .img li i{ display:inline-block; width:70px; height:3px; background: #40b13e; position:absolute; bottom:0; left: 172px;}

.product-con-box3{ padding:8.8% 0;}
.product-con-box3 .title{ font-size:7em; color:#fff; font-weight:bold; text-shadow: 5px 5px 3px rgba(0,0,0,.5); letter-spacing:1px;}
.product-con-box3 .text{ height:62px; line-height:62px; background:url(../images/pro-con-icon.png) no-repeat center left; font-size:2.4em; color:#fff; font-weight:bold; text-indent:30px;}

.product-con-box4{ padding:3.4% 0 4%;}
.product-con-box4 .top{ font-size:3.4em; text-align:center; font-weight:bold; color:#333;}
.product-con-box4 .box{ overflow:hidden; margin-top:4%; padding:0 4%;}
.product-con-box4 .box .img{ padding:0 25px;}
.product-con-box4 .box .text{  padding:1.4% 25px; font-size:1.4em; line-height:24px;}

.product-con-box5{ padding:2% 0 4%; background:url(../images/index-bg.jpg) repeat-y; background-size:contain;}
.product-con-box5 .top{ font-size:3.4em; text-align:center; font-weight:bold; color:#fff;}
.product-con-box5 .box{ text-align:center; margin-top:30px;}
.product-con-box5 .box table{ background:#fff; border-top:1px solid #d2d2d2; border-left:1px solid #d2d2d2; width:100%; }
.product-con-box5 .box table td{ border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; height:35px; line-height:35px; text-align:left; padding:0 10px; font-size:1.4em;}



.zs-list{ padding-top:50px;}
.zs-list ul{ margin: 0 -15px; overflow:hidden;}
.zs-list li{ margin-bottom:30px;}
.zs-list li:nth-child(4n-3){ clear:left;}
.zs-list li .img{ overflow:hidden;}
.zs-list li .img img{ transition:all .3s linear 0s;}
.zs-list li:hover .img img{ transform:scale(1.1,1.1)}
.zs-list li .title{ font-size:1.4em; color:#333; height:50px; line-height:50px; text-align:center; background:#f4f4f4; overflow:hidden;}
.zs-list li:hover .title{ background:#40b13e; color:#fff;}

.news-list{ padding-top:50px; margin-bottom:30px;}
.news-list li{ overflow:hidden; padding-bottom:40px; border-bottom:1px solid #d2d2d2;}
.news-list li + li{ padding-top:40px;}
.news-list li .img{ padding:0; overflow:hidden;}
.news-list li .img img{ transition:all .3s linear 0s;}
.news-list li:hover .img img{ transform:scale(1.1,1.1);}
.news-list li .text{ padding:0 0 0 35px;}
.news-list li .text .title{ font-size:1.8em; color:#333;}
.news-list li .text .p{ text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden; font-size:1.4em; line-height:26px; color:#656565;  margin-top:8px;}
.news-list li .text .other{ overflow:hidden; height:40px; line-height:40px; margin-top:4%;}
.news-list li .text .other .date{ font-size:1.4em; color:#333; float:left; background:url(../images/news-icon1.png) no-repeat center left; padding-left:30px;}
.news-list li .text .other .more{ width:150px; height:40px; border:1px solid #b5b5b5; line-height:40px; text-align:center; float:right;}
.news-list li .text .other .more span{ font-size:1.4em; color:#333; background:url(../images/news-icon2.png) no-repeat center left; padding-left:32px; display:inline-block;}
.news-list li:hover .text .title{ color:#40b13e;}
.news-list li .text .other .more:hover{ border:1px solid #40b13e; background:#40b13e;}
.news-list li .text .other .more:hover span{ color:#fff; background:url(../images/news-icon3.png) no-repeat center left; }

.news-con{ padding-top:50px;}
.news-con .title{ text-align:center; font-size:3em; font-weight:bold; margin-bottom:15px;}
.news-con .bq{ background:#f8f8f8; height:50px; line-height:50px; text-align:center;}
.news-con .bq span{ font-size:1.4em; color:#8b8b8b; display:inline-block; padding-left:30px; margin:0 20px;}
.news-con .bq .date{ background:url(../images/news-icon1.png) no-repeat center left;}
.news-con .bq .see{ background:url(../images/news-icon4.png) no-repeat center left;}
.news-con .text{ padding:30px 0; font-size:1.4em; color:#333; line-height:26px;}
.news-con .text img { height:auto !important }

.pager{ border-top:1px solid #dcdcdc; padding:20px 0; margin:0 0 30px; font-size:1.4em; color:#333; text-align:left;}
.pager .prev{ margin-bottom:10px;}
.pager .next a, .pager .next span{ float:inherit;}
.pager a:hover{ color:#40b13e; text-decoration:underline;}

.fw-box1{ overflow:hidden; padding:5% 0 4%;}
.fw-box1 .img{ float:right; padding:0; position:relative;}
.fw-box1 .img .box{ width:400px; background:rgba(0,0,0,.5); text-align:center; position:absolute; bottom:34px; left:50%; transform:translateX(-50%); color:#fff; padding:20px 0;}
.fw-box1 .img .box p{ text-align:center;}
.fw-box1 .img .box .t{ font-size:2.2em; font-weight:bold;}
.fw-box1 .img .box .tel{ font-size:3.4em; font-weight:bold;}
.fw-box1 .img .box .p{ font-size:1.4em;}
.fw-box1 .text{ padding-left:0;}
.fw-box1 .text .title .en{ text-transform:uppercase; font-size:4em; font-family:"Impact"; color:#40b13e; letter-spacing: 1.5px; line-height:40px;}
.fw-box1 .text .title .cn{ font-size:3em; color:#333; font-weight:bold;}
.fw-box1 .text .p{ font-size:1.4em; color:#333; line-height:24px;}
.fw-box1 .text .p p{ margin-top:20px;}
.fw-box1 .text .p span{ font-weight:bold;}

.fw-box2{ background:#f6f6f6; padding:3% 0 3%;}
.fw-box2 .top .en{ text-transform:uppercase; font-size:4em; font-family:"Impact"; color:#40b13e; letter-spacing: 1.5px; line-height:40px;}
.fw-box2 .top .cn{ font-size:3em; color:#333; font-weight:bold; background:url(../images/fw-icon1.png) no-repeat center right;}
.fw-box2 .list li{ position:relative; height:65px; line-height:65px; border-bottom:1px solid #dcdcdc; font-size:1.4em; color:#333; padding-left:20px;}
.fw-box2 .list li a{ display:inline-block; width:100%; height:100%;}
.fw-box2 .list li i{ display:inline-block; width:6px; height:6px; border-radius:6px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#bfbfbf;}
.fw-box2 .list li:hover a{ color:#40b13e;}
.fw-box2 .list li:hover i{  background:#40b13e;}

.fw-download{ padding-left:0; padding-right:30px;}
.fw-download .img{ margin-top:20px;}
.fw-download .list li span{ display:inline-block; width:28px; height:28px; background:url(../images/fw-icon2.png) no-repeat center; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.fw-download .list li:hover span{ background:url(../images/fw-icon3.png) no-repeat center;}
.fw-zs{ padding-right:0;  padding-left:30px;}
.fw-zs .text{ margin-top:20px; background:#e6e6e6; padding:31px 24px;}
.fw-zs .text .title{ font-size:1.8em; color:#40b13e; margin-bottom:10px;}
.fw-zs .text .p{ font-size:1.4em; color:#737373; line-height:24px; text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}

.fw-list{ padding-top:20px; margin-bottom:30px;}
.fw-list li{ padding:35px 0; overflow:hidden; border-bottom:1px solid #dcdcdc;}
.fw-list li .date{ text-align:right; padding:0; border-right:1px solid #dcdcdc;}
.fw-list li .date span{ font-size:1.8em; color:#929292; display:inline-block; line-height:22px;}
.fw-list li .date p{ font-family:"Impact"; font-size:4.4em; color:#939393; line-height:38px; letter-spacing:1.5px;}
.fw-list li:hover .date p{ color:#40b13e;}
.fw-list li .text{ padding: 0 20px; border-right:1px solid #dcdcdc;}
.fw-list li .text .title{ text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; font-size:1.8em; color:#333;}
.fw-list li:hover .text .title{ color:#40b13e;}
.fw-list li .text .p{ text-overflow: ellipsis; display: -webkit-inline-box;    -webkit-line-clamp: 1;    -webkit-box-orient: vertical;    overflow: hidden; font-size:1.4em; color:#8e8e8e; margin-top: 5px;}
.fw-list li .more{ line-height:60px;  text-align:right; padding:0;}
.fw-list li .more span{ display:inline-block; width:150px; height:40px; line-height:40px; border:1px solid #b9b9b9; font-size:1.4em; color:#333; text-align:center; text-indent:34px; position:relative;}
.fw-list li .more i{ background:url(../images/index-icon2.png) no-repeat center; position:absolute; width:22px; height:22px; display:inline-block; top:50%; transform:translateY(-50%); left:34px;}
.fw-list li .more span:hover{ background:url(../images/index-bg.jpg) repeat-y; background-size:contain; border:none; color:#fff;}
.fw-list li .more span:hover i{ background:url(../images/index-icon.png) no-repeat center;}

.contact-box{ overflow:hidden; padding:4% 0;}
.contact-text{ padding:0; }
.contact-text .title{ font-weight:bold; border-bottom:4px solid #40b13e; float:left; padding-bottom:15px; margin-bottom:10px;}
.contact-text .title .cn{ font-size:3em; color: #40b13e;}
.contact-text .title .en{ font-size:2.2em; color:#a8a8a8;}
.contact-text li{ width:100%; font-size:1.4em; color: #333; line-height:22px; padding-left:25px; margin-top:10px;}
.contact-text li.icon1{ background:url(../images/contact-icon1.png) no-repeat center left;}
.contact-text li.icon2{ background:url(../images/contact-icon2.png) no-repeat center left;}
.contact-text li.icon3{ background:url(../images/contact-icon3.png) no-repeat 0px 3px;}
.contact-tel{ text-align:center; padding: 2.5% 15px; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}
.contact-tel span{ font-size:3em; color:#333; font-weight:bold;}
.contact-tel p{ text-align:center;  font-size:1.8em; color:#40b13e;}
.contact-tel p.tel{ font-size:5em; font-weight:bold; letter-spacing:1.5px;}
.contact-wx{ padding-right:0; text-align:right;}
.contact-wx .img{ width:170px; display:inline-block;}
.contact-wx .title{ width:170px; text-align:center; font-size:1.4em; color:#333; display:inline-block; margin-top:15px;}

.map{ height:400px; margin-bottom:5%;}


.i_four-frame{ padding: 60px 0;}
.i_four-frame .title{ font-size:3.2em; color:#333; font-weight:bold; text-align: center;}
.i_four-frame .title span{ color:#40b13e; margin-left:5px; text-transform:uppercase;}
.i_four-frame .box{ margin-top: 0;}
.i_four-frame .box .frame{ display: flex;}
.i_four-frame .box .frame .img{ width: 50%; height: 300px; overflow: hidden; position: relative;}
.i_four-frame .box .frame .img img{ position: absolute; width: 100%; height: 100%; object-fit: cover;}
.i_four-frame .box .frame .text{ flex: 1; padding: 3.2vw 30px 20px 25px;}
.i_four-frame .box .frame .text .t{ font-size: 2.4em; color: #40b13e; font-weight: bold;}
.i_four-frame .box .frame .text .p{ color: #333; font-size: 1.4em; line-height: 30px; margin-top: 20px;}
.i_four-frame .box .frame:nth-child(2n) .text{ background: #40b13e;}
.i_four-frame .box .frame:nth-child(2n) .text .t{ color: #fff;}
.i_four-frame .box .frame:nth-child(2n) .text .p{ color: #fff;}

.i_four-frame .box .swiper-button-next{ right: 0;}
.i_four-frame .box .swiper-button-prev{ left: 50%;}
.i_four-frame .box .swiper-button-next, .i_four-frame .box .swiper-button-prev{ width: 50px; height: 100px; border-radius: 0; margin-top: -50px; background: rgba(0,0,0,.5); transition: all .3s;}
.i_four-frame .box .swiper-button-next::after, .i_four-frame .box .swiper-button-prev::after{ display: none;}
.i_four-frame .box .swiper-button-next i, .i_four-frame .box .swiper-button-prev i{ color: #fff; font-size: 3.2em; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}








@media (min-width:1366px) {
.container{ width:1300px; padding:0;}

.index-box1 .box .left{ width:300px;}
.index-box1 .box .right{ width:1000px;}

.iproduct  .hd{ width:180px;}
.iproduct  .bd{ width:1120px;}

.fc-list ul{ margin: 0 -17.5px;}
.fc-list li{ padding:0 17.5px;}

.news-list li .img{ width:350px;}
.news-list li .text{ width:950px;}

.fw-box1 .img{ width:600px;}
.fw-box1 .text{ width:700px; padding-right:60px;}

.fw-list li .date{ width:136px; padding-right:20px;}
.fw-list li .text{ width:972px;}
.fw-list li .more{ width:192px;} 
}
@media (max-width:1366px) and (min-width: 1200px){
.header .pc-nav li a{ padding:0 15px; font-size: 1.4em;}

.index-box1 .box .left{ padding: 20px 25px 30px;}
.index-box1 .box .right { padding: 0 30px;}

.iproduct .bd{ padding:0;}
.iproduct .bd .text{ padding-left:65px}

.iabout .box .img{ height: 300px;}
.iabout .box .text .btns { margin-top: 2%;}
.iabout .box .text .ys { margin-top: 12%;}
.iabout .bg{ height:150px;}

.foot-nav dl{ margin-right:7.2%;}

.about-box2 .text .title{ margin-top:0;}
.about-box2 .text .p{ margin-top:1%;}
.about-box3 .text .title{ margin-top:0;}
.about-box3 .text .p{ margin-top:1%;} 

.wh-box .text{ height:333px;}
.wh-box .text dl{ margin-bottom:10px;}

.product-fl-box .text .other dd a{ width:166px;}

.news-list li .text .other{ margin-top:6px;}

.fw-box1 .text{ padding-right:30px;}
.fw-zs .text{ padding: 21px 24px;}

.fw-list li .date{ width:136px; padding-right:20px;}
.fw-list li .text{ width:814px;}

.lc-box .box .list{ padding: 46% 4px;}
}
@media (max-width:1199px) and (min-width:992px){
.header{ height:108px; line-height:100px;}
.header .pc-nav{ height:100px; }
.header .pc-nav li > a{ font-size:1.3em; padding:0 10px;}
.header .pc-nav li dl{ width:130%;}
.header .pc-nav li dd a{ font-size:1.4em;}
.header .pc-search{ margin: 38px 0 0 10px;}

.index-box1 .box .left{ padding: 20px 20px 30px;}
.index-box1 .box .left p:first-child{ font-size:2em;}
.index-box1 .box .left p:last-child{ font-size:1.6em;}
.index-box1 .box .left .btns a{ font-size:1.6em;}
.index-box1 .box .right { padding: 0 30px;}
.index-box1 .box .right .bd select{ padding: 0 40px 0 15px; background-size:20px;}

.iproduct .bd .text{ padding-left:15px}

.iabout .box .img{ height: 380px;}
.iabout .box .text { padding-left: 30px;}
.iabout .box .text .title{ font-size:2.6em;}
.iabout .box .text .ys{ margin-top: 10%;}
.iabout .box .text .ys li{ width: 50% !important;}
.iabout .box .text .ys li .num span{ font-size: 1.6em;}
.iabout .bg{ height:230px;}

.foot-nav dl{ margin-right:4.6%;}
.foot-wx { padding: 0px 0 0 4%;}

.page-banner{ height:250px;}

.about-box1 .text{ padding-right:20px;}
.about-box1 .text .title .cn{ font-size:2.8em;}
.about-box1 .text .title .en{ font-size:2em;}
.about-box1 .text .ys li{ width: 50% !important;}
.about-box1 .text .ys li .num span{ font-size: 1.6em;}
.about-box2 .text{ padding:0 0 0 20px;}
.about-box2 .text .p{ margin-top:2%;}
.about-box3 .text{ padding:0 20px 0 0;}
.about-box3 .text .p{ margin-top:2%;}

.lc-box .box .list{ padding:59% 4px;}

.wh-box .text{ padding:20px 30px;}
.wh-box .img{ height:380px; position:relative;}
.wh-box .img img{ position:absolute; max-width:inherit; height:100%; left:50%; transform:translateX(-50%);}

.product-list ul{ margin:0 -15px;}
.product-list li{ padding:0 15px;  margin-bottom:30px;}
.product-list li .top{ padding: 25px 30px 0; height:190px;}
.product-list li .top .title{ left:200px; top:40px; font-size:2.8em;}
.product-list li .top .img img{ width:130px;}
.product-list li .bottom .lm{  padding-left:20px;}

.product-fl-box .text .p{ width:100%;}
.product-fl-box .text .other dd a{ width: 120px;} 
.product-fl-box .text .other dd{ padding-right:15px;}
.product-fl-box.box2 .text .other dd{ padding-left:15px;}

.product-con-box2 .img ul{ margin:0 -15px;}
.product-con-box2 .img li{ padding:0 15px 12px;}
.product-con-box2 .img li i{ left: 144px;}
.product-con-box3 .title{ font-size:6em;}

.fw-box1 .text{ padding-right:30px;}
.fw-box1 .text .p p{ margin-top:10px;}
.fw-box1 .text .title .en{ font-size:3em; line-height:30px;}
.fw-box1 .text .title .cn{ font-size:2em;}
.fw-box2 .top .en{ font-size:3em; line-height:30px;}
.fw-box2 .top .cn{ font-size:2em; background-size: 30px;}
.fw-zs .text{ padding: 10px 24px 8px;}

.fw-list li .date{ padding-right: 40px;}
.fw-list li .more{ padding-left:20px;}
.fw-list li .more span{ width:100%;}
.fw-list li .more i{ left:18%;}

.contact-tel{ padding:5% 15px;}
.contact-tel span{ font-size:2.4em;}
.contact-tel p.tel{ font-size:3.6em;}
.contact-tel p{ font-size:1.4em;}
}
@media (max-width:991px) and (min-width: 768px){
.container{ width:100%; padding:0 15px;}
.header{ background:#fff; height:84px; line-height:80px; width:100%; box-shadow:0 3px 5px rgba(0,0,0,.25); border-top: 4px solid #40b13e;}
.header .logo{ width: 75% !important;}
.header .logo img{ height:50px;}
.header .nav-btn{ height:84px; line-height:84px;}
.h60{ height:84px;}

.banner{ margin-top:0;}

.index-box1 .box .left{ padding: 20px 20px 30px;}
.index-box1 .box .left p:first-child{ font-size:1.8em;}
.index-box1 .box .left p:last-child{ font-size:1.4em;}
.index-box1 .box .left .btns a{ font-size:1.4em;}
.index-box1 .box .right { padding: 0 30px 30px;}
.index-box1 .box .right .bd select{ padding: 0 40px 0 15px; background-size:20px;}

.iproduct .hd li{ width:33.33333%; float:left;}
.iproduct .bd .text{ padding-left:0;}
.iproduct .bd .img{ transform: translateY(0px);}

.inews .top span{ font-size:2.6em;}

.iabout .box .img{ height: 400px;}
.iabout .box .img img{ width:100%;}
.iabout .box .text{ padding:20px 15px;}
.iabout .box .text .btns{ margin-top: 2%;}
.iabout .box .text .ys { margin-top: 5%;}
.iabout .box .text .ys li{ width: 25% !important;}
.iabout .bg{ height: 125px; }

.foot-nav{ display:none;}
.foot-contact{ border-left:0; padding-left:0; }
.foot-wx{ padding: 0px 0 0 8%;}

.page-banner{ height:220px; margin-top:0; }

.about-box1 .text{ padding-right:20px;}
.about-box1 .text .title .cn{ font-size:2.8em;}
.about-box1 .text .title .en{ font-size:2em;}
.about-box1 .text .ys li{ width: 25% !important;}
.about-box2 .text{ padding:0 0 0 20px;}
.about-box2 .text .p{ margin-top:2%;}
.about-box3 .text{ padding:0 20px 0 0;}
.about-box3 .text .p{ margin-top:2%;}

.lc-box .box .swiper-container{ padding: 0 10% 0 5%;}
.lc-box .box .swiper-slide{ width:45%;}
.lc-box .box .list{ padding:58% 4px;}

.wh-box .text{ width:100%; height:auto;}
.wh-box .img:nth-child(3){ float:inherit;}
.wh-box .text:nth-child(4){ margin-top:0;}
.wh-box .text:nth-child(4) dl{ margin-bottom:20px !important;}

.product-list ul{ margin:0 -15px;}
.product-list li{ padding:0 15px;  margin-bottom:30px;}
.product-list li .top{ padding: 25px 30px 0; height:140px;}
.product-list li .top .title{ left:160px; top:24px; font-size:2.2em;}
.product-list li .top .img img{ width:100px;}
.product-list li .bottom{ padding:20px ;}
.product-list li .bottom .lm{  padding-left:20px;}

.product-fl-box .text .p{ width:100%;}
.product-fl-box .text .other{ width:100%;}
.product-fl-box .text .other dd{ width:20%; padding-right:1%;}
.product-fl-box .text .other dd a{ width: 100%;} 
.product-fl-box.box2 .text .other dd{ padding-left:1%;}

.product-con-img{ float:inherit;}
.product-con-img img{ height:280px;}
.product-con-text .title{ font-size:3em; line-height:40px; padding-bottom:20px;}
.product-con-box2 .img ul{ margin:0 -15px;}
.product-con-box2 .img li{ padding:0 15px 12px; width:50%; margin-bottom:15px;}
.product-con-box2 .img li i{ left: 188px;}
.product-con-box3 .title{ font-size:5em;}
.product-con-box3 .text{ font-size:1.8em;}
.product-con-box4 .top{ font-size:2.8em;}
.product-con-box4 .box{ padding:0;}
.product-con-box4 .box .img{ padding:0; text-align:center;}
.product-con-box4 .box .text{ padding:0; margin-top:30px;}
.product-con-box5{ padding:4% 0;}
.product-con-box5 .top{ font-size:2.8em;}

.zs-list li:nth-child(4n-3){ clear:inherit;}
.zs-list li:nth-child(3n-2){ clear:left;}

.news-list li .text{ padding:0 0 0 20px;}
.news-list li .text .p{ -webkit-line-clamp: 2;}
.news-con .title{ font-size:2.6em;}

.fw-box1 .img{ float:inherit; text-align:center;}
.fw-box1 .text{ margin-top:30px;}
.fw-box1 .text .title .en{ font-size:3em; line-height:30px;}
.fw-box1 .text .title .cn{ font-size:2em;}
.fw-box1 .text .p p{ margin-top:10px;}
.fw-box2 .top .en{ font-size:3em; line-height:30px;}
.fw-box2 .top .cn{ font-size:2em; background-size: 30px;}
.fw-download{ padding:0;}
.fw-download .list li span{ background-size:20px;}
.fw-zs{ padding:0; margin-top:30px;}

.fw-list li{ padding:25px 0;}
.fw-list li .date{ text-align:left;}
.fw-list li .date span{ text-indent: 72px;}
.fw-list li .more{ padding-left:20px;}
.fw-list li .more span{ width:100%;}
.fw-list li .more i{ left:12%;}

.contact-text .title{ border-bottom:2px solid #40b13e;}
.contact-text .title .cn{ font-size:2.4em;}
.contact-text .title .en{ font-size:1.8em;}
.contact-tel{ padding:4.8% 15px;}
.contact-tel span{ font-size:2.4em;}
.contact-tel p.tel{ font-size:3.6em;}
.contact-tel p{ font-size:1.4em;}
.contact-wx .img{ width: 100%;}
.contact-wx .title{ width: 100%;}
}
@media (max-width: 767px){
.container{ width:100%; padding:0 15px;}
.header{ position:fixed; background:#fff; height:62px; line-height:60px; width:100%; box-shadow:0 3px 5px rgba(0,0,0,.25); border-top: 2px solid #40b13e;}
.header .logo{ width: 75% !important;}
.header .logo img{ height:34px;}
.header .nav-btn{ height:62px; line-height:62px;}

.banner{ margin-top:0;}
.banner .swiper-pagination{ bottom:5px;}
.banner .swiper-pagination-bullet{ width:10px; height:10px;     margin: 0 6px !important;}

.index-box1 .box .left{ padding: 10px 15px 20px;}
.index-box1 .box .left p:first-child{ font-size:1.8em;}
.index-box1 .box .left p:last-child{ font-size:1.4em;}
.index-box1 .box .left .btns a{ font-size:1.4em; height:35px; line-height:35px;}
.index-box1 .box .right { padding: 0 0 20px;}
.index-box1 .box .right .hd{ margin-top:15px;}
.index-box1 .box .right .hd li{ padding:10px 5px; height:auto; line-height:inherit;}
.index-box1 .box .right .hd li span{  padding-left:0; font-size:1.4em; height: 1.6em; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.index-box1 .box .right .bd{ padding-top:20px;}
.index-box1 .box .right .bd select{ padding: 0 20px 0 15px; background-size: 10px; background-position: 95% center; width:33.33333% !important;}
.index-box1 .box .right .bd input{ width:33.3333%;}

.index-box1 .box .right .hd li .icon21{ padding-left: 0; background-position: center top !important;  padding-top:35px; height:auto }
.index-box1 .box .right .hd li .icon22{ padding-left: 0; background-position: center top !important;  padding-top:35px; height:auto }
.index-box1 .box .right .hd li .icon23{ padding-left: 0; background-position: center top !important;  padding-top:35px; height:auto }

.iproduct .hd{ overflow:hidden;}
.iproduct .bd{ overflow:hidden; padding:0;}
.iproduct .hd li{ width:33.33333%; float:left; height: 85px;}
.iproduct .hd li span{ background-position: center 18% !important; background-size:54px !important; padding-top:52px;}
.iproduct .bd .text{ padding-left:0;}
.iproduct .bd .text .title{ font-size:2em;}
.iproduct .bd .text .xh{ font-size:1.4em; margin-top:3%;}
.iproduct .bd .text .p{ line-height:22px; height: 152px; margin-top:3%;}
.iproduct .bd .img{ transform: translateY(0px);}
.iproduct .bd .text .btns a{ height:45px; line-height:45px; font-size:1.4em; width:140px;}
.iproduct .bd .text .btns i{ left:25px;}

.inews .top span{ font-size:2em;}
.inews .top a{ width:140px;}
.inews .top a i{ left:25px;}
.inews .list{ margin:5% -15px 0;}
.inews .list li{ margin-bottom:15px;}

.iabout{ padding:5% 0;}
.iabout .box .img{ height: 245px;}
.iabout .box .img img{ width:100%;}
.iabout .box .text{ padding:20px 15px;}
.iabout .box .text .title{ font-size:2em;}
.iabout .box .text .btns{ margin-top: 2%;}
.iabout .box .text .ys li{ width: 50% !important;}
.iabout .box .text .ys li .num b{ font-size:3.2em;}
.iabout .box .text .ys li .num span, .iabout .box .text .ys li .t{ font-size:1.4em;}
.iabout .box .text .ys { margin-top: 10%;}
.iabout .bg{ height: 186px; }

.footer .foot-box{ padding:25px 0;}
.foot-nav{ display:none;}
.foot-contact{ border:0; padding-left:0; }
.foot-wx{ padding: 0;}

.foot-copy p{ text-align:center; float:none; line-height:24px;}

.page-banner{ height:150px; margin-top:2px;}
.page-banner .title{ font-size:2.2em;}

.about-box1 .img{ float:inherit;  text-align:center;}
.about-box1 .text{ padding:0; margin-top:20px;}
.about-box1 .text .title .cn{ font-size:2.2em; line-height:24px;}
.about-box1 .text .title .en{ font-size:1.6em;}
.about-box1 .text .ys li{ width: 50% !important;}
.about-box1 .text .ys li .num b{ font-size:3.2em;}
.about-box1 .text .ys li .num span, .about-box1 .text .ys li .t{ font-size:1.4em;}
.about-box2{ padding:5% 0;}
.about-box2 .img{ text-align:center;}
.about-box2 .text{ padding:0;}
.about-box2 .text .title .year{ font-size:2.6em;}
.about-box2 .text .title .t{ font-size:1.8em; margin-top:0;}
.about-box2 .text .p{ margin-top:2%;}
.about-box3{ padding:5% 0;}
.about-box3 .img{ text-align:center; float:inherit;}
.about-box3 .text{ padding:0;}
.about-box3 .text .title .year{ font-size:2.6em;}
.about-box3 .text .title .t{ font-size:1.8em; margin-top:0;}
.about-box3 .text .p{ margin-top:2%;}

.pager-nav li{ width:25%;}
.pager-nav li a{ padding:0; width:100%; height:100%; text-align:center;}
.pager-nav li+li a{ padding:0;}

.lc-box .top .cn{ font-size:2em;}
.lc-box .top .en{ font-size:1.6em;}
.lc-box .box .list{ padding:131% 4px;}
.lc-box .box .swiper-slide{ width:80%;}
.lc-box .box .swiper-slide .text .year{ font-size:2em;}

.wh-box .text{ width:100%; height:auto; padding:20px;}
.wh-box .text dt{ font-size:1.8em; margin-bottom:5px;}
.wh-box .img:nth-child(3){ float:inherit;}
.wh-box .text:nth-child(4){ margin-top:0;}
.wh-box .text:nth-child(4) dl{ margin-bottom:20px !important;}

.fc-list{ padding-top:5%;}
.fc-list ul{ margin: 0 -7.5px;}
.fc-list li{ padding:0 7.5px; margin-bottom:15px;}
.fc-list li:nth-child(3n-2){ clear:none;}
.fc-list li:nth-child(2n-1){ clear:left;}

.product-list ul{ margin:0 -15px;}
.product-list li{ padding:0 15px;  margin-bottom:30px;}
.product-list li .top{ padding: 25px 30px 0; height:140px;}
.product-list li .top .title{ left:160px; top:24px; font-size:2.2em;}
.product-list li .top .img img{ width:100px;}
.product-list li .bottom{ padding:20px ;}
.product-list li .bottom .lm{  padding-left:20px;}

.product-fl-box .img{ text-align:center;}
.product-fl-box .img img{ height:200px;}
.product-fl-box .text .title{ font-size:2.2em; margin-top:20px;}
.product-fl-box .text .p{ width:100%;  -webkit-line-clamp: inherit; overflow: auto; height: auto;}
.product-fl-box .text .other dd{ width:33.33333%; padding-right:1%; margin-bottom:1%;}
.product-fl-box .text .other dd a{ width: 100%;} 
.product-fl-box.box1 .img{ float:inherit; text-align:center;} 
.product-fl-box.box2 .text .title{ float:left;}
.product-fl-box.box2 .text .title i{ right:inherit; left:0;}
.product-fl-box.box2 .text .other{ float:left; width:100%;}
.product-fl-box.box2 .text .other dt{ text-align:left;}
.product-fl-box.box2 .text .other dd{  padding-left:0; padding-right:1%;}

.product-con-box1{ margin-top:5%; margin-bottom:0;}
.product-con-img{ float:inherit;}
.product-con-img img{ height:180px;}
.product-con-text{ padding:20px 0;}
.product-con-text .title{ font-size:2.4em; line-height:34px; padding-bottom:20px;}
.product-con-text .text{ width:100%;}
.product-con-text .imgs dl{ width:100%;}
.product-con-text .imgs dd{ padding-right:15px;}
.product-con-text .btns{ margin-top:0px;}
.product-con-box2{ padding:30px 0 20px;}
.product-con-box2 .img li{ padding:0 0 12px; width:100%; margin-bottom:15px;}
.product-con-box3 .title{ font-size:3em;}
.product-con-box3 .text{ font-size:1.6em; height:35px; line-height:35px; background-size:cover; text-indent:15px;}
.product-con-box4{ padding:5% 0;}
.product-con-box4 .top{ font-size:2em;}
.product-con-box4 .box{ padding:0;}
.product-con-box4 .box .img{ padding:0; text-align:center;}
.product-con-box4 .box .text{ padding:0; margin-top:20px;}
.product-con-box5{ padding:5% 0;}
.product-con-box5 .top{ font-size:2em;}
.product-con-box5 .box{ margin-top:15px;}

.zs-list{ padding-top:5%;}
.zs-list ul{ margin: 0 -7.5px;}
.zs-list li{ padding:0 7.5px; margin-bottom:15px;}
.zs-list li:nth-child(4n-3){ clear:inherit;}
.zs-list li:nth-child(2n-1){ clear:left;}

.news-list{ padding-top:5%;}
.news-list li{ padding-bottom:20px;}
.news-list li .img img{ width:100%;}
.news-list li .text{ padding:0; margin-top:20px;}
.news-con{ padding-top:5%;}
.news-con .title{ font-size:2em;}

.fw-box1 .img{ float:inherit; text-align:center;}
.fw-box1 .img .box{ width:80%; bottom:20px;}
.fw-box1 .text{ margin-top:30px;}
.fw-box1 .text .title .en{ font-size:3em; line-height:30px;}
.fw-box1 .text .title .cn{ font-size:2em;}
.fw-box1 .text .p p{ margin-top:10px;}
.fw-box2 .top .en{ font-size:3em; line-height:30px;}
.fw-box2 .top .cn{ font-size:2em; background-size: 30px;}
.fw-box2 .list li{ height:50px; line-height:50px;}
.fw-download{ padding:0;}
.fw-download .list li span{ background-size:20px;}
.fw-zs{ padding:0; margin-top:30px;}
.fw-zs .text{ padding: 20px 24px 14px;}

.fw-list li{ padding:15px 0;}
.fw-list li .date{ text-align:left;}
.fw-list li .date span{ text-indent: 44px; font-size:1.6em; margin-bottom:4px;}
.fw-list li .date p{ font-size:3em; line-height:30px;}
.fw-list li .text{ border-right:none; padding:0 0 0 15px;}
.fw-list li .text .title{ font-size:1.6em;}
.fw-list li .more{ display:none;}

.contact-box{ padding:5% 0;}
.contact-text .title{ border-bottom:2px solid #40b13e;}
.contact-text .title .cn{ font-size:2.4em;}
.contact-text .title .en{ font-size:1.8em;}
.contact-tel{ padding:5% 0; border:none;}
.contact-tel span{ font-size:2.4em;}
.contact-tel p.tel{ font-size:3.6em;}
.contact-tel p{ font-size:1.4em;}
.contact-wx{ padding:0; text-align:center; margin:5% 0;}
.contact-wx .img{ width: 100%;}
.contact-wx .title{ width: 100%;}

.i_four-frame{ padding: 20px 0;}
.i_four-frame .title{ font-size:2em;}
.i_four-frame .box{ margin-top: 15px;}
.i_four-frame .box .frame{ display: block;}
.i_four-frame .box .frame .text{ width: 100%; padding: 20px 25px;}
.i_four-frame .box .frame .text .t{ font-size: 1.8em;}
.i_four-frame .box .frame .img{ width: 100%;}

}
@media (max-width: 414px){

}