﻿/*全局样式*/
*{margin:0;padding:0;}
html{max-width:640px; margin:0 auto; background:#f1f1f1;}
body{background:#fff; font-family:Arial,'Microsoft YaHei',SimHei,SimSun; font-size:14px; overflow-x:hidden; line-height:24px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none;}
.img-none{display:none !important;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width:100%; max-height: 100%;display: block;	margin:auto;padding:auto;}

.wrap{width:calc(100% - 20px); margin:0 auto;}
header{width:100%; float:left;}
main{width:100%; float:left;}
footer{width:100%; float:left;}
/*End*/

.header{width:100%;max-width:640px; float:left; background:#fff; left:50%; top:0; position:relative; z-index:99999;transform: translateX(-50%); border-bottom:2px solid #1b9f3a;}
.logo{width:100%; float:left; position:relative; padding:20px 10px;}
.logo>a img{width:80%; float:left; max-height:42px;}
.icon-menu{width:40px; height:22px; float:right; cursor:pointer; position:absolute;right:10px; top:50%; transform: translateY(-50%); z-index:9999999; display:flex; flex-wrap:wrap; align-content:space-between;}
.icon-menu span{width:100%; float:left; height:3px; background:#1b9f3a;}

.nav{display:none; width:150px;float:left; padding:2px; background:rgba(27, 159, 58, 0.8) none repeat scroll 0 0 !important; background-color:#1b9f3a; position:absolute; right:0; top:100%;}
.nav li{display:block; overflow:hidden; border-bottom:1px solid #fff;}
.nav li a{ display:block; height:40px; line-height:40px; text-align:center; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; transition:all 0.4s; padding:0;}
.nav li a:hover{background:#fff; color:#1b9f3a;}
.nav .on a{background:#fff; color:#1b9f3a;}

.dh{width:100%; overflow:hidden; background:#1b9f3a; border:1px solid #fff;}
.dh li{width:33.33%;float:left;}
.dh li a{ display:block; height:40px; line-height:40px; border:1px solid #fff; text-align:center; font-family:"microsoft YaHei"; overflow:hidden;color:#fff; font-size:14px; transition:all 0.4s;}
.dh li a:hover{ color:#1b9f3a; background:#fff;}

/*banner图*/
.banner{width:100%; float:left; position:relative;}
.banner .banner-imgbox{width:100%; float:left;}
.banner .banner-imgbox .swiper-slide img{width:100%; height:auto; display:block;}
.banner .swiper-pagination {position: absolute; right:0; bottom:10px;}
.banner .swiper-pagination-bullet {width:8px; height:8px; background:#fc5e5b; opacity:0.3; border-radius:50%; margin:0 6px;}
.banner .swiper-pagination-bullet-active{opacity:1; background:#fc5e5b;}
/*END*/

.pic_ul{width:100%; overflow:hidden; padding:20px 10px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.pic_ul li{width:33.33%; float:left; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.pic_ul li:nth-child(1){width:33.33%}
.pic_ul li:nth-child(2){width:33.33%}
.pic_ul li a{width:100%; height:100%; overflow:hidden; display:block; padding:10px; transition:all 0.4s;}
.pic_ul li:nth-child(1) a{background:rgba(27, 137, 159, 1) none repeat scroll 0 0 !important; background-color:#1b899f;}
.pic_ul li:nth-child(2) a{background:rgba(27, 128, 159, 1) none repeat scroll 0 0 !important; background-color:#1b809f;}
.pic_ul li:nth-child(3) a{background:rgba(90, 186, 113, 1) none repeat scroll 0 0 !important; background-color:#5aba71;}
.pic_ul li:nth-child(4) a{background:rgba(27, 159, 113, 1) none repeat scroll 0 0 !important; background-color:#1b9f71;}
.pic_ul li:nth-child(5) a{background:rgba(27, 159, 156, 1) none repeat scroll 0 0 !important; background-color:#1b9f9c;}
.pic_ul li a .pic_logo{width:60px; height:60px; display:block; margin:0 auto; border:2px solid #fff; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:auto 60px;}
.pic_ul li a .pic_txt{display:block; overflow:hidden; text-align:center; line-height:30px; margin-top:10px; font-family:'Microsoft YaHei'; font-size:16px; color:#fff;}
.pic_ul li:nth-child(1) a:hover{background:rgba(27, 137, 159, 0.4) none repeat scroll 0 0 !important; background-color:#1b899f;}
.pic_ul li:nth-child(2) a:hover{background:rgba(27, 128, 159, 0.4) none repeat scroll 0 0 !important; background-color:#1b809f;}
.pic_ul li:nth-child(3) a:hover{background:rgba(90, 186, 113, 0.4) none repeat scroll 0 0 !important; background-color:#5aba71;}
.pic_ul li:nth-child(4) a:hover{background:rgba(27, 159, 113, 0.4) none repeat scroll 0 0 !important; background-color:#1b9f71;}
.pic_ul li:nth-child(5) a:hover{background:rgba(27, 159, 156, 0.4) none repeat scroll 0 0 !important; background-color:#1b9f9c;}

.cp{width:100%; overflow:hidden; background:#e0f2e4; padding:10px 0;}
.cp_title{display:block; overflow:hidden; height:40px; line-height:40px; text-align:center; font-family:'Microsoft YaHei'; font-size:30px; color:#333333;}
.cp_ul{display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden; padding-top:20px;}
.cp_ul li{width:49%; float:left;}
.cp_ul li .cp_img{width:100%; overflow:hidden; background:#fff; position:relative;}
.cp_ul li .cp_img .cp_img_top{padding-top:63.514%;}
.cp_ul li .cp_img img{transition:all 1s;}
.cp_ul li .cp_p{display:block; overflow:hidden; height:40px; line-height:40px;  text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#333333; transition:all 0.4s;}
.cp_ul li:hover .cp_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cp_ul li:hover .cp_p{color:#1b9f3a; text-decoration:underline !important;}

.gsjj{width:100%; overflow:hidden; padding:20px 0;}
.gsjj_title{display:block; overflow:hidden; line-height:40px; text-align:center; font-family:'Microsoft YaHei'; font-size:30px; color:#333333; font-weight:bold;}
.gsjj_contect{display:block; overflow:hidden; padding-top:20px;}
.gsjj_img{width:100%; overflow:hidden;}
.gsjj_img img{max-width:100%; display:block; height:auto; margin:0 auto;}
.gsjj_B{display:block; overflow:hidden; border:1px solid #1b9f3a; padding:10px; margin-top:10px;}
.gsjj_p{display:block; height:30px; line-height:30px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:18px; color:#333333; font-weight:bold;}
.gsjj_txt{display:block; line-height:24px; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#666666; margin-top:5px;}
.gsjj_more{display:block; overflow:hidden; height:30px; line-height:30px;}
.gsjj_more a{float:left; background:url(../images/cp_logo.png) no-repeat left center; padding-left:20px; font-family:'Microsoft YaHei'; font-size:13px; color:#666666;}
.gsjj_more a:hover{color:#1b9f3a; text-decoration:underline !important;}

footer{width:100%; float:left; background:#1b9f3a; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; line-height:20px; padding:10px; text-align:center;}
footer a{color:#fff; margin:0 10px;}
footer a:hover{color:#fff; text-decoration:underline !important;}

/*公司简介*/
.dqwz{width:100%; overflow:hidden; padding:20px 10px;}
.dqwz_title{display:block; overflow:hidden; height:50px; line-height:50px; overflow:hidden; background:url(../images/sj_jiantou.png) no-repeat right center #1b9f3a; font-size:20px; color:#fff; text-indent:20px;}
.about_ul{display:none; overflow:hidden;}
.about_ul li{display:block; overflow:hidden; margin-top:4px}
.about_ul li a{display:block; height:40px; line-height:40px; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#333333; transition:all 0.4s; background:#f1f1f1;}
.about_ul li a:hover{background:#1b9f3a; color:#fff;}


.about_ul1{display:none; overflow:hidden;}
.about_ul1 li{display:block; overflow:hidden; margin-top:4px}
.about_ul1 li a{display:block; height:40px; line-height:40px; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#333333; transition:all 0.4s; background:#f1f1f1;}
.about_ul1 li a:hover{background:#1b9f3a; color:#fff;}


.dqwz_contect{display:block; overflow:hidden; padding-top:15px;}
.company{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#000; line-height:24px;}
.company img{display:block; max-width:100%; height:auto; overflow:hidden;}
/*end-公司简介*/

/*产品中心*/
.cp_ul1{display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden;}
.cp_ul1 li{width:49%; float:left; margin-bottom:10px;}
.cp_ul1 li .cp_img{width:100%; overflow:hidden; background:#fff; position:relative;}
.cp_ul1 li .cp_img .cp_img_top{padding-top:63.514%;}
.cp_ul1 li .cp_img img{transition:all 1s;}
.cp_ul1 li .cp_p{display:block; overflow:hidden; height:40px; line-height:40px;  text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#333333; transition:all 0.4s; background:#f1f1f1;}
.cp_ul1 li:hover .cp_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.cp_ul1 li:hover .cp_p{background:#1b9f3a; color:#fff;}

/*视频中心*/
.video_ul1{display:flex; justify-content:space-between; flex-wrap:wrap; overflow:hidden;}
.video_ul1 li{width:49%; float:left; margin-bottom:10px;}
.video_ul1 li .cp_img video{width:100%;height: 100%; max-height: 230px;}
/*.video_ul1 li .cp_img .cp_img_top {padding-top:63.514%;}*/
.video_ul1 li .cp_img img{transition:all 1s;}
.video_ul1 li .cp_p{display:block; overflow:hidden; height:40px; line-height:40px;  text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#333333; transition:all 0.4s; background:#f1f1f1;}
.video_ul1 li:hover .cp_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.video_ul1 li:hover .cp_p{background:#1b9f3a; color:#fff;}

.cpxq{display:block; overflow:hidden;}
.cpxq_T{display:block; overflow:hidden; text-align:center; font-size:18px; color:#000; font-weight:bold;}
.cpxq_img{display:block; overflow:hidden; padding:15px 0;}
.cpxq_img img{display:block; max-width:100%; height:auto; margin:0 auto;}
.cpxq_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:24px;}
.cpxq_txt img{display:block; max-width: 100%; height: auto; margin: 2px auto;}
/*end-产品中心*/

/*售后服务*/
.fw{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:13px; color:#666666; line-height:24px;}
.fw img{width:100%;display:block;}
.fw span{display:block; overflow:hidden; color:#1b9f3a;}
/*end-售后服务*/

/*新闻资讯*/
.xw_ul{display:block; overflow:hidden;}
.xw_ul li{display:block; overflow:hidden; line-height:40px; border-bottom:1px dashed #ccc;}
.xw_ul li a{display:block; overflow:hidden; height:40px; font-size:14px; color:#000;}
.xw_ul li span{float:right; color:#666;}
.xw_ul li a:hover{color:#1b9f3a;}

.xwxq{display:block; overflow:hidden;}
.xwxq_T{display:block; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:18px; color:#1b9f3a; font-weight:bold; line-height:30px;}
.xwxq_sp{display:block; overflow:hidden; text-align:center; font-family:Arial; font-size:13px; color:#1b9f3a; padding:10px 0;border-bottom:1px dashed #d5d4d4;}
.xwxq_txt{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:13px; color:#000; line-height:24px; padding-top:15px;}
.xwxq_txt img{display:block; max-width: 100%; height: auto; margin: 2px auto;}
/*END-新闻资讯*/


/*联系我们*/
.contact{display:block;  overflow:hidden;}
.contact_txt{display:block; overflow:hidden; font-size:14px; color:#000; line-height:30px;}
.contact_txt img{display:block; max-width:100%; height:auto;}
.contact_B{display:block;  overflow:hidden;}
/*END-联系我们*/

.open{width:31px; height:110px; background:url(../qq/openTrigger.jpg) no-repeat center center; position:fixed; right:0; top:150px;z-index:9999; cursor:pointer;}
.off{width:24px; height:24px; background:url(../qq/closeBtnImg.gif) no-repeat center center; position:fixed; right:-5px; top:140px;z-index:9999; cursor:pointer;}
.fix_qq { display:none;
position: fixed;
right: 0px;
top: 150px;
width: 93px;
height: 122px;
z-index:9999;
background: url(../qq/qq_01.png) no-repeat;}
.fix_qq_top {
height: 122px;
background: url(../qq/qq_01.png) no-repeat;
}
.fix_qq_center {
background: url(../qq/qq_02.png) repeat-y;
text-align: center;
}
.fix_qq_foot {
height: 4px;
background: url(../qq/qq_04.png) no-repeat;
}


/*手机底部*/
.hot{width:100%; height:58px; position:fixed; bottom:0; left:0; z-index:9999999999999; border-top:solid 2px #fff; background:#222;}
.hot span{ color:#fff; font-size:16px; line-height:20px; text-align:center !important;}
.hot h6{ font-size:12px; line-height:20px; text-align:center !important;}
.hot .row{margin:0 !important;}
.hot .row div{padding:0 !important;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover a{background:#1b9f3a;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #1b9f3a;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }