@font-face {
  font-family: 'Regular';
  src: url('./SourceHanSerifCN-Regular.otf');
}

@font-face { 
  font-family: 'YouSheBiaoTiHei';
  src: url('./YouSheBiaoTiHei-2.ttf');
}

html {
   scroll-padding-top: 100px;
}
*{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#444444;}
body{min-width:1200px;max-width:1920px;margin: 0 auto;font-family: 'Regular'; color:#444444;font-size: 18px;}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}
.img{display: block;width:100%;}
.box{width:1180px;margin:0 auto;}
.box1{width:92.1875%;min-width:1200px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;} 

.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}
.dx{text-transform : uppercase} 
.xx{text-transform : lowercase}
.sdx{text-transform : capitalize}

.ct{font-family: 'Bold';}
.xt{font-family: 'Light';}
.zc{font-family: 'Medium';}
.ysbt{font-family: 'YouSheBiaoTiHei';}
.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}

.ht_img img{cursor: pointer; transition: all 0.6s;}
.ht_img:hover img{transform: scale(1.06);}


/* 首页 */
header{width: 100%;height: 100px;background: #fff; position: fixed;top: 0;left:0;z-index: 999;}
header .box1{height: 100px;}
header .box1 .hl .logo{display: block;height: 60px;}
header .box1 .hl .line{width: 1px;height: 60px;background: #999999;opacity: 0.20; margin: 0 20px 0 18px;}
header .box1 .hl p{font-size: 16px;color: #20943b}
header .box1 .hl p span{background: url(../images/x.png) no-repeat center bottom 4px;}
header .box1 .phone{width: 180px;height: 50px;border-radius: 25px;padding: 0 0 0 20px;background: #89b6e9; font-size: 16px;margin-left: 60px;}
header .box1 .phone img{margin-right: 10px;}
header nav{width: 660px}
header nav a{height: 100px; font-size: 16px;color: #666666;}
header nav a span{font-size: 12px;}
header nav a:hover,header nav a.active{color: #78be89;background: url(../images/nbj.png) no-repeat center top;}
header.active{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}


@media (min-width: 0px) and (max-width: 1199px) {
header .box1 .phone{display: none;}
}
@media (min-width: 1199px) and (max-width: 1299px) {
header .box1 .phone{display: none;}

}
@media (min-width: 1299px) and (max-width: 1399px) {
header .box1 .phone{display: none;}

}
@media (min-width: 1399px) and (max-width: 1499px) {

header nav{width: 550px}
}
@media (min-width: 1499px) and (max-width: 1599px) {
header nav{width: 600px}
}

@media (min-width: 1599px) and (max-width: 1699px) {
header nav{width: 620px}
}
@media (min-width: 1699px) and (max-width: 1799px) {
header nav{width: 640px}

}
@media (min-width: 1799px) and (max-width: 1899px) {

}
@media (min-width: 1899px) and (max-width: 1920px) {



}

.banner{width:100%;height: 420px;margin-top: 100px}
.banner h4{font-size: 22px;color: #fff;}
.banner h3{font-size: 42px;color: #fff;margin-top: 5px;}

.sy_banner{margin-top: 100px}
.sy_banner .swiper-pagination{bottom: 30px;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background: #fff;width: 10px;height: 10px;margin: 0 5px !important;}
.sy_banner .swiper-pagination-bullet-active{opacity: 1 !important;}
.cor{color: #77be88}
.cor1{color: #ca0021}
.cor2{color: #ffffff}
/* 内容 */
.title{padding: 110px 0 25px;}
.title .line{width: 24px;height: 4px;background:#77be88;margin:0 auto 10px;}
.title h3{font-size: 28px;line-height: 30px;}
.title h4{font-size: 14px; margin-top: 5px;}



.index1{padding: 120px 0;}
.in11{width: 480px;}
.in11 .bt{padding-left: 20px;border-left: 4px solid #77be88;}
.in11 .bt h3{font-size: 28px;line-height: 32px;}
.in11 .bt h4{font-size: 14px;margin-top: 7px;}
.in11 .nr{margin-top: 30px;}
.in11 .nr p{font-size: 16px;line-height: 22px;margin-top: 12px;text-align: justify; padding-left: 23px;background: url(../images/ht10.png) no-repeat left top 8px}
.in12{width: 580px;}

.index2{width: 100%;height: 779px;background:url(../images/ht2.jpg) no-repeat center;}
.in21{height: 502px;background:url(../images/ht2.png) no-repeat center;}
.in210 .tp{width: 142px;height: 93px;}
.in210 .nr{width: 159px;height: 159px;color:#4d885b;background:url(../images/ht21.png) no-repeat center;padding: 45px 0 0;}
.in210 .nr h5{font-size: 30px;line-height: 20px;}
.in210 .nr p{font-size: 15px;line-height: 22px;margin-top: 8px;}
.in214 .nr,.in215 .nr{background:url(../images/ht22.png) no-repeat center;padding-top: 32px;font-size: 15px;color:#5e989f;}

.in211 .tp{top: 0;left: 83px;}
.in211 .nr{top: 223px;left: 80px;}
.in212 .tp{bottom: 0;left: 261px;}
.in212 .nr{bottom: 230px;left: 252px;}
.in213 .tp{top: 0;left: 427px;}
.in213 .nr{top: 223px;left: 424px;}
.in214 .tp{bottom: 0;left: 605px;}
.in214 .nr{bottom: 230px;left: 595px;}
.in215 .tp{top: 0;right: 268px;}
.in215 .nr{top: 223px;right: 254px;}
.in216 .tp{bottom: 0;right: 90px;}
.in216 .nr{bottom: 230px;right: 80px;}

.in3{padding-bottom: 100px;}
.in3 ul li{width: 180px;height: 120px;background:#f6f6f6;margin: 0 20px 20px 0;}
.in3 ul li img{max-width: 90%;max-height: 90%;mix-blend-mode: multiply;}
.in3 ul li:nth-child(1){margin-left: 100px;}
.in3 ul li:nth-child(5){margin-right: 100px;}
.in3 ul li:nth-child(11){margin-right:0;}

.index4{width: 100%;height: 882px;background:url(../images/ht4.jpg) no-repeat center;}
.in4 ul li{width: 393px;height: 280px;}
.in41{width: 100%;height: 100%;background: rgba(79,142,214,0.68);top:0;left: 0;padding: 65px 25px 0;}
.in41 .tb{width: 42px;height: 42px;border-radius: 50%;border: 1px solid #fff;margin: 0 auto 15px;}
.in41 .tb img{max-width: 100%;max-height: 100%;}
.in41 h5{font-size: 22px;}
.in41 p{font-size: 16px;line-height: 22px;margin-top: 10px;}
.in4 ul li.active .in41{display: block;}

.index5{padding-bottom: 120px;}
.in51 ul li{margin: 0 10px;}
.in51 ul li a{display: inline-flex;line-height: 50px;min-width: 120px;border-radius: 25px;font-size: 16px;color:#999999;padding: 0 20px;}
.in51 ul li.active a{border: 1px solid #77be88;color:#77be88;}
.in52{margin-top: 40px;}


.index6{width: 100%;height: 749px;background:url(../images/ht6.jpg) no-repeat center;}

.index7{padding: 0 0 120px 0;}
.in71{width: 580px;}
.in71 .in71_img{display: block; width: 580px;height: 380px;overflow: hidden;}
.in71 .in71_img img{display: block;width: 100%;height: 100%;}
.in71 .in71_con{width: 100%;height: 120px;border: 1px solid #efefef;padding: 25px 25px 0;}
.in71 .in71_tit{font-size: 20px;height: 30px;line-height:30px;}
.in71 .in71_des{font-size: 16px;height: 40px;line-height:20px; -webkit-line-clamp: 2;margin-top: 5px;}

.in71:hover .in71_tit{color: #74bc85}

.in72{width: 580px;}
.in72 ul li{width: 280px;height: 240px;margin-bottom: 20px; border: 1px solid #efefef;padding: 25px 25px 0;}
.in72 ul li p{font-size: 14px;color: #999999}
.in72 ul li .in72_tit{font-size: 20px;margin: 10px 0;height: 56px;line-height: 28px;-webkit-line-clamp: 2;}
.in72 ul li .in72_des{height: 100px; -webkit-line-clamp: 5;overflow: hidden;font-size: 16px;color: #666666; line-height: 20px;}
.in72>ul>li:hover{border-color: #74bc85}
.in72>ul>li:hover .in72_tit{color: #74bc85}

















/* 底部 */
footer{width: 100%;background-image: linear-gradient(to right, #77be87, #6993c2);padding: 60px 0 45px;}
footer .footT{border-bottom: 1px solid rgba(255, 255, 255, 0.3)}
footer .footT .logo{display: block;height: 88px;filter: brightness(100);}
footer .footT nav{width: 665px}
footer .footT nav a{height: 88px;padding-bottom: 50px; font-size: 16px;color: #fff;}
footer .footT nav a span{font-size: 12px;}
footer .footT nav a:hover,footer .footT nav a.active{background: url(../images/nbj_.png) no-repeat center bottom;}
footer .footM{padding: 45px 0 30px;}
footer .footM .fml{width: 600px;}
footer .footM .fml h5{font-size: 18px;}
footer .footM .fml p{font-size: 16px;margin-top: 20px;}
footer .footM .fmr ul li h5{font-size: 18px;margin-bottom: 20px;}
footer .footM .fmr ul li img{width: 130px;}
footer .footB{font-size: 16px;opacity: 0.5;color: #fff;}
footer .footB a{color: #fff;}



.position{border-bottom:1px solid #bfbfbf;padding-bottom: 10px;margin-bottom: 80px}
.pos1{padding-left: 10px;height: 45px; border-left: 2px solid #749a75;}
.pos1 h3{font-size: 24px;line-height: 22px;color: #749a75}
.pos1 p{text-transform : uppercase; font-size: 17px;color: #222121;opacity: 0.4; margin-top: 2px}
.position>p{max-width: 50%;height: 23px;line-height: 23px; font-size: 20px;color: #222121;opacity: 0.8; margin-top: 22px}
.position>p a{color: #222121}
.position>p a:hover{color: #749a75}

.bg{background:#f3f6f9;}
.con{width: 100%; padding: 120px 0 120px;}
.con1{width: 100%; padding:120px  0 0;}

.etit{padding: 0 0 40px;}
.etit h3{font-size: 40px;}
.etit .line{width: 35px;height: 3px;background:#cd2f23;margin: 12px auto 0;}
/* 关于我们 */

.gy1{width: 100%;height: 756px;padding-top: 120px; background: url(../images/a1.jpg) no-repeat center;}
.gy2{padding: 120px 0;}
.gy21{width: 480px;}
.gy21 .bt{padding-left: 20px;border-left: 4px solid #77be88;}
.gy21 .bt h3{font-size: 28px;line-height: 32px;}
.gy21 .bt h4{font-size: 14px;margin-top: 7px;}
.gy21 p{font-size: 16px;line-height: 22px;margin-top: 20px;}
.gy21 .anniu{margin-top: 150px;}
.gy21 .anniu .swiper-button-prev{width: 48px;height: 48px;background: #469959;position: static; }
.gy21 .anniu .swiper-button-next{width: 48px;height: 48px;background: #78da8e;position: static;margin-left: 10px; }
.gy21 .anniu .swiper-button-next::after,.gy21 .anniu .swiper-button-prev::after{font-size: 20px;color: #fff;}


.gy22{width: 600px;}
.gy22 .mySwiper{padding: 0 20px 20px 0;}
.gy220{width: 180px;height: 246px;padding: 12px;box-shadow: 6px 6px 6px rgba(47, 85, 54, 0.25); background: url(../images/z.png) no-repeat center #fff;}
.gy220 img{max-width: 100%;max-height: 100%;}





/* 产品中心 */
.service ul li{width: 393px;margin-bottom: 20px;}
.service ul li .s_img{display: block; width: 393px;height: 280px;overflow: hidden;}
.service ul li .s_img img{display: block;width: 100%;height: 100%;}
.service ul li .s_con{width: 393px;height: 280px;padding: 45px 25px 0;background:#77be88;}
.service ul li .s_con .tb{width: 42px;height: 42px;border-radius: 50%;border: 1px solid #fff;margin: 0 auto;text-align: justify}
.service ul li .s_con .tb img{max-width: 100%;max-height: 100%;}
.service ul li .s_tit{font-size: 22px;margin: 15px 0 12px;height: 30px;line-height:30px;color: #fff}
.service ul li .s_des{height: 110px; -webkit-line-clamp: 5;overflow: hidden;font-size: 16px;color: #fff; line-height: 22px;}
.service ul li:nth-child(3n+2) .s_con{background:#8bd29c;}

/* 相关案例 */
.c_nav{margin-bottom: 30px;}
.c_nav ul li{margin: 0 10px 10px 0;}
.c_nav ul li a{display: inline-flex;line-height: 50px;min-width: 120px;border-radius: 25px;font-size: 16px;color:#999999;padding: 0 20px;}
.c_nav ul li.active a,.c_nav ul li:hover a{background: #77be88;color:#fff;}

.case ul li{width: 380px;margin: 0 20px 20px 0;}
.case ul li:nth-child(3n){margin-right: 0}
.case ul li .c_img{display: block; width: 380px;height: 320px;overflow: hidden;}
.case ul li .c_img img{display: block;width: 100%;height: 100%;}


/* 新闻中心 */
.xwzx .bt{padding: 25px 0 20px;border-bottom: 1px solid #dddddd}
.xwzx .bt h3{font-size: 20px;color: #999999;margin-left: 12px;}
.xwl{width: 740px;}
.xwl0{width: 740px;border:2px solid #dddddd;padding: 0 30px 30px;}
.news ul li{padding: 30px 0;border-bottom: 1px solid #e6e2e2;}
.news ul li p{font-size: 18px;color: #999999}
.news ul li .n_tit{font-size: 24px;margin: 10px 0 18px;height: 30px;line-height:30px;}
.news ul li .n_img{display: block; width: 260px;height: 170px;overflow: hidden;}
.news ul li .n_img img{display: block;width: 100%;height: 100%;}
.news ul li .n_des{width: 400px; height: 105px; -webkit-line-clamp: 5;overflow: hidden;font-size: 14px;color: #999999; line-height: 21px;}
.news>ul>li:hover .n_tit{color: #74bc85}

.xwr{width: 420px;}
.xwr0{width: 420px;border:2px solid #dddddd;padding: 0 30px 30px;}
.tjxw ul li{margin-top: 20px;}

.tjxw ul li .tj_tit{width: 180px; font-size: 16px;height: 72px;line-height: 24px; -webkit-line-clamp: 3;margin-top: 5px;text-align: justify;}
.tjxw ul li .tj_img{display: block; width: 160px;height: 105px;overflow: hidden;}
.tjxw ul li .tj_img img{display: block;width: 100%;height: 100%;}
.tjxw>ul>li:hover .tj_tit{color: #74bc85}


/* 联系我们 */
.lx1{width: 580px;padding: 35px 45px;background:#f8f8f8;}
.lx1>h3{font-size: 36px;margin-bottom: 25px;}
.lx11{width: 100%;height: 50px;border: 2px solid #ebebeb;border-radius: 5px; padding: 0 15px;margin-bottom: 25px;}
.lx11 h5{font-size: 16px;color: #999999}
.lx11 .text{display: block;width: 405px; height: 100%;background: none; outline: none;border: none;font-size: 16px;color: #999999;}
.lx12{height: 145px;padding: 10px 15px;}
.lx1 .tj{display: block;width: 100%;height: 50px;background:#74bc85;color: #fff;outline:none;cursor: pointer;border: none; font-size: 16px;}

.lx2{width: 480px;}
.lx2 h3{font-size: 35px;}
.lx2 h4{font-size: 14px;color: #999999;margin-top: 5px;}
.lx2 ul li{width: 180px;margin-top: 50px;}
.lx2 ul li h5{font-size: 18px;margin-left: 8px;}
.lx2 ul li p{margin-top: 10px;font-size: 15px;line-height: 24px;color: #999999}
.lx2 ul li .ewm{width: 106px;margin-top: 10px;}


.map{height: 440px;overflow: hidden;margin-top: 80px;}
.map #container{width:100%; height:  440px;overflow: hidden;}
.BMap_bubble_buttons{display: none!important;}
.BMap_bubble_title{font-weight: bold;font-size: 16px;width: initial!important;padding-top: 10px;}
.BMap_bubble_content{margin-top: 10px;}
.BMap_bubble_center{width: 90%!important;}
.BMap_bubble_pop{padding: 0 15px!important;}


/* 页码 */
.pagination{margin-top: 50px; clear: both;width:100%;padding:0 0 0;text-align: center;border-radius: 50%; font-size:18px; color:#333;}
.pagination li{ width:40px; height:40px; text-align:center; line-height:40px;border-radius: 50%;  display:inline-block; margin:0 3px; background: #fff;}
.pagination li a{width:40px; height:40px; display:block;border-radius: 50%;  color:#333;}
.pagination li a:hover{  background:#74bc85;color: #fff;}
.pagination li.active{ background:#74bc85 !important;color: #fff;}


/* 上下篇 */
.sxy{margin-top: 60px;font-size: 18px;color: #666}
.sxy div{max-width: 48%; color: #666}
.sxy a{height: 24px;line-height: 24px;}
.sxy a:hover{color: #749a75}

/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;}
.article_title p{font-size: 16px;color:#858585;margin-top: 10px;}
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 18px;line-height: 36px;padding:50px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.article_body img{max-width:100%;}