﻿@charset "utf-8";
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;	 margin:0; padding:0; }
body { font-family:'微软雅黑'; font-size:12px; color:#707070; background:#fff; background-attachment:fixed;}
a{ text-decoration:none; color:#707070;}
a:hover{ color:#029735 !important;}
ul li{ list-style:none;}
img{ border:none; display:block;}
.fl{ float:left;}
.fr{ float:right;}
.cl:before,.cl:after{content: ""; display: block; *zoom:1; clear: both;}
.zk{ width:92%; max-width:1200px; margin:0px auto;}
h3,h4,h5,h6{ font-weight:normal;}
i{ font-style:normal;}
input,textarea{ outline:none !important; resize:none; font-family:"微软雅黑";}
input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
label{ font-weight:normal; display:block;}
#dituContent div{box-sizing:content-box}

/*浏览器过时*/
#lowerbroswer{ position:fixed; width:100%; height:100%; left:0; top:0; background:#fff; display:none; z-index:999;}
.centerbox{ margin-top:156px;}
.centerbox h1{ margin-bottom: 10px; color: #f62a67; text-align:center;}
.centerbox p{ text-align:center; font-size:16px;}
.btns{ width:480px; margin:0px auto; margin-top:35px;}
.btns a{ display:block; width:33.33%; float:left;}
.btns a img{ margin:0px auto; display:block;}
.btns h4{ text-align:center; font-size:15px; color:#3c3c3c; margin-top:5px;}
.btns a:hover h4{ color: #f62a67;}


.swiper-container{   width:100%; float: left;}
.swiper-container .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; overflow:hidden;}
.swiper-container img.big{ width:1920px;}
.swiper-container img.small{ width:100%; display:none;}
.swiper-container .swiper-pagination span{ width:12px; height:12px; border-radius:50%; opacity:1; background:#eaeaea; margin:0 8px !important; }
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background:#029735;}
@media screen and (max-width:1400px){
.swiper-container img.big{ display:none;}
.swiper-container img.small{ display:block;}
}

.pinzhi{ padding:50px 0;}
.title-pinzhi{ margin:0 auto; max-width:80%;}
.box-pinzhi{ margin-top:45px;}
.pinzhi-tu{ width:50%; overflow:hidden;}
.pinzhi-tu img{ width:100%; transition:0.5s;}
.pinzhi-tu img:hover{ transform:scale(1.05,1.05);}
.pinzhi-wen{ width:50%; padding:2% 3% 0% 0%;}
.pinzhi-wen2{ padding:2% 0% 0% 3%;}
.pinzhi-wen h4{ font-size:25px; color:#3c3c3c; font-weight:bold;}
.pinzhi-wen h5{ font-size:20px; color:#039737; font-weight:bold; display:inline-block; border-bottom:2px solid #039737; padding-bottom:8px; margin-top:5px;}
.pinzhi-wen .con{ font-size:13px; line-height:23px; margin-top:10px;}
@media screen and (max-width:1050px){
.pinzhi-wen{ padding-top:0;}
.pinzhi-wen h4{ font-size:20px;}
.pinzhi-wen h5{ font-size:16px; padding-bottom:1px; margin-top:2px;}
.pinzhi-wen .con{ margin-top:5px;}
}
@media screen and (max-width:736px){
.pinzhi{ padding:30px 0;}
.box-pinzhi{ margin-top:30px;}
.pinzhi-tu{ width:100%;}
.pinzhi-tu img{ max-width:600px; margin:0 auto;}
.pinzhi-wen{ width:100%; padding:0; margin-top:8px;}
.pinzhi-wen h4{ font-size:20px;}
.pinzhi-wen2{ padding:0;}
.pinzhi-wen .con{ max-height:inherit;}
}

.moshi{ background:#ffffff; padding:10px 0;}
.moshi h4{ font-size:30px; color:#3c3c3c; text-align:center;}
.lie-moshi{ width:25%; padding:0 2%; margin-top:50px;text-align:center;}
.lie-moshi img{ margin:0 auto; max-width:80%; transition:0.5s; border-radius:50%;}
.lie-moshi img:hover{ animation:moshi-tu ease-out 0.25s 0.1s 3;}
@keyframes moshi-tu{
0%{ transform:rotate(0deg)}
25%{ transform:rotate(22.5deg)}
50%{ transform:rotate(0deg)}
75%{ transform:rotate(-22.5deg)}
100%{ transform:rotate(0deg)}
}
.lie-moshi h5{ text-align:center; font-size:16px; color:#3c3c3c; margin-top:16px;}
.lie-moshi .con{ font-size:13px; line-height:20px; margin-top:15px; text-align:center; min-height:100px;}
@media screen and (max-width:736px){
.moshi{ padding:30px 0;}
.lie-moshi{ width:50%; padding:0 1%; margin-top:30px;}
}
@media screen and (max-width:360px){
.lie-moshi .con{ min-height:140px;}
}
/*product*/
.erji-banner{ width:100%; position:relative; height:380px; overflow:hidden;}
.erji-banner img{ width:1920px; height:380px; position:absolute; left:50%; margin-left:-960px; top:0;}
.erji-banner-wen{ position:relative; font-size:45px; color:#019836; font-weight:bold; line-height:380px;}
.mbdh{ height:56px; line-height:56px; border-bottom:1px solid #e0e0e0; background:#f8f8f8; color:#8f8f8f; font-size:13px;}
.mbdh a{ color:#8f8f8f;}
.mbdh a.curent{ color:#029735;}
.box-erji{ background:url(../images/erji-dibu-bg_02.png) no-repeat center bottom; padding-bottom:103px;}
.product{ margin-top:40px;}
.product h4{ font-size:35px; color:#029735; text-align:center; background:url(../images/xiahua_03.jpg) no-repeat center bottom; padding-bottom:10px;}
@media screen and (max-width:736px){
.erji-banner{ height:194px;}
.erji-banner img{ width:980px; height:194px; margin-left:-490px;}
.erji-banner-wen{ line-height:194px; font-size:28px;}
.product{ margin-top:26px;}
.product h4{ font-size:25px; padding-bottom:6px;}
}

.lie-product{ width:32%; margin-right:2%; margin-top:38px; overflow:hidden;}
.lie-product a{ display:block; overflow:hidden;}
.lie-product img{ width:100%; transition:0.5s;}
.lie-product h5 a{ font-size:16px; color:#3c3c3c; height:20px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:15px;}
.lie-product .con{ font-size:13px; line-height:20px; margin-top:8px; min-height:60px; max-height:60px; overflow:hidden;}
.lie-product:hover img{ transform:scale(1.1,1.1);}
.lie-product .more a{ width:94px; height:30px; line-height:30px; text-align:center; color:#e0e0e0 !important; background:#029735; margin-top:10px;}

.page {text-align: center; margin:60px 0 40px;}
.page span {display: inline-block;height: 25px;line-height: 24px;background: #029735; border:solid 1px #029735;color: #fff;text-align: center;padding: 0 10px; font-size: 12px;}
.page a:hover {background: #029735;color: #fff!important;}
.page a {display: inline-block;height: 26px;line-height: 24px;background: #fff;border: 1px solid #e3e3e3;  text-align: center; color: #333; padding: 0 10px; font-size: 12px}
@media screen and (max-width:736px){
.lie-product{ width:47%; margin-left:1.5%; margin-right:1.5% !important;}
.page{ margin:40px 0 20px;}
}

/*about*/
.about{ margin-top:40px; margin-bottom:40px;}
.ul-about{ text-align:center;}
.ul-about li{ width:30%; margin:0 1%; display:inline-block; max-width:150px; border-radius:50%; border:1px solid #d7d7d7;}
.ul-about li a{ display:block; font-size:18px; color:#000;}
.ul-about li:hover{ border:1px solid #029735; background:#029735;}
.ul-about li:hover a{ color:#fff !important;}
.ul-about li.hover{ border:1px solid #029735; background:#029735;}
.ul-about li.hover a{ color:#fff !important;}
.con-about{ font-size:14px; line-height:30px; margin-top:30px;}
.con-about img{ display:inline-block; max-width:100%;}
@media screen and (max-width:736px){
.about{ margin-top:30px;}
.ul-about li a{ font-size:15px;}
}

/*F2F*/
.jian-f2f{ font-size:18px; line-height:33px; text-align:center; margin-top:30px; border-bottom:1px dashed #ccc; padding-bottom:30px;}
.con-f2f{ margin:40px 0; padding-bottom:20px; font-size:14px; line-height:30px;}
.con-f2f img{ display:inline-block; max-width:100%;}

/*news*/
.news{ margin-top:30px;}
.box-news{ border-top:1px solid #e1e1e1; padding:20px 0;}
.box-news:last-child{ border-bottom:1px solid #e1e1e1;}
.news-tu{ width:300px; overflow:hidden;}
.news-tu img{ width:100%; transition:0.5s;}
.news-tu:hover img{ transform:scale(1.1,1.1);}
.news-wen{ width:875px;}
.news-wen h5 a{ display:block; font-size:17px; color:#3c3c3c; height:20px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news-wen .time-news{ font-size:13px; color:#9d9d9d; margin-top:8px;}
.news-wen .con-news{ font-size:13px; line-height:22px; margin-top:13px; min-height:88px; max-height:88px; overflow:hidden;}
.news-wen .more-news a{ display:block; width:93px; height:26px; line-height:26px; text-align:center; background:#029735; color:#fff !important; margin-top:13px;}

/*news-xiangqing*/
.news h1{ text-align:center; font-weight:normal; font-size:28px; color:#3c3c3c;}
.time-description{ text-align:center; border-bottom:1px solid #e2e2e2; font-size:13px; color:#838282; margin-top:18px; padding-bottom:12px;}
.time-description span{ margin-left:18px;}
.con-description{ font-size:14px; line-height:30px; margin-top:20px; border-bottom:1px solid #e2e2e2; padding-bottom:50px;}
.shangyipian-news{ margin-top:15px; width:49%;}
.xiayipian-news{ text-align:right;}
.shangyipian-news a{ font-size:14px; color:#3c3c3c; line-height:20px; display:block; width:100%; height:18px; line-height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media screen and (max-width:736px){
.news-tu{ width:49%;}
.news-wen{ width:49% !important;}
.news h1{ font-size:23px; line-height:30px;}
.time-description{ line-height:20px;}
.shangyipian-news{ float:none; width:100%;}
.xiayipian-news{ text-align:left;}
.shangyipian-news a{ width:100%;}
}
@media screen and (max-width:640px){
.news-wen .con-news{ min-height:44px; max-height:44px;}
}
@media screen and (max-width:470px){
.news-wen .con-news{ margin-top:5px;}
.news-wen .more-news a{ margin-top:5px;}
}

.fukuang{ position:fixed; border:1px solid #222; right:10px; top:50%; margin-top:-60px; z-index:999;}
.fukuang .close{ position:absolute; right:0; font-size:20px; color:#222; width:20px; height:20px; line-height:20px; text-align:center; top:-20px; cursor:pointer;}
.fukuang .xiazai{ display:none;}
@media screen and (max-width:736px){
.fukuang{ width:33px; height:32px; border:none;}
.fukuang .close{ display:none;}
.fukuang .erweima{ display:none;}
.fukuang .xiazai{ display:block;}
}

#LabelDividss {	position:fixed; width: 142px; right:10px; top:50%; z-index:999; margin-top:-130px; background:#fff; border-radius:5px;}
#LabelDividss img{ width:140px; margin:0 auto;}

.app-download-overlay { width: 100%; left: 0; bottom: 0; position: fixed; background-color: rgba(0, 0, 0, 0.5); z-index: 999; display:none;}
.app-download-overlay .zk { height: 50px; position: relative;}
.overlay-logo { width: 40px; height: 40px; position: absolute; top: 5px; left: 0; background-image: url(../images/1479283288-405964cd50fc7ae9-160w-160h.png); background-size: cover; background-repeat: no-repeat;}
.overlay-text { position: absolute; top:12px; left:46px; font-size:12px; color: white; height:26px; line-height:26px;}
.app-download-overlay .overlay-button { position: absolute; width: 78px; height: 32px; line-height:32px; border-radius: 5px;  background-color: #3595e7; color: white !important; text-align: center; font-size:17px; top:9px; right:0;}
@media screen and (max-width:736px){
#LabelDividss{ display:none;}
.app-download-overlay{ display:block;}
}






.lsmmain{width: 1300px;height: 3400px;margin: 0 auto; background: url(../images/sjz.jpg) no-repeat center;}
.lsmtit{width: 1300px;float: left;height: 380px;border: 0px solid #ddd;margin-top: 10px;}
.lsmtit_left{width: 500px;float: left;height: 380px;text-align: center;}




.lsmtit_right{width: 700px;float: left;height: 380px;font-family: '微软雅黑';margin-left: 50px;}
.lsmtit_tit{width: 100%;float: left;height: 50px;font-size: 36px;text-align: left;margin-top: 100px;}
.lsmtit_info{width: 100%;float: left;font-size: 18px;text-align: left; margin-top: 40px;}

.step_left{width: 100%;float: left;}
.step1_l{width: 600px;float: left; height: 300px;border: 0px solid #f00;}
.step1_r{width: 600px;height: 300px;float: right; }

.stepr_img{width: 600px; height: 240px;float: left;margin-top: 30px;}
.sl_left{width: 450px;float: left;height: 300px;}
.sl_top{width: 450px;float: left;height: 150px;font-size: 30px;font-family: '微软雅黑'; }
.sl_bot{width: 450px;float: left;height: 150px;font-size: 16px;text-align: right;font-family: '微软雅黑';}

.sl_right{width: 150px;height: 300px; float: left;}


.sl_top span{ height: 50px;font-size: 30px;color: #039737;border-bottom: 3px solid #039737;float: right; margin-top: 80px;font-weight: 600;}


.step2_l{width: 600px;height: 300px;float: left;}
.step2_r{width:600px;height: 300px;float: right; }


.sr_left{width: 150px;height: 300px; float: left;}
.sr_left img{width: 150px;height: 300px;}
.sr_right{width: 450px;float: left;height: 300px;}
.sr_top{width: 450px;float: left;height: 150px;font-size: 30px;font-family: '微软雅黑'; }
.sr_bot{width: 450px;float: left;height: 150px;font-size: 16px;text-align: left;font-family: '微软雅黑';}


.step .Slide{width: 600px;height: 240px;float: left; overflow: hidden;}
.step .Slide img{transform: scale(1);transition: all 0.3s ease 0s; -webkit-transform: scale(1.0); -webkit-transform: all 0.3s ease 0s;}
 .step .Slide img:hover {overflow: hidden; transform: scale(1.1);   transition: all 0.3s ease 0s;  -webkit-transform: scale(1.1);  -webkit-transform: all 0.3s ease 0s;}

.sr_top span{ height: 50px;font-size: 30px;color: #039737;border-bottom: 3px solid #039737;float: left; margin-top: 80px;font-weight: 600;}

.sltit_01{width: 100%;height: 150px; float: left;background: url(../images/lsm_09.jpg) no-repeat left center;}
.srtit_02{width: 100%;height: 150px; float: left;background: url(../images/lsm_20.jpg) no-repeat right center;}
.sltit_03{width: 100%;height: 150px; float: left;background: url(../images/lsm_30.jpg) no-repeat left center;}
.srtit_04{width: 100%;height: 150px; float: left;background: url(../images/lsm_41.jpg) no-repeat right center;}
.sltit_05{width: 100%;height: 150px; float: left;background: url(../images/lsm_50.jpg) no-repeat left center;}
.srtit_06{width: 100%;height: 150px; float: left;background: url(../images/lsm_61.jpg) no-repeat right center;}
.sltit_07{width: 100%;height: 150px; float: left;background: url(../images/lsm_69.jpg) no-repeat left center;}
.srtit_08{width: 100%;height: 150px; float: left;background: url(../images/lsm_78.jpg) no-repeat right center;}
.sltit_09{width: 100%;height: 150px; float: left;background: url(../images/lsm_88.jpg) no-repeat left center;}
.srtit_10{width: 100%;height: 150px; float: left;background: url(../images/lsm_99.jpg) no-repeat right center;}



















