@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑";}
body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{padding:0;margin:0;color:#666;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}
strong{font-style:normal;}
ol,ul{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
a{outline:expression(this.hideFocus=true);outline:none;cursor:pointer;text-decoration:none;color:#666;}
a:hover{ color:#009c4d;}
input,button,select,textarea{outline:none}
.clear{zoom:1;clear:both; height:0; line-height:0; font-size:0;}
.contxt{ background:#e3e1da; border:1px solid #CCC; padding:5px;}
.btn{ padding:5px 10px; border:1px solid #CCC; background:#0074e1; color:#fff; font-family:"微软雅黑";}
body{cursor:default;-webkit-text-size-adjust:none;font-size:100%;font-family:Arial;background:#FFF;overflow-x:hidden}
img{ max-width:100%;}
@media only screen and (max-width: 1366px){
body{ font-size:15px;}
}
@media only screen and (max-width: 768px){
html{ font-size:26px !important;}
body{ font-size:26px !important;}
}
DIV.green-black{ width:100%;  padding:20px 0; text-align:center; }
DIV.green-black A{PADDING-RIGHT: 9px;PADDING-LEFT: 9px;PADDING-BOTTOM: 2px;COLOR: #000;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #ddd 1px solid;TEXT-DECORATION: none;font-size:100%;background-color: #ddd;}
DIV.green-black A:hover{BORDER: #009c4d 1px solid;COLOR: #fff;font-size:100%;background-color: #009c4d;}
DIV.green-black A:active{BORDER: 1px solid #009c4d;COLOR: #fff;font-size:100%;background-color: #009c4d;}

DIV.green-black SPAN.current{PADDING-RIGHT: 9px;PADDING-LEFT: 9px;FONT-WEIGHT: bold;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: 1px solid #009c4d;font-size:100%;background-color: #009c4d;}
DIV.green-black SPAN.disabled{PADDING-RIGHT: 9px;PADDING-LEFT: 9px;PADDING-BOTTOM: 2px;COLOR: #fff;MARGIN-RIGHT: 2px;PADDING-TOP: 2px;BORDER: #009c4d 1px solid;font-size:100%}

.fl{ float:left;}
.fr{ float:right;}
.kd{ width:90.28%; max-width:1400px; margin:0 auto;}
@font-face{

font-family:'Alternate';
font-family:'Alternate';
	src:url('../fonts/Alternate.eot?') format('eot');/*IE*/
	src:url('../fonts/Alternate.TTF') format('truetype');/*non-IE*/

}

@font-face{

font-family:'AgencyFB';
font-family:'AgencyFB';
	src:url('../fonts/AgencyFB.eot?') format('eot');/*IE*/
	src:url('../fonts/AgencyFB.TTF') format('truetype');/*non-IE*/

}

::-webkit-scrollbar {
width:3px;
height:8px;
background-color:transparent;
border-radius:2px
}.in-quan
::-webkit-scrollbar-thumb {
background-color:#999;
border-radius:3px
}

.head{ background:url(../images/top.png) center no-repeat; height:100px; position:fixed; z-index:998; width:100%; background-size:cover}
.logo{ width:15%;  margin-top:1%; margin-left:7%;}
.logo span{ display:block; font-size:0.875rem; color:#1c1c1c; text-align:center;}
.metxt{ width:74%;}
.metxt .wellcome{ width:40%; font-size:0.875rem; line-height:43px; color:#1c1c1c}
.metxt .hotell{ margin-top:3px;}
.metxt .hotell a{ display:inline-block;border-right:2px solid #ececec; padding:0 5px;}
.metxt .hotell a img{ margin-bottom:3px;}
.metxt .hotell span{ display:inline-block;font-family:'Alternate'; font-size:1.5em; color:#484848; margin-left:5px; }
.metxt .hotell span img{ margin-bottom:3px;}
/* .menu{ position:relative;} */

@media only screen and (min-width: 1700px){
.head{ height:128px;}
.logo{ width:15%;  margin-top:1.5%; margin-left:1%;}
.metxt{ width:78%;}
.metxt .wellcome{ line-height:56px;}
}
@media only screen and (max-width: 1366px){
.logo{ width:15%}
}
@media only screen and (max-width: 768px){
.head{ background:#fff; height:110px; box-shadow:0 2px 5px 2px rgba(0,0,0,0.3);}
.logo{ width:39%; margin-left:0; margin-top:20px;}
.metxt .wellcome{ display:none;}
.metxt .hotell{ display:none;}
.kd{ width:96%;}
.menu{ position:absolute; width:100%; top:0; right:0; z-index:999}
}

/*导航样式*/
.mobile-inner-nav{ z-index:999; display:block; /* position:absolute; */ top:0;  width:100%}
.mobile-inner-nav>li{ float:left; /* position:relative; */ width:11%; text-align:center;  box-sizing:border-box;}

.mobile-inner-header .np{ display:none; position:absolute;}
.mobile-inner-nav>li>a{ display:inline-block; color:#fff; margin:0; font-size:1rem; text-align:center;transition:all 0.5s; position:relative; margin-top:-1px;  margin:0 auto}
.mobile-inner-nav>li>a span{ position:absolute; bottom:-2px; width:100%; height:4px; background:#fff; border-radius:5px; left:0; transform:scale(0,1); transition:all 0.5s;}
.mobile-inner-nav>li>a p{ color:#fff; font-size:1em; transition:all 0.5s; padding:0.8rem 0;  display:block; z-index:2; position:relative;}
.mobile-inner-nav>li>a:hover span,.mobile-inner-nav>li>a.cur span{ width:100%;transform:scale(1,1); transition:all 0.5s}
.mobile-inner-nav>li>a:hover p,.mobile-inner-nav>li>a.cur p{ color:#fff;  }
@media only screen and (min-width: 1700px){
.mobile-inner-nav>li>a p{  padding:1.22rem 0; }
}
@media screen and (max-width:1366px){.mobile-inner-nav>li>a p{ font-size:0.9rem;padding:0.9rem 0; }}

@media screen and (max-width:1024px){
.mobile{width: 100%; position:absolute; }
.mobile-inner-nav li{ margin-top:0; background:none}
.mobile-inner-nav li:nth-child(3){ width:100%;}
.mobile-inner-nav li:nth-child(5){ width:100%;}
.mobile-inner-nav li .erj{ display:none;}
.mobile-inner-nav a{ margin:0;}
.mobile-inner-nav a span{ display:none;}
.mobile-inner-nav a p{ color:#fff; font-size:1em; line-height:30px;transition:all 0.5s; padding:0px 18px; background:none; padding:1rem 0;}
.mobile-inner-nav a:hover p,.mobile-inner-nav a.cur p{ border-bottom:none}
.mobile-inner{width: 100%;}
.mobile-inner img{width:100%;}
.mobile-inner-header .np{ display:block; color:#000; right:65px; top:38px; width:70px; font-size:1rem}
.mobile-inner-header{width: 100%;height:4.5em; position: absolute;top: 0px;left: 0px; }
.mobile-inner-header-icon{color:#fff;width:80px;height:50px;font-size:1.25rem;font-weight:bold;margin-top:40px;text-align: center;float:right;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; margin-right:20px; }
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{position: absolute;left: calc((100% - 50%) / 2);top: calc((100% - 20px) / 2);width:70%;height:0.2rem;background-color:#000; border-radius:5px;}
.mobile-inner-header-icon-out p {
    width: 70%;
    height: 0.2rem;
    background-color: #000;
    position: absolute;
    left: 25%;
    bottom: 0.9em;
    display: block;
	border-radius:5px;
}
.mobile-inner-header-icon-click p{ display:none;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(18px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-18px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
@keyframes clickfirst {
0% {transform: translateY(18px) rotate(0deg);}
100% {transform: translateY(0) rotate(45deg);}}	
@keyframes clicksecond {
0% { transform: translateY(-18px) rotate(0deg);}
100% {transform: translateY(0) rotate(-45deg);}}	
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;	animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
0% {transform: translateY(0) rotate(-45deg);}
100% {transform: translateY(-18px) rotate(0deg);}}	
@keyframes outsecond {
0% {transform: translateY(0) rotate(45deg);}
100% {transform: translateY(18px) rotate(0deg);}}
.mobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top:4.3em;left: 0px;padding-bottom:3rem;display: none;	z-index:99999;}
.mobile-inner-nav li{ width:100%; float:none;}
.mobile-inner-nav a{display:inline-block;line-height:1rem;text-decoration: none;width:100%;color: #fff;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; font-size:1.2rem; text-align:center; border-radius:0px}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);}
.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;	animation-name: returnToNormal; font-size:1.25rem;}

@-webkit-keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% { opacity: 1;  -webkit-transform: none; transform: none;}}
@keyframes returnToNormal {0% {opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);}
100% {opacity: 1; -webkit-transform: none; transform: none;}}
}
@media screen and (max-width:768px){
.mobile-inner-header{ height:4rem}
.mobile-inner-nav{top:4.3rem;}
}
@media screen and (max-width:768px){
.section{ background-size:cover !important;}
#session1{ display:none;}
}
.in-ab{ padding:150px 0; background:url(../images/abg.jpg) center no-repeat;}
.apic{ width:52%; position:relative; opacity:0; transition:all 0.5s; margin-left:-200px; transition:all 0.8s}
.atou{ position:absolute; top:-100px; z-index:2;}
.ahuan{ position:absolute; top:-50px; z-index:1; left:-60px;}
.aboxpic{ overflow:hidden; border-top-left-radius:40px; width:100%; float:right; position:relative; z-index:3}
.aboxpic img{ transition:all 0.8s; transform:scale(1)}
.aboxpic:hover img{ transform:scale(1.05); }
.acon{ width:46%; position:relative; opacity:0; transition:all 0.8s; margin-right:-800px;}
.acon .atit h6{ display:inline-block; background:#009c4d; font-size:1.125rem; color:#fff; padding:10px 30px;}
.acon .atit h4{ font-size:2.2rem; color:#025a2d; font-weight:bold;}
.acon .atit p{ font-size:1.25rem; color:#009c4d;}
.acon .atit hr{ width:58px; height:4px; border:none; background:#009c4d; margin:32px 0;}

.atxt p{ line-height:1.5em; color:#515151}
.atxt ul{ margin-top:38px; width:90%;}
.atxt ul li{ float:left; width:50%; font-size:1.125rem; color:#009c4d; font-weight:bold; margin-bottom:10px;}
.atxt ul li img{ margin-top:-3px;}
.atxt .amore{ color:#009c4d; border:3px solid #009c4d; display:inline-block; padding:10px 30px; margin-top:20px;}
@media only screen and (min-width: 1700px){
.in-ab{ padding:260px 0 0;}
}
@media screen and (max-width:768px){
.in-ab{ padding:150px 0 60px; }
.apic{ width:100%;opacity:1;margin-left:0;}
.acon{ width:100%; margin-top:20px;opacity:1;margin-right:0;}
.atxt ul li{ width:100%;}
}
.active .apic{ opacity:1; margin-left:0; transition-delay:0.4s;}
.active .acon{ opacity:1; margin-right:0; transition-delay:0.6s;}

/*核心业务*/
.in-hx{ padding:90px 0; position:relative; background:url(../images/bbg2.jpg) center no-repeat; width:100%; overflow:hidden; transition:all 0.8s;}
.hxtit{ text-align:center; position:relative; z-index:99; margin-top:-300px; transition:all 0.8s;}
.hxtit h4{ font-size:2.25rem; color:#ffffff; font-weight:bold;}
.hxtit h4 span{ font-size:2.5rem; color:#fff; font-family:'AgencyFB'; text-transform:uppercase; position:relative; top:5px;}
.hxtit hr{ width:64px; height:4px; margin:0 auto; background:#fff; border:none;}

.i_zgs{width:100%; height:100%; position:absolute;  top:0;}
.izgsc{width:100%; }
.i_zgs_li{ display:inline-block; vertical-align:top; width:28%; min-height:1100px; max-height:1100px; padding-bottom:65px; position:relative; cursor:pointer; transition:all .8s ease 0s; overflow:hidden; box-sizing:border-box;}
.js_wzgs{width:44%; background:rgba(0,0,0,0.5);}
/*核心3*/
.tebox{ padding:220px 0; box-sizing:border-box; text-align:center; transition:all 0.8s ease 0s}
.tebox span{ font-size:0.75rem; color:#fff; text-transform:uppercase;}
.tebox .ziz{ text-align:center; width:206px; height:206px; border:4px solid #268736; margin:0 auto; border-radius:50%; margin-top:16px; transition:all 0.8s ease 0s; }
.tebox .ziz img{ margin-top:32px;}
.tebox .ziz p{ font-size:2.25rem; color:#ffffff; line-height:1em; margin-top:14px;}
.tebox .zit{ border-bottom:1px solid rgba(255,255,255,0.5);border-top:1px solid rgba(255,255,255,0.5); width:206px; margin:30px auto; padding:32px 0;}

.tebox .zit p{ font-size:1.125rem; color:#fff;}
.tebox .xia{ transition:all 0.8s ease 0s; }

.js_wzgs .tebox{ padding:200px 0;}
.js_wzgs .tebox .ziz{ background:#009c4d; border:5px solid rgba(255,255,255,0.8);}
.js_wzgs .tebox .xia{ transform:rotate(180deg)}
/**/
.active .hxtit{ transform:scale(1); transition-delay:0.4s; margin-top:0;}
@media only screen and (max-width: 768px){
.in-hx{ height:700px;}
.hxtit{ margin-top:0;}
.i_zgs{width:100%; height:700px; position:absolute;  top:0;}
.i_zgs_li{ min-height:700px;}
.tebox{ padding:300px 0;}
.js_wzgs .tebox{ padding:300px 0;}
.tebox .ziz{ width:180px; height:180px;}
.tebox .ziz p{ font-size:1.25rem; color:#ffffff; line-height:1em; margin-top:14px;}
.tebox .ziz br{ display:none;}
.tebox .zit p br{ display:none;}
.tebox .zit{ display:none;}
.tebox .xia{ margin-top:40px; }
}

.mr0{ margin-right:0 !important;}
.dib{ display:inline-block; height:1px; width:100%;}
.dib_fz{letter-spacing:0px; word-spacing:0px; font-size:0;}
@media only screen and (min-width: 1700px){
.in-hx{ padding:190px 0;}
.tebox{ padding:350px 0;}
.js_wzgs .tebox{ padding:300px 0;}
}


/*示范项目*/
.in-sf{ background:url(../images/cbg.jpg) center no-repeat; width:100%; overflow:hidden; position: relative;}
.isfcase_title{ position: absolute; display: flex; left: 11%; top: 180px;}
.isfcase_title h2{ font-size: 2.25rem; font-weight: bold; color: #00542c;}
.isfcase_title p{ font-size: 2.5rem; font-family: 'AgencyFB'; text-transform: uppercase; color: #94a0a8;}
.isfcase{ position: relative; padding-top: 180px; padding-left: 11%;}
.isfcase_tab{ display: flex; justify-content: space-between; align-items: center;}
.isfcase_l{ padding-top: 110px; flex: 1; margin-right: 45px;}
.isfcase_mc{position: relative;}
.isfcase_mc h3{ font-size: 1.75rem; color: #009c4d; font-weight: bold;}
.isfcase_mc::after{ content: ''; width: 39px; height: 4px; background: #009c4d; display: block; margin: 40px 0;}
.isfcase_ms{ color: #181818; line-height: 24px;}
.isfcase_dl{ padding-top: 35px;}
.isfcase_dl dl{ margin-top: 25px;}
.isfcase_dl dl dt{ line-height: 28px; position: relative; padding-left: 17px; font-size: 1.25rem; font-weight: bold; color: #383838;}
.isfcase_dl dl dt::after{ content: ''; width: 10px; height: 10px; background: #00542c; border-radius: 50%; position: absolute; left: 0; top: 9px;}
.isfcase_dl dl dd{ color: #383838; line-height: 24px; margin-top: 3px;}
.isfcase_more{ margin-top: 25px;}
.isfcase_more a{ padding: 10px 35px; color: #fff; display: inline-block; background: #009c4d;}
.isfcase_r{ flex: 0 1 56%;}
.isfcase_sh{ display: flex;}
.isfcase_sh dl{ margin-left: 100px;}
.isfcase_sh dl:nth-child(1){ margin-left: 0;}
.isfcase_sh dl dt{position: relative;}
.isfcase_ik img{ display: block; max-width: 100%;}
.isfcase_po{ position: absolute; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center;left: 0; top: 0; width: 100%; height: 100%;}
.update1 { width: 95%;}
.update2 { width: 95%;}
.update3 { width: 72%;}
.update4 { width: 95%;}
.update5 { width: 95%;}
.isfcase_po p{ flex: 0 1 100%; color: #009c4d; font-size: 2.5rem; line-height: 0.8em; font-family:'Alternate'; padding-top: 7px;}
.isfcase_po span{ font-size: 1.5rem; color: #009c4d; line-height: 1em; margin-top: 3px;}
.isfcase_sh dl dd{ color: #434343; font-size: 1.125rem; text-align: center;}
.isfcase_gd{ position: relative; margin-top: 35px;}
.isfcase_img dl{ position: relative;}
.isfcase_img dl dt{ overflow: hidden;}
.isfcase_img dl dt img{ display: block; width: 100%;}
.isfcase_img dl dd{ position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; background: rgba(0,84,43,0.7); text-indent: 2%; color: #fff; line-height: 50px; height: 50px;}
.isfcase_jt{ position: absolute; left: 0; top: 0;}
.isfcase_jt a{ display: block; cursor: pointer;}
.isfcase_an{position: absolute; left: 0; top: 290px;}
.isfcase_an li{ background: #fff; color: #000; font-size: 1.5rem; font-family: "AgencyFB"; line-height: 50px; padding: 0 50px; margin-bottom: 3px; cursor: pointer; transition: 0.5s;}
.isfcase_an li.on{ background: #009c4d; color: #fff;}
@media screen and (max-width:1680px){
.in-sf .isfcase{ padding-top: 140px;}
.isfcase_title{top: 150px;}
.isfcase_l{ padding-top: 80px;}
.isfcase_mc::after{ margin: 25px 0;}
.isfcase_dl{ padding-top: 20px;}
}
@media screen and (max-width:1500px){
.isfcase_dl{ padding-top: 0px;}
.isfcase_dl dl{ margin-top: 15px;}
.isfcase_dl dl dd{ line-height: 20px;}
}
@media screen and (max-width:770px){
.isfcase_title{position: relative; left: 2%; top: auto; padding-top: 80px;}
.isfcase_title h2{ font-size: 2rem;}
.isfcase_title p{ font-size: 2.25rem;}
.in-sf .isfcase{ padding: 20px 2% 90px 2%;}
.isfcase_an{ position: relative; top: auto; left: auto;}
.isfcase_an ul{ display: flex; justify-content: center;}
.isfcase_an li{ line-height: 70px; padding: 0 80px; margin: 0 1%; font-size: 1.875rem;}
.isfcase_tab{ display: block;}
.isfcase_l{ margin-right: 0; padding-top: 60px;}
.isfcase_ms{ line-height: 36px;}
.isfcase_dl dl{ margin-top: 25px;}
.isfcase_dl dl dt{ font-size: 1.125rem;}
.isfcase_dl dl dd{ line-height: 35px;}
.isfcase_r{ margin-top: 55px;}
.isfcase_sh{justify-content: space-between;}
.isfcase_sh dl{ flex: 0 1 30%; margin-left: 0;}
.isfcase_ik img{ width: 100%;}
.isfcase_jt a{ width: 70px;}
.isfcase_jt a img{ width: 80%;}
.isfcase_img dl dd{ height: 60px; line-height: 60px;}
.isfcase_po { width: 100% !important;}
}



/*全国项目*/
.in-quan{ background:url(../images/inddbg.jpg) center no-repeat; background-size: cover; width:100%; overflow:hidden; position: relative;}
.indd_map{ width: 57%; position: relative; z-index: 9;}
.indd_xt{ position: absolute; left: 0; top: 0; width: 100%;}
.indd_img img,.indd_xt img{ display: block; width: 95%;}
.indd_po{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.indd_po li{ position: absolute; width: 10.052%; transform: scale(0.9);}

.indd_po li:nth-child(1){ right: 21%; top: 22%;}
.indd_po li:nth-child(2){ right: 11%; top: 27%;}
.indd_po li:nth-child(3){ right: 49%; top: 29.8%;}
.indd_po li:nth-child(4){ right: 10.5%; top: 38%; transform: scale(0.7);}
.indd_po li:nth-child(5){ right: 4%; top: 37.4%; transform: scale(0.78);}
.indd_po li:nth-child(6){ right: 13%; top: 48.6%;}
.indd_po li:nth-child(7){ right: 58.5%; top: 51%;}
.indd_po li:nth-child(8){ right: 3.5%; top: 57.7%;}
.indd_po li:nth-child(9){ right: 51%; top: 68.9%;}
.indd_po li:nth-child(10){ right: 15.5%; top: 72%;}
.indd_po li:nth-child(11){ right: 7.5%; top: 72%;}
.indd_po li:nth-child(12){ right: -0.5%; top: 72%;}
.indd_po li:nth-child(13){ right: 27%; top: 82.5%; transform: scale(0.8);}

.indd_ico img{ display: block; width: 100%;}
.indd_mc{position: absolute; left: 0; width: 100%; top: 0; height: 100%; color: #fff; text-align: center; display: flex; align-items: center;}
.indd_mc p{ color: #fff; font-size: 1.875rem; font-weight: bold; line-height: 1.125em; width: 60px; margin: 0 auto;}

.indd_wb{ position: absolute; width: 100%; left: 0; top: 0;}
.lequt{ padding:100px 0 0; width:40%;}
.lequt h4{ font-size:2.25rem; color:#161616; font-weight:bold;}
.lequt h4 span{ text-transform:uppercase; font-size:2.5rem; color:#ffffff;font-family:'AgencyFB';}
.lequt .shen{ margin-top:43px;}
.lequt .shen li{ font-size:1.5rem; margin-bottom:14px;}
.lequt .shen p{ display:inline-block; color:#444444; font-size:1.5rem; font-weight:bold;}
.lequt .shen span{ font-size:1.125rem; color:#444444}
.ipar{ width:100%;}
.ipar h6{ font-size:1.875rem; color:#161616; font-weight:bold;}
.ipar ul{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
.ipar li{ float:left; flex: 0 1 30%; text-align:left; margin-bottom:15px;margin-right: 10px;}
.ipar li img{ display: block; width: 100%;}
.itable{ border: 2px solid #000; float: right; width: 80%;}
.itable::-webkit-scrollbar {width:6px;height:8px;background-color:transparent;border-radius:3px}
.itable::-webkit-scrollbar-thumb {background-color:#009c4d;	border-radius:3px}
.itable ul{ display: flex; border-top: 1px solid #000; line-height: 34px; text-align: center;}
.itable ul:nth-child(1){ border-top: none; background: #7ecd4e; color: #000;}
.itable ul:nth-child(1) li{ color: #000;}
.itable li{ flex: 0 1 30%; position: relative;}
.itable li:nth-last-child(1){ flex: 0 1 40%;}
.itable li::after{ content: ''; width: 1px; height: 100%; background: #000; position: absolute; left: 0; top: 0;}
.itable li:nth-child(1):after{ display: none;}
@media screen and (max-width:1680px){
.indd_mc p{ font-size: 1.625rem; width: 52px; line-height: 1em;}
}
@media screen and (max-width:1500px){
.indd_mc p{ font-size: 1.375rem; width: 44px; line-height: 1.125em;}
}
@media screen and (max-width:1300px){
.indd_mc p{ font-size: 1.25rem; width: 40px;}
}
@media screen and (max-width:770px){
.indd_map{ width: 143%; left: -44%;}
.indd_mc p{ font-size: 1.125rem; width: 60px;}
.indd_wb{ position: relative; left: auto; top: auto;}
.itable{ float: none; width: auto;}
.itable ul{line-height: 64px;}
}

@media only screen and (min-width: 1680px){
.in-quan{ background:url(../images/inddbg.jpg) center center no-repeat;}
.lequt .shen{ margin-top:10px;}
.lequt{ padding:130px 0 0; width:43%;}
.ipar{ width:100%; margin-top:40px;}
}
@media only screen and (max-width: 768px){
.in-quan{ background:#92d5f0}
.lequt{ padding:10px 0 90px; width:100%;}
}
/*产品中心*/
.in-pro{ background:url(../images/ebg.jpg) center no-repeat; overflow-y:hidden; width:100%;}
.ptotit{ padding:100px 0 0; opacity:0; transition:all 0.8s ease; margin-left:-1000px;}
.ptotit h4{ font-size:2.25rem; color:#fff; font-weight:bold;}
.ptotit span{ font-family:'AgencyFB'; position:relative; top:5px;}
.ptotit hr{ width:50px; height:4px; background:rgba(255,255,255,0.7); border:none; margin-top:30px;}
.ptotit p{ color:#000000; font-size:1rem; margin:30px 0; line-height:2em;}
.ptol3{ width:65%; position:relative; overflow:hidden;}
.ptol3 dl{ width:33.33%;border-right:1px solid rgba(0,0,0,0.2); position:relative; min-height:1080px; float:left; box-sizing:border-box; transition:all 0.8s ease; opacity:0;}
.ptol3 dl:nth-child(1){ border-left:1px solid rgba(0,0,0,0.2); opacity:0; left:30%;}
.ptol3 dl:nth-child(2){  opacity:0;left:30%;}
.ptol3 dl:nth-child(3){ opacity:0;left:30%;}
.ptol3 dl .psort{ width:93%; position:relative; height:1080px;}
.ptol3 dl .psort span{ font-size:72px; color:rgba(0,0,0,0.5);font-family:'Alternate'; display:block; position:relative; z-index:2; padding-top:100px; padding-left:10px; transition:all 0.5s;}

.ptol3 dl .psort img{position:relative; z-index:2;padding-left:10px;}
.ptol3 dl .psort p{ font-size:1.5rem; color:#000000; margin:22px 0;position:relative; z-index:2;padding-left:10px;transition:all 0.5s;}
.ptol3 dl .psort em{ font-size:0.875rem; color:#000000; display:block; padding-right:40px;position:relative; z-index:2;padding-left:10px;transition:all 0.5s;}
.ptol3 dl .psort .spic{ margin-top:81px;position:relative; z-index:2; margin-bottom:28px;}
.ptol3 dl .psort .spic img{ padding-left:0; width:100%;}
.ptol3 dl .syin{ position:absolute; width:50%; height:100%; background:rgba(0,0,0,0.5); top:0; left:0; opacity:0; transition:all 0.8s;}

.ptol3 dl:hover .syin{ opacity:1; width:100%; left:0;}
.ptol3 dl:hover .psort span{  color:rgba(255,255,255,0.5);}

.ptol3 dl:hover .psort p{ color:#fff; }
.ptol3 dl:hover .psort em{ color:#fff;}


.ptol3 dl .mfont{ color:#ffffff; text-transform:uppercase; font-size:0.875rem; padding-left:10px;}
@media only screen and (min-width: 1700px){
.ptotit{ padding:200px 0 0;}
.ptol3 dl .psort span{  padding-top:200px; }
}
@media only screen and (max-width: 1366px){
.ptol3 dl .psort .spic{ margin-top:50px;}
}
@media only screen and (max-width: 768px){
.ptotit{ opacity:1; transition-delay:0.6s; margin-left:0;}
.ptol3{ width:100%;}
.ptol3 dl{ min-height:600px;}
.ptol3 dl .psort{ width:93%; position:relative; height:800px;}
.ptol3 dl:nth-child(1){ opacity:1; left:0; transition-delay:1s;}
.ptol3 dl:nth-child(2){ opacity:1;left:0;transition-delay:1.4s;}
.ptol3 dl:nth-child(3){ opacity:1;left:0;transition-delay:1.8s;}
}
.active .ptotit{ opacity:1; transition-delay:0.6s; margin-left:0;}
.active .ptol3 dl:nth-child(1){ opacity:1; left:0; transition-delay:1s;}
.active .ptol3 dl:nth-child(2){ opacity:1;left:0;transition-delay:1.4s;}
.active .ptol3 dl:nth-child(3){ opacity:1;left:0;transition-delay:1.8s;}


/*新闻中心*/
.in-news{ background:url(../images/fbg.jpg) center top repeat-y; overflow:hidden; width:100%;}
.newtit{ padding:100px 0 0; position:relative; top:-200px; transition:all 0.8s ease; opacity:0; transform:scale(0)}
.newtit h4{ font-size:2.25rem; color:#fffefe; font-weight:bold; line-height:1em;}
.newtit span{font-family:'AgencyFB'; opacity:0.5; text-transform:uppercase;}
.newtit p{ color:#fff;}

.new-gun{ background:rgba(0,0,0,0.6); width:83.33%; padding:18px 0; border-bottom-right-radius:30px; margin-top:24px;}

.inlist{ padding: 0 0 0 5%; width:100%; box-sizing:border-box;}
.inlist li{ width:33%; border-left:1px solid rgba(255,255,255,0.5);}
.inlist li a{ display:block;}
.inlist li .ncenter{ width:80%; margin:0 auto;}
.inlist li .npic{ position:relative; width:100%; overflow:hidden;}
.inlist li .npic img{ width:100%; transition:all 0.8s; transform:scale(1);}
.inlist li:hover .npic img{ transform:scale(1.05);}
.inlist li .npic p{ position:absolute; width:85px; height:65px; background:#004109; bottom:0; right:0; padding-top:10px; text-align:center;}
.inlist li .npic p em{ color:#fff; font-size:36px; font-family:'Alternate'; display:block; line-height:1em;}
.inlist li .npic p span{ color:#fff; font-size:1rem; display:block;}
.inlist li .ncon{}
.inlist li .ncon p{ font-size:1.25rem; color:#fff; margin:24px 0;}
.inlist li .ncon span{ font-size:1rem; color:#fff;}
.inlist li .ntu{ margin-top:30px; transition:all 0.8s;}
.inlist li:hover .ntu{ margin-left:30px;}

.new-gun .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; position:relative; top:-80px; margin-right:10px; }
.new-gun .hd ul li{ float:left; margin-left:5px;  width:10px; height:10px; background:#eee; line-height:100px; overflow:hidden; border-radius:5px; }
.new-gun .hd ul li.on{ background:#009c4d;}
		
.moren{ display:inline-block; border:2px solid #fff; padding:8px 16px; color:#fff; margin-left:3%; margin-top:33%; transition:all 0.8s ease}
.moren:hover{ color:#009c4d; border:2px solid #009c4d}
@media only screen and (min-width: 1700px){
.newtit{ padding:170px 0 0;}
.new-gun{padding:34px 0;}
.inlist{ padding: 0 0 0 16%; }
.moren{ margin-top:29%}
}
@media only screen and (max-width: 1368px){
.new-gun{ padding:12px 0; margin-top:14px;}
.moren{ margin-top:33%}
}
@media only screen and (max-width: 768px){
.in-news{ padding-bottom:120px; width:100%; overflow:hidden;}
.newtit{opacity:1; top:0; transition-delay:0.8s; transform:scale(1)}
.new-gun{ width:100%;}
.inlist li{ width:50%;}
.inlist li .ncon span{ display:none;}
.inlist li .npic p{ display:none;}
.moren{ margin-top:50px}
}
.active .newtit{ opacity:1; top:0; transition-delay:0.8s; transform:scale(1)}
/*foot*/


.fp-auto-height{}
.foot{ padding:20px 0 0; background:url(../images/f.png) center top no-repeat; width:100%; margin-top:-35px;}
.wxlx .fl{ margin-top:0px; width:6%;}
.wxlx .fr{ margin-right:20%; width:74%;}
.wxlx .fr a{ display:block; float:left; margin-right:10px; font-size:0.875rem;}
.wxlx1{ height:44px;}
.folx{ margin-top:41px;}
.folx .fwx{ text-align:center; margin-top:-20px;}
.folx .fwx p{ color:#fff; margin-top:10px;}
.folx .flx{ width:50%}
.folx .flx h6{ color:#fff; font-weight:bold; font-size:1.25rem; margin-bottom:19px;}
.folx .flx h5{ font-size: 1.25rem; color: #fff; margin-bottom: 8px;}
.folx .flx span{ text-transform:uppercase; font-weight:normal;}
.folx .flx p{ color:#fff; font-size:1rem; padding-left:24px;}
.folx .flx .fp1{ background:url(../images/ad1.png) left center no-repeat;}
.folx .flx .fp2{ background:url(../images/ad2.png) left center no-repeat;}
.folx .flx .fp3{ background:url(../images/ad3.png) left center no-repeat;}

.folx .fmenu{ width:30%;}
.folx .fmenu h6{ color:#fff; font-weight:bold; font-size:1.25rem; margin-bottom:19px;}
.folx .fmenu span{ text-transform:uppercase; font-weight:normal;}
.folx .fmenu li{ float:left; width:33.33%;}
.folx .fmenu li a{ color:#fff; line-height:1.5em;}
.fbq{ border-top:1px solid #4dba83; padding:10px 0; margin-top:20px;}
.fbq p{ color:#fff; font-size:0.875rem;}
.fbq p a{ display:inline-block; color:#fff}

@media screen and (max-width:768px){
.foot{ background:#009c4d none;}
.wxlx{ display:none;}
.wxlx1{ height:44px;display:none;}
.folx .flx{ width:70%}
.folx .fwx{ text-align:center; margin-top:0;}
.folx .fmenu{ display:none;}
.fbq{ margin-bottom:100px;}
.fbq p{ float:none; font-size:1rem; line-height:1.875em;}
}


.fudong{ display:none}
@media screen and (max-width:768px){
.fudong{ display:block; position:fixed; bottom:0; left:0; width:100%; height:100px; background:#009047; z-index:99999}
.fudong li{ width:24.8%; text-align:center; height:80px; margin:10px 0; border-right:1px solid #009c4d; float:left;}
.fudong li p{ color:#fff;}
}

.mban{ display:none;}
@media screen and (max-width:768px){
.mban{ display:block;}
/*图片切换*/
	.device {
		padding-top:104px;
  width: 760px;
  height: 700px;
  margin: 0px auto 0 auto;
  position: relative;
}
.device .arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.device .arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:111;
}
.swiper-container {
  width: 760px;
   height: 700px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:20px;
  width: 100%;
  z-index:111;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-slide  img{ width:100%}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}
}

/* .rj{position: relative;} */
#page5{padding-top: 100px;}
.rj>a{pointer-events: none;}
.rj{cursor: pointer;}
.rj>.xs>ul>li{z-index: 1;transition: .5s;position: relative;text-align: center;margin-right: 20px;}
.rj>.xs>ul>li::after{content: "";width: 0;right: 0;height: 2px;background: white;bottom: 0;transition: .5s;position: absolute;}
.rj>.xs>ul>li:nth-last-child(1){margin-right: 0;}
.rj>.xs>ul>li>a{padding: 10px 0;width: 100%;display: block;transition: .5s;color: white;}
.xs{position: absolute;display: none;width: 100%;left: 0;top: 120px;background: rgba(0,156,77,0.8);}
.rj>.xs>ul{display: flex;padding: 15px 0;}
.xs>ul>li:hover::after{left: 0;width: 100%;} 
.in-quan{display: flex;align-items: flex-end;}
@media screen and (max-width:1024px) {
	#page5{padding-top: 50px;}
	.rj>ul{display: none;}
	.rj>a{pointer-events: all;}
}