/* CSS Document */
body{ height:100%; min-width:1200px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div{margin:0;padding:0;border:none;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"microsoft yahei","微软雅黑",Arial; color:#666;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight:normal;}
table,td,tr,th{margin:0;padding:0; border-collapse:collapse;}
img ,embed{ border:none; vertical-align:text-top;}
img{border:0; -ms-interpolation-mode:bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
img{-ms-interpolation-mode:bicubic;border:0;max-width:100%;}
ul,li{ padding:0; list-style-type:none;}
a{color:inherit; text-decoration:none; transition:all 0.5s linear;-moz-transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;-o-transition:all 0.5s linear;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
a:focus{outline-color:#666;z-index:99;position:relative}
a:hover,a:focus{-webkit-transition:color .3s;transition:color .3s;color:#f4ae00; text-decoration:none;}
em,i{font-style:normal;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.clear{ clear:both;}
.clearfix {*zoom:1}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.w1000{ width:1000px; height:auto; margin:0 auto;}
.w1200{ width:1200px; height:auto; margin:0 auto;}
.container{ width:1200px; height:auto; margin:0 auto; position:relative;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
@font-face {font-family:'impact'; src:url('/style/fonts/impact-2.ttf') format('truetype'); }
@media(max-width:767px){
body{ min-width:300px !important; max-width:640px; font-size:14px;}
.w1000{ width:100%;}
.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
}

/* 右侧导航 */
#fullPage-nav { font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background:url(/images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #8F9DA4; line-height: 21px;}

/*header*/
/*#nv_portal #wrap{ height:100%;}*/

.pc_nav{margin:0; height:100px; width:100%; background:#fff; position:fixed; left:0; z-index:9999;  top:0;}
.wk_lonav{width:100%;height:100px;}
.wk_logo{position:fixed;z-index:100;float:left;width:380px;height:60px;margin-top:19px;overflow:hidden;}
.wk_logo h2{ float:left;padding:0; position:relative;}
.wk_logo h2 a{ display:block;}
.wk_logo h2 img{ max-height:100%; width:auto; height:auto;}
.wk_logo span{ display:block; position:absolute; left:75px; bottom:0; font-size:14px; line-height:1.5; color:#232323; letter-spacing:.1rem;}
.headRights,.sub_nav{ display:none;}
.wk_inav{display:block;float:right;overflow:hidden;}
.nav{float:right;overflow:hidden;}
.nav li{float:left;height:100px;overflow:hidden;line-height:100px;-webkit-transition: all .3s; -moz-transition: all .3s; transition:all .3s;}
.nav li a{font-size:16px;color:#666;padding:0 25px;overflow:hidden;-webkit-transition: all .3s; -moz-transition: all .3s; transition:all .3s;}
.nav li.a,.nav li:hover{ background:#00923f;}
.nav li.a a,.nav li:hover a{color:#fff;}
.nav li span{display:none;font-size:0;}
.wk_idl{float:right;width:80px;height:60px;}

@media(max-width:767px){
	#fullPage-nav li { width:40px; height:11px; margin:5px 0 0; vertical-align: middle;}
	#fullPage-nav li a { width:11px; height:11px;background:url(/images/dot.png) 3px 3px no-repeat; background-size:11px 25px;}
	
	#wk_top{height:auto; position:fixed;top:0px;width:100%;z-index:110;left:0px;padding:0px;margin-top:0;opacity:1;border-bottom:0;box-shadow:0px 2px 5px 0px rgba(0,0,0,.15);}
	#week_nav{min-width:320px;}
	#week_nav{height:auto; padding:10px 0;}
	#week_nav>div{ height:100%;}
	.wk_lonav{height:100%; position:relative;}
	.wk_logo{width:80%;height:auto;margin:0 0 0 1%; position:relative;}
	.wk_logo h2{padding:0;}	
	.wk_logo h2 img{ display:block; max-width:100%; height:46px;}
	.wk_logo span{ display:block; position:absolute; left:56px; bottom:0; font-size:12px; line-height:1.2; color:#232323; letter-spacing:0;}
	.wk_inav{display:none;}
	.wk_index_main{margin-top:0;}
	
	.headRights{ display:block;position:absolute;right:2.5%;top:50%;height:28px;transform:translate(0, -50%);-moz-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-o-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);}
	.headRights ol{font-style:normal;margin:1px;padding:0;width:26px;height:26px;display:block;cursor:pointer;}
	.headRights ol li{width:11px;height:11px;float:left;margin:1px;background:#00923f;display:block;overflow:hidden;}
	.headRights ol li:nth-child(1){ border-radius:4px 0 0 0;}
	.headRights ol li:nth-child(2){ border-radius:0 4px 0 0;}
	.headRights ol li:nth-child(3){ border-radius:0 0 0 4px;}
	.headRights ol li:nth-child(4){ border-radius:0 0 4px 0;}
	
	/*.nav{ background:none; border:0; height:auto; position:absolute; top:51px; right:0; width:50%; overflow:hidden; padding:0; float:none; -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.1); -moz-box-shadow:0 5px 5px rgba(0,0,0,0.1); box-shadow:0 5px 5px rgba(0,0,0,0.1);}
	.nav ul{ height:auto;}
	.nav ul li{ width:100%; height:auto; margin:0; float:none;}
	.nav ul li h3 a{ padding:10px 0; margin:0; line-height:20px; color:#fff;color:#303030 !important; font-size:16px !important;}
	.nav ul li:hover h3 a,.nav ul li h3 a.cur{ color:#de262e !important;border-bottom:none;}*/
	
	.menus a{color:#000;}
	.menus .act a{display:block;color:#00923f;border-radius:20px;}
	.sub_nav[role=heading].active{left:0;}
	.sub_nav[role=heading]{position:fixed;width:240px;height:100%;left:-240px;top:0;background:#fff;text-align:center;z-index:9999999;transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s; display:block; box-shadow:0 5px 5px rgba(0,0,0,0.1);}
	.head-box{font-size:14px;width:240px;height:100%;overflow:auto;}
	.head-top{overflow:hidden; border-bottom:1px solid #e6e6e6;}
	.logo-box{margin:18px 0; position:relative;}
	.logo-box img{width:190px; height:auto;}
	.logo-box span{ display:block; position:absolute; left:90px; bottom:0; font-size:13px; line-height:1.2; color:#232323; letter-spacing:.05rem;}
		
	.nav-cut{position:relative;text-align:center;line-height:46px;overflow:auto; padding:10px 0 0;}
	.nav-cut>ul{display:block;list-style:none;margin:0;padding:0;position:relative;}
	.nav-cut>ul>li{/* display:block; */list-style:none;margin:0;padding:0;position:relative;cursor:pointer;}
	.nav-cut>ul>li.active{width:130px;color:#00923f;margin:0 auto;border-radius:32px;display:block;cursor:pointer;}	
	.nav-cut>ul>li.background:before{content:'-';width:130px;background:#00dfb9;color:#00dfb9;margin:0 auto;border-radius:32px;display:block;cursor:pointer;}
	.nav-cut>ul>li:hover>a, .nav-cut>ul>li.active>a, .nav-cut>ul:hover>li.active:hover>a{transition:.05s .2s;-moz-transition:.05s .2s;-ms-transition:.05s .2s;-o-transition:.05s .2s;-webkit-transition:.05s .2s;}
	.nav-cut>ul>li>a{display:block;position:relative;z-index:99; font-size:16px;}
	a:-webkit-any-link{text-decoration:none;}
	.nav-cut>ul>li.background{position:absolute;left:0;top:0;width:100%;z-index:1;transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;-webkit-transition:.2s;}
	
}

#dn-nav{position:fixed;top:50%;z-index:100;margin-top:-32px;opacity:1;-webkit-transform:translate3d(0,0,0);}
#dn-nav.right{left:17px;}
#dn-nav ul{margin:0;padding:0;}
#dn-nav ul li{position:relative;display:block;margin:7px;width:15px;height:15px;}
#dn-nav ul li a{position:relative;z-index:1;display:block;width:100%;height:100%;text-decoration:none;cursor:pointer;}
#dn-nav ul li a span{position:absolute;top:50%;left:50%;z-index:1;margin:-3px 0 0 -3px;width:7px;height:7px;border:0;border-radius:50%;background:#cfcfd1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
#dn-nav ul li a.active span,#dn-nav ul li:hover a.active span{margin:-7px 0 0 -7px;width:15px;height:15px;border-radius:100%;background:#de262e;}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important;}
@media(max-width:767px){
	#dn-nav{ display:none;}	
}

.section{position:relative;}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}



/*main1*/
.mainTit{ width:100%; opacity: 0; transition: all 1s; position:relative; top:50px;}
.active .mainTit{ opacity:1; transition-delay:0.5s; top:0;}
.mainTit h2{ text-align:center;}
.mainTit h2 p{ font-size:28px; color:#333;  font-weight:bold;}
.mainTit h2 span{ font-size:24px; color:#333; width:100%; text-transform:uppercase;}
.mainTit h5{display:none; font-size:0; zoom:1;}
.mainTit h5 i{ font-style:normal; font-size:40px;font-family:'impact'; color:#FFF; letter-spacing:2px; text-transform:uppercase; margin-right:40px; display:inline-block; vertical-align:middle;}
.mainTit h5 span{ color:#FFF; font-size:15px; display:inline-block; vertical-align:middle;}
.mainTit h5 span font{ font-size:25px; margin-right:15px;}
.mainTit h5 img{ display:none;}
@media(max-width:767px){
	.mainTit{ line-height:1.8; padding:0; text-align:center; margin:0 0 1.5rem; opacity:1; top:0;}
	.mainTit h2 p{ font-size:1.35rem; line-height:1.5}
	.mainTit h2 span{ font-size:1rem;}
	.mainTit h5 i{ font-size:1.2rem;letter-spacing:0;margin-right:0;display:block; line-height:1; display:none;}
	.mainTit h5 span{ font-size:.9rem; display:block;}
	.mainTit h5 span font{ font-size:1.6rem; margin-right:0; display:block;}
}


.main1{background:url(/images/main1_bg.jpg) no-repeat center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}
.main1 .mainTit h2{ text-align:left;}
.main1 .mainTit h2 p{ color:#fff;}
.main1 .mainTit h2 span{ color:#fff;}
.main1 .about{ position:relative; padding-top:100px; height:auto; top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.main1 .about .aboutLeft{ float:left; width:43%; position:relative; padding:0;}
.main1 .about .aboutLeft .aboutCon{ width:100%; margin-top:10%; opacity:0; transition: all 1s; position: relative; top:50px;}
.active.main1 .about .aboutLeft .aboutCon{opacity:1; transition-delay:0.7s; top:0;}
.main1 .about .aboutLeft .aboutCon h1{ font-size:28px; color:#fff; padding-bottom:20px;}
.main1 .about .aboutLeft .aboutCon span{ display:block; font-size:28px; color:#fff;}
.main1 .about .aboutLeft .aboutCon p{ font-size: 14px; color:#fff; line-height: 30px; font-weight:normal; margin-top:8%; text-align:justify;}
.main1 .about .aboutLeft .aboutCon .more{width:152px; height:48px; background:#00863a; border-radius:24px; text-align:center; margin-top:10%; transition: all 1s; position: relative; top:50px;}
.active.main1 .about .aboutLeft .aboutCon .more{opacity:1; transition-delay:0.9s; top:0;}
.main1 .about .aboutLeft .aboutCon .more:hover{background:#026c30; transition:all 0.5s ease 0s;}
.main1 .about .aboutLeft .aboutCon .more a{ font-size:14px; color:#fff; line-height:48px; display:block;}
.about .aboutRight{ float:right; position:relative;}
.about .aboutRight img{ max-width:none;}
.about .aboutRight .shous{ z-index:500; position:absolute;top:0; right:140px;}
.about .aboutRight .log2{position:absolute;top:80px; right:0px;opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.active .about .aboutRight .log2{ opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay:0.5s;}
.about .aboutRight .yuan1{z-index:500; position:absolute; top:0px; cursor:pointer; right:-8px;}
.about .aboutRight .yuan1 a{opacity:0; transition: all 1s; position:relative; left:50px;} 
.active .about .aboutRight .yuan1 a{opacity:1; transition-delay:0.5s; left:0;}
.about .aboutRight .yuan1 a img{transition:width 1s, height 1s;-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */}
.about .aboutRight .yuan1 a img:hover{transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox 4 */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Opera */}
.about .aboutRight .yuan2{ z-index:500; position:absolute; top:78px; cursor:pointer; right:-96px;}
.about .aboutRight .yuan2 a{opacity:0; transition: all 1s; position:relative; left:50px;} 
.active .about .aboutRight .yuan2 a{opacity: 1; transition-delay: 0.7s; left:0;}
.about .aboutRight .yuan2 a img{transition:width 1s, height 1s;-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */  }
.about .aboutRight .yuan2 a img:hover{transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox 4 */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Opera */}
.about .aboutRight .yuan3{ z-index: 500; position: absolute; top: 226px;cursor: pointer; right: -106px; }
.about .aboutRight .yuan3 a{opacity: 0; transition: all 1s; position:relative; left:50px;} 
.active .about .aboutRight .yuan3 a{opacity: 1; transition-delay: 0.9s; left:0;}
.about .aboutRight .yuan3 a img{transition:width 1s, height 1s;-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */ }
.about .aboutRight .yuan3 a img:hover{transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox 4 */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Opera */}
.about .aboutRight .yuan4{ z-index: 500; position: absolute; top: 370px; cursor: pointer; right: -90px;}
.about .aboutRight .yuan4 a{opacity: 0; transition: all 1s; position:relative; left:50px;} 
.active .about .aboutRight .yuan4 a{opacity: 1; transition-delay: 1.1s; left:0;}
.about .aboutRight .yuan4 a img{transition:width 1s, height 1s;-moz-transition:width 1s, height 1s, -moz-transform 1s; /* Firefox 4 */-webkit-transition:width 1s, height 1s, -webkit-transform 1s; /* Safari and Chrome */-o-transition:width 1s, height 1s, -o-transform 1s; /* Opera */ }
.about .aboutRight .yuan4 a img:hover{transform:rotate(360deg);-moz-transform:rotate(360deg); /* Firefox 4 */-webkit-transform:rotate(360deg); /* Safari and Chrome */-o-transform:rotate(360deg); /* Opera */}

@media(max-width:767px){	
	.main1 .about{padding-top:70px;top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
	.main1 .about .aboutLeft{ float:none; width:100%; padding:0 10px;}
	.main1 .about .aboutLeft .aboutCon{ margin-top:15px; top:0; opacity:1;}
	.main1 .about .aboutLeft .aboutCon h1{ font-size:1.3rem;}
	.main1 .about .aboutLeft .aboutCon span{font-size:1.3rem;}
	.main1 .about .aboutLeft .aboutCon p{ font-size:.9rem; line-height:1.8; margin-top:20px;}
	.main1 .about .aboutLeft .aboutCon .more{width:152px; height:48px; margin-top:20px;top:50px;}
	.main1 .about .aboutLeft .aboutCon .more:hover{background:#026c30; transition:all 0.5s ease 0s;}
	.main1 .about .aboutLeft .aboutCon .more a{ font-size:14px; color:#fff; line-height:48px; display:block;}
	.about .aboutRight{ width:100%; float:none; display:none;}
	.about .aboutRight .shous{ position:relative;}
}


.main2{background:url(/images/main2_bg.jpg) no-repeat center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}
.main2 .mainTit h2{ text-align:left;}
.main2 .mainTit h2 p{ color:#fff;}
.main2 .mainTit h2 span{ color:#fff;}
.main2 .products{ position:relative; padding-top:90px; height:auto; top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.main2 .products .productLeft{ float:left; width:100%;}
.main2 .products .productLeft .proNav{ padding:60px 0 0; width:100%;}
.main2 .products .productLeft .proNav li{ float:left; width:100%; line-height:40px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.active.main2 .products .productLeft .proNav li{opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay:0.5s;}
.main2 .products .productLeft .proNav a{ font-size:16px; color:#fff;}
.main2 .products .productRight{ float:right; width:100%; margin-top:30px;}
.main2 .products .productRight ul li{ width:23.333%; float: left; margin:0 6px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.active.main2 .products .productRight ul li{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.main2 .products .productRight ul li .pic{width:100%; height:196px; position:relative; overflow: hidden;}
.main2 .products .productRight ul li .pic img{width:100%; height:196px; position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.main2 .products .productRight ul li:hover .pic img{transform:scaleX(1.1) scaleY(1.1);}
.main2 .products .productRight ul li .txt{ width:100%; height:auto; text-align:left; line-height:46px; font-size:16px; color:#fff; padding-bottom:15px;}
@media(max-width:767px){
	.main2{ padding:20px 10px;}
	.main2>div{position:relative; width:100%;height:100%;}
	.main2 ul{width:100%;height:100%;}
	.main2 .products{ position:relative; padding-top:20px; height:auto; top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
	.main2 .products .productLeft .proNav{ padding:10px 0 0;}
	.main2 .products .productRight{ margin-top:0;}
	.main2 .products .productRight ul li{ width:48%; float: left; margin:0 4% 0 0; opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1);}
	.main2 .products .productRight ul li:nth-child(2n){ margin-right:0;}
	.main2 .products .productRight ul li .pic{width:100%; height:auto;}
	.main2 .products .productRight ul li .pic img{width:100%; height:auto; position:relative;}
	.main2 .products .productRight ul li .txt{ line-height:36px; font-size:15px; padding-bottom:15px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

}

.main3{ width:100%; height:auto; background:#FFF; position:relative;}
.main3 .mainTit h2{ text-align:left;}
.main3 .subLeft{ float:left; width:50%; height:100%; height:100%; position:relative;}
.main3 .subLeft .box{ width:600px; padding-top:0; top:58%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%); position:absolute; right:0;}
.main3 .subLeft .box .subCon{ width:85%; margin-top:5%; opacity: 0; transition: all 1s; position:relative; top:30px;}
.active.main3 .subLeft .box .subCon{opacity: 1; transition-delay: 0.7s; top:0;}
.main3 .subLeft .box .subCon h1{ font-size:28px; color:#00863a; font-weight:normal;}
.main3 .subLeft .box .subCon h5{ font-size:28px; color:#00863a; font-weight:bold;}
.main3 .subLeft .box .subCon p{ font-size:14px;color:#333;line-height:30px;font-weight:normal;margin-top:30px;}
.main3 .subLeft .box .supImg{margin-top:4%; opacity:0;-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition:all 1s;}
.active.main3 .subLeft .box .supImg{opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.main3 .subRight{ width:50%; float:right; position:absolute; right:0; top:10px; height:100%;}
.main3 .subRight p{width:100%;height:auto;opacity:0;-webkit-transform:scale(0.5, 0.5);transform:scale(0.5, 0.5); transition:all 1s;}
.active.main3 .subRight p{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1);transition-delay: 0.7s;}

@media(max-width:767px){
	.main3{padding:30px 0 0;}
	.main3 .subLeft{ width:100%; height:auto; float:none; padding:0 10px 20px;}
	.main3 .subLeft .box{ width:100%; position:relative; top:0;-webkit-transform:translateY(0%);-ms-transform:translateY(0%);transform:translateY(0%);}
	.main3 .subLeft .box .subCon{ width:100%; margin-top:0;opacity: 1; top:0;}
	.main3 .subLeft .box .subCon h1{ font-size:1.3rem;}
	.main3 .subLeft .box .subCon h5{ font-size:1.3rem;}
	.main3 .subLeft .box .subCon p{line-height:1.8;margin-top:15px;}
	.main3 .subLeft .box .supImg{margin-top:2%; text-align:center;opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1);}
	.main3 .subLeft .box .supImg img{ max-width:80%; height:auto;}
	.main3 .subRight{ float:none; width:100%; position:relative; right:inherit; top:10px; height:auto;}	
	.main3 .subRight p{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1);}
}


.main4{background:url(/images/main4_bg.jpg) no-repeat center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}
.main4 .news{ position:relative; padding-top:0; height:auto; top:48%;-webkit-transform:translateY(-46%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.main4 .mainTit h2{ text-align:left;}
.main4 .news .main5Con{ width:100%; margin-top:50px;}
.main4 .news .main5Con ul{ width:100%; margin-left:0;}
.main4 .news .main5Con li{ width:22%; margin:0 4% 0 0; float:left; opacity:0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition:all 1s;}
.main4 .news .main5Con li:nth-child(4n){ margin-right:0;}
.active.main4 .news .main5Con li{opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1); transition-delay:0.7s;}
.main4 .news .main5Con li h4{ width:100%; padding-bottom:4px;}
.main4 .news .main5Con li h4 a{ font-size:16px; color:#333; display:inline-block; max-width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.main4 .news .main5Con li:hover h4 a{ color:#00863a;}
.main4 .news .main5Con li .date{ font-size:14px; color:#ccc; width:100%;}
.main4 .news .main5Con li .des{ font-size:14px; color:#999; line-height:24px; margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.main4 .news .main5Con li .pic{width:262px; height: 180px; position:relative; overflow: hidden; margin-top:30px;}
.main4 .news .main5Con li .pic img{width:262px; height: 180px; position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.main4 .news .main5Con li:hover .pic img{transform: scaleX(1.1) scaleY(1.1);}
.main4 .p5-7{position:absolute;opacity:0;bottom:-100px;width:100%;text-align:center;height:auto;line-height:24px;color:#666;font-size:14px;background:#00863a;opacity:.7;transition:all 1s; color:#fff;}
.main4 .p5-7 .p5-71{ padding:20px 0; line-height:2;}
.main4 .p5-7 a{color:#fff; font-size:14px}
.active.main4 .p5-7{ position: absolute; opacity:1; bottom:0; transition-delay:1s}
.main4 .flink{ width:100%; line-height:1.8; padding:0; color:#c2edd5; font-size:14px;}
.main4 .flink a{color:#c2edd5; margin:0 4px;}
.main4 .flink a:hover{ color:#fff; opacity:1;}
@media(max-width:767px){
	.main4{ padding:20px 0 0;}
	.main4 .news{ padding:0 10px 20px;top:0;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
	.main4 .news .main5Con{ margin-top:10px;}
	.main4 .news .main5Con li{ width:48%;opacity:1;-webkit-transform:scale(1, 1);transform:scale(1, 1);}
	.main4 .news .main5Con li:nth-child(2n){ margin-right:0;}
	.main4 .news .main5Con li h4{ width:100%; padding-bottom:4px;}
	.main4 .news .main5Con li h4 a{ font-size:16px; color:#333; display:inline-block; max-width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.main4 .news .main5Con li .pic{width:100%; height: auto; margin:10px 0 15px;}
	.main4 .news .main5Con li .pic img{width:100%; height: auto; position:relative;}
	.main4 .p5-7{position:relative;opacity:1;bottom:auto;}
	.main4 .p5-7 .p5-71{ padding:20px 0; line-height:2;}
	.main4 .p5-7 a{color:#fff; font-size:14px}
	.main4 .flink{ display:none;}	
}


/*footer*/
.footer{width:100%;text-align:center;height:auto;line-height:2;color:#666;font-size:14px;background:#00863a;}
.footer a{color:#fff; font-size:14px;}
.footer .footer_side{ padding:20px 0;color:#fff;}
.footer_side .fEwm{ float:left; width:100px; height:auto; margin:0 50px 0 0;}
.footer_side .fEwm img{ float:left; width:80px; height:auto;}
.footer_side .fEwm span{ float:left; width:20px; text-align:right; line-height:20px;}
.footer_side .fText{ text-align:left; max-width:1050px; float:left; line-height:2;}
.footer .footer_side .fText{ line-height:2.2;}

.index_foot{ display:none;}
@media(max-width:767px){	
	.footer_side .fEwm{ display:none;}
	.footer_side .fText{ text-align:center; max-width:750px; float:none; padding:0 10px;}
	.footer .footer_side .fText{ line-height:2;}
	
	.flink{ display:none;}

	.index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width: 640px; margin:0 auto; margin-top:12%;}
	.app_con{ height:auto;max-width: 640px;margin: 0 auto; overflow: hidden;width:100%; display:block;}
	#fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display: inline-block;background:#fff;-webkit-box-shadow: 0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:5px;}
	#fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; }
	#fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align: center;width:66%; background-color:#00863a; border-radius:8px; line-height:40px; text-align:center; font-size:0;}
	#fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%; width:100%}
	#fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:18px; height:auto;}
	#fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;}

}
@font-face{ font-family:'testfont';src:url('/style/fonts/oswald-regular-webfont.ttf?tenantId=172241&viewType=1') format('truetype'); }

.footTop{ background:url(/images/footerBg.jpg) no-repeat center; padding:50px 0 0; font-size:14px;}
.footTop .fLeft{float:left;width:240px;}
.footTop .fLeft .fDetails{margin-bottom:60px;position:relative;left:0px;top:0px;}
.footTop .fLeft .fDetails p{color:white;display:block;font-size:14px;background:url(/images/link_bg.png) bottom no-repeat;width:176px;height:30px;cursor:pointer;}
.footTop .fLeft .fDetails p a{color:white;display:block;}
.footTop .fLeft .fDetails p a:hover{color:white;}
.footTop .fLeft .fDetails ul{position:absolute;left:176px;top:28px;width:140px;height:auto;overflow:hidden;background-color:#de262e;z-index:5;display:none; padding:5px 0;}
.footTop .fLeft .fDetails ul li{line-height:30px;width:100%;float:left;text-align:center;}
.footTop .fLeft .fDetails ul li a{color:white; font-size:13px;}
.footTop .fMiddle{float:left;width:523px; margin-left:120px}
.footTop .fMiddle p{display:block;width:466px;height:30px;font-size:14px;color:white;background:url(/images/contact_bg.png) bottom no-repeat;}
.footTop .fMiddle ul{color:white;line-height:36px;padding-top:8px;}
.footTop .fMiddle ul .phone{padding-left:30px;background:url(/images/phone_icon.png) left no-repeat;}
.footTop .fRight{width:180px; float:right;}
.footTop .fRight p{color:white;font-size:14px;background:url(/images/focus_bg.png) left bottom no-repeat;width:100%;height:30px;}
.footTop .fRight .wechat{width:126px;height:126px;background:url(/images/wechat_bg.png) bottom no-repeat; margin-top:20px;text-align:center;float:left;}
.footTop .fRight .wechat img{width:112px;height:112px;margin-top:7px;}
@media(max-width:767px){
	.footTop{ display:none;}
}

.inwk #wk_top{position:fixed;top:0px;width:100%;z-index:110;left:0px;padding:0px;margin-top:0;opacity:1;border-bottom:0;box-shadow:0px 2px 5px 0px rgba(0,0,0,.15);}
.inwk #wk_top #week_nav{ box-shadow:none !important;}
.inwk .fp-auto-height .footer_side{opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.w980{ width:980px; height:auto; margin:0 auto;}

.flex-row{ -webkit-display:flex; -moz-display:flex; -o-display:flex; display:flex; flex-direction:row;}
.around{ justify-content:space-around; align-items:center;}
.between{ justify-content:space-between; align-items:center;}
.center{ justify-content:center; align-items:center;}
.start{ justify-content:flex-start; align-items:center;}
.end{ justify-content:flex-end; align-items:center;}
.form-control::-webkit-input-placeholder{ color:#fff;}
.form-enroll .form-control::-webkit-input-placeholder{ color:#888;}

.inbanner{ width:100%; height:auto; margin-top:100px; position:relative;}
.inbanner img{ max-width:100%; height:auto;}
.inbanner .txt{color: #FFF;position: absolute;top:43%;left:28.2vw; transform:translateY(-50%);}
.inbanner .txt span{display:block;font-size:40px; font-weight:600; text-transform:uppercase; text-align:center;}
@media(max-width:767px){
	.inbanner{ width:100%; height:auto; margin-top:66px; padding:0;}
	.inbanner .txt{top:45%;left:18.2vw;}
	.inbanner .txt span{font-size:1.2rem;}
	
}

/*side_left*/
.location{ padding:18px 0; line-height:20px; font-size:14px; color:#999;background-color: #fbfcfd;border-bottom: 1px solid #eee;}
.location .flex-row{ width:100%;}
.location a, .location span{ display:inline-block; color:#999;}
.location a:hover, .location .curr{ color:#00923f;}

.inmain{ padding:30px 0 40px;}
.proMain{background:#F1F2F4; padding:30px 0;}

.innav{ width:200px; float:left; padding-bottom:30px; position:relative;}
.innav ul{ width:100%; height:auto; padding-bottom:24px;}
.innav li{margin-bottom: 4px;background-color: #fff}
.innav li a{display: block;padding-left:38px;height: 56px;border-left: 8px solid #ddd;line-height: 56px;color: #666;font-size: 16px}
.innav li a:hover{border-color:#00923f;color:#00923f}
.innav li.cur a{border-color:#00923f;color:#00923f}


@media(max-width:767px){
	.location{ padding:10px 10px; line-height:26px; font-size:.8rem;}
	
	.inmain{ padding:1rem 0 1.5rem;}
	.proMain{background:#F1F2F4; padding:0;}
	
	.innav{ width:100%; float:none; padding-bottom:0; position:relative; padding:0 10px;}
	.innav ul{ padding:5px 0 0; border-bottom:0 solid #ddd;}
	.innav li{margin-bottom:10px; width:31.333%; margin-right:3%; float:left; text-align:center;}
	.innav li:nth-child(2n){ margin-right:0;}
	.innav li a{padding:0;height:40px;border-left:none;line-height:38px; border:1px solid #ddd; border-radius:30px;}
}

/*side_right*/
.sideAll{ width:100%; height:auto;}
.side_right{ float:right; width:980px; padding:0 0 30px; background:#FFF;}
.about_c{ width:100%; margin:0 auto; height:auto; color:#555; line-height:2;}
.about_c img{ max-width:100%; height:auto;}
.contact_c{ width:100%; margin:0 auto; height:auto; color:#555; line-height:2;}
.contact_c img{ max-width:inherit;}
.pop .center,.pop .bottom{ box-sizing:content-box;}
@media(max-width:767px){
	.side_right{ float:right; width:100%; padding:10px 0 0;}
	.about_c{ width:100%; padding:0 10px 0; font-size:.85rem;}
	.about_c img{ max-width:98%; height:auto;}
	.contact_c{ width:100%; padding:0 10px 0; font-size:.85rem;}
}

.hzList{padding-top:5px;}
.hzList ul{ width:100%; height:auto;}
.hzList ul li{ float:left; width:190px; height:100px; margin:0 12px 12px 0; border:1px solid #cdcdcd; position:relative; cursor:pointer; box-sizing:border-box;overflow:hidden;}
.hzList ul li:nth-child(6n){ margin-right:0;}
.hzList ul li img{ width:100%; height:100%;}
.hzList ul li a{ display:block; width:100%; height:100%;}
.hzList .hzjpa{ position:absolute; width:100%; height:100%; left:0; top:0; opacity:1; z-index:2;transition: all 0.5s linear 10ms;}
.hzList .hzjpb{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:1;transform: rotateY(180deg);transition: all 0.5s linear 10ms; opacity:0}
.hzList li:hover .hzjpa{opacity:0;transform:rotateY(180deg); z-index:1;}
.hzList li:hover .hzjpb{opacity:1;transform:rotateY(360deg); z-index:2;}
@media(max-width:767px){
	.hzList ul li{ width:31.333%; height:auto; margin:0 3% 12px 0;}
	.hzList ul li:nth-child(3n){ margin-right:0;}
	.hzList ul li:nth-child(3n+1),.hzList ul li:nth-child(3n+2){ margin-right:3%;}
	.hzList ul li img{ width:100%; height:auto;}
	.hzList .hzjpa{ position:relative;}
	.hzList .hzjpb{ display:none;}
	.hzList li:hover .hzjpa{opacity:1;transform:rotateY(0);}
}

.link{ width:100%; height:auto;}
.link li{  width:200px; float:left; margin:20px 20px 5px;}
.link li img{ border:3px #999 solid; width:194px; height:auto;}
.link li span{ text-align:center; padding-top:5px; display:block; font-size:14px;}

.news_con{ width:100%; padding:0 50px;}
.news_con ul{ width:100%; height:auto; margin-top:-15px; padding-bottom:10px;}
.news_con ul li{ float:left; border-bottom:#ddd 1px dashed; padding:15px 0; width:100%; position:relative;}
.news_con ul li a{ display:inline-block; line-height:25px; max-width:1000px;}
.news_con ul li .date{ float:left; width:100px; height:86px; margin:0;}
.news_con ul li .date b{ display:block; width:58px; height:46px; line-height:46px; border-bottom:1px solid #434343; text-align:center; font-size:32px; margin:8px auto 0; font-weight:600;}
.news_con ul li .date span{ display:block; width:58px; height:30px; line-height:30px; font-size:14px; font-family:"Arial"; text-align:center; margin:0 auto;}
.news_con ul li .info{ float:right; width:calc(100% - 110px); padding:3px 0 0;}
.news_con ul li h5{ font-size:17px; font-weight:500; line-height:28px;-webkit-transition:background .4s;transition:background .4s;}
.news_con ul li h5 a{ color:#232323; float:left; display:inline-block; max-width:100%;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*.news_con ul li h5 span{ float:right; font-size:14px; color:#666; font-weight:normal;}*/
.news_con ul li .desc{ display:block; font-size:14px; color:#888; line-height:30px; margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_con ul li p{ padding:15px 0 0; font-size:14px;}
.news_con ul li p span{ display:inline-block; padding:5px 10px; border:1px solid #d6d6d6; border-radius:5px; line-height:28px; width:122px; text-align:center;}
.news_con ul li:hover a{ color:#00923f;}
@media(max-width:767px){
	.news_con{padding:0 10px 0;}
	.news_con ul{ margin-top:0}
	.news_con ul li{ padding:12px 0 ;}
	.news_con ul li a{ max-width:100%;}
	.news_con ul li .date{ width:90px;}
	.news_con ul li .info{ width:calc(100% - 100px);}
	.news_con ul li h5{ font-size:1rem; line-height:1.5;}
	.news_con ul li h5 a{ max-width:100%;}
	.news_con ul li .desc{ line-height:1.8;}
	
}

.case_list{ width:100%; margin:0; height:auto; padding:0;}
.case_list ul{ width:100%;}
.case_list ul li{ float:left; position:relative; width:24.25%; margin:0 1% 20px 0;overflow:hidden;}
.case_list ul li:nth-child(4n){ margin-right:0;}
.case_list ul li a{ display:block; overflow:hidden;}
.case_list ul li .pic{ border-radius:0px; overflow:hidden; position:relative; border:0px solid #e1e1e1;}
.case_list ul li img{ width:100%; height:auto;-webkit-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s;transition:-webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.case_list ul li:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1);transform:scale(1.1);}
.case_list ul li .tit{ padding:10px 0px 0; background:none;}
.case_list ul li .tit h3{position:relative;padding:0;}
.case_list ul li .tit a{display:block;font-size:16px;color:#333; padding:8px 0; line-height:1;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.case_list ul li .tit .eye{ position:absolute; right:0px; top:0px; display:block; width:30px; height:30px; overflow:hidden; background:url(/images/eye.png) no-repeat; background-position:right center; }
.case_list ul li:hover .tit .eye{background-position:left center; } 
.case_list ul li:hover .tit .line::before{ width:100%; background:#00923f; }
.case_list ul li:hover a{ color:#00923f;}
.case_list ul li .ico{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-opacity:0;-moz-opacity:0;}
.case_list ul li .ico:before{ content:""; display:block; width:100%; height:100%;background:url(/images/eye1.png) no-repeat center; position:absolute; top:0; left:0; z-index:10;}
.case_list ul li .ico:after{ content:""; display:block; width:100%; height:100%;background:#000; position:absolute; top:0; left:0; z-index:5;}
.case_list ul li:hover .ico{opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.case_list ul li:hover .ico:before{opacity:1;-webkit-opacity:1;-moz-opacity:1;}
.case_list ul li:hover .ico:after{opacity:.4;-webkit-opacity:.4;-moz-opacity:.4;}

@media(max-width:767px){
	.case_list{ padding:20px 10px 0;}
	.case_list ul li{ float:left; position:relative; width:48%; margin:0 4% 15px 0;}
	.case_list ul li:nth-child(2n){ margin-right:0;}
	.case_list ul li:nth-child(2n+1){ margin-right:4%;}
	.case_list ul li img{ height:auto;}
	.case_list ul li .tit{ padding:0;}
	.case_list ul li .tit a{font-size:15px;margin-top:5px;}
}

.page{ width:100%; margin:15px 0 0; height:auto;text-align:center;font-size:14px;color:#666666; font-family:'Conv_HelveticaNeueLT-ThinExt',"Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;}
.page a,.page span{vertical-align:middle;display:inline-block; padding:1px 13px;height:auto;color:#666666;line-height:30px;text-align:center;border-radius:3px;margin:0 3px;border:1px solid rgba(0, 0, 0, 0.2);-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.page a.on,.page a:hover{background-color:#00923f; border-color:#00923f;color:#ffffff;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;transition:.5s ease-in-out;}
.page .none{ display:none !important;}
#page1{ display:none;} 

@media(max-width:767px){	
	/*page*/
	.page{ display:none;}
	#page1{ display:block; text-align:center; width:100%; height:auto; overflow:hidden;padding-top:10px;margin-bottom:10px;}
	#page1 a{ display:inline-block; margin-right:1px; padding:6px 12px; background:#de262e; border-radius:5px; color:#FFF; font-size:14px;}
	#page1 a.num{ text-decoration:underline; color:#de262e; font-weight:bold;}
	#page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:6px 12px; }

}

.message{ width:100%; height:auto; padding:0;}
.message .title{ font-size:15px; color:#666; line-height:2;}
.message .title h5{ font-size:17px; font-weight:bold; color:#333;}
.message .title p{ padding:5px 0 0;}
.message .con{ width:100%; height:auto; padding:10px 0 0;}
.message .con dd{ float:left; width:100%; padding:10px 0;}
.message .con dd span{ display:block; font-size:15px; padding-right:10px; width:110px; color:#333; line-height:46px; text-align:right; float:left;}
.message .con dd input.inputA{ border:1px solid #e5e5e5; background:#fff; outline:none;}
.message .con dd input.inputA:hover{ border:1px solid #e4e4e4; background-color:#f9f9f9; }
.message .con dd .inputA{ float:left; width:554px; padding:10px 16px; font-size:15px; transition:all 0.3s linear; vertical-align:top;}
.message .con dd textarea{ float:left; min-height:166px;width:554px; padding:10px 16px; font-size:15px; transition:all 0.3s linear; vertical-align:top; border:1px solid #e5e5e5; outline:none;}
.message .con dd .inputBtn{ float:left; width:280px; padding:12px 0; font-size:18px; transition:all 0.3s linear; vertical-align:top; background:#de262e; color:#FFF; border:none; letter-spacing:1px;outline:none;}
@media(max-width:767px){
	.message{ padding:15px 10px 0;}
	.message .title{ font-size:14px;}
	.message .title h5{ font-size:16px;}
	.message .title p{ line-height:1.8;}
	.message .con dd{ padding:8px 0;}
	.message .con dd span{ display:none;}
	.message .con dd .inputA{ width:100%; padding:10px 10px; font-size:14px;}
	.message .con dd textarea{  min-height:126px;width:100%; padding:10px 10px; font-size:14px;}
	.message .con dd .inputBtn{  width:100%; padding:10px 0;}
}

.sidebar_box{ padding:15px 10px; height:auto; background:#FFF; margin-top:0; float:left; width:200px;}
.sidebar_box_title{ width:100%; height:auto;}
.sidebar_box_title h2{font-size:18px;line-height:1}
.sidebar_box_title i{margin:15px 0 0;display: block;width:40px;height:3px;background-color:#00923f}
.sidebar_box_con{ padding-top:15px}
.sidebar_box_con ul{ width:100%; height:auto;}
.sidebar_box_con ul li{width:100%;height:180px;margin-bottom:5px;padding-top:5px;background: url(/images/recom_bg.jpg) no-repeat 0 0; text-align:center; background-size:100% auto;}
.sidebar_box_con ul li:last-child{margin-bottom: 0}
.sidebar_box_con ul li .pic{background-color:#eee;width:168px; height:132px; margin:0 auto 15px; position:relative; overflow:hidden;}
.sidebar_box_con ul li .item-thumb{ width:auto; height:132px; position:absolute; left:50%; margin:0;-webkit-transform: translateX(-50%);transform: translateX(-50%); max-width:none;}
.sidebar_box_con ul li .item_tit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;text-align:center;	font-size:15px; color:#444;}
.sidebar_box_con ul li a:hover{ color:#00923f;}
@media(max-width:767px){
	.sidebar_box{ display:none;}
}

.display_con{ width:100%; margin:0 auto; color:#666; min-height:300px; padding:0 50px;}
.showBox{ float:right; width:980px; padding:10px 50px 30px; background:#FFF;}
.dis_title{ width:100%;text-align:center;padding-bottom:10px;border-bottom:1px dashed #ddd;margin-bottom:10px; }
.dis_title.bornone{ border-bottom:none; margin-bottom:0; padding:0;}
.dis_title h4{ text-align:center; margin:0; padding:10px 0 10px; font-size:24px; font-weight:600; line-height:1.8; color:#333;}
.dis_title span{ color:#737373; font-size:14px; display:block; width:100%; line-height:30px;}
.d_c{ font-size:16px; line-height:2; padding:10px 0 20px; width:100%; height:auto; color:#555;}
.d_c em,.d_c i{ font-style:italic;}
.d_c b{ font-weight:bold;}
.d_c table{border:1px solid #cdcdcd;}
.d_c table td,.d_c table th{padding:5px; line-height:1.5; color:#333;border:1px solid #cdcdcd;}

.pages{ margin-top:18px; position:relative; padding:10px 120px 10px 0; border:0 solid #cdcdcd; /*background:#f7f7f7;*/}
.pages div{ height:34px; line-height:34px; font-size:15px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pages span{ font-size:15px; color:#333;}
.pages a{ color:#333; font-size:15px;}
.pages a:hover{ color:#00923f;}
.pages .btn-back{ position:absolute; top:24px; right:0; width:115px; height:38px; padding-left:43px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-size:15px; color:#fff; line-height:38px; background:url(/images/icon-back.png) no-repeat 10px center #00923f;}
.pages .btn-back:hover{ color:#fff;}

.dis_img{ width:100%; height:auto; text-align:center;}
.dis_img img{ max-width:80%; height:auto; border:0 solid #CCC;}
#shuiyinDiv img{ max-width:90%; height:auto;}
.bd_weixin_popup{ box-sizing:content-box;}

@media(max-width:767px){
.display_con{ width:100%; color:#666; min-height:100px; padding:5px 10px 0;}
.showBox{ float:none; width:100%; padding:20px 10px 30px;}
.dis_title{padding-bottom:10px;border-bottom:1px dashed #ededed;margin-bottom:0; }
.dis_title span{ line-height:1.5; font-size:13px;}
.dis_title h4{ font-size:20px; padding-top:0;}
.dis_title.bornone h4{ padding:5px 0 0;}
.d_c{ font-size:15px;}
.d_c img{ max-width:98%; height:auto;}

.pages{ padding:0 120px 0 0;}
.pages div{ height:auto; line-height:24px; border-bottom:0 dotted #CCC;}
.pages>div{ padding:5px 0;}
.pages span{ font-size:.95rem; color:#333;}
.pages a{ font-size:.95rem;}

.btn {display:inline-block;padding:0; margin-bottom:0;
  font-size:14px;
  font-weight:normal;
  line-height:1.42857143;
  text-align:center;
  white-space:nowrap;
  vertical-align:middle;
  -ms-touch-action:manipulation;
      touch-action:manipulation;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  background-image:none;
  border:1px solid transparent;
  border-radius:4px;
}	
}

.scroll_i{cursor:pointer; background: url(/images/tip.png) no-repeat 0 0; background-size: contain; position: absolute; bottom: 8%; left:50%; margin-left: -10px; width: 20px; height: 34px; z-index: 5;}
.wheel{position: absolute; top: 10px; left: 50%; margin-left: -1.5px; height: 8px; width: 3px; display: block; background: #fff; border-radius: 10px; -webkit-animation: mouse-wheel 2s ease infinite; -moz-animation: mouse-wheel 2s ease infinite; animation: mouse-wheel 2s ease infinite;}
.scroll_down .unu{ display: block; position: absolute; bottom:-20px; left:0; width: 100%; height: 17px; background:url(/images/scroll_down.png) center top no-repeat; background-size: 16px;}
@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px);
    }
}
@-moz-keyframes mouse-wheel {
    0% {top: 1px;}
    50% {top: 2px;}
    100% {top: 3px;}
}
.unu,.doi,.trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}
.unu {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
}
@-webkit-keyframes mouse-scroll {
    0% {opacity: 0;}
    50% {opacity: .5;}
    100% {opacity: 1;}
}
@-moz-keyframes mouse-scroll {
    0% {opacity: 0;}
    50% {opacity: .5;}
    100% {opacity: 1;}
}
@-o-keyframes mouse-scroll {
    0% {opacity: 0;}
    50% {opacity: .5;}
    100% {opacity: 1;}
}
@keyframes mouse-scroll {
    0% {opacity: 0;}
    50% {opacity: .5;}
    100% {opacity: 1;}
}

@media (min-width: 1366px) and (max-width: 1440px){

.scroll_i{ bottom: 18%;}

}