/*jishu-cuifengli*/
/*通用样式*/
.xwww{width:100%;
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.xww{width:60%;
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
    
  @media only screen and (min-width:3600px)
{
   .xww{width:70%;
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;} 
    
}  
*{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:#1a75b0;}
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;}
/*banner*/
.banner{position: relative;    height: 100%;}
.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; height: 100%;}
.carousel-inner > .item { position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; height: auto; max-width: 100%; line-height: 1; }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; filter: alpha(opacity=50); }
.carousel-control.left {background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
}
.carousel-control.right {right: 0;left: auto; background-repeat: repeat-x;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
}
.carousel-control:hover, .carousel-control:focus { color: #ffffff; text-decoration: none; outline: none; opacity: 0.9; filter: alpha(opacity=90); }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; }
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; }
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; }
.carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; font-family: serif; }
.carousel-control .icon-prev:before { content: '\2039'; }
.carousel-control .icon-next:before { content: '\203a'; }
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; padding-left: 0; margin-left: -30%; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; width:97px; height:5px; margin: 1px; text-indent: -999px; cursor: pointer;  background-color: #fff;  border-radius:4px; }
.carousel-indicators li:hover{width: 97px; height:5px; margin:1px; background-color:#242525;}
.carousel-indicators .active { width:97px; height:5px; margin:1px; background-color:#00233D; }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn { text-shadow: none; }
/*-----------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(255, 255, 255, 0.5); 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:8px;    width: 125px;}
.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:#1a75b0;    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 {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:30%;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(255,255,255,.6);}
.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: #000;}

/* Links */
.menu li a {display: block;text-decoration: none;font-size: 16px;color: #000;/*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:#1a75b0;}
.menu ul li:last-child a {	border: none;}


@media(max-width:1813px){
.header .nav li {width: 122px;}	
.header .nav li:nth-child(7){width: 126px;}
}

@media(max-width:1713px){
.header .nav li {width: 110px;}		
}
@media(max-width:1603px){
.header .nav li {width: 89px;}
}
@media(max-width:1450px){

.header .nav li:nth-child(7){width: 100px;}
}


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: #1a75b0 solid 2px;background:#ffffff;-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:60px;height:4px;background:#1a75b0;}
.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{background:#000;}
.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:16%; margin-top: 5%; float: left;}
.HomeLeft .hd{line-height: 30px; font-size: 18px; color:#666;}
.HomeLeft .hd a{display: inline-block; color:#666; 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:34px; background:#1a75b0; z-index: 0; transition: all ease 0.3s;}
.HomeLeft .hd a:hover{color:#fff; font-weight: bold;}
.HomeLeft .hd a:hover em{width: 100%; transition: all ease 0.3s;}
.HomeMore {display: block;width: 160px;line-height: 50px;background:#055395;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:68%; 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%;padding-bottom: 2px;}
.NewsBox li a:hover{color:#1a75b0;}
.NewsBox li .date{font-size: 24px; color:#525252; margin-bottom: 20px;}
.NewsBox li .date span{display: block; font-size: 90px; color:#686868; line-height: 74px; margin-bottom: 28px;}
.NewsBox li .date em{display: block; line-height: 28px;}
.NewsBox li .name{font-size: 18px; line-height:48px;color:#686868; 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%;min-height:207px;}
.NewsBox li .info{font-size: 15px; line-height: 26px; color:#666; overflow: hidden; margin: 0px 0px 38px;}
.NewsBox li .more{display: block; font-size: 16px; line-height: 24px; color:#000000;}
.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-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 .sort{color: rgba(254,254,254,0.6);}
.HomeTit {
    font-size: 60px;
    line-height: 65px;
    color:#000;
 font-weight: bold;
}
.qq {
    margin-left: 107px;
    background-image: url(../images/qq.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.wx {
    background-image: url(../images/wx.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}


#menu .nav5 A {
    background-position: left -449px
}

#menu .nav5 A:hover,
#menu .nav5.active A {
    background-position: -100px -449px
}


#menu .nav6 A {
    background-position: left -539px
}

#menu .nav6 A:hover,
#menu .nav6.active A {
    background-position: -100px -539px
}






#menu .active A {
    background-color: #15a0e9;
    color: #fff;
    transition: 500ms;
}

#menu A:hover {
    padding-bottom: 0;
    line-height: 90px;
    background-color: #15a0e9;
    width: 100%;
    padding-right: 0;
    height: 90px;
    color: #fff;
    text-decoration: none;
    padding-top: 0;
    transition: 500ms
}

ul.kf {
    width: 34px;
    margin: 0 auto;
}

ul.kf li {
    width: 34px;
    margin-bottom: 20px;
    position: relative;
    height: 34px;
}

ul.kf li a.kf1,
ul.kf li a.kf2,
ul.kf li a.kf3,
ul.kf li a.kf4,
ul.kf li a.kf5 {
    width: 34px;
    height: 34px;
    right: 0;
    display: block;
    background: #fff url(http://1704210016.site.make.yun300.cn/img/kf220170629131554.png) no-repeat;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
 text-align: left;
    transition: 500ms;
    overflow: hidden;
    position: absolute;
    margin: 0 auto;
}
ul.kf li a span{ opacity: 0; color: #FFF;  padding-left:36px; line-height: 34px; }
ul.kf li img{ transition: 0.5s;transition-delay: 0.5s;  opacity: 0;position: absolute; top: -46px;
    left: -223px; }
ul.kf li a.kf1:hover,
ul.kf li a.kf2:hover,
ul.kf li a.kf3:hover,
ul.kf li a.kf4:hover,
ul.kf li a.kf5:hover {
    background: #15a0e9 url(http://1704210016.site.make.yun300.cn/img/kf20170629131554.png) no-repeat
}



ul.kf li a.kf5 {
    background-position: -176px 0
}

ul.kf li a.kf5:hover {
    background-position: -176px 0
}

.navright {
    width: 100px;
    margin-right: 0;
    text-align: center;
    position: absolute;
    bottom: 30px
}

ul.kf-b {
    width: 34px;
    margin: 0 auto
}

ul.kf-b li {
width: 34px;
    margin-bottom: 20px;
    position: relative;
    height: 34px;
}

ul.kf-b li a.kf1,
ul.kf-b li a.kf2,
ul.kf-b li a.kf3-1,
ul.kf-b li a.kf4,
ul.kf-b li a.kf5 {
    right:0;
    width: 34px;
    height: 34px;
    display: block;
    background: #1c8cc7 url(http://1704210016.site.make.yun300.cn/img/kf20170629131554.png) no-repeat;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
 text-align: left;
    transition: 500ms;
     position: absolute;
    overflow: hidden;
}
ul.kf-b li a span{ opacity: 0; color: #FFF;  padding-left:36px; line-height: 34px; }
ul.kf-b li img{ transition: 0.5s;transition-delay: 0.5s;  opacity: 0;position: absolute; top: -46px;
    left: -223px; }
ul.kf-b li a.kf1:hover,
ul.kf-b li a.kf2:hover,
ul.kf-b li a.kf3-1:hover,
ul.kf-b li a.kf4:hover,
ul.kf-b li a.kf5:hover {
    background: #024287 url(http://1704210016.site.make.yun300.cn/img/kf20170629131554.png) no-repeat;
}



ul.kf-b li a.kf5 {
    background-position: -176px 0
}

ul.kf-b li a.kf5:hover {
    background-position: -176px 0
}

#menu .navleft A.logo {
    padding-bottom: 0;
    margin: 0 auto;
    padding-left: 0;
    width: 100%;
    padding-right: 0;
    display: block;
    background: url(http://1707180126.site.make.yun300.cn/img/logo.png) #bc0617 no-repeat center center;
    height: 112px;
    padding-top: 0;
    transition: 500ms
}

#menu .navleft A.logo:hover {
    padding-bottom: 0;
    margin: 0 auto;
    padding-left: 0;
    width: 100%;
    padding-right: 0;
    display: block;
    background: url(http://1707180126.site.make.yun300.cn/img/logo.png) #a2000f no-repeat center center;
    height: 112px;
    padding-top: 0
}

#menu LI.navleft {
    width: 244px;
    margin-bottom: 40px;
    float: left;
    margin-right: 0
}

.ih-item.circle.effect6 .img {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect6.colored .info {
    background: #1a4a72
}

.ih-item.circle.effect6 .info {
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

.ih-item.circle.effect6 .info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 55px 0 0 0;
    height: 110px;
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3)
}

.ih-item.circle.effect6 .info p {
    color: #bbb;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 30px;
    font-size: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.5)
}

.ih-item.circle.effect6.scale_up .info {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect6.scale_up a:hover .img {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.ih-item.circle.effect6.scale_up a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect6.scale_down .info {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.ih-item.circle.effect6.scale_down a:hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect6.scale_down a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle.effect6.scale_down_up .info {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all .35s ease-in-out .2s;
    -moz-transition: all .35s ease-in-out .2s;
    transition: all .35s ease-in-out .2s
}

.ih-item.circle.effect6.scale_down_up a:hover .img {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5)
}

.ih-item.circle.effect6.scale_down_up a:hover .info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ih-item.circle .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.section {
    position: relative;
    background-position: center top;
    overflow: hidden
}

H1 {
    padding-bottom: 0;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    list-style-image: none;
    padding-top: 0
}

H2 {
    padding-bottom: 0;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    list-style-image: none;
    padding-top: 0
}

H3 {
    padding-bottom: 0;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    list-style-image: none;
    padding-top: 0
}

P {
    padding-bottom: 0;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    list-style-image: none;
    padding-top: 0
}



.section05 {
    background: url(/img/p5.jpg) no-repeat 50% 50%;
    transition: all 2s;
    background-size: 2880px 1620px
}

.section05.active {
    background: url(/img/p5.jpg) no-repeat 50% 50%;
    background-size: 1920px 1080px;
    transition-delay: 0s
}




.p5-1 {
    position: absolute;
    width: 509px;
    height: 74px;
    margin-left: -254.5px;
    text-align: center;
    top: 15%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}

.active .p5-1 {
    position: absolute;
    top: 50px;
    opacity: 1;
    transition-delay: 1s;
}

.p5-2 {
    position: absolute;
    width: 491px;
    height: 491px;
    margin-left: -245px;
    text-align: center;
    top: 20%;
    left: 50%;
    opacity: 0;
    transition: all 1s;
    background:url(../images/yuan01.png) top no-repeat;
}

.active .p5-2 {
    position: absolute;
    top: 30%;
    opacity: 1;
    transition-delay: 2s;
    padding-top:80px;
}
.p5line {
    z-index: 0;
    position: absolute;
    width: 1920px;
    height: 1px;
    padding-top:76px;
    top: 60%; 
    left: -1920px;
    opacity: 1;
    transition: all 1s;
}
.active .p5line {
     
    left: 0;
    opacity: 1;
 transition-delay: 2.5s;
}
.p5-2 strong {
    font-weight: bold;
}

.p5-2 p {
    color: #ccc !important;
    font-size: 14px;
    line-height: 40px;
}


.p5-3 {
    position: absolute;
    width: 188px;
    height: 189px;
    margin-left: -94px;
    top: 60%;
    left:47%;
    opacity: 0;
    transition: all 1s;
}

.active .p5-3 {
    position: absolute;
     top:70%;
    opacity: 1;
    transition-delay: 3s;
}

.p5-4 {
    position: absolute;
    width: 216px;
    height: 216px;
    margin-left: -185px;
    top: 60%;
    left: 50%;
    opacity: 0;
    padding-top:30px;
    transition: all 1s;
}

.active .p5-4 {
    position: absolute;
     top: 60%;
    margin-left: -500px;
    opacity: 1;
    transition-delay: 3.5s;
}





.p5-4 a {
    color: #666;
    font-size: 12px;
}

.p5-4 a:hover {
    color: #ccc
}

.p5-5 {
    position: absolute;
    width: 201px;
    height:203px;
    margin-left: 15px;
    top: 60%;
    left: 50%;
    opacity: 0;
    padding-top:30px;
    transition: all 1s;
}

.active .p5-5 {
    position: absolute;
    margin-left: 350px;
    opacity: 1;
    transition-delay: 4s;
}

.p5-6 {
    z-index: 4;
    position: absolute;
    width: 50px;
    bottom: 0;
    height: 68px;
    margin-left: -25px;
    left: 50%;
    opacity: 0;
    transition: all 1s;
}

.active .p5-6 {
    bottom: 50px;
    opacity: 1;
    transition-delay: 4.5s;
}


.p5-7 {
    z-index: 4;
    position: absolute;
    width: 21px;
    bottom: 0px;
    height: 68px;
    margin-left: -10px;
    left: 50%;
    opacity: 0;
    transition: all 1s
}

.active .p5-7 {
    bottom: 50px;
    opacity: 1;
    transition-delay: 2.5s
}

.p5-8 {
    position: absolute;
    opacity: 0;
    bottom: -30px;
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #5e5e5e;
    font-size: 12px;
    background: #000;
    opacity: .7;
    transition: all 1.5s
}

.p5-8 a {
    color: #5e5e5e;
    font-size: 13px
}
.p5-8 a:hover {
    color: #fff;
    font-size: 13px
}

.active .p5-8 {
    position: absolute;
    opacity: 1;
    bottom: 0;
    transition-delay: 3s
}


.active-div1-bot {
    z-index: 999;
    position: fixed;
    width: 100px;
    height: 100%;
    top: 0;
    right: 0;
    transition: 2s
}

#div1-top {
    z-index: 2;
    position: fixed;
    background-color: #ccc;
    width: 100%;
    height: 100%;
    top: -1100px
}

#div2 {
    position: fixed;
    background-color: #ccc;
    width: 700px;
    height: 100%;
    right: -700px
}

.logoA {
    width: 206px;
    height: 76px;
    position: fixed;
    top: 5%;
    left: 190px;
    z-index: 999;
    opacity: 1;
    text-align: left;
    transition: 1.5s
}

.logoA-active {
    z-index: 999;
    opacity: 1;
    top: 5%;
    text-align: left
}


.close:hover {
    transition: .5s;
    transform: rotate(180deg)
}

.close2:hover {
    transition: .5s;
    transform: rotate(180deg)
}

.close-top:hover {
    transition: .5s;
    transform: rotate(180deg)
}

.news_t_1 {
    width: 540px;
    text-align: left;
    margin: 0 auto;
    padding-top: 15%;
    padding-bottom: 5%
}







@media ( max-width:1500px){
	.HomeTit{font-size:28px; line-height:60px;}
	.NewsBox li .date span{font-size:18px; 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 .a4:hover{color: #fff;}
.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;}

}
/*page5*/
.page5 {background: url(../../images/img/bg5.jpg) no-repeat center;background-size: cover;-webkit-background-size: 
        cover;-moz-background-size: cover;position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;}

/*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; m
}
.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;}
/* main1 */
.main1{ width:100%; margin:0 auto; position: relative; background:url(../images/abo_bg.jpg) center  center no-repeat; height: 900px; background-size: cover;}
.about{ width:80%; margin:0 auto; position:relative; padding-top: 10%;}
.about .abo_left{ width:42%; float:left; position:relative;}
.about .abo_left .abo1_t{ width:100%; opacity: 0; transition: all 1s; position:relative; top:50px;}
.active .about .abo_left .abo1_t{opacity: 1; transition-delay: 0.5s; top:0;}
.about .abo_left .abo1_t dd{ font-size:24px; color:#000; width:100%;}
.about .abo_left .abo1_t p{ font-size:28px; color:#000;  font-weight: bold;}
.about .abo_left .abo2_n{ width:100%; margin-top: 10%; opacity: 0; transition: all 1s; position: relative; top:50px;}
.active .about .abo_left .abo2_n{opacity: 1; transition-delay: 0.7s; top:0;}
.about .abo_left .abo2_n h1{ font-size:28px; color:#000;}
.about .abo_left .abo2_n dd{ font-size:28px; color:#000;}
.about .abo_left .abo2_n h4{ font-size:16px; color:#000; line-height:30px; font-weight:normal; margin-top:8%;text-indent: 2rem;}
.about .abo_left .abo3_m{width:152px; height: 48px; background:#1a75b0; border-radius: 24px; text-align:center; margin-top:43%; transition: all 1s; position: relative; top:50px;}
.active .about .abo_left .abo3_m{opacity: 1; transition-delay: 0.9s; top:0;}
.about .abo_left .abo3_m:hover{ transition: all 0.5s ease 0s;}
.about .abo_left .abo3_m a{ font-size:16px; color:#fff; line-height: 48px; display: block;}
.about .abo_right{ float:right;}
.about .abo_right .shous{ z-index: 500; position: absolute;top:14%; right:80px;}
.about .abo_right .log2{position: absolute;top: 120px; right: 0px;opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s; }
.active .about .abo_right .log2{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.5s;}
.about .abo_right .yuan1{z-index: 500; position: absolute; top: 40px; cursor: pointer; right: -8px;}
.about .abo_right .yuan1 a{opacity: 0; transition: all 1s; position:relative; left:50px;} 
.active .about .abo_right .yuan1 a{opacity: 1; transition-delay: 0.5s; left:0;}
.about .abo_right .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 .abo_right .yuan2{ z-index: 500; position: absolute; top: 118px; cursor: pointer; right: -96px;}
.about .abo_right .yuan2 a{opacity: 0; transition: all 1s; position:relative; left:50px;} 
.active .about .abo_right .yuan2 a{opacity: 1; transition-delay: 0.7s; left:0;}
.about .abo_right .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 .abo_right .yuan3{ z-index: 500; position: absolute; top: 266px;cursor: pointer; right: -106px; }
.about .abo_right .yuan3 a{opacity: 0; transition: all 1s; position:relative; left:50px;} 
.active .about .abo_right .yuan3 a{opacity: 1; transition-delay: 0.9s; left:0;}
.about .abo_right .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 .abo_right .yuan4{ z-index: 500; position: absolute; top: 410px; cursor: pointer; right: -90px;}
.about .abo_right .yuan4 a{opacity: 0; transition: all 1s; position:relative; left:50px;} 
.active .about .abo_right .yuan4 a{opacity: 1; transition-delay: 1.1s; left:0;}
.about .abo_right .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 */ }

/* main2 */
.main2{ width:100%; margin:0 auto; position: relative; background:url(../images/pro_bg.jpg) center  center no-repeat; height: 900px; background-size: cover;}
.product{ width:80%; margin:0 auto 0; position:relative; padding-top: 10%;}
.product .pro_left{ width:13%; float:left;}
.product .pro_left .pro_t{ width:100%; opacity: 0; transition: all 1s; position:relative; top:50px;}
.active .product .pro_left .pro_t{opacity: 1; transition-delay: 0.5s; top:0;}
.product .pro_left .pro_t dd{ font-size:24px; color:#fff;  width:100%;}
.product .pro_left .pro_t p{ font-size:41px; color:#fff; font-weight: bold;}
.product .pro_left .pro_f{ width:100%; margin-top:60px;}
.product .pro_left .pro_f li{ float: left; width:100%; line-height: 47px; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.active .product .pro_left .pro_f li{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.5s;}
.product .pro_left .pro_f li a{ font-size:21px; color:#fff;}
.product .pro_right{ width:83%; float:right; margin-top: 70px;}
.product .pro_right ul{ width:100%; margin-left: -6px;}
.product .pro_right 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 .product .pro_right li{opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.product .pro_right li .img{width:100%; height:200px; position:relative; overflow: hidden;}
.product .pro_right li .img img{width:100%; height: auto; position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.5s ease 0s;}
.product .pro_right li:hover .img img{transform: scaleX(1.1) scaleY(1.1);}
.product .pro_right li p{ width:100%; height: 66px; text-align: center; line-height:66px; font-size:16px; color:#fff;}

/***第五屏****/
@media screen and (min-width:1440px){/*屏幕宽度大于320px*/
.yxk{ width:100%; height:700px; position: absolute; top:50%; margin-top:-330px; }
.contact_us{width:80%; height:520px; position: absolute; left:50%; margin-left:-655px; top:50%; margin-top:-230px;background: #00000047;}
.con_di{width:1310px; position: absolute; left:0; right:0;bottom:0;text-align:center;margin:0 auto;}
#container {
	height:250px;width:400px;
}
}
@media screen and (max-width:1440px){/*屏幕宽度小于320px*/
.yxk{ width:100%; height:683px; position: absolute; top:50%; margin-top:-280px; }
.contact_us{ width: 1250px;
    height: 600px;
    position: absolute;
  left:50%; 
    margin-left: -625px;
    top: 50%;
    margin-top: -164px;
    background: rgba(0, 0, 0, 0.15);
    }
.con_di{width:1250px; position: absolute; left:0; right:0; margin:0 auto;bottom:0; text-align:center}
#container {
	height: 250px;width:320px;
}
}
.contact_us .lianxi{width:100%;float:left;font-size:22px;padding-top:79px;
    color: #ffffff;
    line-height: 220%;}
.contact_us .erwm{width:20%; float:left}
.contact_us .erwm img{width:100%}
.lianxi .lx_zong,.lianxi .lx_fen1,.lianxi .lx_fen2{float:left;width:30%; margin-left:3%;}

.erwm { overflow:visible;}
.erwm {opacity:0; transition: all 1s;}
.erwm {
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    -webkit-transform: translate(-150px,0px);
    -moz-transform: translate(-150px,0px);
    -ms-transform: translate(-150px,0px);
    -o-transform: translate(-150px,0px);
    transform: translate(-150px,0px);
    transition: all 1s;
}
.active .erwm {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    -webkit-transform:translate(0px,0px); 
    -moz-transform:translate(0px,0px); 
    -ms-transform:translate(0px,0px);
    -o-transform:translate(0px,0px); 
    transform:translate(0px,0px); 
    transition-delay: 0.7s;
}
.lx_zong, .lx_fen1, .lx_fen2{transition: all 1s; 
    transform:translate(40px,360px);
	-ms-transform:translate(40px,360px);	/* IE 9 */
	-webkit-transform:translate(40px,360px);	/* Safari 和 Chrome */
	-o-transform:translate(40px,360px);	/* Opera */
	-moz-transform:translate(40px,360px);
	filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;}
.lx_zong{ transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s;  -ms-transition-delay: 0.5s;  -o-transition-delay: 0.5s;}
.lx_fen1{ transition-delay: 0.9s; -webkit-transition-delay: 0.9s; -moz-transition-delay: 0.9s;  -ms-transition-delay: 0.9s;  -o-transition-delay: 0.9s;}
.lx_fen2{ transition-delay: 1.3s; -webkit-transition-delay: 1.3s; -moz-transition-delay: 1.3s;  -ms-transition-delay: 1.3s;  -o-transition-delay: 1.3s;}

.active .lx_zong, .active .lx_fen1, .active .lx_fen2{
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    transform:translate(0px, 0px);
	-ms-transform:translate(0px, 0px);	/* IE 9 */
	-webkit-transform:translate(0px, 0px);	/* Safari 和 Chrome */
	-o-transform:translate(0px, 0px);	/* Opera */
	-moz-transform:translate(0px, 0px); 
}
.tu1,.tu2{
    transition: all 1s;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    transform: translateY(150px);
	-ms-transform: translateY(150px);	/* IE 9 */
	-webkit-transform: translateY(150px);	/* Safari 和 Chrome */
	-o-transform: translateY(150px);	/* Opera */
	-moz-transform: translateY(150px);
}
.tu1{ transition-delay: 2.2s; -webkit-transition-delay: 2.2s; -moz-transition-delay:2.2s;  -ms-transition-delay:2.2s;  -o-transition-delay:2.2s;}
.tu2{ transition-delay: 2.6s; -webkit-transition-delay: 2.6s; -moz-transition-delay:2.6s;  -ms-transition-delay:2.6s;  -o-transition-delay: 2.6s;}
.active .tu1,.active .tu2{
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    transform: translateX(0px);
	-ms-transform: translateX(0px);	/* IE 9 */
	-webkit-transform: translateX(0px);	/* Safari 和 Chrome */
	-o-transform: translateX(0px);	/* Opera */
	-moz-transform: translateX(0px); 
}
.clk{
  position: fixed;
  z-index: 10;
  bottom: 4%;
  left: calc(50% - 35px);
  animation:jump 1.6s linear infinite alternate;
  cursor: pointer;
}
@keyframes jump{
  from{transform:translateY(20px)}
  to{transform:translateY(0)}
}
/*关于我们*/
.gytext{width:580px;float: left;box-sizing: border-box;PADDING-TOP:22px;}
.gybt{height: 80px;padding: 0 80px;background-image: url("../UploadFiles/bj/logo.png");background-size: 80px 80px;background-position: 100% 100%;background-repeat: no-repeat;overflow: hidden;}
.gybt p:nth-child(1){font-size: 36px;padding-right: 10px;font-weight:600;line-height: 36px;color: #212121;text-align: right;margin:10px 0;}
.gybt p:nth-child(2){font-size: 24px;padding-right: 10px;line-height: 24px;color:#212121;text-align: right;margin:2px 0;}
.gytext .textnr{font-size: 18px;line-height: 30px;color: #333;text-align: justify;margin: 20px 0;}
	
.szgb{width: 560px;overflow:hidden;}
.szgb li{width:250px;float: left;}
.szgb li p{font-size: 18px;color:#101010;text-align: center;}
.szgb li p:nth-child(2){font-size: 16px;color: #000;}
	
.cpgd{width: 140px;height: 50px;display: block;color: #FFFFFF;background-color: #004ab3;text-align: center;font-size: 18px;line-height: 50px;float: right;margin-top: 30px;transition: all 0.4s;}
.cpgd:hover{border-radius: 10px;color: #fff;}

@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;line-height: 33px;}
 .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: 577px;}
 .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:32%;}
  .nav_main ul li h2 a em {font-size: 1.3rem;}
  .nav_main ul li a {font-size: 1.3rem;}
  .nav_main {width:100%;}
  .ywtop h2 {
    font-size: 35px;}
    .ywtop h3 {
    font-size: 33px;}
    
 .about .abo_left .abo2_n h4 {
    font-size: 20px;
    line-height: 32px;
    font-weight: normal;
    margin-top: 8%;
}
.about .abo_left .abo2_n h1 {
    font-size: 31px;
}
.NewsBox li .date span {
    display: block;
    font-size: 24px;
    line-height: 74px;
    margin-bottom: 28px;
}
.HomeTit {
    font-size:30px;
}
.p5-2 p {
    color: #ccc !important;
    font-size: 18px;
    line-height: 43px;
}
.p5-4 {
    left: 35%;
}
 .p5-5 {
    left: 60%;  }
 .p5-3 {
    position: absolute;
    width: 188px;
    height: 189px;
    margin-left: -60px;
    top: 60%;
    left: 47%;
    opacity: 0;
    transition: all 1s;
}
.about .abo_right .shous {
    z-index: 500;
    position: absolute;
    top: 22%;
    right: 80px;
}
    
}

@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;
}
}
/*案例展示*/
.casebox{
	margin-top:60px;
	margin-bottom:40px;
}
.casebox .tit01{
	margin-bottom:28px;
	text-align:center;
}
.casebox .tit01 h1{
	display:inline-block;
	margin:0 3px;
	font-weight:bold;
	font-size:30px;
	color:#000;
}
.casebox .tit01 h1.h02{
	color:#f08200;
}
.casebox .tit01 h2{
	display:inline-block;
	width:100%;
    font-size: 35px;
    color: #fff;
}
.casebox .tit01 h1,.casebox .tit01 h2{
	*display:inline;
}
.casebox ul li{
	float:left;
	width:32.5%;
}
.casebox ul li.c02,.casebox ul li.c05{
	width:37.49%;
}
.casebox ul li.c03,.casebox ul li.c04{
	width:30%;
}
.casebox ul li a{
	display:block;
	position:relative;
	overflow:hidden;
}
.casebox ul li img{
	width:100%;
	height:auto;
	transition:0.6s;
}
.casebox ul li .text{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.40);
	position:absolute;
	top:0;
	left:0;
	transition:0.6s;
}
.casebox ul li h5{
	position:absolute;
	top:50px;
	left:50px;
	font-size:40px;
	color:#fff;
	font-weight:bold;
	opacity:0.2;
	transition:0.6s;
}
.casebox ul li .text div{
	width:calc(100% - 100px);
	position:absolute;
	left:50px;
	bottom:40px;
	color:#fff;
	height:56px;
	overflow:hidden;
	transition:0.6s;
}
.casebox ul li h3{
	font-size:20px;
	line-height:30px;
}
.casebox ul li h4{
	font-size:14px;
	text-transform:uppercase;
	margin-top:5px;
	transition:0.4s;
}
.casebox ul li p{
	font-size:14px;
	line-height:30px;
	height:30px;
	overflow:hidden;
	position:relative;
	padding-right:120px;
	transition:0.6s;
}
.casebox ul li p em{
	font-size:30px;
	display:block;
	line-height:30px;
	top:0;
	right:0;
	position:absolute;
	color:#fff;
}
.casebox ul li:hover .text div{
	height:66px;
}
.casebox ul li:hover h4{
	opacity:0;
}
.casebox ul li:hover p{
	margin-top:-20px;
}
.casebox ul li:hover img{
	transform:scale(1.06);
	-ms-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-webkit-transform:scale(1.06);
	-o-transform:scale(1.06);
}
.casebox ul li:hover h5{
	opacity:1;
}
.casebox ul li:hover .text{
	background:rgba(0,0,0,0.70);
}
.casebox .rmore{
	margin:auto;
	margin-top:50px;
	width:160px;
	line-height:44px;
	padding-left:20px;
	position:relative;
	font-size:16px;
	color:#fff;
	border:1px solid #f08200;
	background:#f08200;
	display:block;
	transition:0.3s;
}
.casebox .rmore em{
	display:block;
	line-height:44px;
	position:absolute;
	right:12px;
	top:0;
	color:#fff;
	font-size:14px;
	transition:0.3s;
}
.casebox .rmore:hover{
	background:#fff;
	color:#f08200;
}
.casebox .rmore:hover em{
	color:#f08200;
}

.home-bottom{width: 100%;text-align: center;}
.home-bottom .ioc{width:100%;
    margin: 0 8.5%;
    padding-bottom: 16px;
    text-align: left;}
.home-bottom .ioc ul{font-size: 0;}
.home-bottom .ioc ul li{display: inline-block;margin-right: 15px;}
.home-bottom .ioc ul li:last-child{margin-right: 0;}
.home-bottom .ioc ul li img.hover{ display: none;}
.home-bottom .ioc ul li:hover img{ display: none;}
.home-bottom .ioc ul li:hover img.hover{ display: block;}
.home-bottom .icp{margin-top: 15px;font-size: 12px;color: rgba(208,208,208,0.2);}

.home-bottom .nav{margin-top: 15px;}
.home-bottom .nav a{ font-size:14px; color:#969da8; }
.home-bottom .nav a:hover{color:#94b200; }
.home-bottom .nav a::after{ display:inline-block;  content:'|'; font-size:12px;margin:0 14px;color:#969da8; }
.home-bottom .nav a:last-child::after{ display:none;}

/*底部*/
.footer{margin: 20px 0 0;padding: 45px 0;background:url(../images/footerbg.jpg) no-repeat center center;background-size: cover;}
.footernav{width: 83%;margin: 0 auto}
.footernav ul li{float: left;width:13%;margin-right:3%}
.footernav ul li h2{border-bottom: 1px solid #40464a;padding-bottom: 10px;margin-bottom: 15px;}
.footernav ul li h2 a{font-size: 16px;color: #fff;}
.footernav ul li a{font-size: 13px;color: #fff;line-height: 35px;}
.footernav ul li a:hover{text-decoration: underline}
.footernav ul li.footerzb{margin-right: 0;width:24%}
.footernav ul li.footerzb h2 a{color: #fff}
.footernav ul li h3{font-weight: normal;font-size: 14px;color: #fff;line-height: 35px;margin-bottom:5px;background-size: 20px auto;background-repeat:no-repeat;background-position:left 8px;padding-left:30px;}
.footernav ul li h3.footicn0{background-image: url(../images/tel0.png)}
.footernav ul li h3.footicn1{background-image: url(../images/tel1.png)}
.footernav ul li h3.footicn2{background-image: url(../images/tel2.png)}
.footwx{display:inline-block;position: relative;font-size: 16px;color: #fff;line-height: 50px;margin: 20px 30px 0 0 ;}
.footwx  h4{background:url(../images/sprites1.png) no-repeat top left;width: 50px;height:50px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;display: inline-block;vertical-align: top;margin-right: 5px;}
.footwx  h4 a{width: 100%;height: 100%;display: block}
.footwx  h4.fylxicn0{background-position: 0 0;}
.footwx  h4.fylxicn1{background-position: 0 -50px;}
.footwx:hover h4.fylxicn0{ background-position:-50px 0;}
.footwx:hover h4.fylxicn1{background-position:-50px -50px;}
.footerwx{background: url(../images/wxbg.png) no-repeat;width: 147px;height: 154px;position: absolute;top: -160px;left: -52px;display: none}
.footerwx img{width: 112px;height: 112px;display: block;margin: 17px auto 0}
.footwx:hover .footerwx{display: block}
.footerbq{border-top: 1px solid #40464a;padding:35px 0 0;text-align: center;color: #fff;font-size: 14px;margin-top:50px;}
.footerbq a{color: #fff;margin-left: 10px;}
.footerbq a:hover{text-decoration: underline}
input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
input:disabled {
	border: none;
	background: none;
}
img {
	border: none;
	padding: 0;
	margin: 0;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom:1;/*ie6,7*/
}
a {
	text-decoration: none;
	display: inline-block;
}
a:link {
	text-decoration: none;
}
a:hover {
	border: none;
	text-decoration: none;
}
a:active {
	color: #fff;
	text-decoration: none;
}
/*二级菜单*/
.nav_box {
	position: absolute;
	top: 60px;
	left: -15px;
	width: 146px;
	display: none;
}
.nav_box ul {
	padding: 0;
	box-shadow: 0 0 5px #bde3ff;
}
.nav_box .icon_nav {
	width: 16px;
	height: 8px;
	display: block;
	margin: 0 auto;
	background: url(/images/img/icon_nav.png) 0 0 no-repeat;
}
.nav_box .icon_nav img {
	-moz-box-shadow: 0 0 5px #bde3ff;
	-ms-box-shadow: 0 0 5px #bde3ff;
	-o-box-shadow: 0 0 5px #bde3ff;
	-webkit-box-shadow: 0 0 5px #bde3ff;
	box-shadow: 0 0 5px #bde3ff;
}
.nav_box ul li {
	width: 146px;
	height: 44px;
	background: #ffffff;
	border-bottom: 1px solid #d7eaff;
	float: none;
}
.nav_box ul li a {
	width: 146px;
	display: block;
	padding: 0px 0;
}
.nav_box ul li a:hover {
	color: #fff;
}
.nav_box ul li:hover {
	background: url(/images/img/nav_bg.jpg) 0 0 no-repeat #fff;
}
.nav ul li .nav_box a {
	width: 146px;
	color: #296bb1;
	padding: 12px 0;
}
.nav ul li .nav_box a:hover {
	color: #fff;
}
/*二级菜单结束*/

.icon_qr {
	float: left;
	padding: 0 0 0 20px;
	position: relative;
}
.icon_qr .qr_wechat {
	position: absolute;
	top: 35px;
	right: -30px;
	
}
.icon_qr .qr_wechat1 {
	position: absolute;
	top: 60px;
	right: -90px;
	
}
.icon_qr a {
	width: 27px;
	height: 27px;
	background: url(../images/ico1-hover.png);
}
.icon_qr .qr_sina {
	background-position: 0 0;
}
.icon_qr .qr_weixin {
	background-position: 0 -27px;
}
.lj{float: left;
    color: #fff;
    font-size: 16px}
@media only screen and (min-width: 1450px)
{
.about .abo_left {
    width:49%;
    float: left;
    position: relative;
}
.gytext {
    width: 592px;
    float: left;
    box-sizing: border-box;
    PADDING-TOP:49px;
}
.about .abo_left .abo3_m a {
    font-size: 20px;
    color: #fff;
    line-height: 48px;
    display: block;
}
.szgb li p:nth-child(2) {
    font-size: 19px;
    color: #000;
}
 .jjleft pre { font-size: 19px;}
.jjleft pre p { line-height: 24px;}
.jjright h3 { font-size: 28px;}
.jjright h2 { font-size: 24px;}
.jjleft { padding-top: 505px;}
}

pre {   white-space: pre-wrap;    word-wrap: break-word;    margin: 0;    padding: 0;}
.jjleft {    float: right;    width:18%;    padding-top:507px;}
.jjleft pre { font-size: 13px;color: #333; line-height: 5px;}
.jjleft pre p{line-height: 20px;}
.jjleft pre p span{background: #1a75b0;width: 16px;height: 16px;float: left; margin-right: 10px;}
.jjleft pre p:nth-child(2) span{background:#7cbbe7;}
.jjleft pre p:nth-child(3) span{background:#8fc320;}
.jjleft pre p:nth-child(4) span{background:#c2c2c4;}




.jjright h2 {font-size: 22px;color: #cccccc;font-weight: normal;}
.jjright h3 {font-size: 28px;font-weight: bold;color: #828080;margin: 11px 0 0px;}



.jjright {float: left;    width: 80%;    padding:120px 0;    position: relative;}
.jjright img {width: 100%;    display: block;    margin: 0px auto 0;}
.active .al2 {animation: fadeInLeft 1s 1.4s ease both; -webkit-animation: fadeInLeft 1s 1.4s ease both;-moz-animation: fadeInLeft 1s 1.4s ease both;}
.active .al3 {animation: fadeInDown 1s 1.8s ease both; -webkit-animation: fadeInDown 1s 1.8s ease both;-moz-animation: fadeInDown 1s 1.8s ease both;}
.active .al4 {animation: fadeInLeft 1s 2.2s ease both; -webkit-animation: fadeInLeft 1s 2.2s ease both;-moz-animation: fadeInLeft 1s 2.2s ease both;}
.active .al5 {animation: fadeInUp 1s 2.6s ease both; -webkit-animation: fadeInUp 1s 2.6s ease both;-moz-animation: fadeInUp 1s 2.6s ease both;}
.active .ar1 {animation: fadeInUp 1s 1s ease both; -webkit-animation: fadeInUp 1s 1s ease both;-moz-animation: fadeInUp 1s 1s ease both;}


@media only screen and (min-width:3600px)
{
    
.about .abo_left .abo2_n h1 {
    font-size: 72px;
}
.about .abo_left .abo2_n h4 {
    font-size: 46px;
    line-height: 78px;
    font-weight: normal;
    margin-top: 8%;
}
.gytext {
    width: 100%;
    float: left;
    box-sizing: border-box;
    PADDING-TOP:115px;
}
.about .abo_left .abo3_m a {
    font-size: 47px;
    color: #fff;
    line-height: 109px;
    display: block;
}
.about .abo_left .abo3_m {
    width: 300px;
    height: 120px;
    background: #1a75b0;
    border-radius: 24px;
    text-align: center;
    margin-top: 32%;
    transition: all 1s;
    position: relative;
    top: 50px;
}
.about .abo_right .shous {
    z-index: 500;
    position: absolute;
    top: 24%;
    right: 109px;
}
.about .abo_right .yuan1 {
    z-index: 500;
    position: absolute;
    top: -15px;
    cursor: pointer;
    right: 10px;
}
.about .abo_right .yuan1 a img {
    transition: width 1s, height 1s;
    -moz-transition: width 1s, height 1s, -moz-transform 1s;
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
    -o-transition: width 1s, height 1s, -o-transform 1s;
    width: 300px;
}
.about .abo_right .yuan2 {
    z-index: 500;
    position: absolute;
    top: 164px;
    cursor: pointer;
    right: -210px;
}
.about .abo_right .yuan2 a img {
    transition: width 1s, height 1s;
    -moz-transition: width 1s, height 1s, -moz-transform 1s;
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
    -o-transition: width 1s, height 1s, -o-transform 1s;
    width: 300px;
}
.about .abo_right .yuan3 {
    z-index: 500;
    position: absolute;
    top: 523px;
    cursor: pointer;
    right: -222px;
}
.about .abo_right .yuan3 a img {
    transition: width 1s, height 1s;
    -moz-transition: width 1s, height 1s, -moz-transform 1s;
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
    -o-transition: width 1s, height 1s, -o-transform 1s;
    width: 200px;
}
.about .abo_right .yuan4 {
    z-index: 500;
    position: absolute;
    top: 861px;
    cursor: pointer;
    right: -177px;
}
.about .abo_right .yuan4 a img {
    transition: width 1s, height 1s;
    -moz-transition: width 1s, height 1s, -moz-transform 1s;
    -webkit-transition: width 1s, height 1s, -webkit-transform 1s;
    -o-transition: width 1s, height 1s, -o-transform 1s;
    width: 300px;
}
.jjright h3 {
    font-size: 60px;
    font-weight: bold;
    color: #828080;
    margin: 23px 0 35px;
}
.jjright h2 {
    font-size: 50px;
    color: #cccccc;
    font-weight: normal;
}
.active .about .abo_right .log2 img{width: 1000px;}
.szgb {
    width: 100%;
    overflow: hidden;
}
.szgb li {
    width: 50%;
    float: left;
}
.szgb li p {
    font-size: 18px;
    color: #101010;
    text-align: center;
}
.szgb li p:nth-child(2) {
    font-size: 45px;
    color: #000;
}  
 .jjleft {
    float: right;
    width: 16%;
    padding-top: 39%;
}
.jjleft pre {
    font-size: 38px;
    color: #333;
    line-height: 16px;
}
.jjleft pre p {
    line-height: 37px;
}
.jjleft pre p span {
    background: #1a75b0;
    width: 27px;
    height: 27px;
    float: left;
    margin-right: 10px;
}   
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 2150px;
}
}