/*jishu-cuifengli*/
/*通用样式*/
*{margin:0;padding:0;word-wrap:break-word;}
body{ font-size:15px; font-family:"微软雅黑",Arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
/* background:url(../images/index_bg.jpg) no-repeat;*/color:#4C4C4C;}

a{color:#4C4C4C;text-decoration:none;}
a:hover{color:#FF0000;}
a img{border:none;} 
div,ul,li,p,form{padding: 0px; margin: 0px;list-style-type: none;box-sizing: border-box;}
em{font-style: normal;font-weight: normal;}
table {padding: 0px; margin: 0px;list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;}
form{margin:0px;padding:0px;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;}
input:focus,textarea:focus,select:focus{ outline:none;}
input[type="text"],select{ height:30px; line-height:30px; color:#999; border:1px solid #ddd;}

tr {padding: 0px; margin: 0px;list-style-type: none;}
h2,h3,h4{padding:0px; font-size:14px; font-weight:normal;}
i,em{ font-style:normal;}
.clear{ height:0px; clear:both; overflow:hidden;}
.blank10{ height:10px !important; overflow:hidden;}
.blank20{ height:20px; overflow:hidden;}
.blank40{ height:40px; overflow:hidden;}
.clearfloat {clear:both;height:0; overflow:hidden;}
.clearfix{display:block;*zoom:1}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.fl{ float:left;}
.fr{ float:right;}
.left{float:left;}
.w1200 {  width: 1200px; margin: 0 auto;}
.tou{position:fixed;top:0;left:0;width:100%;height:150px;margin:0 auto;z-index:9999;background:#0000009e;}

/*-----------nav-----------*/
.wk_header { margin: 0 auto; width: 1200px;}
.gb-nav.show, .gb-header.show {   top: 0;   opacity: 1;   -webkit-opacity: 1;  -moz-opacity: 1;}
.gb-nav.show{}
.gb-nav, .gb-header { top: -86px; -webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s; transition: all 0.5s; opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;
}
.gb-header, .gb-nav {height: 86px;background:rgba(0, 0, 0, 0.53); position: fixed;left: 0;right: 0; z-index: 8;}
.header .logo, .gb-nav .logo {    float: left;    display: inline;    margin-top: 8px;}
.gb-nav .logo {    position: relative;}
.header .nav {    float: right;    display: inline;    margin-top: 30px;}
.header .nav li {    float: left;    display: inline;    font-size: 18px;    margin-left: 5px;    width: 102px;}
.header .nav li:first-child{ /*   margin-left: 0;*/}
.header .nav li a {    display: block;    height: 24px;    line-height: 24px;    overflow: hidden;    text-decoration: none;}
.header .nav li span.s2 {    color:#8fc320;    font-weight: bold;}
.header .nav li span {    display: block;    transition: all 0.3s ease-in-out 0s;/**/}
.header .nav li a:hover .s1, .header .nav li.selected a .s1 {    margin-top: -24px; background:#}
#nav { position: fixed;top: 0; width: 0; width: 100%; height: 100%; background: #282828;z-index: 9999;transition: all 0.6s;-webkit-transition: all 0.6s;-ms-transition: all 0.6s;-moz-transition: all 0.6s; opacity: 1; -webkit-opacity: 1;-ms-opacity: 1; -moz-opacity: 1;}
.nav_main { max-width: 1000px; height: 514px; margin: 0 auto; position: relative; top: 50%;margin-top: -250px; display: table;}
.nav_main h1 { color: #fff;font-size: 48px; clear: both;padding-left: 10px; font-style: italic; font-family:"微软雅黑";}
.nav_main ul { width: 100%; padding-top: 130px; display: table;}
.nav_main ul li { width: 257px;height: 130px;padding-left: 50px;float: left;   color: #fff;}
.nav_main ul li.h0 { background: url(../images/homes.png) no-repeat 10px 12px;}
.nav_main ul li.h1 { background: url(../images/services.png) no-repeat 10px 12px;}
.nav_main ul li.h2 { background: url(../images/cases.png) no-repeat 10px 12px;}
.nav_main ul li.h3 { background: url(../images/abouts.png) no-repeat 10px 12px;}
.nav_main ul li.h4 { background: url(../images/news.png) no-repeat 10px 12px;}
.nav_main ul li.h5 { background: url(../images/Advantages.png) no-repeat 10px 12px;}
.nav_main ul li h2 { height: 50px; line-height: 50px; font-size: 16px;}
.nav_main ul li a {color: #fff; text-decoration: none;}
.nav_main ul li h2 a em {color: #949494; margin-left: 20px;font-size: 12px; font-style: normal;font-family: Verdana, Geneva, sans-serif;}
#nav.hide { top: -100%; opacity: 0;-webkit-opacity: 0;-ms-opacity: 0; -moz-opacity: 0;}
/*.gb-nav .logo img { position: absolute; left: 0; top: 0;}*/
.gb-nav .logo img.img2 {-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;opacity: 0;-webkit-opacity: 0; -moz-opacity: 0;}
.gh.selected { transform: rotate(90deg);}
.gh { float: right; height: 34px; width: 34px; margin-right: 30px;margin-top: 25px; position: relative; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;cursor: pointer;}
.gh.selected a { background-color: transparent !important;}
.gh a { background-color: #000; display: block; height: 4px; margin-top: -2px; position: relative; top: 50%; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;}
.gh a:after, .gh a:before { background-color: #000; content: ""; display: block;height: 4px; left: 0; position: absolute; transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s; width: 100%;}
.gh.selected a:before { transform: translateY(0px) rotate(-45deg);-webkit-transform: translateY(0px) rotate(-45deg);-ms-transform: translateY(0px) rotate(-45deg);}
.gh.selected a:after { transform: translateY(0px) rotate(45deg); -webkit-transform: translateY(0px) rotate(45deg); -ms-transform: translateY(0px) rotate(45deg);}
.gh.selected a:after, .gh.selected a:before { top: 0;}
.gh a:before { top: -10px;}
.gh a:after { top: 10px;}
.gb-nav { background: rgba(255,255,255,0.25); z-index: 99999;}
.gb-nav.show { background: rgba(0,0,0,0.25);}

.gb-nav.show .logo img.img2 { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1;}
.gb-nav.show .gh a, .gb-nav.show .gh a:after, .gb-nav.show .gh a:before { background-color: #fff;}

/* Links */
.menu li a {display: block;text-decoration: none;font-size: 16px;color: #fff;/*padding: 0 11px;--text-shadow: 1px 1px 1px rgba(0,0,0,.6);---*/-webkit-transition: color .2s ease-in-out;-moz-transition: color .2s ease-in-out;-o-transition: color .2s ease-in-out;-ms-transition: color .2s ease-in-out;transition: color .2s ease-in-out;text-align: center;}
.menu li a:hover{ color:#fff;}
.menu li:first-child a {border-left: none;}
.menu li:last-child a {border-right: none;}
.menu li:hover > a {color:#fff;}
/* Sub Menu */
.menu ul {position:relative;top: 30px;left: 0;opacity: 0;background: #dedede;z-index:10000;-webkit-border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;border-radius: 0 0 5px 5px;-webkit-transition: opacity .25s ease .1s;-moz-transition: opacity .25s ease .1s;-o-transition: opacity .25s ease .1s;-ms-transition: opacity .25s ease .1s;transition: opacity .25s ease .1s;}
.menu ul li ul{display:none;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;	overflow:hidden;	}
.menu li:hover > ul {	opacity: 1;}
.menu li ul li:hover > ul {	display:block;}
.menu ul li {width: 100px;	height: 0;	overflow: hidden;	padding: 0;	-webkit-transition: height .25s ease .1s;	-moz-transition: height .25s ease .1s;-o-transition: height .25s ease .1s;	-ms-transition: height .25s ease .1s;	transition: height .25s ease .1s;}
.menu li:hover > ul li {	height: 36px;	overflow: visible;	padding: 0; }
.menu ul li a {		font-size:14px;	padding:9px 10px 2px 10px;	margin: 0;	border: none;	border-bottom: 1px solid #888;/**/background: rgba(0, 0, 0, 0.67);color: #fff;}
.menu ul li a:hover{color: #fff;background:#8fc320;}
.menu ul li:last-child a {	border: none;}

a:hover{text-decoration:inherit;}
/*img{-ms-interpolation-mode:bicubic;border:0;vertical-align:bottom;max-width:100%;}*/
#week_nav{position:relative;top:0;z-index:15;width:100%;height:60px;}
.wk_index_main{margin-top:-60px;width:100%;}
#superContainer{height:100%;position:relative;-ms-touch-action:none;touch-action:none;}
.fp-section{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.fp-slide{float:left;}
.fp-slide,.fp-slidesContainer{display:block;height:100%;}
.fp-slides{z-index:1;height:100%;overflow:hidden;position:relative;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
.fp-section.fp-table,.fp-slide.fp-table{display:table;width:100%;table-layout:fixed;}
.fp-tableCell1{display:table-cell;width:100%;height:100%;vertical-align:middle;}
.fp-slidesContainer{position:relative;float:left;}
.fp-controlArrow{position:absolute;top:50%;z-index:4;margin-top:-38px;width:0;height:0;border-style:solid;cursor:pointer;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.fp-controlArrow.fp-prev{left:15px;width:0;border-color:transparent #fff transparent transparent;border-width:38.5px 34px 38.5px 0;}
.fp-controlArrow.fp-next{right:15px;border-color:transparent transparent transparent #fff;border-width:38.5px 0 38.5px 34px;}
.fp-scrollable{overflow:scroll;}
.fp-notransition{-webkit-transition:none!important;transition:none!important;}
#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:#8fc320;}
.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell,.fp-auto-height.fp-section{height:auto!important;}
.section{position:relative;overflow:hidden;}
/*page1*/
.page1{}
.wk_slide-wrap{position:relative;width:100%;height:100%;}
.wk_slide-wrap ul{width:100%;height:100%;}
.wk_slide-wrap li{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;width:100%;height:100%;text-align:center;}
.wk_slide-wrap li .img{position:relative;z-index:9;-webkit-transition:all 1s;-moz-transition:all 1s;transition:all 1s;-ms-transition:all 1s;}
.wk_slide-wrap li.wk_selected .img{-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important;-ms-transform:translate3d(0,0,0)!important;}
.wk_slide-wrap li .text{position:relative;z-index:9;margin-top:25px;color:#fff;font-size:20px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;-ms-transition:all .5s;}
.wk_slide-wrap .wk_banner{position:absolute;top:0;left:0;z-index:0;height:100%;min-width:0;min-width:100%;}
.wk_slide-wrap li#wk_s1 .wk_banner{background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}
.wk_slide-wrap li#wk_s1 .wk_banner1{background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}
.wk_slide-wrap li#wk_s1.wk_selected .wk_banner{opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s1 .wk_wrap{position:absolute;top:45%;left:50%;margin-top:-175px;margin-left:-375px;}
.wk_slide-wrap li#wk_s1 .wk_banner12 img{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-12px;opacity:0;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s;transition:1s ease 0s;-ms-transition:1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s1.wk_selected .wk_banner12 img{margin-top:-127px;margin-left:-300px;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s1 .wk_banner13{position:absolute;top:51%;left:-125px;opacity:0;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s;transition:1s ease 0s;-webkit-opacity:0;-moz-opacity:0;-ms-transition:1s ease 0s;}
.wk_slide-wrap li#wk_s1 .wk_banner14{position:absolute;top:0;right:-200px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-webkit-opacity:0;-moz-opacity:0;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s1.wk_selected .wk_banner14{right:0;opacity:1;-webkit-transition-delay:800ms;-moz-transition-delay:800ms;transition-delay:800ms;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s2 .wk_wrap{position:absolute;top:45%;left:52%;margin-top:-155px;margin-left:-372px;width:745px;height:310px;}
.wk_slide-wrap li#wk_s2.wk_selected .wk_banner{opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s2 .wk_banner22{position:absolute;top:0;left:-200px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s2.wk_selected .wk_banner22{left:0;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s2 .wk_banner23{position:absolute;top:10px;right:-150px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s2.wk_selected .wk_banner23{right:50px;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s2 .wk_banner24{position:absolute;bottom:-200px;left:50%;z-index:10;margin-left:-80px;width:160px;height:38px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-webkit-opacity:0;-moz-opacity:0;-ms-transition:all 1s ease 0s;}
.wk_slide-wrap li#wk_s2 .wk_banner24 a{display:block;width:158px;border:1px solid #fff;color:#fff;text-align:center;font-size:17px;line-height:36px;cursor:pointer;}
.page1.active .wk_slide-wrap li#wk_s2.wk_selected .wk_banner24{bottom:0;opacity:1;-webkit-transition-delay:600ms;-moz-transition-delay:600ms;transition-delay:600ms;-webkit-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s3 .wk_wrap{position:absolute;top:45%;left:50%;margin-top:-140px;margin-left:-332px;width:665px;height:280px;}
.wk_slide-wrap li#wk_s3.wk_selected .wk_banner{opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s3 .wk_banner32{position:absolute;top:-200px;left:50%;margin-left:-332px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s3.wk_selected .wk_banner32{top:0;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}

.wk_slide-wrap li#wk_s4 .wk_banner33{position:absolute;bottom:-200px;left:50%;margin-left:-332px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s4.wk_selected .wk_banner33{bottom:0;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s4 .wk_wrap{position:absolute;top:45%;left:50%;margin-top:-140px;margin-left:-332px;width:665px;height:280px;}
.wk_slide-wrap li#wk_s4.wk_selected .wk_banner{opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s4 .wk_banner32{position:absolute;top:-200px;left:50%;margin-left:-332px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s4.wk_selected .wk_banner32{top:0;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s4 .wk_banner33{position:absolute;bottom:-200px;left:50%;margin-left:-332px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s4.wk_selected .wk_banner33{bottom:0;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}


.wk_slide-wrap li#wk_s5 .wk_banner33{position:absolute;bottom:-200px;left:50%;margin-left:-332px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s5.wk_selected .wk_banner33{bottom:0;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s5 .wk_wrap{position:absolute;top:45%;left:50%;margin-top:-140px;margin-left:-332px;width:665px;height:280px;}
.wk_slide-wrap li#wk_s5.wk_selected .wk_banner{opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s5 .wk_banner32{position:absolute;top:-200px;left:50%;margin-left:-332px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s5.wk_selected .wk_banner32{top:0;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s5 .wk_banner33{position:absolute;bottom:-200px;left:50%;margin-left:-332px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s5.wk_selected .wk_banner33{bottom:0;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}



.wk_slide-wrap li#wk_s6 .wk_banner33{position:absolute;bottom:-200px;left:50%;margin-left:-332px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s6.wk_selected .wk_banner33{bottom:0;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s6 .wk_wrap{position:absolute;top:45%;left:50%;margin-top:-140px;margin-left:-332px;width:665px;height:280px;}
.wk_slide-wrap li#wk_s6.wk_selected .wk_banner{opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s6 .wk_banner32{position:absolute;top:-200px;left:50%;margin-left:-332px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s6.wk_selected .wk_banner32{top:0;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}
.wk_slide-wrap li#wk_s6 .wk_banner33{position:absolute;bottom:-200px;left:50%;margin-left:-332px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s6.wk_selected .wk_banner33{bottom:0;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}


.page1 .wk_arrow{position:absolute;bottom:140px;left:50%;z-index:20;display:block;margin-left:-44px;width:87px;height:87px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center;line-height:87px;cursor:pointer;}
.page1 .wk_arrow img{position:relative;top:26px;}
.page1 .wk_arrow:after,.page1 .wk_arrow:before{position:absolute;top:0;left:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;content:'';pointer-events:none;}
.page1 .wk_arrow:before{width:88px;height:88px;border:1px solid #fff;-webkit-transition:all .8s cubic-bezier(.455,.03,.515,.955);-moz-transition:all .8s cubic-bezier(.455,.03,.515,.955);-o-transition:all .8s cubic-bezier(.455,.03,.515,.955);transition:all .8s cubic-bezier(.455,.03,.515,.955);}
.page1 .wk_arrow:after{width:86px;height:86px;border:2px solid #fff;background-color:rgba(255,255,255,.1);opacity:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transform:scale(.5,.5);-moz-transform:scale(.5,.5);transform:scale(.5,.5);-ms-transform:scale(.5,.5);}
.page1 .wk_arrow:hover:before{opacity:0;-webkit-transition:all .8s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .8s cubic-bezier(.25,.46,.45,.94);-o-transition:all .8s cubic-bezier(.25,.46,.45,.94);transition:all .8s cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(1.5,1.5);-moz-transform:scale(1.5,1.5);transform:scale(1.5,1.5);-ms-transform:scale(1.5,1.5);}
.page1 .wk_arrow:hover:after{opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);-ms-transform:scale(1,1);}
.wk_slide-nav-wrap{position:absolute;bottom:35px;left:0;z-index:8;overflow:hidden;margin-bottom:-22px;padding-top:25px;width:100%;height:84px;opacity:1;-webkit-transform:translateY(100%);-webkit-transform:matrix(1,0,0,1,0,0);-moz-transform:translateY(100%);-moz-transform:matrix(1,0,0,1,0,0);transform:translateY(100%);transform:matrix(1,0,0,1,0,0);-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;-ms-transform:translateY(100%);-ms-transform:matrix(1,0,0,1,0,0);}
#wk_slide-nav{position:relative;z-index:10;margin:auto;width:620px;height:26px;-webkit-transform:translateX(90px);-moz-transform:translateX(90px);transform:translateX(90px);-ms-transform:translateX(90px);}
.wk_nav-line{position:relative;top:13px;float:left;width:90px;height:1px;}
.wk_nav-line:after{position:absolute;top:0;width:90px;height:100%;background-color:#fff;content:'';-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);}
.wk_nav-line.small:after{width:78px;}
.wk_nav-line.x-small:after{width:63px;-webkit-transition:all 1s cubic-bezier(.77,0,.175,1);-moz-transition:all 1s cubic-bezier(.77,0,.175,1);-o-transition:all 1s cubic-bezier(.77,0,.175,1);transition:all 1s cubic-bezier(.77,0,.175,1);}
.wk_nav-line.prev:after{left:0;}
.wk_nav-line.next:after{right:0;}
.wk_nav-line:first-child:before,.wk_nav-line:last-child:before{position:absolute;top:0;width:8000px;height:1px;background-color:#fff;content:'';-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.wk_nav-line:first-child:before{left:-8000px;}
.wk_nav-line:last-child:before{right:-8000px;}
.wk_nav-bullet-container{position:relative;float:left;width:26px;height:26px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.wk_nav-bullet-container:nth-child(1){margin-left:100px;}
.wk_nav-bullet-container:before{position:absolute;top:-15px;left:8px;width:0;height:0;border-color:#fff transparent transparent transparent;border-style:solid;border-width:6px 5px 0 5px;content:'';opacity:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px);pointer-events:none;-ms-transform:translateY(-10px);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
#wk_slide-nav .wk_nav-bullet-container:hover:before{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);}
#wk_slide-nav .wk_nav-bullet-container:hover .nav-link:before{opacity:0;-webkit-transition:all .8s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .8s cubic-bezier(.25,.46,.45,.94);-o-transition:all .8s cubic-bezier(.25,.46,.45,.94);transition:all .8s cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(2,2);-moz-transform:scale(2,2);transform:scale(2,2);-ms-transform:scale(2,2);}
#wk_slide-nav .wk_nav-bullet-container:hover .nav-link:after{opacity:.2;-webkit-transform:scale(3.3,3.3);-moz-transform:scale(3.3,3.3);transform:scale(3.3,3.3);-ms-transform:scale(3.3,3.3);}
#wk_slide-nav .wk_nav-bullet-container:hover .nav-bullet{opacity:1;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1);-ms-transform:scale(1,1);}
#wk_slide-nav .wk_nav-bullet-container:hover .nav-text{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);-ms-transform:translateY(0);}
.wk_nav-bullet-container.active .nav-link:after{opacity:1;}
.nav-link{position:relative;display:block;width:100%;height:100%;color:#fff;}
.nav-link:before{position:absolute;top:5px;left:5px;width:14px;height:14px;border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;content:'';opacity:1;-webkit-transition:all .8s cubic-bezier(.455,.03,.515,.955);-moz-transition:all .8s cubic-bezier(.455,.03,.515,.955);-o-transition:all .8s cubic-bezier(.455,.03,.515,.955);transition:all .8s cubic-bezier(.455,.03,.515,.955);}
.nav-link:after{position:absolute;top:9px;left:9px;width:8px;height:8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;content:'';opacity:1;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.nav-bullet{position:absolute;top:9px;left:9px;width:8px;height:8px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transform:scale(0,0);-moz-transform:scale(0,0);transform:scale(0,0);-ms-transform:scale(0,0);}
.nav-text{position:absolute;bottom:-22px;left:-44px;width:113px;color:#fff;text-align:center;font-size:12px;opacity:0;-webkit-transition:all .8s cubic-bezier(.77,0,.175,1);-moz-transition:all .8s cubic-bezier(.77,0,.175,1);-o-transition:all .8s cubic-bezier(.77,0,.175,1);transition:all .8s cubic-bezier(.77,0,.175,1);-webkit-transform:translateY(10px);-moz-transform:translateY(10px);transform:translateY(10px);pointer-events:none;-ms-transform:translateY(10px);}
@media(max-width:1500px){.section{width:100%;min-width:1080px;}
.wk_slide-wrap li#wk_s1 .wk_wrap{top:50%;}
.wk_slide-wrap li#wk_s2 .wk_wrap{top:50%;}
.wk_slide-wrap li#wk_s2 .wk_banner22 img{width:90%;}
.wk_slide-wrap li#wk_s3 .wk_wrap{top:50%;}
.wk_slide-wrap li#wk_s3 .wk_banner32 img{width:90%;}
.page1 .wk_arrow{display:none;}
.wk_slide-nav-wrap{bottom:5px;}
}
@media(max-width:1150px){.page1 .wk_arrow{display:none;}
.wk_slide-nav-wrap{bottom:5px;}
.section{width:100%;min-width:920px;}
.wk_slide-wrap li#wk_s1 .wk_wrap{top:50%;}
.wk_slide-wrap li#wk_s2 .wk_wrap{top:50%;}
.wk_slide-wrap li#wk_s2 .wk_banner22 img{width:90%;}
.wk_slide-wrap li#wk_s3 .wk_wrap{top:50%;}
.wk_slide-wrap li#wk_s3 .wk_banner32 img{width:90%;}
}
.ie8 .wk_slide-wrap #wk_s1,.ie8 .wk_slide-wrap #wk_s2,.ie8 .wk_arrow,.ie8 .wk_slide-nav-wrap{display:none;}
.ie8 .wk_slide-wrap li#wk_s3 .wk_banner32{top:0;}
.ie8 .wk_slide-wrap li#wk_s3 .wk_banner33{bottom:0;}
/*page5*/
.page5{background:url(/../images/img/13.png) no-repeat center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}
.wk_fwxm{position:relative;margin:0 auto;width:1200px;height:100%;}
.wk_fwxm ul{width:100%;height:100%;    margin-top: -50px;}
.wk_fwxm li{position:relative;float:left;width:12%;height:100%;color:#fff;text-align:center;opacity:0;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;-webkit-opacity:0;-moz-opacity:0;}
.wk_fwxm li .wk_fwxm_bg{position:absolute;right:0;bottom:0;left:0;height:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}
.wk_fwxm li.wk_li1 .wk_fwxm_bg{background:#2CAD42;}

.wk_fwxm li.wk_li8 .wk_fwxm_bg{background:#CCCC33;}
.wk_fwxm li:hover .wk_fwxm_bg{height:100%;}
.wk_fwxm li .wk_fwxm_main{position:absolute;top:40%;right:10px;left:10px;margin-top:-145px;}
.wk_fwxm li .wk_ljzx{margin:20px auto 0 auto;width:120px;height:35px;}
.wk_fwxm li .wk_ljzx a{display:none;width:118px;height:33px;border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#fff;text-align:center;font-size:17px;line-height:33px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-transition-delay:400ms;-moz-transition-delay:400ms;transition-delay:400ms;}
.wk_fwxm li:hover .wk_ljzx a{display:block;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.wk_fwxm li.wk_li1:hover .wk_ljzx a:hover{background:#fff;color:#2CAD42;}

.wk_fwxm li.wk_li8:hover .wk_ljzx a:hover{background:#fff;color:#CCCC33;}
.wk_fwxm li .wk_fwxm_ico{overflow:hidden;margin:0 auto;width:110px;height:110px;-webkit-border-radius:110px;-moz-border-radius:110px;border-radius:110px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-transition-delay:400ms;-moz-transition-delay:400ms;transition-delay:400ms;}

.wk_fwxm li h2{margin-top:16px;font-weight:bold;font-size:18px;line-height:32px;}
.wk_fwxm li p{font-size:6px;line-height:12px;height:24px;}
.wk_fwxm li .wk_fwxm_des{margin-top:15px;font-size:9px;line-height:22px;text-align:left;height:180px;}
.page2 li.wk_li1{-webkit-transform:translate3d(-600px,0,0);-moz-transform:translate3d(-600px,0,0);transform:translate3d(-600px,0,0);-ms-transform:translate3d(-600px,0,0);}
.page2 li.wk_li2{-webkit-transform:translate3d(-300px,0,0);-moz-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0);}
.page2 li.wk_li3{-webkit-transform:translate3d(300px,0,0);-moz-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);-ms-transform:translate3d(300px,0,0);}
.page2 li.wk_li4{-webkit-transform:translate3d(600px,0,0);-moz-transform:translate3d(600px,0,0);transform:translate3d(600px,0,0);-ms-transform:translate3d(600px,0,0);}
.page2 li.wk_li5{-webkit-transform:translate3d(-600px,0,0);-moz-transform:translate3d(-600px,0,0);transform:translate3d(-600px,0,0);-ms-transform:translate3d(-600px,0,0);}
.page2 li.wk_li6{-webkit-transform:translate3d(-300px,0,0);-moz-transform:translate3d(-300px,0,0);transform:translate3d(-300px,0,0);-ms-transform:translate3d(-300px,0,0);}
.page2 li.wk_li7{-webkit-transform:translate3d(300px,0,0);-moz-transform:translate3d(300px,0,0);transform:translate3d(300px,0,0);-ms-transform:translate3d(300px,0,0);}
.page2 li.wk_li8{-webkit-transform:translate3d(600px,0,0);-moz-transform:translate3d(600px,0,0);transform:translate3d(600px,0,0);-ms-transform:translate3d(600px,0,0);}
.page2.active li{opacity:1;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-opacity:1;-moz-opacity:1;}
@media(max-width:1500px){.wk_fwxm{position:relative;margin:0 auto;width:1160px;height:100%;}
.wk_fwxm li .wk_fwxm_des{font-size:14px;text-align:left;}
}
@media(max-width:1150px){.wk_fwxm{position:relative;margin:0 auto;width:1000px;height:100%;}
.wk_fwxm li h2{font-size:13px;}
.wk_fwxm li .wk_fwxm_main{right:8px;left:8px;}
.wk_fwxm li .wk_fwxm_des{font-size:9px;text-align:left;}
}
/*page4*/
@media ( max-width:998px){
body{ padding-top:46px; font-size:14px;line-height:24px;}	
}
.pt90 {
    padding-top: 12%;
}
.w1560{max-width: 1560px; min-width: 320px; margin: 0 auto;}

@media ( max-width:1560px){
	.w1560{margin: 0 5%;}
}

.page4{background:url(/../images/img/bg4.jpg) no-repeat center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}

.HomeLeft{width: 32%; margin-top: 5%; float: left;}
.HomeLeft .hd{line-height: 30px; font-size: 18px; color: #fff;}
.HomeLeft .hd a{display: inline-block; color: #fff; padding: 0px 2px; position: relative; z-index: 2;}
.HomeLeft .hd span{position: relative; z-index: 2;}
.HomeLeft .hd em{position: absolute; left: 0px; bottom: 0px; width: 0%; height: 12px; background: #1dd17e; z-index: 0; transition: all ease 0.3s;}
.HomeLeft .hd a:hover{color:#8fc320; font-weight: bold;}
.HomeLeft .hd a:hover em{width: 100%; transition: all ease 0.3s;}
.HomeMore {display: block;width: 160px;line-height: 50px;background: #1dd17e;color: #fff;font-size: 16px;text-align: center;}
.HomeLeft .info{font-size: 16px; line-height: 26px; color: #535353; height: 52px; overflow: hidden; margin: 8% 0 20%;}

.NewsBox{width: 58%; position: absolute; top: 0; right: 5%; height: 100%;}
.NewsBox li{transition: all ease 0.3s; width: 33.3333%; position: absolute; top: 0px; height: 100%; background: url(../images/line3.png) repeat-y left top;}
.NewsBox li.n1{left: 0;}
.NewsBox li.n2{left: 33.3333%;}
.NewsBox li.n3{left: 66.6666%;}
.NewsBox li a{display: block; padding: 30% 10%;}
.NewsBox li .date{font-size: 24px; color: #666; margin-bottom: 20px;}
.NewsBox li .date span{display: block; font-size: 90px; color: #e0e0e0; line-height: 74px; margin-bottom: 28px;}
.NewsBox li .date em{display: block; line-height: 28px;}
.NewsBox li .name{font-size: 18px; line-height: 26px; height: 52px; color: #333333; overflow: hidden; font-weight: bold;}
.NewsBox li .sort{line-height: 24px; display: block; margin: 10px 0px 15px; font-size: 16px; color: #b2b2b2;}
.NewsBox li .Scale-img img{display: block; width: 100%;}
.NewsBox li .info{font-size: 15px; line-height: 26px; color: #666666; height: 104px; overflow: hidden; margin: 24px 0px 38px;}
.NewsBox li .more{display: block; font-size: 16px; line-height: 24px; color: #333333;}
.NewsBox li .more img{display: inline-block; vertical-align: middle; width: 0; transition: all ease 0.3s;}
.NewsBox li:hover{transition: all ease 0.3s; background-color: #0aac57; background-image: url(../images/img/maskbg2.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom;}
.NewsBox li:hover .more img{width: 20px; padding-left: 10px; transition: all ease 0.3s;}
.NewsBox li:hover .date,.NewsBox li:hover .date span,.NewsBox li:hover .name,.NewsBox li:hover .more{color: #fff;}
.NewsBox li:hover .sort{color: rgba(254,254,254,0.6);}
.NewsBox li:hover .info{color: rgba(254,254,254,0.9);}
.HomeTit {
    font-size: 60px;
    line-height: 65px;
    margin-bottom: 5%;
    color:#8fc320;
 font-weight: bold;
}

@media ( max-width:1500px){
	.HomeTit{font-size: 30px; line-height:60px;}
	.NewsBox li .date span{font-size: 60px; line-height: 50px; margin-bottom: 15px;}
}
.active .a1{
    animation:fadeInUp 1s .4s ease both;
    -webkit-animation:fadeInUp 1s .4s ease both;
    -moz-animation:fadeInUp 1s .4s ease both;}
.active .a2{
animation:fadeInUp 1s .8s ease both;
-webkit-animation:fadeInUp 1s .8s ease both;
-moz-animation:fadeInUp 1s .8s ease both;}
.active .a3{
animation:fadeInUp 1s 1.2s ease both;
-webkit-animation:fadeInUp 1s 1.2s ease both;
-moz-animation:fadeInUp 1s 1.2s ease both;}
.active .a4{
    animation:fadeInUp 1s 1.6s ease both;
    -webkit-animation:fadeInUp 1s 1.6s ease both;
    -moz-animation:fadeInUp 1s 1.6s ease both;}
.active .a5{
    animation:fadeInUp 1s 2s ease both;
    -webkit-animation:fadeInUp 1s 2s ease both;
    -moz-animation:fadeInUp 1s 2s ease both;}
.active .a6{
    animation:fadeInUp 1s 2.4s ease both;
    -webkit-animation:fadeInUp 1s 2.4s ease both;
    -moz-animation:fadeInUp 1s 2.4s ease both;}
.active .a7{
animation:fadeInRight 1s 2s ease both;
-webkit-animation:fadeInRight 1s 2s ease both;
-moz-animation:fadeInRight 1s 2s ease both;}
@media(max-width:1500px){
.page4.active .wk_about_div{margin:0 auto 0 auto;}
.wk_news_list li{/*margin-left:26px;*/}
}
@media(max-width:1150px){

.wk_news_list li{margin-left:20px;width:215px;}
.wk_news_list li h4{font-size:16px;}
.wk_news_list li .wk_news_des{font-size:12px;}
.wk_news_list li .wk_news_more{margin-top:18px;}

}
/*page2*/
.page2 {background: url(../../images/img/bg2.jpg) no-repeat center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.active #bg2 {
    transition: all 10s;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transition-delay: 0.7s;
}
#bg2 
{
    background-size: cover;
    transition: all 10s;
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}
.section .bg {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.center-box {
    letter-spacing: 0px;
    z-index: 1;
    max-width: 1300px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

}

active .luyuan {
    top: 50%;
}
.luyuan {
    background: url(../images/img/jj.png) no-repeat left top;
    width: 473px;
    height: 473px;
    position: absolute;
    left: 50%;
    margin-left: -236px;
    top: 130%;
    margin-top: -246px;
    transition: all 3s cubic-bezier(0.68, -0.55, 0.43, 1.1);
}
.shouc1 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    padding-top: 50px;
}
.active .shouc2 {
    opacity: 1;
    transition-delay: 1s;
}
.shouc2 {
    position: relative;
    width: 398px;
    top: 80px;
    z-index: 100;
    transition: all 2s;
    opacity: 0;
    margin: 0 auto;
    text-align: center;
    padding-top: 10px;
}
.shouc2 h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 10px;
}
.shouc2 p {
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    padding-top: 0px;
}
.shouc2 p a {
    width: 52px;
    height: 52px;
    margin: 0 auto;
    margin-top: 35px;
    color: #fff;
    text-align: center;
    clear: both;
    display: block;
}
.yuanquan {
    height: 654px;
    width: 654px;
    top: 50%;
    margin-top: -330px;
    position: absolute;
    left: 50%;
    margin-left: -327px;
    animation: yuanys 15s linear infinite;
    -moz-animation: yuanys 15s linear infinite;
    -webkit-animation: yuanys 15s linear infinite;
    -o-animation: yuanys 15s linear infinite;
    transition: all 0.5s ease-in-out;
}
.yuanquan2 {
    height: 654px;
    width: 654px;
    top: 50%;
    margin-top: -330px;
    position: absolute;
    left: 50%;
    margin-left: -327px;
}
.active .yuanabout1 {
    left: -50px;
    opacity: 1;
    transition-delay: 1s;
}
.yuanabout1 {
    position: relative;
    left: -200px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 280px;
    border-radius: 100%;
    transition: all 2s ease-in-out;
    opacity: 0;
}
.yuanabout1 span {
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
}
.yuanabout1 span::after {
    background: rgba(81,177,43,0.9);
    height: 100px;
    width: 100px;
    position: absolute;
    top: 100px;
    content: "产品";
    left: 0px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    border-radius:100%;
}

.yuanabout1 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}
.active .yuanabout2 {
    left: 600px;
    opacity: 1;
    transition-delay: 1.2s;
}
.yuanabout2 {
    position: relative;
    left: 800px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 185px;
    border-radius: 100%;
    transition: all 2s ease-in-out;
    opacity: 0;
}
.yuanabout2 span {
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
}
.yuanabout2 span::after {
    background: rgba(81,177,43,0.9);
    height: 100px;
    width: 100px;
    position: absolute;
    top: 100px;
    content: "荣誉";
    left: 0px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    border-radius:100%;
}

.yuanabout2 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}


.active .yuanabout3 {
    left: 130px;
    opacity: 1;
    transition-delay: 1.5s;
}
.yuanabout3 {
    position: relative;
    left: 30px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 360px;
    border-radius: 100%;
    transition: all 2s ease-in-out;
    opacity: 0;
}
.yuanabout3 span {
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
}
.yuanabout3 span::after {
    background: rgba(81,177,43,0.9);
    height: 100px;
    width: 100px;
    position: absolute;
    top: 100px;
    content: "关怀";
    left: 0px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    border-radius:100%;
}

.yuanabout3 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}
.active .yuanabout4 {
    left: 450px;
    opacity: 1;
    transition-delay: 1.8s;
}
.yuanabout4 {
    position: relative;
    left: 550px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    top: 250px;
    border-radius: 100%;
    transition: all 2s ease-in-out;
    opacity: 0;
}
.yuanabout4 span {
    background-color: rgba(255,255,255,0.8);
    height: 100px;
    width: 100px;
    display: block;
    cursor: pointer;
}
.yuanabout4 span::after {
    background: rgba(81,177,43,0.9);
    height: 100px;
    width: 100px;
    position: absolute;
    top: 100px;
    content: "招标";
    left: 0px;
    color: #fff;
    line-height: 100px;
    text-align: center;
    transition: all 0.5s ease-in-out;
    border-radius:100%;
}

.yuanabout4 span:hover::after {top: 0px;transition: all 0.5s ease-in-out;}

.shouc2 {position: relative;width: 398px;top: 80px;z-index:100;transition: all 2s;opacity: 0;margin: 0 auto;text-align: center;padding-top: 10px;}
.active .shouc2 {opacity: 1;transition-delay: 1s;}
.active .luyuan {top: 50%}

@keyframes yuanys {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

@-webkit-keyframes yuanys {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}

.shouc2 h2 {color:#fff;font-size:20px;font-weight:600;padding-bottom: 10px;}
.shouc2 p {color:#fff;font-size: 13px;line-height:25px;padding-top: 0px;}
.shouc2 p a {width: 52px;height: 52px;margin: 0 auto;margin-top: 35px;color:#fff;text-align:center;clear: both;display: block;}
.shouc1 {color:#fff;font-size: 30px;font-weight:600;text-align: center;padding-top: 50px;}
.shousb2 {position:absolute;width:384px;left:-400px;top: 37%;z-index:100;transition: all 2s;opacity: 0;}
.active .shousb2 {left:0px;opacity: 1;transition-delay: 1s;}
.shousb2 h2 {color:#fff;font-size:20px;font-weight:600;}
.shousb2 p {color:#fff;font-size:14px;line-height:25px;padding-top:20px}
.shousb2 p a {width:120px;height:40px;border:1px solid #ddd;display:block;margin-top:15px;color:#fff;text-align:center;line-height:40px;}


.shouc3 {position:absolute;right:-500px;width:530px;top:27%;transition: all 2s;opacity: 0;}
.active .shouc3 {right:0px;opacity: 1;transition-delay: 1s;}

.shouc33 span {display:block;color:#fff;text-align:center;padding-top:20px;}
.shouc33 {width:121px;margin:20px 0px 20px 50px;float:left;display:inline-block;}

/*page2jeishu*/
.wk_service_main li span{position:absolute;background:#0ddfba;-webkit-transition:all .3s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .3s cubic-bezier(.25,.46,.45,.94);-o-transition:all .3s cubic-bezier(.25,.46,.45,.94);transition:all .3s cubic-bezier(.25,.46,.45,.94);}

@media(max-width:1500px){.wk_service{margin-top:-180px;margin-left:-540px;width:1080px;}
.wk_service h2{display:none;}
.wk_service h2.wk_h2{position:relative;top:0;left:0;display:block;margin-left:-100px;width:auto;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page5.active .wk_service h2.wk_h2{left:0;margin-left:0;}
.wk_service_xian{margin-top:20px;}
.wk_service_main{padding:20px 0;width:1060px;}
.wk_service_main ul li{margin:0 21px 10px;}
}
@media(max-width:1150px){.wk_service{margin-top:-190px;margin-left:-460px;width:920px;}
.wk_service h2{display:none;}
.wk_service h2.wk_h2{position:relative;top:0;left:0;display:block;margin-left:-100px;width:auto;-webkit-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.wk_service h2.wk_h2 img{width:70%;}
.page5.active .wk_service h2.wk_h2{left:0;margin-left:0;}
.wk_service_xian{margin-top:20px;}
.wk_service_main{padding:20px 0;width:900px;}
.wk_service_main ul li{margin:0 5px 10px;}
}
/*page6
.page6{background:url(/../images/img/3.jpg) no-repeat center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;}

@media(max-width:1150px){.wk_contact{margin-top:-155px;margin-left:-460px;width:920px;}
.wk_contact_left{display:none;}
.wk_contact_left1{position:absolute;top:0;left:-50px;display:block;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page6.active .wk_contact_left1{left:0;}
.wk_contact.active .wk_contact_left1{left:0;}
.wk_contact_right{top:20px;width:660px;}
.page6.active .wk_contact_right{right:0;}*/
.wk_contact.active .wk_contact_right{right:0;}
.wk_cont_div{padding-top:18px;}
.wk_cont_div li{margin-top:15px;}}
.lianxi{    margin-top: 150px;color: #fff;font-size: 18px;}
.lianxi1{width: 40%; padding-left: 200px;    float: left;    padding-top: 150px;}
.lianxi1 img{    height: 60px;}
.lianxi2{   float: right;    padding-right: 250px;    padding-top: 40px;}
.lianxi2 p{    line-height: 35px;}
.lianxi2 .titl{   color: #fff;    font-size: 28px;padding-bottom: 20px;margin-right: 20px;}  
.lianxi2 .titl img{margin-left: -30px;}  
.lianxi a{ color:#bcb8b8;}
.lianxi a:hover { color: #0791E6;}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section { }
.info_img{float: left; }
.info_img img{width: 100%;}   
.info_p{float: left;width: 100%; padding-top: 50px;}
.info_p p{    font-size: 16px;line-height: 30px;    color: #fff;}
#coleehq{font-size: 16px;}
#coleehq a:hover{width: 300px; height: 250px;}


.wk_slide-wrap li#wk_s2 .wk_banner25{position:absolute;top:250px;left:-150px;opacity:0;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;}
.page1.active .wk_slide-wrap li#wk_s2.wk_selected .wk_banner25{left:50px;opacity:1;-webkit-opacity:1;-ms-opacity:1;-moz-opacity:1;}

/*page3*/
.page3 {background: url(../../images/img/bg3.jpg)  no-repeat center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;}
/*6案例*/
/*导航缩放*/
.menu-activator{height:60px;line-height:60px;cursor:pointer;display: none;margin-right: 10px;}
.descriptor{width:40px;color:#fff;margin-left:50px;}
.visual{position:relative;margin:14px 0 0 0;width:32px;height:34px;}
.visual i.line{width:100%;height:3px;background-color:#fff;-webkit-border-radius:2px; -moz-border-radius:2px;border-radius:2px; display:block;position:absolute;-moz-transition:all 300ms ease;-o-transition:all 300ms ease;-webkit-transition:all 300ms ease;transition:all 300ms ease; -moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.visual i.line01{top:6px;filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity:1; -moz-transition-delay:210ms;-o-transition-delay:210ms; -webkit-transition-delay:210ms;transition-delay:210ms;}
.visual i.line02{top:14px;-moz-transition-delay:140ms;-o-transition-delay:140ms; -webkit-transition-delay:140ms;transition-delay:140ms;}
.visual i.line03{top:22px; -moz-transition-delay:70ms;-o-transition-delay:70ms;-webkit-transition-delay:70ms;transition-delay:70ms;}
.visual i.line04{ top:30px;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-moz-transition-delay:0ms;-o-transition-delay:0ms;-webkit-transition-delay:0ms;transition-delay:0ms;}
.cliactnav .visual i.line:nth-child(1),.cliactnav .visual i.line:nth-child(3) {top:16px}
.cliactnav .visual i.line:nth-child(1) {-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
.cliactnav .visual i.line:nth-child(3) { -moz-transform:rotate(45deg);-ms-transform:rotate(45deg); -webkit-transform:rotate(45deg);    transform:rotate(45deg)}
.cliactnav .visual i.line:nth-child(2), .cliactnav .visual i.line:nth-child(4) { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0}
.cliactnav .visual i.line.line01,.cliactnav .visual i.line.line02, .cliactnav .visual i.line.line03, .cliactnav .visual i.line.line04 {
-moz-transition-delay:0ms;-o-transition-delay:0ms; -webkit-transition-delay:0ms;transition-delay:0ms}
.xian{width: 57px; height: 2px; display:block; background:#0061ae; margin: 0 auto; margin-top: 22px; margin-bottom: 22px;}
.ch2{font-size: 34px; color:#666; text-align: center;}
.ch3{font-size: 18px; color:#898989;text-align: center;}
/*样板工程*/
#anli{width:100%; overflow: hidden; margin: 0 auto;}
.anul{width:100%; height: auto; overflow: hidden; margin: 0 auto; margin-bottom: 60px; margin-top: 10px;}
.anul>li{width:24%; height: auto; margin:0 0.4%; float: left;position: relative; overflow: hidden; margin-bottom: 0.4%;}
.anul>.li{margin-right: 0px; }
.anul>li>a>img{display: block; width: 100%;height:246px;}
.anul>li>a>h2{width: 100%; height: 40px; background:rgba(0,0,0,0.4); text-align: center; line-height: 40px; color:white; font-size: 16px; position: absolute; bottom: 0px; left: 0px; }
.anul>li>a>div{ background:rgba(0,0,0,0.4); position: absolute; top: 0px; left: 0px; transition: all 0.2s ease;-webkit-transition: all 0.2s ease;opacity: 0; width:100%; padding:15% 0px;}
.anul>li>a>div>h2{font-size: 18px; color:white; margin: auto; text-align: center;margin-top: 20%;}
.anul>li>a>div>img{display: block; margin: 0 auto; margin-top: 5%;}
.anul>li:hover div{height:100%; padding: 15%; opacity: 1;}
.anul>li:hover .h2{display: none;}

.nav4{width: 100%; overflow:hidden; text-align: center; margin-top: 10px;}
.nav4>ul{display: inline-block; margin: 0 auto;}
.nav4>ul>li{float: left; margin-right: 20px;}
.nav4>ul>li>a{font-size:16px; color:#fff;padding:10px 30px; border-radius: 10px; display: block;}
.nav4>ul>li>.a{background:#8fc320; color: white;}
.anul{display: none;}
body{padding:0;margin:0 auto;background:#fff;font-size:14px;overflow-x:hidden;color: #666}
body,input[type="button"],input[type="submit"],input[type="reset"],input,select,textarea,pre{font-family:"\5FAE\8F6F\96C5\9ED1"}
div,span,p,applet,object,iframe,h1,h2,h3,h4,h5,h6,a,em,font,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,caption,tbody,tfoot,thead,tr,th,td,section,article,header,footer,aside,nav{padding:0;margin:0;list-style:none}
section,article,header,footer,aside,nav{padding:0;margin:0;display:block}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
input,select,textarea{font-size:14px;;}
.clear{clear:both;overflow:hidden;height:0;line-height:0}
.clearafter:after{content:"";width:100%;clear:both;height:0;overflow:hidden;display:block}
.left{float:left}
.right{float:right}
.red{color:#007cbe}
pre{white-space:pre-wrap;word-wrap:break-word;margin:0;padding:0}
.overhide{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.contain {width:100%;height:100%;position:relative;z-index:0;display: none}
.index_sec{ position:absolute;top:0;left:0;width:100%;height:100%;}
.active .contain,.fp-completely .contain{display: block}
.main1500{width:1200px;margin:0 auto;}
.blank20{height:20px;}
/*图片hover效果*/
.scaleimg img,.rotateimg img,.fytdtxt h3 span,.fyfenlie li a span,.fyxwzx li:after,.fyshzrlbleft span,.fylxkf,.fywsssxt li h2 span,.fygyrlsr li,.fyhzhb li,.fycxcg .fyjgtop span,.fyyoushi h3,.fyghtop li span,.ywcent li h4,.ywcent li h2{transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out }
.scaleimg:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
/*图片hover效果*/
.rotateimg:hover img{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

/*动效*/
.rotation { -webkit-animation: rotation  0.8s infinite linear; animation: rotation  0.8s infinite linear;}
@-webkit-keyframes rotation { 0% { -webkit-transform: rotateZ(0deg);}100% { -webkit-transform: rotateZ(360deg);}}
@keyframes rotation { 0% { transform: rotateZ(0deg);} 100% { transform: rotateZ(360deg);}}
.heartbeat { -webkit-animation: heartbeat  1.2s infinite ease-in; animation: heartbeat  1.2s infinite ease-in;}
@-webkit-keyframes heartbeat { 0% { -webkit-transform: scale(1); opacity: 1;}15% { -webkit-transform: scale(1.3); opacity: 0.5;} 30% { -webkit-transform: scale(1); opacity: 1;}}
@keyframes heartbeat { 0% { transform: scale(1); opacity: 1;}15% { transform: scale(1.3); opacity: 0.5;} 30% { transform: scale(1); opacity: 1;}}
.trigger:hover { -webkit-animation: trigger 0.2s ease; animation: trigger 0.2s ease;}
@-webkit-keyframes trigger { 0% { -webkit-transform: rotateZ(0deg);} 100% { -webkit-transform: rotateZ(180deg);}}
@keyframes trigger { 0% { transform: rotateZ(0deg);}100% { transform: rotateZ(180deg);}}
.ywtop{padding:38px 0 5px;text-align: center}
.ywtop h2{font-weight: normal;font-size: 22px;color: #ffffff}
.ywtop h3{font-weight: normal;font-size:28px;color: #ffffff;margin-top: 10px;}
.ywcent{width: 90%;margin: 0 auto;position: absolute;bottom: 312px;left: 5%;}
.ywcent li{text-align: center;position: relative;padding-bottom: 205px;}
.ywcent li h2{font-weight: normal;font-size: 20px;color: #ffffff;padding-top: 50px;line-height: 26px;height: 26px;}
.ywcent li h3{font-weight: normal;font-size: 12px;color: #ffffff;margin: 30px 0}
.ywcent li h4{position: absolute;top:100%;left: 50%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background: rgba(0,124,190,.8);z-index: -1;width: 244px;height: 244px;margin-left: -122px;}
.ywcent li span{display: block;margin: 0 auto;background-repeat: no-repeat;background-position: center center;background-image: url(../images/yuanyuan0.png);width: 24px;height: 24px;}
.ywcent li:before{content: "";position: absolute;bottom: 0;left:50%;background:rgba(255,255,255,.43);width: 1px;height:205px}
.ywcent li.clijjfabt h2{font-size: 24px}
.ywcent li.clijjfabt span{background-image: url(http://www.sangreen.cn/Public/home/images/yuanyuan1.png);}
.ywcent li.clijjfabt h4{top: 0;}
.ywbot{position: absolute;bottom: 0;left: 0;background: rgba(0,124,190,.7);padding: 25px 10%;width: 80%}
.ywbotimg{width: 281px;}
.ywbotimg img{width: 100%;display: block}
.ywbotwz{margin-left: 360px;}
.ywbotwz h2{font-size: 47px;color: #366f94;font-weight: normal}
.ywbotwz h3{font-size: 26px;color: #fff;font-weight: normal;margin-top: -25px;}
.ywbotwz h4,.jjnrwz{font-size: 15px;color: #fff;font-weight: normal;line-height: 36px;height: 72px;overflow: hidden;/*margin: 25px 0*/}
.homeywmore{width: 150px;height: 42px;line-height: 42px}
.homeywmore .more{color: #fff; font-size: 15px;}
.homeywmore .more::after {border: 1px solid #fff;}
.homeywmore .more:hover{color: #0880c0}
.homeywmore .more:hover::before {background-color: #fff;}
.homeywmore .more:hover::after { border-color: #fff}

/*page6*/
.page6 {background: url(../../images/img/bg6.jpg) no-repeat center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;}
.wk_contact {position: absolute;top: 50%;left: 50%;margin-top: -210px;margin-left: -600px;width: 1200px; background:url(../../images/img/7bg_03.png);}
.wk_contact_left {position: absolute;top: 0;left: -100px;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.page6.active .wk_contact_left {left: 85px;}
.wk_contact.active .wk_contact_left {left: 85px;}
.wk_contact_left1 {/*display: none;*/}
.wk_contact_right {position: absolute;top: 30px;right: -100px;width: 540px;-webkit-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.wk_cont_div {margin: 0 auto;padding-top: 8px;width: 540px;}
.wk_cont_div li {margin-top: 24px;height: 34px;color:#fff;font-size: 18px;line-height: 44px;}
.wk_cont_div li a {color: #020202;}
.wk_cont_div span {float: left;display: block;margin-right: 21px;width: 44px;height: 44px;cursor: pointer;-webkit-transition: all .2s;transition: all .2s;}
.wk_cont_div li span.wk_cont_t {background: url(../images/cont_t.png) no-repeat;}
.wk_cont_div li:hover span.wk_cont_t {background: url(../images/cont_t.png) no-repeat 0 -44px;}
.wk_cont_div li span.wk_cont_w {background: url(../images/cont_w.png) no-repeat;}
.wk_cont_div li:hover span.wk_cont_w {background: url(../images/cont_w.png) no-repeat 0 -44px;}
.wk_cont_div li span.wk_cont_c {background: url(../images/cont_c.png) no-repeat;}
.wk_cont_div li:hover span.wk_cont_c {background: url(../images/cont_c.png) no-repeat 0 -44px;}
.wk_cont_div li span.wk_cont_d {background: url(../images/cont_d.png) no-repeat;}
.wk_cont_div li:hover span.wk_cont_d {background: url(../images/cont_d.png) no-repeat 0 -44px;}
.page6.active .wk_contact_right {right: 55px;}
.wk_contact.active .wk_contact_right {right: 55px;}

.page6 .seven{width:1200px;height:460px;margin:170px auto;transition:all 1s ease 0s;-o-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;/*background: #ffffffd4;*/background:url(../../images/img/7bg_03.png);position:relative;}

@media(max-width:1500px) {
.wk_contact {/*margin-top: -155px;*/margin-left: -540px;width: 1080px;background:url(../../images/img/7bg_03.png);}
.wk_contact_left {display: none;}
.wk_contact_left1 {position: absolute;top:10px;left: -30px;display: block;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.page6.active .wk_contact_left1 {left:6px;}
.wk_contact.active .wk_contact_left1 {left:20px;}
.wk_contact_right {top: 20px;}
.page6.active .wk_contact_right {right:-50px;}
.wk_contact.active .wk_contact_right {right: 25px;}
.wk_cont_div {padding-top: 18px;}
.wk_cont_div li {margin-top: 15px;}}
@media(max-width:1920px) {
.wk_contact {/*margin-top: -155px;*/margin-left: -540px;width: 1080px;background:url(../../images/img/7bg_03.png);}
.wk_contact_left {display: none;}
.wk_contact_left1 {position: absolute;top:10px;left: -30px;display: block;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.page6.active .wk_contact_left1 {left:6px;}
.wk_contact.active .wk_contact_left1 {left:20px;}
.wk_contact_right {top: 20px;}
.page6.active .wk_contact_right {right:-50px;}
.wk_contact.active .wk_contact_right {right: 25px;}
.wk_cont_div {padding-top: 18px;}
.wk_cont_div li {margin-top: 15px;}}

@media(max-width:1150px) {
.wk_contact {margin-top: -155px;margin-left: -460px;width: 920px;}
.wk_contact_left {display: none;}
.wk_contact_left1 {position: absolute;top: 0;left: -50px;display: block;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;}
.page6.active .wk_contact_left1 {left: 0;}
.wk_contact.active .wk_contact_left1 {left: 0;}
.wk_contact_right {top: 20px;width: 500px;}
.page6.active .wk_contact_right {right: 0;}
.wk_contact.active .wk_contact_right {right: 0;}
.wk_cont_div {padding-top: 18px;}
.wk_cont_div li {margin-top: 15px;}}

/*footer*/
.fp-auto-height .wk_footer_side {padding: 26px 0;background: #0e0e0e;opacity: 0;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;transition: all 1s ease 0s;-webkit-opacity: 0;-moz-opacity: 0;-ms-transition: all 1s ease 0s;}
.fp-auto-height.active .wk_footer_side {padding: 26px 0;background: #0e0e0e;opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;}
.wk_footer {margin: 0 auto;width: 1200px;background: url(../images/footer_logo.png) no-repeat right center;color: #b6b3b3;line-height: 40px;}
.wk_header{margin: 0 auto;width: 1280px;}
.wk_footer a {color: #b6b3b3;}

@media(max-width:1500px) {
.wk_footer_side {padding: 10px 0;width: 100%;}
.wk_footer ,{width: 1160px;}}

@media(max-width:1150px) {
.wk_footer_side {padding: 10px 0;width: 100%;}
.wk_footer,.wk_header{width: 980px;}}
@media only screen and (min-width: 1450px)
{ 
 .wk_header {width:90%;}
 .menu li a { font-size: 1.3rem;}
 .header .nav li { width: 135px;}
 .menu ul li a {font-size: 1.1rem;}
 .nav4>ul>li>a { font-size: 1.3rem;}
 .anul>li {width: 24%;margin: 17px 0.4%;margin-bottom:1.4%;}
 .anul>li>a>img {height: 300px;}
 .NewsBox li .name {font-size: 1.3rem;}
 .NewsBox li .info {font-size: 1rem;}
 .HomeLeft .hd {font-size: 1.5rem;}
 .HomeMore {font-size: 1.5rem;}
 .page6 .seven {width: 90%;height:580px;    margin: 177px auto;}
 .page6.active .wk_contact_left1 {left: -100px;}
 .page6.active .wk_contact_right { right: -30px;}
 .wk_cont_div { width: 620px;}
 .wk_cont_div li {font-size: 1.3rem;width: 100%;}
 .wk_footer { width: 90%; font-size: 1.25rem;}
  #dn-nav ul li { width: 26px; height: 26px;}
  #dn-nav ul li a span {width: 15px; height: 15px;}
  #dn-nav ul li a.active span, #dn-nav ul li:hover a.active span {margin: -7px 0 0 -3px;}
  .anul>li>a>div>h2 { font-size: 1.5rem;}
  .nav_main ul li { width: 311px;}
  .nav_main ul li h2 a em {font-size: 1.3rem;}
  .nav_main ul li a {font-size: 1.3rem;}
  .nav_main {max-width: 90%;}
  .ywtop h2 {
    font-size: 35px;}
    .ywtop h3 {
    font-size: 33px;}
}

@media(max-width:1280px)
{
    .anul>li>a>img {
    display: block;
    width: 100%;
    height: 200px;
}
.ywtop h3 {
    font-weight: normal;
    font-size: 23px;
    color: #ffffff;
    margin-top: unset;
}
}