@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body{font-family:"Microsoft YaHei",Arial; font-size:100%; color:#434343; max-width: 1920px; margin: 0 auto; overflow-x:hidden;}
ol,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6{list-style:none outside none; margin:0px; padding:0px; font-size:100%; font-weight:normal;}
img {border:none;}
a:link, a:visited {color:#616161; text-decoration: none;outline:none;}
a:hover, a:active {color:#009b4c; text-decoration: none;outline:none;}
.clear{clear:both;}
.kg{ width:96%; margin:0 auto; max-width:1400px;}
.kga{ width:96%; margin:0 auto; max-width:1300px;}
.fl{ float:left;}
.fr{ float:right;}
.dw{ position:relative;}
.cj{ overflow:hidden;}
.green-black {display:block; padding-top:26px; clear:both; text-align:center;}
.green-black a {padding:5px 8px 4px 8px; padding:5px 8px 4px 8px;border:1px solid #dddddd; height:12px; line-height:12px; zoom:1; font-weight:bold; font-size:12px; overflow:auto; margin-left:3px; margin-right:3px; color:#333; background:url(/html/images/page_bg01.png) #fff bottom repeat-x; text-decoration:none;}
.green-black a:hover {border:1px solid #ccc; height:12px; line-height:12px; zoom:1;overflow:auto;background:url(/html/images/page_bg02.png) top repeat-x #009b4c; margin-left:3px; margin-right:3px; color:#fff;font-size:12px;}
.green-black span.current {padding:5px 8px 5px 8px; padding:5px 8px 4px 8px;border:1px solid #ccc; color:#fff; height:12px; line-height:12px; zoom:1; overflow:auto;  background:url(/html/images/page_bg02.png) top repeat-x #009b4c; margin-left:3px; margin-right:3px; margin-top:0px; margin-bottom:0px; font-size:12px}
::-webkit-scrollbar {width:6px;height:8px;background-color:#fff;border-radius:4px; position:relative;}
::-webkit-scrollbar-thumb {background-color:#b1b1b1;border-radius:3px;}
.maplr{ display: flex;}
#dituContent,#mapContent{flex: 0 1 50%; height:450px; border-top:1px solid #ddd;}
@media screen and (max-width:770px){
#dituContent,#mapContent{ height:230px;}
}
/*基础配置*/

@font-face {
 font-family:"alternate";
 src: url("/html/fonts/alternate.eot"),
      url("/html/fonts/alternate.ttf");
}
@font-face {
 font-family:"Bodoni";
 src: url("/html/fonts/Bodoni.eot"),
      url("/html/fonts/Bodoni.ttf");
}
@font-face {
 font-family:"AgencyFB";
 src: url("/html/fonts/AgencyFB.eot"),
      url("/html/fonts/AgencyFB.ttf");
}
@font-face {
 font-family:"Dinr";
 src: url("/html/fonts/Dinr.eot"),
      url("/html/fonts/Dinr.ttf");
}
@font-face {
 font-family:"DinBlack";
 src: url("/html/fonts/DinBlack.eot"),
      url("/html/fonts/DinBlack.ttf");
}

/*首页style开始*/
.top_bg{ width: 100%; height: 100px; display: flex; align-items: center; justify-content: space-between; background: #fff; position: relative; z-index:999; transition: 0.5s;}
.logo{ margin-left: 1%; display: flex; align-items: center;}
.logo a:nth-child(2){ border-left: 1px solid #c9c9c9; margin-left: 14px; padding-left: 14px;}
.logo a:nth-child(2) p{ font-size: 1.375rem; font-weight: bold; color: #333;}
.top_r{ display: flex; align-items: center; justify-content: flex-start;}
.tel{  margin: 0 17px 0 15px;}
.tel a{background: url(/html/images/top_01.png) no-repeat left bottom; line-height: 28px; height: 28px; padding-left: 35px; font-family:"DinBlack"; color: #006a39; font-size: 1.875rem; display: block;}
.tewm img{ display: block; width: 100%;}
.sp_nav{ display:none;}
.sjj_nav li .sp_nav_xjb{display:none;}
.sjj_nav>ul{ display: flex;}
.sjj_nav>ul>li{ position:relative;}
.sjj_nav>ul>li::before{ content: ''; height: 0px; width: 100%; background: #009b4c; position: absolute; left: 0; top: 0; z-index: 1; transition: 0.5s;}
.sjj_nav>ul>li::after{ content: ''; width: 22px; height: 2px; background: #fff; position: absolute; bottom: 0; left: 50%; z-index: 1; margin-left: -11px; transform: scaleX(0); transition: 0.5s}
.sjj_nav>ul>li:hover::before,.sjj_nav>ul>li.cur::before{ height: 119px;}
.sjj_nav>ul>li:hover::after,.sjj_nav>ul>li.cur::after{ transform: scaleX(1); transition: 0.5s 0.4s;}
.sjj_nav>ul>li>a{display:block; height: 100px; line-height: 100px; padding: 0 16px; color: #424242; font-size: 1.125rem; position:relative; z-index:9; transition:0.5s;}
.sjj_nav>ul>li:hover>a,.sjj_nav>ul>li.cur>a{ color: #fff; transition: 0.5s;}
.sjj_nav>ul>li>a.on::after{ content: ''; border: 5px solid transparent; border-top: 6px solid #999; position: absolute; bottom: 18px; left: 50%; margin-left: -5px; transition: 0.5s;}
.sjj_nav>ul>li:hover>a.on::after,.sjj_nav>ul>li.cur>a.on::after{ border-top: 6px solid #fff;}
.sjj_nav>ul>li>ul{ position:absolute; width:100%; background:rgba(255,255,255,0.95); left:0; padding-top: 19px; overflow:hidden; display:none;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(0,0,0,0.1);}
.sjj_nav>ul>li>ul>li:nth-child(1){ border-top:none;}
.sjj_nav>ul>li>ul>li>a{ display:block; line-height:45px; height:45px; font-size:1rem; color:#333; text-align:center; transition:0.5s;}
.sjj_nav>ul>li>ul>li:hover>a{background:#009b4c; color:#fff; transition:0.5s;}
@media screen and (max-width:1680px){
.tel{  margin: 0 12px;}
.tel a{font-size: 1.625rem;}
.tewm{ display: none;}
.sjj_nav>ul>li>a{padding: 0 15px; font-size: 1rem;}
}
@media screen and (max-width:1500px){
.top_r{ padding-right: 1%;}
.tel{ display: none;}
}
@media screen and (max-width:1400px){
.top_bg{height: 90px;}
.logo img{ height: 47px;}
.sjj_nav>ul>li>a{height: 90px; line-height: 90px;}
.sjj_nav>ul>li:hover::before,.sjj_nav>ul>li.cur::before{ height: 109px;}
.sjj_nav>ul>li>ul>li>a{ line-height:41px; height:41px;}
}
@media screen and (max-width:1300px){
.top_bg{height: 80px;}
.sjj_nav>ul{ display: block;}
.sjj_nav>ul>li::before,.sjj_nav>ul>li::after,.sjj_nav>ul>li>a.on::after{ display: none;}
.sjj_nav>ul>li>ul{ position:relative; width:auto; background:none; left:auto; padding-top: 0;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(255,255,255,0.1);}
.sjj_nav>ul>li>ul>li>a{ line-height: inherit; height:auto; color:#fff;}
.sjj_nav>ul>li>ul>li:hover>a{background:none;}
}
@media screen and (max-width:700px){
.top_bg{height: 50px;}
.logo img{ height: 32px;}
.logo img:nth-child(2){ display: none;}
.logo a:nth-child(2){ padding-left: 10px; margin-left: 10px;}
.logo a:nth-child(2) p{ font-size: 0.875rem;}
}
/*banner*/
@keyframes topbom{ 0%{bottom:2%; opacity:1;} 50%{bottom:5%; opacity:0.7;} 100%{bottom:2%; opacity:1;}} @-webkit-keyframes topbom{ 0%{bottom:2%; opacity:1;} 50%{bottom:5%; opacity:0.7;} 100%{bottom:2%; opacity:1;}}
.banner{width:100%; position:relative;}
.banner_nr{  width: 100%;}
.banner_nr li{position:relative; height:100%;}
.banner_nr li a{ display:block; height:750px; width:100%;}
.banner_nr li a img{ display:none;}
.banner_an{ position: absolute; left: 0; bottom: 3%; width: 100%; text-align: center; z-index: 99;}
.banner_an ul{ display: flex; max-width: 1300px; width: 98%; margin: 0 auto;}
.banner_an li{ width: 10px; height: 10px; margin-right: 16px; background: #fff; border: 2px solid #fff; border-radius: 7px; cursor: pointer; overflow: hidden; text-indent: -999em; position: relative; transition: 0.5s;}
.banner_an li.on{ width: 32px; background: none; transition: 0.5s;}
.banner .pageState{ display: none; color:#ffaf4f; font-family:"Dinl"; font-size:1.5rem; padding-right:20px; padding-top:14px;}
.banner .pageState span{ color:#fff; font-size:2.25rem;}
.inda_xx{ position:absolute; bottom:3%; width:100%; text-align:center; left:0; animation:topbom 4s infinite linear; z-index:101;}
.inda_xx a{ display:block; width:50px; padding:5px 0; margin:0 auto; height:auto; cursor:pointer; border-radius:5px;}
@media screen and (max-width:1500px){
.banner_nr li a{height:640px; background-size: auto 100% !important;}
}
@media screen and (max-width:1300px){
.banner_nr li a{height:600px;}
}
@media screen and (max-width:1270px){
.banner_nr li a{height:500px;}
}
@media screen and (max-width:770px){
.banner_nr li a{ height:auto; background: none !important;}
.banner_nr li a img{ display:block; width: 100%;}
.banner_an ul{ justify-content: center;}
}
/*banner*/

.index_bga{ background: #f4f4f4; width: 100%; padding-bottom: 120px; position: relative;}
.index_bga::after{ content: ''; width: 52.9166%; height: 158px; background: url(/html/images/inda_en.png) no-repeat right; background-size: 89.5669% auto; position: absolute; top: 70px; left: 0;}
.inda_kg{ display: flex; align-items: flex-end; justify-content: space-between;}
.inda_l{ flex: 0 1 40.714%;}
.inda_title h2{ font-size: 3rem; color: #303030; font-weight: bold;}
.inda_title p{ font-size: 2.5rem; line-height: 48px; color: #302f2f; margin-top: 12px;}
.indal_ms{ color: #009b4c; font-size: 1.125rem; font-weight: bold; line-height: 30px; margin-top: 60px;}
.inda_an{ display: flex; padding-top: 110px;}
.inda_an a{ flex: 0 1 210px; height: 59px; line-height: 59px; text-indent: 27px; color: #009b4c; background: #fff; position: relative; box-shadow: 0px 0px 30px rgba(140,140,140,0.3); transition: 0.5s;}
.inda_an a:nth-child(2){ margin-left: 21px;}
.inda_an a:hover,.inda_an a.on{ background: #009b4c;  box-shadow: 0px 0px 30px rgba(0,127,62,0.3); color: #fff;}
.inda_an a::after{ content: ''; width: 40px; height: 1px; background: rgba(0,155,76,0.5); position: absolute; right: 21px; top: 29px; transition: 0.5s;}
.inda_an a:hover::after,.inda_an a.on::after{ background: rgba(255,255,255,0.5);}
.inda_r{ flex: 0 1 55.358%; margin-top: -44px; position: relative;}
.inda_vid{position: relative;}
.inda_vid p{position: relative;}
.inda_vid p img{ display: block; width: 100%;}
.inda_vid::after{ display: none; content: ''; width: 84px; height: 84px; background: url(/html/images/inda_v.png) no-repeat center #006a39; border-radius: 50%; left: 50%; top: 50%; position: absolute; margin-top: -42px; margin-left: -42px;}
.indar_ms{ color: #535353; line-height: 30px; font-size: 1.125rem; margin-top: 30px;}
.inda_zj{ padding-top: 55px;}
.inda_zj ul{ display: flex; justify-content: space-between;}
.inda_zj li{position: relative;}
.inda_zj li::after{ content: ''; width: 1px; height: 42px; position: absolute; right: -40%; top: 50%; margin-top: -21px; background: #c2c2c2;}
.inda_zj li:nth-last-child(1):after{ display: none;}
.inda_sz{ display: flex; justify-content: center; align-items: flex-end;}
.inda_sz p{ font-size: 6.25rem; color: #006a39; line-height: 0.8em; font-family:"Dinr";}
.inda_sz span{ font-size: 1.5rem; color: #6c6c6c; padding-left: 5px;}
.inda_sm{ color: #6c6c6c; padding-top: 15px;}
@media screen and (max-width:1500px){
.index_bga::after{width: 52%;}
.inda_title h2{ font-size: 2.5rem; color: #303030; font-weight: bold;}
.inda_title p{ font-size: 2rem; line-height: 38px; color: #302f2f; margin-top: 12px;}
.inda_sz p{ font-size: 5rem;}
}
@media screen and (max-width:1270px){
.index_bga{ padding-bottom: 100px;}
.index_bga::after{ top: 40px; height: 90px;}
.inda_title h2{ font-size: 2.25rem;}
.inda_title p{ font-size: 1.625rem; line-height: 34px;}
.indar_ms{ font-size: 1rem;}
.inda_sz p{ font-size: 4rem;}
.inda_sz span{ font-size: 1.125rem;}
.inda_sm{ font-size: 0.9375rem;}
}
@media screen and (max-width:1020px){
.index_bga{ padding: 60px 0 80px 0;}
.index_bga::after{ display: none;}
.inda_kg{ display: block;}
.inda_title{ text-align: center;}
.inda_title p{ font-size: 1.5rem; line-height: 30px; margin-top: 7px;}
.indal_ms{ margin-top: 30px;}
.inda_an{ padding-top: 50px;}
.inda_r{ margin-top: 40px;}
.inda_zj{ padding-top: 40px;}
.inda_zj li::after{ right: -70%;}
}
@media screen and (max-width:700px){
.index_bga{ padding: 40px 0 50px 0;}
.inda_title h2{ font-size: 1.5rem;}
.index_bga .inda_title p{ font-size: 1rem; line-height: 1.375em; padding: 0 10%;}
.indal_ms{ font-size: 1rem; font-weight: normal; line-height: 1.625em; margin-top: 25px;}
.inda_an{ padding-top: 25px; justify-content: center;}
.inda_an a{ height: 41px; line-height: 41px; flex: 0 1 126px; text-indent: 15px; font-size: 0.9375rem;}
.inda_an a:nth-child(2){ margin-left: 11px;}
.inda_an a::after{ top: 20px; right: 15px; width: 24px;}
.inda_r{ margin-top: 30px;}
.inda_vid::after{ width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; background-size: 16px;}
.indar_ms{ margin-top: 25px; font-size: 0.9375rem; line-height: 1.625em;}
.inda_zj{ padding-top: 25px;}
.inda_zj li{ flex: 0 1 33%;}
.inda_zj li::after{ display: none;}
.inda_sz p{ font-size: 2.5rem;}
.inda_sz span{ font-size: 1rem;}
.inda_sm{ font-size: 0.875rem; text-align: center; padding-top: 7px;}
}

.index_bgb{ padding-top: 45px; width: 100%; background: #fff; overflow: hidden;}
.indb_btfl{ display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 60px;}
.indb_title p{ font-size: 1.875rem; font-family: 'Dinr'; color: #009b4c; line-height: 1em;}
.indb_title p span{ font-family:"Microsoft YaHei";}
.indb_title h2{ color: #303030; font-size: 3rem; font-weight: bold; line-height: 1.25em;}
.indb_fl ul{ display: flex;}
.indb_fl li{ margin-left: 101px; position: relative; text-align: center;}
.indb_fl li:nth-child(1){ margin-left: 0;}
.indb_fl li::after{ content: ''; border: 9px solid transparent; border-top: 11px solid #009b4c; width: 0; height: 0; position: absolute; left: 50%; margin-left: -9px; bottom: 0px; opacity: 0; transition: 0.5s;}
.indb_fl li:hover::after,.indb_fl li.on::after{ opacity: 1; bottom: -40px;}
.indb_lpic{ position: relative;}
.indb_lpic span{ position: absolute; left: 0; top: 0; width: 100%;}
.indb_fl li:hover .indb_lpic p,.indb_fl li.on .indb_lpic p,.indb_fl li .indb_lpic span{ transform: scale(0); transition: 0.5s;}
.indb_fl li .indb_lpic p,.indb_fl li:hover .indb_lpic span,.indb_fl li.on .indb_lpic span{ transform: scale(1); transition: 0.5s;}
.indb_lmc{ color: #000; font-size: 1.375rem; line-height: 1em; margin-top: 18px; transition: 0.5s;}
.indb_fl li:hover .indb_lmc,.indb_fl li.on .indb_lmc{ color: #009b4c;}
.indb_nr li{ position: relative; width: 100%;}
.indb_pic{ overflow: hidden;}
.indb_pic img{ display: block; width: 100%;}
.indb_sz{ position: absolute; bottom: 0; right: 0; width: 39.0625%; height: 50%; background: rgba(0,155,76,0.8); font-size: 11.25rem; color: #44ff90; font-family: 'Dinr'; box-sizing: border-box; text-align: right; padding: 9% 3% 0 0;}
.indb_po{ position: absolute; width: 100%; left: 0; bottom: 13.125%;}
.indb_wb{ background: rgba(255,255,255,0.95); width: 53.571%; box-sizing: border-box; padding: 65px 40px 95px 40px; float: right;}
.indb_mc{ color: #009b4c;}
.indb_mc a{ color: #009b4c;}
.indb_mc h3{ font-size: 2.25rem; font-weight: bold;}
.indb_mc p{ font-family: 'Dinr'; text-transform: uppercase;}
.indb_ms{ font-size: 1.125rem; color: #7f7e7e; line-height: 36px; margin-top: 25px;}
.indb_dl{ padding-top: 25px; display: flex; justify-content: space-between;}
.indb_dl dl dt{ color: #252525; font-size: 1.875rem; padding-bottom: 6px;}
.indb_dl dl dd{ color: #7f7e7e; font-size: 1.125rem; line-height: 26px; margin-top: 10px;}
@media screen and (max-width:1500px){
.indb_title h2{font-size: 2.5rem;}
.indb_po{bottom: 16%;}
.indb_lmc{ font-size: 1.25rem;}
.indb_sz{ width: 35%; height: 40%; font-size: 8rem; padding: 6% 3% 0 0;}
.indb_wb{ padding: 35px 30px 75px 30px;}
.indb_mc h3{ font-size: 2rem;}
.indb_ms{ font-size: 1rem; line-height: 32px;}
.indb_dl dl dt{font-size: 1.5rem;}
.indb_dl dl dd{font-size: 1rem; line-height: 24px;}
}
@media screen and (max-width:1270px){
.indb_title h2{ font-size: 2.25rem;}
.indb_fl li{ margin-left: 60px;}
.indb_lmc{ font-size: 1.125rem;}
.indb_sz{ width: 30%; height: 40%; font-size: 6rem; padding: 6% 3% 0 0;}
.indb_wb{ padding: 25px 20px 45px 20px;}
.indb_mc h3{ font-size: 1.875rem;}
.indb_dl{ padding-top: 15px;}
.indb_dl dl dt{ font-size: 1.25rem;}
.indb_dl dl dd{ line-height: 22px; margin-top: 8px;}
}
@media screen and (max-width:1020px){
.index_bgb{ padding-top: 60px;}
.indb_btfl{ display: block; padding-bottom: 40px;}
.indb_title{ text-align: center;}
.indb_po{bottom: 18%;}
.indb_fl{ padding-top: 40px;}
.indb_fl ul{ justify-content: center;}
.indb_lpic img{ width: 66px;}
.indb_lmc{ margin-top: 10px;}
.indb_fl li:hover::after, .indb_fl li.on::after{ bottom: -30px;}
.indb_dl,.indb_ms{ display: none;}
.indb_sz{ width: 30%; height: 34%; font-size: 5rem; padding: 3% 3% 0 0;}
.indb_wb{ padding: 20px 15px 35px 15px;}
.indb_mc h3{ font-size: 1.5rem; margin-bottom: 8px;}
.indb_mc p{ font-size: 0.75rem;}
}
@media screen and (max-width:700px){
.index_bgb{ padding-top: 40px;}
.indb_btfl{ padding-bottom: 25px;}
.indb_title p{ font-size: 1.25rem;}
.indb_title h2{ font-size: 1.5rem;}
.indb_fl{ padding-top: 25px;}
.indb_fl ul{ justify-content: space-between;}
.indb_fl li{ margin-left: 0px;}
.indb_fl li::after{ border: 6px solid transparent; border-top: 7px solid #009b4c;}
.indb_fl li:hover::after, .indb_fl li.on::after{ bottom: -22px;}
.indb_lpic img{ width: 46px;}
.indb_lmc{ font-size: 1rem; margin-top: 7px;}
.indb_po{ display: none;}
.indb_sz{ width: auto; height: auto; font-size: 2.5rem; padding: 1% 3%;}
}

.index_bgc{ padding-top: 75px; padding-bottom: 60px; max-width: 1680px; margin: 0 auto; background: url(/html/images/indc_bbg.jpg) no-repeat center bottom; width: 100%; position: relative; z-index: 9;}
.index_bgc .indb_title p{ color: #000;}
.index_bgc .indb_title h2{ color: #006a39;}
.indc_bz{ color: #848484; line-height: 28px; text-align: right;}
.indc_gd{ position: relative;}
.indc_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.indc_nr li{ box-sizing: border-box; margin-top: 2%; flex: 0 1 32%; background: #fff; padding: 1.5%;}
.indc_nr li:nth-child(2),.indc_nr li:nth-child(5){ margin: 2% 2% 0 2%;}
.indc_nr li:nth-child(-n+6){ box-shadow: 0 0 30px rgba(0,0,0,0.1);}
.indc_nr li:nth-child(-n+3){ border: 3px solid #eaeaea; box-shadow: 0 0 0 rgba(0,0,0,0);}
.indc_nr li:nth-child(n+7){ flex: 0 1 49%; padding: 0 1.5%;}
.indc_nr li a{ display: block;}
.indc_nr li:nth-child(n+7) a{ display: flex;}
.indc_pic{ text-align: center;}
.indc_pic img{ max-width: 100%;}
.indc_ms{ margin-top: 7px; color: #606060; line-height: 26px;}
.indc_mc{ font-size: 1.125rem; color: #020202; font-weight: bold; margin-top: 15px;}
.indc_nr li:nth-child(n+7) .indc_pic{ flex: 0 1 48.138%;}
.indc_nr li:nth-child(n+7) .indc_pic img{ display: block; width: 100%;}
.indc_nr li:nth-child(n+7) .indc_wb{ flex: 1; margin-left: 60px; padding-top: 8px;}
.indc_an{ display: none;}
@media screen and (max-width:1270px){
.index_bgc .indb_btfl{ padding-bottom: 30px;}
.indc_ms{ font-size: 0.9375rem; line-height: 24px;}
.indc_nr li:nth-child(n+7) a{ align-items: center;}
.indc_nr li:nth-child(n+7) .indc_wb{ margin-left: 20px;}
.indc_nr li:nth-child(n+7) .indc_mc{ margin-top: 0;}
}
@media screen and (max-width:1020px){
.indc_bz{ padding-top: 15px; text-align: center; line-height: 24px;}
}
@media screen and (max-width:700px){
.index_bgc{ padding-top: 40px; padding-bottom: 50px;}
.indc_bz{ text-align: left;}
.indc_bz br{ display: none;}
.index_bgc .indb_btfl{ padding-bottom: 15px;}
.indc_nr ul{ display: block;}
.indc_nr li:nth-child(2), .indc_nr li:nth-child(5){ margin: 2% 0 0 0;}
.indc_nr li{ border: 1px solid #eaeaea !important; padding: 0;}
.indc_nr li:nth-child(n+7){padding: 0;}
.indc_nr li:nth-child(n+7) a{ display: block;}
.indc_nr li a{ padding: 5%;}
.indc_nr li:nth-child(n+7) .indc_wb{ margin-left: 0;}
.indc_ms{ font-size: 0.9375rem; line-height: 24px; margin-top: 10px;}
.indc_an{ display: block; padding-top: 15px;}
.indc_an ul{ display: flex; justify-content: center;}
.indc_an li{ overflow: hidden; width: 11px; height: 11px; text-indent: -999rem; background: #fff; margin: 0 3px; border-radius: 50%;}
.indc_an li.on{ background: #e62129;}
}

.index_bgd{ background: url(/html/images/index_bgd.jpg) no-repeat center bottom; background-size: cover; width: 100%; padding: 244px 0 47px 0; margin-top: -244px;}
.indc_bok{ background: #006a39; padding: 40px 0 35px 0; max-width: 1680px; margin: 0 auto; width: 100%;}
.indcbok_tit{ display: flex; color: #fff; align-items: flex-end;}
.indcbok_tit h4{ font-size: 1.875rem; font-weight: bold;}
.indcbok_tit p{ font-size: 1.5rem;}
.ibok_zj{ margin-left: 60px; font-size: 1.125rem; line-height: 24px;}
.indcbok_nr{ padding-top: 30px;}
.indcbok_nr form{ display: flex; justify-content: space-between;}
.indcbok_nr input{ box-sizing: border-box; padding: 0 1%; flex: 0 1 29%; background: #fff; border: 0; height: 48px; outline: none; font-family:"Microsoft YaHei"; font-size: 0.875rem;}
.indcbok_nr button{ padding: 0; border: 0; background: #08b15b; color: #fff; font-size: 1.125rem; flex: 0 1 10%; cursor: pointer; outline: none;}
.indd_title{ text-align: center; padding-top: 50px;}
.indd_title p{ color: #009b4c; font-family: 'Dinr'; font-size: 1.875rem; line-height: 0.8em;}
.indd_title h2{ font-size: 3rem; line-height: 1.5em; color: #303030; font-weight: bold;}
.indd_title::after{ content: ''; width: 51px; height: 4px; background: #009b4c; margin: 10px auto 0 auto; display: block;}
.indd_nr{ width: 100%; padding-top: 75px; margin: 0 auto; max-width: 1100px;}
.indd_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.indd_nr li{ flex: 0 1 45%; display: flex;}
.indd_nr li:nth-child(n+3){ margin-top: 30px;}
.indd_pic{ flex: 0 0 86px;}
.indd_wb{ float: left; margin-left: 15px;}
.indd_wb h4{ font-size: 1.5rem; color: #009b4c; font-weight: bold; height: 26px; line-height: 26px; overflow: hidden;}
.indd_wb p{ line-height: 20px; color: #666; margin-top: 10px;}
.index_bgd .inda_an{ padding-top: 90px;}
.index_bgd .inda_an a{ flex: 0 1 190px; height: 54px; line-height: 54px; text-indent: 37px; color: #fff; background: #045e30; margin: 0 auto; box-shadow: 0px 0px 50px rgba(0,33,16,0.2); transition: 0.5s;}
.index_bgd .inda_an a:hover,.index_bgd .inda_an a.on{ background: #009b4c;}
.index_bgd .inda_an a::after{ content: ''; width: 40px; height: 1px; background: #1ea25f; position: absolute; right: 25px; top: 27px; transition: 0.5s;}
.index_bgd .inda_an a:hover::after,.index_bgd .inda_an a.on::after{ background: #fff;}
@media screen and (max-width:1500px){
.indd_title h2{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.indd_title h2{ font-size: 2.25rem;}
.indd_nr{ padding-top: 55px;}
.indd_nr li{ flex: 0 1 48%;}
.indd_wb h4{ font-size: 1.375rem; height: 24px; line-height: 24px;}
.indd_wb p{ margin-top: 7px;}
}
@media screen and (max-width:1020px){
.indd_nr{ padding-top: 45px;}
.indd_nr li{ flex: 0 1 48.5%;}
.indd_pic{ flex: 0 0 70px;}
.indd_pic img{ display: block; width: 100%;}
.indd_wb h4{ font-size: 1.125rem; height: 20px; line-height: 20px;}
.indd_wb p{ margin-top: 5px; font-size: 0.9375rem;}
}
@media screen and (max-width:700px){
.index_bgd{ padding: 100px 0 15px 0; margin-top: -100px;}
.indd_title{padding-top: 40px;}
.indd_title p{ font-size: 1.25rem;}
.indd_title h2{ font-size: 1.5rem;}
.indd_title::after{ width: 32px; height: 3px;}
.indd_nr{ padding-top: 25px;}
.indd_nr li{ align-items: center; flex: 0 1 48%;}
.indd_pic{ flex: 0 0 50px;}
.indd_wb{ margin-left: 8px;}
.indd_wb h4{ height: auto; line-height: 25px;}
.indd_wb p{ display: none;}
.index_bgd .inda_an{ padding-top: 45px;}
.index_bgd .inda_an a{ height: 41px; line-height: 41px; flex: 0 1 126px; text-indent: 15px; font-size: 0.9375rem;}
.index_bgd .inda_an a::after{ top: 20px; right: 15px; width: 24px;}
}

.index_bge{ background: #e9e9e9; width: 100%; position: relative; padding: 0 0 80px 0;}
.index_bge::after{ content: ''; width: 100%; height: 44%; background: #e9e9e9; position: absolute; left: 0; bottom: 0;}
.index_bge .kg{ position: relative; z-index: 9;}
.inde_t{ position: absolute; z-index: 91; left: 0; width: 100%; top: 85px;}
.inde_more a{ font-size: 1.125rem; color: #303030; transition: 0.5s;}
.inde_more a:hover{ color: #009b4c;}
.inde_pic{ position: relative; z-index: 9;}
.inde_pic img{ display: block; width: 100%;}
.inde_hznr{ padding-top: 30px;}
.inde_hznr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.inde_hznr li{ flex: 0 1 15.858%;}
.inde_hznr li:nth-child(n+7){ margin-top: 0.9704%;}
.inde_hznr li a{ display: block; overflow: hidden; border: 1px solid #e5e5e5; background: #fff;}
.inde_hznr li img{ display: block; width: 100%; transition: 0.5s;}
.inde_hznr li:hover img{ transform: scale(1.05);}
@media screen and (max-width:1500px){
.inde_t{top: 55px;}
}
@media screen and (max-width:1270px){
.inde_t{ top: 30px;}
.inde_t .indb_btfl .indb_title{ margin-left: 10%;}
}
@media screen and (max-width:1020px){
.index_bge{ padding: 0 0 70px 0;}
.inde_t{ top: 20px;}
.inde_t .indb_btfl .indb_title{ margin-left: 0%;}
.inde_more{ display: none;}
.inde_hz{ padding-top: 40px;}
}
@media screen and (max-width:700px){
.index_bge{ background: #fff; padding: 80px 0 50px 0;}
.index_bge::after{height: 64%;}
.inde_t{ top: 40px;}
.inde_hznr{ padding-top: 20px;}
.inde_hznr li{ flex: 0 1 33%;}
.inde_hznr li:nth-child(n+4){ margin-top: 0.5%;}
}

.index_bgf{ background: url(/html/images/index_bgf.jpg) no-repeat center fixed; padding: 165px 0 245px 0; width: 100%; overflow: hidden;}
.indf_tit{ text-align: center; color: #fff;}
.indf_tit h2{ font-size: 2.25rem; font-weight: bold;}
.indf_tit h2::after{ display: block; content: ''; width: 55px; height: 3px; background: #fff; margin: 30px auto 25px auto;}
.indf_tit p{ font-size: 1.25rem; line-height: 30px;}
@media screen and (max-width:1270px){
.index_bgf{ background-attachment: inherit; background-size: cover; padding: 150px 0 200px 0;}
.indf_tit h2::after{ width: 45px; margin: 25px auto 20px auto;}
.indf_tit p{ font-size: 1.125rem;}
}
@media screen and (max-width:1020px){
.index_bgf{ padding: 120px 0 150px 0;}
}
@media screen and (max-width:700px){
.index_bgf{ padding: 40px 0 50px 0;}
.indf_tit h2{ font-size: 1.5rem;}
.indf_tit h2::after{width: 32px; height: 2px; margin: 20px auto 15px auto;}
.indf_tit p{ font-size: 1rem; line-height: 24px; text-align: left; padding: 0 2%;}
.indf_tit p br{ display: none;}
}

.index_bgg{ background: #f1f1f1; padding: 75px 0 120px 0; width: 100%;}
.indg_fl ul{ display: flex;}
.indg_fl li{ position: relative; margin-left: 60px;}
.indg_fl li:nth-child(1){margin-left: 0px;}
.indg_fl li a{ display: block; line-height: 30px; height: 30px; font-size: 1.125rem; color: #2a2a2a;}
.indg_fl li::after{ content: ''; width: 100%; height: 5px; background: #006a39; position: absolute; left: 0; bottom: -10px; transform: scaleX(0); transition: 0.5s;}
.indg_fl li:hover::after,.indg_fl li.on::after{ transform: scaleX(1);}
.indg_nr{ display: flex; justify-content: space-between;}
.indg_l{ flex: 0 1 36.1538%;}
.indg_pic{ overflow: hidden;}
.indg_pic img{ display: block; width: 100%; transition: 0.5s;}
.indg_l:hover .indg_pic img{ transform: scale(1.05);}
.indgo_wb{ background: #fff; padding: 25px 105px 35px 5%; position: relative;}
.indgo_rq{ font-size: 1.125rem; color: #878787; font-family: 'Dinr'; padding-bottom: 3px;}
.indgo_mc{ font-size: 1.75rem; color: #393939; line-height: 36px; height: 108px; overflow: hidden;}
.indgo_wb::after{ content: '>'; font-family: '宋体'; font-size: 1.25rem; line-height: 37px; width: 37px; height: 37px; border: 1px solid #d9d9d9; position: absolute; right: 7%; top: 30%; text-align: center; border-radius: 50%; cursor: pointer;}
.indg_l:hover .indgo_wb::after{ box-shadow: 0px 0px 20px rgba(4,139,76,0.5); border: 1px solid #006a39; background: #006a39; color: #fff; cursor: pointer; transition: 0.5s;}
.indg_nr ul{ flex: 0 1 61.6923%; background: #fff; padding: 40px 0; display: flex; align-content: space-between; flex-wrap: wrap;}
.indg_nr li{ position: relative; flex: 0 1 100%;}
.indg_nr li a{ display: flex; padding: 15px 0;}
.indg_rq{ flex: 0 0 131px; position: relative; text-align: center; color: #989898; font-family: 'Dinr';}
.indg_rq p{ font-size: 3.75rem; color: #424446; transition: 0.5s;}
.indg_rq::after{ content: ''; width: 1px; height: 100%; background: #e5e5e5; position: absolute; right: 0; top: 0;}
.indg_wb{ flex: 1; padding: 0 130px 0 28px; position: relative;}
.indg_wb h3{ line-height: 40px; height: 40px; color: #000; font-size: 1.5rem; overflow: hidden; transition: 0.5s;}
.indg_wb p{ color: #818181; line-height: 24px; height: 48px; overflow: hidden; margin-top: 5px;}
.indg_wb::after{ content: '>'; font-family: '宋体'; font-size: 1.25rem; line-height: 37px; width: 37px; height: 37px; border: 1px solid #d9d9d9; position: absolute; right: 6%; top: 30%; text-align: center; border-radius: 50%; cursor: pointer; transition: 0.5s;}
.indg_nr li:hover .indg_rq p{ color: #006a39; transition: 0.5s;}
.indg_nr li:hover .indg_wb h3{ color: #006a39; transition: 0.5s;}
.indg_nr li:hover .indg_wb::after{box-shadow: 0px 0px 20px rgba(4,139,76,0.5); border: 1px solid #006a39; background: #006a39; color: #fff; transition: 0.5s;}
@media screen and (max-width:1270px){
.index_bgg{ padding: 65px 0 90px 0;}
.indgo_wb{ padding: 15px 80px 25px 3%;}
.indgo_rq{ font-size: 1rem;}
.indgo_mc{ font-size: 1.5rem; line-height: 32px; height: 96px;}
.indgo_wb::after{font-size: 1rem; line-height: 28px; width: 28px; height: 28px; right: 4%; top: 32%;}
.indg_nr ul{padding: 15px 0; }
.indg_rq{ flex: 0 0 111px;}
.indg_rq p{ font-size: 3rem;}
.indg_wb{ padding: 0 90px 0 25px;}
.indg_wb::after{font-size: 1rem; line-height: 28px; width: 28px; height: 28px;}
.indg_wb h3{ font-size: 1.25rem;}
}
@media screen and (max-width:1020px){
.indgo_mc{ font-size: 1.125rem; line-height: 26px; height: 78px;}
.indg_rq{ flex: 0 0 91px; font-size: 0.875rem;}
.indg_rq p{ font-size: 2.5rem;}
.indg_nr li a{ padding: 10px 0;}
.indg_wb{ padding: 0 70px 0 20px;}
.indg_wb h3{ font-size: 1.125rem;}
.indg_wb p{ height: 24px;}
}
@media screen and (max-width:700px){
.index_bgg{ padding: 40px 0 50px 0;}
.index_bgg .indb_btfl{ padding-bottom: 30px;}
.indg_fl{ margin-top: 20px;}
.indg_fl ul{ justify-content: center;}
.indg_fl li{ margin-left: 35px;}
.indg_fl li::after{ height: 3px; bottom: -4px;}
.indg_fl li a{ font-size: 1rem;}
.indg_nr{ display: block;}
.indgo_wb{ padding: 15px 40px 15px 3%;}
.indgo_rq{ font-size: 0.875rem;}
.indgo_mc{ height: 48px; font-size: 1rem; line-height: 24px;}
.indgo_wb::after{font-size: 0.875rem; line-height: 22px; width: 22px; height: 22px; right: 2%; top: 32%;}
.indg_nr ul{ padding: 0; margin-top: 2%;}
.indg_rq{ flex: 0 1 77px;}
.indg_rq p{ font-size: 2rem;}
.indg_wb{ padding: 0 40px 0 12px;}
.indg_wb::after{font-size: 0.875rem; line-height: 22px; width: 22px; height: 22px; right: 2%;}
.indg_wb h3{ font-size: 1rem; line-height: 28px; height: 28px;}
.indg_wb p{ margin-top: 0; font-size: 0.875rem;}
}

.link_bg{ width:100%; height:70px; position:relative; background: #009b4c; border-top: 7px solid #009b4c;}
.link_bg .kg{ display: flex;align-items: center;}
.link_title{ height:70px; line-height: 70px; font-size: 1.125rem; font-weight: bold; flex: 0 1 160px; color: #fff; position:relative; z-index:9;}
.link_nr{ height:24px; overflow:hidden; line-height:24px; flex: 1;}
.link_nr a{ display:block; float:left; margin-right:20px; font-size:1rem; color: #fff;}
.link_nr a:hover{ text-decoration:underline;}
@media screen and (max-width:1270px){
.link_bg{ display: none;}
}

.foot_bg{ background: url(/html/images/foot_bg.jpg) no-repeat center top; background-size: cover; width:100%; border-top: 7px solid #009b4c; position:relative; z-index:9;}
.ftelnav{ padding-top: 80px;}
.foot_top{ display: flex; justify-content: space-between; padding-bottom: 100px;}
.fnav{ display: flex; width: 51%; justify-content: space-between;}
.fnav dl dt a{ display: block; font-size: 1.5rem; color: #fff;}
.fnav dl dt::after{ content: ''; width: 27px; height: 3px; background: #fff; margin: 24px 0; display: block;}
.fnav dl dd{ line-height: 36px;}
.fnav dl dd a{ color: #fff; font-size: 1.125rem; transition: 0.5s;}
.fnav dl dd a:hover{ color: #fff; transition: 0.5s;}
.ftelewm{ display: flex; justify-content: space-between; flex: 0 0 578px;}
.ftel_bt{ color: #fff; font-size: 1.5rem; padding-bottom: 25px;}
.ftel_nr{ border-left: 1px solid rgba(255,255,255,0.4); padding-left: 14px; color: #fff; line-height: 24px;}
.ftel_nr>p{ margin-bottom: 15px;}
.ftel_pho{ display: flex;}
.ftel_pho a{ color: #fff;}
.ftel_pho p:nth-child(2){ margin-left: 45px}
.fewm_pic{ overflow: hidden;}
.fewm_pic img{ display: block; width: 100%;}
.fewm_mc{ text-align: center; line-height: 24px; color: #fff; font-size: 1.125rem; margin-top: 7px;}
.foot_bom{ display: flex; justify-content: space-between; padding-bottom: 20px;}
.fll a{ color: #fff; font-size: 0.875rem;}
.fll a span{ font-size: 1.875rem;}
.fbq{ padding: 30px 0; line-height:26px; font-size: 1rem; color:#fff; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.fbq .kg{ display: flex; justify-content: space-between; align-items: center;}
.fbq p:nth-child(2) a{ margin-left: 20px; opacity: 0.9; transition: 0.5s;}
.fbq p:nth-child(2) a:hover{ opacity: 1; transition: 0.5s;}
.fbq a{ color: #fff; transition: 0.5s;}
.fbq a:hover{ color: #fff; transition: 0.5s;}
@media screen and (max-width:1270px){
.foot_top{ padding-bottom: 60px;}
.ftelnav{ padding-top: 50px;}
.fnav{ flex: 1; margin-right: 30px;}
.fnav dl dt a,.ftel_bt{ font-size: 1.125rem;}
.fnav dl dt::after{ width: 22px; height: 2px; margin: 15px 0;}
.fnav dl dd{ line-height: 30px;}
.fnav dl dd a{ font-size: 1rem;}
.ftelewm{ flex: 0 0 478px;}
.ftel{ flex: 1;}
.ftel_nr>p{ font-size: 0.9375rem;}
.fewm{ flex: 0 1 22%;}
.fewm_pic img{ display: block; width: 100%;}
.fewm_mc{ font-size: 0.9375rem;}
}
@media screen and (max-width:1020px){
.fnav{ display: none;}
.foot_top{ display: block; padding-bottom: 50px;}
.ftel_bt{ font-size: 1.375rem;}
.ftel_nr>p{ font-size: 1rem;}
.fewm{ flex: 0 1 auto;}
.fbq{ padding: 20px 0; line-height:22px; font-size: 0.9375rem; text-align: center;}
.fbq .kg{ display: block;}
.fbq .kg p:nth-child(2){ display: none;}
}
@media screen and (max-width:700px){
.foot_bg{ border-top: 3px solid #009b4c;}
.foot_top{ padding-bottom: 30px;}
.ftelnav{ padding-top: 30px;}
.ftel_bt{ font-size: 1.125rem; padding-bottom: 15px;}
.ftelewm{ align-items: flex-end;}
.ftel_nr{ padding-left: 10px;}
.ftel_nr>p{ font-size: 0.9375rem; line-height: 20px;}
.fewm{ margin-left: 20px; flex: 0 1 28%;}
.fewm_mc{ font-size: 0.875rem; line-height: 20px;}
.flogo img{ height: 35px;}
.fbq{ padding: 15px 0 65px 0; line-height: 20px; font-size: 0.8125rem;}
}
/*首页style结束*/


/*内页style开始*/
.about_banner{ background:url(/html/images/about_banner.jpg) no-repeat center; width:100%; height:400px; position:relative; border-bottom: 8px solid #006a39;}
.contact_banner{ background:url(/html/images/contact_banner.jpg) no-repeat center; width:100%; height:400px; position:relative; border-bottom: 8px solid #006a39;}
.case_banner{ background:url(/html/images/case_banner.jpg) no-repeat center; width:100%; height:400px; position:relative; border-bottom: 8px solid #006a39;}
.news_banner{ background:url(/html/images/news_banner.jpg) no-repeat center; width:100%; height:400px; position:relative; border-bottom: 8px solid #006a39;}
.pro_banner{ background:url(/html/images/pro_banner.jpg) no-repeat center; width:100%; height:593px; position:relative; border-bottom: 8px solid #006a39;}
.pro2_banner{ background:url(/html/images/pro2_banner.jpg) no-repeat center; width:100%; height:593px; position:relative; border-bottom: 8px solid #006a39;}
.pro3_banner{ background:url(/html/images/alpro_ban.jpg) no-repeat center; width:100%; height:593px; position:relative; border-bottom: 8px solid #006a39;}
.proshow_banner{ background:url(/html/images/proshow_banner.jpg) no-repeat center; width:100%; height:200px; position:relative; border-bottom: 8px solid #656e6a;}
.mtitwz{ padding-top: 150px;}
.pro_banner .mtitwz,.pro2_banner .mtitwz,.pro3_banner .mtitwz{ padding-top: 225px;}
.proshow_banner .mtitwz{ padding-top: 50px;}
.mtit{ position: relative; color: #fff;}
.mtit::before{ content: ''; width: 34px; height: 34px; background: #009b4c; position: absolute; left: -19px; top: -10px;}
.mtit h1,.mtit h2{ font-size: 3rem; position: relative; z-index: 9;}
.mtit::after{ content: ''; display: block; width: 40px; height: 2px; background: #fff; margin: 15px 0 20px 0;}
.main_wz{ font-size:1rem; color:#fff;}
.main_wz span{ padding:0 8px; font-family:"宋体";}
.main_wz a{ color:#fff;}
.main_wz a:hover{ text-decoration: underline;}
.main_fl{ padding-top: 55px;}
.main_fl ul{ display: flex; justify-content: flex-end;}
.main_fl li{ position:relative; margin-left: 11px; background: #fff;}
.main_fl li a{ color:#006a39; padding:0 35px; font-size:1.125rem; height:50px; display:block; line-height:50px; text-align:center; position:relative; z-index:9;}
.main_fl li:hover a,.main_fl li.cur a{ color: #fff;}
.main_fl li::before{ content:""; display:block; background:#006a39; width:0%; height:0%; position:absolute; top:0; right:0; transition:0.5s;}
.main_fl li:hover::before,.main_fl li.cur::before{ width:100%; height: 100%; transition:0.5s;}
.main_fl li::after{ content: ''; width: 0; height: 0; border: 5px solid transparent; border-top: 5px solid #fff; position: absolute; left: 0; bottom: 0; transform: rotate(45deg);}
.main{ background:#fff; padding-top:60px; padding-bottom:100px;}
.about_nr{ color:#5a5a5a; font-size:1rem; line-height:30px;}
.about_nr img{ max-width:100%;}
@media screen and (max-width:1400px){
.mtit h1,.mtit h2{ font-size: 2.5rem;}
}
@media screen and (max-width:1270px){
.mtitwz{ padding-top: 70px;}
.mtit::before{ width: 26px; height: 26px; left: -10px; top: -6px;}
.mtit h1,.mtit h2{ font-size: 2.25rem;}
.mtit::after{ width: 32px; margin: 10px 0 15px 0;}
.about_banner,.contact_banner,.case_banner,.news_banner{ background-size: cover; height: 300px;}
.pro_banner,.pro2_banner,.pro3_banner{background-size: cover; height: 403px;}
.pro_banner .mtitwz,.pro2_banner .mtitwz,.pro3_banner .mtitwz{ padding-top: 125px;}
}
@media screen and (max-width:1020px){
.about_banner,.contact_banner,.case_banner,.news_banner{ height: 300px;}
.pro_banner,.pro2_banner,.pro3_banner{ height: 303px;}
.pro_banner .mtitwz,.pro2_banner .mtitwz,.pro3_banner .mtitwz{ padding-top: 90px;}
}
@media screen and (max-width:700px){
.about_banner,.contact_banner,.case_banner,.news_banner{ height: 180px; border-bottom: 4px solid #006a39;}
.pro_banner,.pro2_banner,.pro3_banner{ height: 180px;border-bottom: 4px solid #006a39;}
.proshow_banner{border-bottom: 4px solid #656e6a;}
.pro_banner .mtitwz,.pro2_banner .mtitwz,.pro3_banner .mtitwz{ padding-top: 45px;}
.mtitwz{ padding-top: 50px;}
.mtit::before{ width: 22px; height: 22px; left: -1.5%; top: -4px;}
.mtit h1,.mtit h2{ font-size: 1.5rem;}
.mtit::after{ width: 22px; margin: 7px 0 10px 0;}
.main_wz{ font-size: 0.9375rem;}
.main_fl{ padding-top: 10px;}
.main_fl.fl_03 ul{ justify-content: space-between;}
.main_fl.fl_03 li{ flex: 0 1 32%; margin-left: 0;}
.main_fl.fl_03 li a{ height: 40px; line-height: 40px; padding: 0; font-size: 1rem;}
.main{ padding-top:40px; padding-bottom:50px;}
}

/*about*/
.abo_bga{ background: #fff; width: 100%; overflow: hidden; padding: 95px 0 0 0;}
.abo_title h2{ font-size: 2.25rem; font-weight: bold; color: #1f1f1f;}
.abo_title h2 span{ font-size: 1.125rem; color: #8e8e8e; font-weight: normal; padding-left: 15px; text-transform: uppercase;}
.abo_title p{ font-size: 1.7rem; color: #006a39; padding-top: 5px;}
.aboa_ms{ padding-top: 30px; color: #585858; line-height: 30px;}
.aboa_bom{ padding-top: 30px;}
.aboa_bom ul{ display: flex; justify-content: space-between;}
.aboa_bom li{ flex: 0 1 49.9%; display: flex; justify-content: space-between; align-items: center;}
.aboa_bom li:nth-child(1){ background: #006a39;}
.aboa_bom li:nth-child(2){ background: #0c9d5a;}
.aboa_wb{ flex: 1; padding: 0 2%; color: #fff;}
.aboa_wb h3{ font-size: 1.875rem; font-weight: bold;}
.aboa_wb p{ line-height: 24px; margin-top: 20px; height: 72px;}
.aboa_pic{ overflow: hidden; flex: 0 1 50%;}
.aboa_pic img{ display: block; width: 100%;}
@media screen and (max-width:1270px){
.abo_bga{ padding: 75px 0 0 0;}
}
@media screen and (max-width:1020px){
.abo_bga{ padding: 60px 0 0 0;}
.aboa_wb h3{ font-size: 1.25rem;}
.aboa_wb p{ margin-top: 10px; height: auto; font-size: 0.9375rem;}
}
@media screen and (max-width:700px){
.abo_bga{ padding: 40px 0 0 0;}
.abo_title h2{ font-size: 1.5rem;}
.abo_title h2 span{ font-size: 0.875rem; padding-left: 10px;}
.abo_title p{ font-size: 1.125rem;}
.aboa_ms{ padding-top: 24px; font-size: 0.9375rem; line-height: 24px;}
.aboa_bom ul{ display: block;}
.aboa_wb h3{ font-size: 1.125rem;}
.aboa_bom li:nth-child(2) .aboa_wb{ order: 1;}
}

.abo_bgb{ background: #f2f2f2; padding: 75px 0 90px 0; width: 100%;}
.abo_pic{ overflow: hidden; margin-top: 45px;}
.abo_pic img{ display: block; width: 100%;}
.abob_gd{ position: relative; margin-top: -90px;}
.abob_nr{ max-width: 680px; width: 100%; margin: 0 auto;}
.abob_nf{ font-size: 11.25rem; font-family: 'DinBlack'; color: #fff; text-shadow: 0px 0px 20px rgba(0,0,0,0.1); text-align: center; line-height: 0.8em;}
.abo_ms{ color: #666; line-height: 24px; margin-top: 40px; height: 144px;}
.abob_fl{ margin-top: 15px; position: relative; border-top: 2px solid #e2e2e2;}
.abob_fl ul{ display: flex; justify-content: space-between; width: 60%; margin: 0 auto;}
.abob_fl li{position: relative; padding-top: 24px; color: #666; font-family: 'Dinr'; cursor: pointer; transition: 0.5s;}
.abob_fl li:hover,.abob_fl li.on{ color: #006a39;}
.abob_fl li::after{ content: ''; background: #f2f2f2; width: 12px; height: 12px; border-radius: 50%; border: 5px solid #e2e2e2; position: absolute; left: 50%; top: -13px; margin-left: -11px; transition: 0.5s;}
.abob_fl li:hover::after,.abob_fl li.on::after{ border: 5px solid #006a39;}
.abo_jt a{ display: block; width: 97px; height: 97px; background: url(/html/images/abob_jt.png) no-repeat center #fff; position: absolute; top: 10%; cursor: pointer; z-index: 99; transition: 0.5s;}
.abo_jt a.prev{ left: 1%;}
.abo_jt a.next{ right: 1%; transform: scaleX(-1);}
.abo_jt a.prevStop,.abo_jt a.nextStop{ opacity: 0;}

.abo_bgc{ background: #fff; width: 100%; padding: 95px 0 135px 0;}
.aboc_nr{ padding-top: 50px;}
.aboc_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.aboc_nr li{ flex: 0 1 32%;}
.aboc_nr li:nth-child(n+4){ margin-top: 2%;}
.aboc_more{ padding-top: 60px;}
.aboc_more a{ display: block; margin: 0 auto; width: 140px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #006a39; transition: 0.5s;}
.aboc_more a:hover{ box-shadow: 3px 3px 1px #000;}
@media screen and (max-width:1270px){
.abo_bgc{padding: 85px 0 100px 0;}
.aboc_more{ padding-top: 40px;}
}
@media screen and (max-width:1020px){
.abo_bgc{padding: 75px 0 80px 0;}
}
@media screen and (max-width:700px){
.abo_bgc{padding: 40px 0 50px 0;}
.aboc_more{ padding-top: 20px;}
.aboc_more a{ width: 100px; height: 34px; line-height: 34px; font-size: 0.875rem;}
}

/*科研*/
.kytop{ display: flex; justify-content: space-between; padding-top: 50px;}
.kya_pic{ flex: 0 0 250px;}
.kya_pic img{ display: block; width: 100%;}
.kya_r{ flex: 1; margin-left: 30px; position: relative;}
.kya_bt h2{ font-size: 1.875rem; color: #202020; font-weight: bold; padding-bottom: 5px;}
.kya_bt h2 span{ font-size: 1.125rem; margin-left: 10px; font-weight: normal;}
.kya_bt p{ color: #585858; line-height: 24px;}
.kya_ms{ padding-top: 13px;}
.kya_ms h3{ font-size: 1.125rem; font-weight: bold; color: #202020;}
.kya_js{ padding-top: 15px; color: #585858; line-height: 24px;}
.kya_zs{ width: 39.216%; position: absolute; bottom: 40px; right: 0;}
.inde_tpic{position:relative;}
.inde_tpic p{position:relative; z-index: 9;}
.inde_tpic img{display:block;width:100%;}
.inde_tpic span{position: absolute; width: 100%; top: 0; left: 0; overflow: hidden;}
.kyb{ background: #f7f7f7; border: 1px solid #e3e3e3; margin-top: 45px; padding: 35px 2% 70px 2%;}
.kyb_tit{ font-size: 1.875rem; color: #3d3d3d; line-height: 1em;}
.kyb_nr dl{ margin-top: 40px;}
.kyb_nr dl dt{ color: #3c3c3c; font-size: 1.125rem; font-weight: bold; padding-bottom: 5px;}
.kyb_nr dd{ padding-left: 12px; line-height: 24px; margin-top: 5px;}
.kyc{ background: url(/html/images/ky_03.png) no-repeat 15px bottom #f7f7f7; border: 1px solid #e3e3e3; margin-top: 30px; padding: 30px 2% 30px 230px;}
.kyc h3{ font-size: 1.5rem; color: #3a3a3a; padding-bottom: 10px;}
.kyc p{ color: #585858; line-height: 30px;}
@media screen and (max-width:1270px){
.kya_ms{ font-size: 0.875rem;}
}
@media screen and (max-width:1020px){
.kytop{ display: block;}
.kya_pic img{ max-width: 100%; width: auto; margin: 0 auto;}
.kya_r{ margin-left: 0;}
}
@media screen and (max-width:700px){
.kytop{ padding-top: 30px;}
.kya_r{ margin-top: 20px;}
.kya_bt h2{ font-size: 1.25rem;}
.kya_bt h2 span{ font-size: 1rem;}
.kya_bt p{ font-size: 0.9375rem; line-height: 20px; margin-top: 5px;}
.kya_js{ font-size: 0.9375rem;}
.kya_js p{line-height: 20px; margin-top: 5px;}
.kya_zs{ position: relative; bottom: auto; right: auto; width: auto; margin-top: 15px;}
.kyb{ margin-top: 35px; padding: 25px 2% 50px 2%;}
.kyb_tit{ font-size: 1.5rem;}
.kyb_nr dl{ margin-top: 20px;}
.kyb_nr dl dt{ font-size: 1rem;}
.kyb_nr dd{ font-size: 0.9375rem; line-height: 22px;}
.kyc{ background-size: auto 40%; padding: 15px 2% 15px 4%;}
.kyc h3{ font-size: 1.125rem; padding-bottom: 5px;}
.kyc p{ font-size: 0.9375rem; line-height: 22px;}
}
/*about*/

/*contact*/
.cont{ display: flex; justify-content: space-between;}
.cont_l{ font-size: 2.25rem; color: #006a39; line-height: 48px;}
@media screen and (max-width:1020px){
.cont{ display: block;}
.cont_l{ font-size: 2rem;  line-height: 44px; margin-bottom: 40px;}
}
@media screen and (max-width:700px){
.cont_l{ font-size: 1.5rem; line-height: 36px; margin-bottom: 30px;}
}
/*contact*/

/*case*/
.case_nr li{ float: left; width: 32%; padding-bottom: 40px;}
.case_nr li:nth-child(3n-1){ margin: 0 2%;}
.case_pic{ position: relative;}
.case_pic::before{ content: ''; width: 100%; height: 100%; position: absolute; left: 7px; top: -7px; background: #dcdcdc; transition: 0.5s;}
.case_nr li:hover .case_pic::before{ background: #009b4c;}
.case_pic p{ overflow: hidden; position: relative; z-index: 9;}
.case_pic p img{ display: block; width: 100%; transition: 0.5s;}
.case_nr li:hover .case_pic p img{ transform: scale(1.05);}
.case_mc{ border: 1px solid #dadada; border-top: none; padding: 15px 4%;}
.case_mc h3{ font-size: 1.125rem; color: #000;  height: 20px; line-height: 20px; overflow: hidden; transition: 0.5s;}
.case_mc p{ line-height: 18px; color: #828282; height: 18px; overflow: hidden; margin-top: 8px;}
.case_nr li:hover .case_mc h3{ color: #009b4c;}
/*case*/

/*other*/
.honor_nr li{ float: left; width: 24%; margin-right: 1.333%; padding-bottom: 30px;}
.honor_nr li:nth-child(4n){ margin-right: 0;}
.honor_pic{ overflow: hidden; position: relative; border: 1px solid #ddd;}
.honor_pic img{ display: block; width: 100%; transition: 0.5s;}
.honor_nr li:hover .honor_pic img{ transform: scale(1.05);}
.honor_mc{ text-align: center;  line-height: 40px; height: 40px; overflow: hidden;}
@media screen and (max-width:1020px){
.honor_nr li{ width: 32%; margin-right: 0%;}
.honor_nr li:nth-child(3n-1){ margin: 0 2%;}
.honor_mc{ font-size: 0.9375rem;}
}
@media screen and (max-width:700px){
.honor_nr li{ width: 49%; padding-bottom: 15px;}
.honor_nr li:nth-child(3n-1){ margin: 0;}
.honor_nr li:nth-child(2n){ float: right;}
.honor_mc{ font-size: 0.9375rem;}
}
/*other*/

/*solu*/
.solution{position: relative;}
.solution li{ width: 28.6458%; float: left; position: relative; overflow: hidden; transition: 0.5s;}
.soultion_img img{ float: right;}
.solution li.on{ width: 42.7084%;}
.solution li::before{ content: ''; background: rgba(0,0,0,0.5); position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: 0.5s;}
.solution li.on::before{background: rgba(0,0,0,0);}
.soultion_po{ position: absolute; width: 100%; height: 100%; display: flex; z-index: 9; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; text-align: center;}
.soultion_nr{ flex: 0 1 100%;}
.soultion_pic{ text-align: center;}
.soultion_mc{ color: #fff; font-size: 1.5rem; padding-top: 10px; transition: 0.5s;}
.solution li.on .soultion_mc{ font-weight: bold;}
.soultion_fl{ padding-top: 15px; display: flex; opacity: 0; transform: scale(0); transition: 0.5s;}
.soultion_fl a{ margin: 0 10px; color: #fff; font-size: 1.25rem;}
.solution li.on .soultion_fl{ opacity: 1; transform: scale(1); transition: 0.5s 0.2s;}

.solu_bg{ background: url(/html/images/jiejue_bg.jpg) no-repeat center; width: 100%;}
.solu_po li{ position:absolute;}
.solu_po li:nth-child(1){ bottom: 21%; left: 15%;}
.solu_po li:nth-child(2){ bottom: 25.5%; left: 41%;}
.solu_po li:nth-child(3){ bottom: 46%; left: 47.5%;}
.solu_po li:nth-child(4){ bottom: 29%; right: 31%;}
.solu_po li:nth-child(5){ top: 28.5%; right: 21.5%;}
.solu_po li:nth-child(6){ bottom: 24%; right: 6%;}
.solu_po li a{ display: block; background: url(/html/images/solu_bl.png) no-repeat center; width: 92px; height: 123px; text-align: center; transition: 0.5s;}
.solu_po li:hover a{background: url(/html/images/solu_bh.png) no-repeat center;}
.solu_tb{ padding-top: 10px;}
.solu_mc{ color: #fff; font-size: 0.875rem; line-height: 1.125em;}

.nsoul{ background: url(/html/images/solushow_bg.jpg) no-repeat center top #e8e8e8; width: 100%; padding-bottom: 80px;}
.nsoul_tit{ text-align: center; padding-top: 79px;}
.nsoul_tit h1{ font-size: 2.25rem; color: #fff; padding: 13px 0 20px 0;}
.nsoul_tit::after{ content: ''; display: block; width: 53px; height: 2px; background: #fff; margin: 0 auto;}
.nsoul_js{ text-align: center; color: #fff; padding-top: 25px; line-height: 30px; font-size: 1.125rem;}
.nsoul_pic{ margin-top: 130px; text-align: center; position: relative;}
.nsoul_pic img{ max-width: 100%;}
.nsoul_pic p{ position: absolute; top: 53%; left: 0; font-size: 1.875rem; color: #000; padding-left: 22px; height: 30px; line-height: 30px;}
.nsoul_pic p::before{ content: ''; width: 5px; height: 100%; background: #009b4c; border-radius: 3px; position: absolute; left: 0; top: 0;}
.nsoul_ms{ background: #fff; padding: 2% 2.5%;}
.nsoul_bt{ display: flex; align-items: flex-end;}
.nsoul_bt h3{ font-size: 1.875rem; color: #0c0c0c; font-weight: bold; line-height: 1.125em;}
.nsoul_bt p{line-height: 24px; color: #009b4c; font-size: 1.125rem; padding-left: 25px;}
.nsoul_li{ padding-top: 35px;}
.nsoul_li p{ line-height: 24px; margin-bottom: 6px; color: #5a5a5a; position: relative; font-size: 1.125rem; padding-left: 18px;}
.nsoul_li p::after{ content: ''; width: 9px; height: 9px; background: #cbcbcb; border-radius: 50%; position: absolute; left: 0; top: 7px;}
@media screen and (max-width:1020px){
.nsoul{  width: 100%; padding-bottom: 50px;}
.nsoul_pic p{ position: relative; top: auto; left: auto; height: 30px; line-height: 30px; text-align: left; margin-bottom: 15px;}
}
@media screen and (max-width:700px){
.solution li{ width: 100%; float: none;}
.soultion_img img{ float: none; display: block; width: 100%;}
.solution li.on{ width: 100%;}
.solution li.on::before{background: rgba(0,0,0,0.5);}
.soultion_po{ top: 0; left: 0;}
.soultion_pic img{ width: 70px;}
.soultion_mc{ font-size: 1.25rem;}
.soultion_fl a{ font-size: 1rem;}
.soultion_fl{ opacity: 1; transform: scale(1);}

.nsoul{ background-size: auto 500px !important;}
.nsoul_tit{ padding-top: 50px;}
.nsoul_tit h1{ font-size: 1.25rem; padding: 0 0 20px 0;}
.nsoul_js{ font-size: 1rem; line-height: 24px; padding-top: 15px;}
.nsoul_pic{ margin-top: 20px;}
.nsoul_js br{ display: none;}
.nsoul_pic p{ font-size: 1.25rem; height: 24px; line-height: 24px;}
.down_nr li{ width: 49% !important; margin-right: 0 !important;}
.down_nr li:nth-child(2n){ float: right !important;}
.down_mc{ height: 40px !important; padding-top: 10px !important;}
.down_mc h2{ height: 40px !important; line-height: 40px !important; font-size: 0.9375rem !important; text-align: center;}
.down_mc:after{ position: relative !important; display: block;}
}
/*solu*/

/*news*/
.news_nr ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.news_nr li{ flex: 0 1 31%; position: relative;}
.news_nr li:nth-child(n+4){ margin-top: 40px;}
.news_nr li a{ display: block; position: relative; z-index: 9;}
.news_nr li::before{ content: ''; width: 100%; height: 100%; background: #009b4c; position: absolute; left: 0px; top: 0px; transition: 0.5s;}
.news_nr li:hover::before{left: 7px; top: 8px; transition: 0.5s 0.4s;}
.news_pic{ overflow: hidden;}
.news_pic img{ display: block; width: 100%; transition: 0.5s;}
.news_nr li:hover .news_pic img{ transform: scale(1.05);}
.news_wb{ background: #fff; padding: 22px 0 35px 0; position: relative;}
.news_rq{ position: absolute; right: 0; top: -30px; background: #f5f5f5; height: 40px; line-height: 40px; padding: 0 12px; font-family: 'Ddinr'; color: #999; transition: 0.5s;}
.news_mc{ padding: 0 4%; color: #333; font-size: 1.125rem; line-height: 36px; height: 36px; overflow: hidden; position: relative; transition: 0.5s;}
.news_nr li:hover .news_mc{ font-size: 1.125rem; color: #009b4c; font-weight: bold; transition: 0.5s;}
.news_mc::after{ content: ''; width: 7px; height: 100%; background: url(/html/images/indb_l.png) no-repeat left center; position: absolute; left: -7px; top: 0; transition: 0.5s;}
.news_nr li:hover .news_mc::after{ left: 0; transition: 0.5s;}
.news_ms{ margin-top: 10px; color: #999; line-height: 24px; height: 48px; overflow: hidden; padding: 0 4%;}
.news_nr li:hover .news_rq{ background: #009b4c; color: #fff;}
.newsshow_title{ text-align:center; border-bottom:1px dashed #ccc; padding-bottom:12px; font-size:1.5rem; font-weight:bold; line-height:25px; }
.newsshow_title p{ font-size:0.875rem; color:#999; font-weight:normal; padding-top:8px;}
.newsshow_wnnr{ margin:0 auto; padding-top:15px; font-size:0.9125rem; line-height:26px; }
.newsshow_wnnr img{ max-width:100%;}
.bdsharebuttonbox{ margin:0 auto; padding-top:40px; width:145px;}
.sxyjsys,.sxyjsys a{ font-size:14px;  line-height:20px;}
.sxyjsys a:hover{ text-decoration:underline;}
.xgnews-tit{ text-align:center; font-size:1.25rem; font-weight:bold; line-height:46px; height:46px; color:#717171;}
.xgnews-con{ padding-top:15px;}
.xgnews-con li{ float:left; width:45%; margin-left:1%; margin-right:4%; line-height:24px; list-style-position:inside; list-style-type:disc;}
.xgnews-con li a{ font-size:14px;}
.xgnews-con li span{ float:right; color:#999; font-size:12px;}
.xgnews-con li a:hover{ text-decoration:underline;}
@media screen and (max-width:1020px){
.news_nr li{ flex: 0 1 32%;}
.news_wb{ padding: 15px 0 20px 0;}
.news_rq{ font-size: 0.875rem;}
.news_mc{ font-size: 1rem; height: 30px; line-height: 30px;}
.news_ms{ font-size: 0.875rem; line-height: 22px; height: 44px; margin-top: 4px;}
.newsshow_title{ font-size:1.25rem;}
.newsshow_title p{ font-size:0.8125rem; padding-top:5px;}
.xgnews-tit{ font-size:1.125rem;}
}
@media screen and (max-width:700px){
.news_nr li{ flex: 0 1 49%;}
.news_nr li:nth-child(n+3){ margin-top: 20px;}
.news_rq{ font-size: 0.8125rem; height: 32px; line-height: 32px; top: -26px;}
.news_wb{ padding: 10px 0 10px 0;}
.news_mc{ font-size: 0.9375rem; height: 24px; line-height: 24px;}
.news_ms{ font-size: 0.8125rem; line-height: 20px; height: 40px; margin-top: 0px;}
.newsshow_title{ font-size:1.125rem; line-height: 1.5em;}
.newsshow_title p{ font-size:0.75rem; padding-top:0px;}
.xgnews-con{ padding-top:5px;}
.xgnews-con li{ width:95%;}
}
/*news*/

/*product*/
.pro_kj:nth-child(n+2){ padding-top: 100px;}
.probtgd{ padding-bottom: 20px; margin-bottom: 15px;}
.probtgd h2{ font-size: 2.25rem; font-weight: bold; color: #006a39;}
.probtgd p{ color: #838383; line-height: 24px; margin-top: 8px;}
.pro_nr ul{ display: flex; flex-wrap: wrap;align-content: space-between;}
.pro_nr li{flex: 0 1 24%; background: #fff; position: relative;margin-right:1.333%;margin-bottom:2rem;}
.pro_nr li:nth-child(4n){ margin-right: 0;}

.pro_nr li a{ display: block; background: #eaeaea; padding: 2px; transition: 0.5s;}
.pro_nr li:hover a{ background: #006a39;}
.pro_pic{ overflow: hidden;}
.pro_pic img{ display: block; width: 100%; transition: 0.5s;}
.pro_nr li:hover .pro_pic img{ transform: scale(1.05);}
.promcmo{ display: flex; justify-content: space-between; align-items: center; padding: 9px 2%;}
.promc h3{ color: #006a39; font-size: 1rem; line-height: 28px; height: 28px; overflow: hidden; transition: 0.5s;}
.promc p{ font-size: 1.125rem; overflow: hidden; height: 20px; line-height: 20px; margin-top: 8px; color: #7f7f7f; transition: 0.5s;}
.promo{ width: 90px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #009b4c; transition: 0.5s;font-size:0.875rem;}
.pro_nr li:hover .promc h3{ color: #fff;}
.pro_nr li:hover .promc p{ color: rgba(255,255,255,0.6);}

.proshowa{ background:#fff; padding: 45px 2%;}
.proshow_gd{ width:53%; position:relative;}
.proshow_img{ border:5px solid #ebebeb; overflow:hidden;}
.proshow_img li{ overflow:hidden;}
.proshow_img li img{ display:block; width:100%;}
.proshow_anjt{ position:absolute; width:100%; bottom: 5%; left: 0;}
.proshow_anjt ul{ display: flex; justify-content: center;}
.proshow_anjt li{ overflow: hidden; width: 12px; height: 12px; background: #fff; border-radius: 50%; margin: 0 7px; cursor: pointer; overflow: hidden; text-indent: -999em;}
.proshow_anjt li.on{ background: #009b4c;}
.proshowa_wb{ width:43%; padding-top:15px;}
.nycp_bt{border-bottom:1px solid #ddd; padding-bottom:15px;}
.nycp_bt h1{ color: #4e4e4e; font-size: 1.75rem; font-weight: bold;}
.nycp_bt p{ font-size: 1.125rem; color: #7d7d7d; margin-top: 6px;}
.nycp_nr{ font-size:1rem; color:#2e2e2e; line-height:180%; padding-top:1.5rem; padding-bottom:1.5rem; border-bottom:1px solid #ddd;}
.nycp_nr img{ max-width:100%;}
.nycp_tel{ font-size:1.125rem; color:#646464; padding-top:35px;}
.nycp_tel p{ color:#646464; font-size:2rem; font-family:"Dinr";}
.nycp_more{padding-top:12px;}
.nycp_more a{display:block; background:#006a39; text-align:center; width:150px; line-height:50px; font-size:1.125rem; color:#fff;}
.nycp_more img{ margin-bottom:-7px; margin-right:5px;}
.nycp_more .job_moreb{ display:none;}
.proshow_bom{margin-top:40px;  position:relative;}
.proshow_title{ display: flex;}
.proshow_title p{ border:1px solid #d4d4d4; border-bottom: none; background:#e5e5e5; cursor: pointer; color:#484848; font-size:1.375rem; line-height:54px; height:54px; padding:0 45px; transition: 0.5s; position:relative; z-index:9;}
.proshow_title p:nth-child(n+2){ margin-left: 7px;}
.proshow_title p:hover,.proshow_title p.on{ background: #006a39; border: 1px solid #006a39; border-bottom: none; color: #fff;}
.proms_l{ background:#f9f9f9; padding:25px 2% 40px 2%;}
.proshow_nr{ font-size:1rem; line-height:1.8em;}
.proshow_nr img{ max-width:100%;}
.proshow_nr .fsqi_title p,.proshow_nr .fsqh_title p{ padding-bottom:8px; line-height:40px;}
.showcp_an{ padding-top:0.875rem; width:100%; padding-top:40px; margin-bottom:50px;}
.showcp_an p{width:120px;}
.showcp_an p a{width:100%;height:40px; background:#006a39; text-align:center; line-height:40px; display:block; font-size:1rem; color:#fff; font-weight:bold;}
.cnxh{ margin-top:35px;}
.cnxh_title{width:100%; position:relative; height:67px; border-top:4px solid #006a39; border-bottom:1px solid #f5f5f5; background:#f1f1f1;}
.cnxh_title p{display:inline-block; color:#006a39; font-size:1.375rem; line-height:67px; height:67px; padding-left:2%;}
.cnxh_nr{padding:25px 2% 40px 2%; background:#f9f9f9;}
.cnxh_nr li{ margin-top:20px; width:24%; margin-right:1.333%; float:left;}
.cnxh_nr li:nth-child(4){ margin-right:0;}
.cnxh_pic{ overflow:hidden; border:1px solid #ddd;}
.cnxh_pic img{ display:block; width:100%; transition:0.5s;}
.cnxh_nr li:hover .cnxh_pic img{transform:scale(1.1);}
.cnxh_wb{ background:#ddd; height:40px; line-height:40px; overflow:hidden; font-size:0.875rem; text-align:center; transition:0.5s;}
.cnxh_nr li:hover .cnxh_wb{ background:#006a39; color:#fff; transition:0.5s;}
@media screen and (max-width:1270px){
.pro_kj:nth-child(n+2){ padding-top: 80px;}
.proshowa{ padding: 35px 2%;}
.proshowa_wb{ padding-top: 0;}
.nycp_bt h1{ font-size: 1.5rem;}
.nycp_nr{ padding: 15px 0;}
.nycp_tel{ padding-top: 25px;}
}
@media screen and (max-width:1020px){
.probtgd h2{ font-size: 2rem;}
.pro_kj:nth-child(n+2){ padding-top: 60px;}
.pro_nr ul{ justify-content: space-between;}
.pro_nr li{ flex: 0 1 49%; margin-right: 0;}
.nycp_tel p{ font-size: 1.875rem;}
}
@media screen and (max-width:700px){
.probtgd h2{ font-size: 1.5rem;}
.probtgd p{ font-size: 0.9375rem;}
.pro_kj:nth-child(n+2){ padding-top: 30px;}
.pro_nr li{ margin-bottom: 15px;}
.promcmo{ display: block; padding: 4px 2%;}
.promc h3{ font-size: 0.9375rem;}
.promo{ display: none;}
.proshowa{ padding: 2% 2% 30px 2%; position: relative;}
.proshow_gd{ float: none; width: auto;}
.proshow_img{border: 3px solid #ebebeb;}
.proshowa_wb{ width: auto; padding-top: 20px; float: none;}
.nycp_bt h1{ font-size: 1.375rem;}
.nycp_bt p{ font-size: 1rem;}
.nycp_nr{ font-size: 0.9375rem;}
.nycp_tel{ padding-top: 15px; font-size: 1rem;}
.nycp_tel p{ font-size: 1.75rem;}
.nycp_more{ padding-top: 0; position: absolute; right: 2%; bottom: 30px;}
.nycp_more a{ width: 120px; height: 42px; line-height: 42px; font-size: 0.9375rem;}
.nycp_more img{ height: 22px; margin-bottom: -5px;}
.proshow_title p{ height: 40px; line-height: 40px; font-size: 1rem; padding: 0 15px;}
.showcp_an{ margin-bottom: 0;}
.showcp_an p{ width: 100px;}
.showcp_an p a{ height: 34px; line-height: 34px;}
.cnxh_title{ height: 43px; border-top: 2px solid #006a39;}
.cnxh_title p{ line-height: 43px; height: 43px; font-size: 1.125rem;}
.cnxh_nr{ padding: 0 2% 15px 2%;}
.cnxh_nr li{ width: 49%; margin-right: 0;}
.cnxh_nr li:nth-child(2n){ float: right;}
}
/*内页style结束*/

.fswzj{ display:none;}@media screen and (max-width:700px){.fswzj{ position:fixed; bottom:0; z-index:999; width:100%; display:block; background:#0da156;}.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #14a95d;}.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #14a95d;}.fswzj ul li.on a{ border-left:none;}.fnav_pic{ width:24%; margin:0 auto;}.fnav_pic img{ width:100%;}.fnav_wb{font-size:0.8125rem; padding-top:2px;}footer{ padding:20px 0 120px 0;}}

/*导航样式*/
@media screen and (max-width:1280px){
.sp_nav{width:60px;float:right;position:relative;cursor: pointer; height:60px; background:#0da156; padding:10px; display: block;}
.sp_nav i{display:block; color:#fff; position:absolute; width:100%; bottom:12px; left:0; text-align:center; font-style:normal;}
.sp_nav span{display:block;background:#fff;width:40%;height:2px;position:absolute;left:30%;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:22px}
.sp_nav span:nth-of-type(2){top:32px}
.sp_nav_se span:nth-of-type(1){top:22px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:22px;transform:rotate(-45deg)}
.sjj_nav{position:fixed; z-index:9; background:rgba(13,161,86,0.95); width:50%; height:calc(100% - 104px); line-height:40px; top:80px; right:-100%; overflow:auto; overflow-x:hidden; transition:right ease 0.5s;}
.nav_show{top:80px; right:0;}
.sjj_nav li ul,.sjj_nav li .sp_nav_xjb{ display: block;}
.sjj_nav>ul{ display: block;}
.sjj_nav>ul>li{ float:none; width:auto; background:none; border-top:1px solid rgba(255,255,255,0.1); margin-left:10px; position:relative;}
.sjj_nav>ul>li>a{ width: calc(100% - 50px); font-size:1rem; color:#fff; text-align:inherit; padding:inherit; height:50px; line-height:50px; background:none;}
.sjj_nav>ul>li:first-child{overflow:hidden; border-top:none;}
.sjj_nav>ul>li:first-child>a{float:left; width:calc(100% - 70px);}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav>ul>li:last-child{border-bottom:1px solid rgba(255,255,255,0.1);}
.sjj_nav ul li i{ display:block; position:absolute; top:5px; right:0px; border-left:1px solid rgba(255,255,255,0.1); height:24px; padding: 8px 10px;}
.sjj_nav ul li i svg{width:24px; height:24px; fill:#fff; transform:rotate(-90deg); transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg); fill:#c30d23;}
.sjj_nav>ul>li>ul>li{border-top:1px solid rgba(255,255,255,0.1); padding-left: 10px;}
.sjj_nav>ul>li>ul>li>a{ text-align: left; color: #fff; line-height: 50px; height: 50px;}
}
@media screen and (max-width:700px){
.sp_header{height:50px;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px; height:50px; padding:0px;}
.sp_nav i{ font-size:0.8125rem; bottom:6px;}
.sp_nav span{ width:50%; left:25%;}
.sp_nav span:nth-of-type(1){top:10px}
.sp_nav span:nth-of-type(2){top:20px}
.sp_nav_se span:nth-of-type(1){top:13px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){top:13px;transform:rotate(-45deg)}
.sp_nav{width:50px; height:50px; padding:0px;}
.sjj_nav{top:50px; width:55%;}
.nav_show{top:50px;}
}

.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(77,77,77,0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  border-radius:50%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index:9999;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1;}
.cd-top.cd-fade-out {opacity: .9;}
.no-touch .cd-top:hover {background-color:#e86256; opacity: 1;}
@media screen and (max-width:700px){
.cd-top{ display: none;}
}