.vjs-default-skin{color:#ccc}@font-face{font-family:VideoJS;src:url(font/vjs.eot);src:url(font/vjs.eot?#iefix) format('embedded-opentype'),url(font/vjs.woff) format('woff'),url(font/vjs.ttf) format('truetype');font-weight:400;font-style:normal}.vjs-default-skin .vjs-slider{outline:0;position:relative;cursor:pointer;padding:0;background-color:#333;background-color:rgba(51,51,51,.9)}.vjs-default-skin .vjs-slider:focus{-webkit-box-shadow:0 0 2em #fff;-moz-box-shadow:0 0 2em #fff;box-shadow:0 0 2em #fff}.vjs-default-skin .vjs-slider-handle{position:absolute;left:0;top:0}.vjs-default-skin .vjs-slider-handle:before{content:"\e009";font-family:VideoJS;font-size:1em;line-height:1;text-align:center;text-shadow:0 0 1em #fff;position:absolute;top:0;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.vjs-default-skin .vjs-control-bar{display:none;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#07141e;background-color:rgba(7,20,30,.7)}.vjs-default-skin.vjs-has-started .vjs-control-bar{display:block;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;-o-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-default-skin.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{display:block;visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;-o-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-default-skin.vjs-controls-disabled .vjs-control-bar{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-control-bar{display:none}@media \0screen{.vjs-default-skin.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}.vjs-default-skin .vjs-control{outline:0;position:relative;float:left;text-align:center;margin:0;padding:0;height:3em;width:4em}.vjs-default-skin .vjs-control:before{font-family:VideoJS;font-size:1.5em;line-height:2;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.vjs-default-skin .vjs-control:focus:before,.vjs-default-skin .vjs-control:hover:before{text-shadow:0 0 1em #fff}.vjs-default-skin .vjs-control:focus{}.vjs-default-skin .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-default-skin .vjs-play-control{width:5em;cursor:pointer}.vjs-default-skin .vjs-play-control:before{content:"\e001"}.vjs-default-skin.vjs-playing .vjs-play-control:before{content:"\e002"}.vjs-default-skin .vjs-mute-control,.vjs-default-skin .vjs-volume-menu-button{cursor:pointer;float:right}.vjs-default-skin .vjs-mute-control:before,.vjs-default-skin .vjs-volume-menu-button:before{content:"\e006"}.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before{content:"\e003"}.vjs-default-skin .vjs-mute-control.vjs-vol-1:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before{content:"\e004"}.vjs-default-skin .vjs-mute-control.vjs-vol-2:before,.vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before{content:"\e005"}.vjs-default-skin .vjs-volume-control{width:5em;float:right}.vjs-default-skin .vjs-volume-bar{width:5em;height:.6em;margin:1.1em auto 0}.vjs-default-skin .vjs-volume-menu-button .vjs-menu-content{height:2.9em}.vjs-default-skin .vjs-volume-level{position:absolute;top:0;left:0;height:.5em;background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-volume-bar .vjs-volume-handle{width:.5em;height:.5em}.vjs-default-skin .vjs-volume-handle:before{font-size:.9em;top:-.2em;left:-.2em;width:1em;height:1em}.vjs-default-skin .vjs-volume-menu-button .vjs-menu .vjs-menu-content{width:6em;left:-4em}.vjs-default-skin .vjs-progress-control{position:absolute;left:0;right:0;width:auto;font-size:.3em;height:1em;top:-1em;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin:hover .vjs-progress-control{font-size:.9em;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.vjs-default-skin .vjs-progress-holder{height:100%}.vjs-default-skin .vjs-progress-holder .vjs-play-progress,.vjs-default-skin .vjs-progress-holder .vjs-load-progress{position:absolute;display:block;height:100%;margin:0;padding:0;left:0;top:0}.vjs-default-skin .vjs-play-progress{background:#66a8cc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAP0lEQVQIHWWMAQoAIAgDR/QJ/Ub//04+w7ZICBwcOg5FZi5iBB82AGzixEglJrd4TVK5XUJpskSTEvpdFzX9AB2pGziSQcvAAAAAAElFTkSuQmCC) -50% 0 repeat}.vjs-default-skin .vjs-load-progress{background:#646464;background:rgba(255,255,255,.4)}.vjs-default-skin .vjs-seek-handle{width:1.5em;height:100%}.vjs-default-skin .vjs-seek-handle:before{padding-top:.1em}.vjs-default-skin .vjs-time-controls{font-size:1em;line-height:3em}.vjs-default-skin .vjs-current-time{float:left}.vjs-default-skin .vjs-duration{float:left}.vjs-default-skin .vjs-remaining-time{display:none;float:left}.vjs-time-divider{float:left;line-height:3em}.vjs-default-skin .vjs-fullscreen-control{width:3.8em;cursor:pointer;float:right}.vjs-default-skin .vjs-fullscreen-control:before{content:"\e000"}.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before{content:"\e00b"}.vjs-default-skin .vjs-big-play-button{left:.5em;top:.5em;font-size:3em;display:block;z-index:2;position:absolute;width:4em;height:2.6em;text-align:center;vertical-align:middle;cursor:pointer;opacity:1;background-color:#07141e;background-color:rgba(7,20,30,.7);border:.1em solid #3b4249;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em;-webkit-box-shadow:0 0 1em rgba(255,255,255,.25);-moz-box-shadow:0 0 1em rgba(255,255,255,.25);box-shadow:0 0 1em rgba(255,255,255,.25);-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s}.vjs-default-skin.vjs-big-play-centered .vjs-big-play-button{left:50%;margin-left:-2.1em;top:50%;margin-top:-1.4000000000000001em}.vjs-default-skin.vjs-controls-disabled .vjs-big-play-button{display:none}.vjs-default-skin.vjs-has-started .vjs-big-play-button{display:none}.vjs-default-skin.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-default-skin:hover .vjs-big-play-button,.vjs-default-skin .vjs-big-play-button:focus{outline:0;border-color:#fff;background-color:#505050;background-color:rgba(50,50,50,.75);-webkit-box-shadow:0 0 3em #fff;-moz-box-shadow:0 0 3em #fff;box-shadow:0 0 3em #fff;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;transition:all 0s}.vjs-default-skin .vjs-big-play-button:before{content:"\e001";font-family:VideoJS;line-height:2.6em;text-shadow:.05em .05em .1em #000;text-align:center;position:absolute;left:0;width:100%;height:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;font-size:4em;line-height:1;width:1em;height:1em;margin-left:-.5em;margin-top:-.5em;opacity:.75;-webkit-animation:spin 1.5s infinite linear;-moz-animation:spin 1.5s infinite linear;-o-animation:spin 1.5s infinite linear;animation:spin 1.5s infinite linear}.vjs-default-skin .vjs-loading-spinner:before{content:"\e01e";font-family:VideoJS;position:absolute;top:0;left:0;width:1em;height:1em;text-align:center;text-shadow:0 0 .1em #000}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.vjs-default-skin .vjs-menu-button{float:right;cursor:pointer}.vjs-default-skin .vjs-menu{display:none;position:absolute;bottom:0;left:0;width:0;height:0;margin-bottom:3em;border-left:2em solid transparent;border-right:2em solid transparent;border-top:1.55em solid #000;border-top-color:rgba(7,40,50,.5)}.vjs-default-skin .vjs-menu-button .vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;position:absolute;width:10em;bottom:1.5em;max-height:15em;overflow:auto;left:-5em;background-color:#07141e;background-color:rgba(7,20,30,.7);-webkit-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);-moz-box-shadow:-.2em -.2em .3em rgba(255,255,255,.2);box-shadow:-.2em -.2em .3em rgba(255,255,255,.2)}.vjs-default-skin .vjs-menu-button:hover .vjs-menu{display:block}.vjs-default-skin .vjs-menu-button ul li{list-style:none;margin:0;padding:.3em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-default-skin .vjs-menu-button ul li.vjs-selected{background-color:#000}.vjs-default-skin .vjs-menu-button ul li:focus,.vjs-default-skin .vjs-menu-button ul li:hover,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus,.vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover{outline:0;color:#111;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.vjs-default-skin .vjs-menu-button ul li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em;font-weight:700;cursor:default}.vjs-default-skin .vjs-subtitles-button:before{content:"\e00c"}.vjs-default-skin .vjs-captions-button:before{content:"\e008"}.vjs-default-skin .vjs-captions-button:focus .vjs-control-content:before,.vjs-default-skin .vjs-captions-button:hover .vjs-control-content:before{-webkit-box-shadow:0 0 1em #fff;-moz-box-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js{background-color:#000;position:relative;padding:0;font-size:10px;vertical-align:middle;font-weight:400;font-style:normal;font-family:Arial,sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}.video-js:-moz-full-screen{position:absolute}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0;width:100%!important;height:100%!important;_position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-poster{background-repeat:no-repeat;background-position:50% 50%;background-size:contain;cursor:pointer;height:100%;margin:0;padding:0;position:relative;width:100%}.vjs-poster img{display:block;margin:0 auto;max-height:100%;padding:0;width:100%}.video-js.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-text-track-display{text-align:center;position:absolute;bottom:4em;left:1em;right:1em}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{display:none;font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.video-js .vjs-subtitles{color:#fff}.video-js .vjs-captions{color:#fc6}.vjs-tt-cue{display:block}.vjs-default-skin .vjs-hidden{display:none}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}html.fp-enabled,.fp-enabled body{margin:0;padding:0;overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}#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{height:100%;display:block;}.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;table-layout:fixed;width:100%;}.fp-tableCell{display:table-cell;vertical-align:middle;width:100%;height:100%;}.fp-slidesContainer{float:left;position:relative;}.fp-controlArrow{position:absolute;z-index:4;top:50%;cursor:pointer;width:0;height:0;border-style:solid;margin-top:-38px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.fp-controlArrow.fp-prev{left:15px;width:0;border-width:38.5px 34px 38.5px 0;border-color:transparent #fff transparent transparent;}.fp-controlArrow.fp-next{right:15px;border-width:38.5px 0 38.5px 34px;border-color:transparent transparent transparent #fff;}.fp-scrollable{overflow:scroll;}.fp-notransition{-webkit-transition:none!important;transition:none!important;}#fp-nav{position:fixed;z-index:100;margin-top:-32px;top:50%;opacity:1;-webkit-transform:translate3d(0,0,0);}#fp-nav.right{left:17px;}#fp-nav.left{left:17px;}.fp-slidesNav{position:absolute;z-index:4;left:50%;opacity:1;}.fp-slidesNav.bottom{bottom:17px;}.fp-slidesNav.top{top:17px;}#fp-nav ul,.fp-slidesNav ul{margin:0;padding:0;}#fp-nav ul li,.fp-slidesNav ul li{display:block;width:14px;height:13px;margin:7px;position:relative;}.fp-slidesNav.bottom ul{background:#fff;border-radius:10px;border:solid 2px #0A6FAD;padding:0px 8px;}.fp-slidesNav.bottom ul li{margin:4px;}.fp-slidesNav ul li{display:inline-block;}#fp-nav ul li a,.fp-slidesNav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none;}#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height:12px;width:12px;margin:-6px 0 0 -6px;border-radius:100%;}#fp-nav ul li a span,.fp-slidesNav ul li a span{border-radius:50%;position:absolute;z-index:1;height:4px;width:4px;border:0;background:#0a6fad;left:50%;top:50%;margin:-2px 0 0 -2px;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width:10px;height:10px;margin:-5px 0px 0px -5px;}#fp-nav ul li .fp-tooltip{position:absolute;top:-2px;color:#fff;font-size:14px;font-family:arial,helvetica,sans-serif;white-space:nowrap;max-width:220px;overflow:hidden;display:block;opacity:0;width:0;}#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active+.fp-tooltip{-webkit-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;width:auto;opacity:1;}#fp-nav ul li .fp-tooltip.right{right:20px;}#fp-nav ul li .fp-tooltip.left{left:20px;}.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height:auto!important;}#fp-nav.selected ul li a span,.fp-slidesNav.selected ul li a span{background:#0a6fad;}html,body{}* html,* html body{background-image:url(about:blank);background-attachment:fixed;}html *{margin:0px;padding:0px;outline:0;zoom:1;}body{font-size:16px;line-height:1;background-color:#FFF;color:#0A6FAD;-webkit-font-smoothing:antialiased;font-family:"微软雅黑","宋体";}a{color:#5d5d5e;}li{list-style:none;}.wrapper{width:1200px;margin:0 auto;position:relative;}.nav-link{display:block;position:relative;width:100%;height:100%;color:#fff;}.nav-link:before{content:'';position:absolute;left:5px;top:5px;width:14px;height:14px;border:1px solid #f2e6db;;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;opacity:0.5;-moz-transition:all 0.8s cubic-bezier(0.455,0.03,0.515,0.955);-o-transition:all 0.8s cubic-bezier(0.455,0.03,0.515,0.955);-webkit-transition:all 0.8s cubic-bezier(0.455,0.03,0.515,0.955);transition:all 0.8s cubic-bezier(0.455,0.03,0.515,0.955);}.nav-link:after{content:'';position:absolute;left:9px;top:9px;width:8px;height:8px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#f2e6db;opacity:0.5;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);-o-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);-webkit-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);transition:all 0.8s cubic-bezier(0.77,0,0.175,1);}.active .nav-link:before{border-color:#FFF;}.active .nav-link:after{background-color:#FFF;}.nav-bullet{position:absolute;left:9px;top:9px;width:8px;height:8px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;background-color:#fff;opacity:0;-moz-transform:scale(0,0);-ms-transform:scale(0,0);-webkit-transform:scale(0,0);transform:scale(0,0);-moz-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);-o-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);-webkit-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);transition:all 0.8s cubic-bezier(0.77,0,0.175,1);}#main{position:relative;}#loader{position:fixed;left:0;right:0;top:0;bottom:0;z-index:999999;background:#fff;}#loader .myStat{margin:0 auto;}#loader .wrap{text-align:center;color:#fff;position:absolute;left:50%;margin-left:-240px;width:480px;height:120px;top:50%;margin-top:-60px;}#loader .wrap h2{margin-top:20px;}#loader .quan{width:100px;height:100px;border-radius:100px;margin:0 auto;text-align:center;line-height:100px;font-size:12px;position:relative;}#loader .quan .num{width:60px;height:22px;position:absolute;top:50%;margin-top:-8px;left:20px;text-align:center;color:#000;line-height:1;}a{text-decoration:none;}.T{font-size:13px;line-height:1.75;}.T_t{font-size:24px;color:#fff;margin-bottom:10px;font-style:italic;font-weight:bold;text-shadow:1px 1px 1px rgba(0,0,0,0.25);}.T_0{color:#999;}.T_1{color:#fff;font-weight:bold;text-shadow:1px 1px 1px rgba(0,0,0,0.25);}a.B:visited{color:#fff;}.B{transition:box-shadow 0.35s,background 0.35s,color 0.35s;-webkit-transition:box-shadow 0.35s,background 0.35s,color 0.35s;-moz-transition:box-shadow 0.35s,background 0.35s,color 0.35s;-ms-transition:box-shadow 0.35s,background 0.35s,color 0.35s;-o-transition:box-shadow 0.35s,background 0.35s,color 0.35s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;_white-space:normal;}.B span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;_white-space:normal;}a.B_0{font-size:16px;color:#fff;line-height:1.75;padding:10px 100px;background:#00713d;font-style:italic;text-decoration:none;letter-spacing:1px;border-radius:3px;vertical-align:middle;}a.B_1{font-size:16px;color:#fff;line-height:1.75;background:#00713d;font-style:italic;text-decoration:none;letter-spacing:1px;border-radius:3px;padding:10px;width:180px;display:inline-block;margin:0px 12px 20px;vertical-align:middle;}a.B_0:hover{color:#fff;background:#14965a;}a.B_1:hover{color:#fff;background:#14965a;}a.B_p1,a.B_p2,a.B_p3{font-size:16px;color:#fff;line-height:1.75;background:#339933;font-style:italic;text-decoration:none;letter-spacing:1px;border-radius:3px;padding:10px;width:180px;display:inline-block;margin:0px 12px 20px;vertical-align:middle;}a.B_p1:hover{color:#fff;background:#53b352;}a.B_p2{background:#0066cb;}a.B_p2:hover{color:#fff;background:#2b9ae1;}a.B_p3{width:220px;line-height:1;}a.B_p3 .sub_text{display:block;font-size:12px;}a.B_p3:hover{color:#fff;background:#53b352;}a.B_s1,a.B_s2{font-size:16px;color:#fff;line-height:1.75;background:#0883d1;font-style:italic;text-decoration:none;letter-spacing:1px;border-radius:3px;padding:10px;width:220px;display:inline-block;margin:0px 12px 20px;vertical-align:middle;}a.B_s1{width:220px;line-height:1;}a.B_s1 .sub_text{display:block;font-size:12px;}a.B_s1:hover{color:#fff;background:#2c9be2;}a.B_s2{width:180px;}a.B_s2:hover{color:#fff;background:#2c9be2;}.obj{position:absolute;}.menu{width:100%;height:80px;position:fixed;top:0px;left:0px;z-index:100;_position:absolute;_top:expression((documentElement.scrollTop+0)+"px");
}.menu_bg {
	width:100%;
	height:100%;
	background:url(../images/nav_bg.png);
	display:block;
}
.logo {
	width:258px;
	height:80px;
	left:51px;
	top:0px;
	position:absolute;
	cursor:pointer;
}
.logo img{
	width:258px;
	height:80px;
	left:51px;
	top:0px;
	position:absolute;
	cursor:pointer;
}
.topa{

	left:380px;
	top:22px;
	position:absolute;
	cursor:pointer;
}
.RNav {
	height:80px;
	position:absolute;
	top:0px;
	right:40px;
	display:block;
}
.nav {
	width:610px;
	height:80px;
	left:50%;
	top:0px;
	display:block;
	position:absolute;
	margin-left:-305px;
	
}
.nav li,.RNav li {
	position:relative;
	float:left;
	width:76px;
	display:block;
	height:80px;
	cursor:pointer;
 
}
.nav li .icon,.RNav li .icon {
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
	background:url(../images/nav.png) no-repeat;
	display:block;
	_background-image:url(../images/nav.gif);
	
}
#nav_0 .icon {
	background-position:14px -11px;
}
#nav_0:hover .icon,#nav_0.current .icon,#nav_0 .icon:hover {
	background-position:14px -111px;
}
#nav_1 .icon {
	background-position:-62px -11px;
}
#nav_1:hover .icon,#nav_1.current .icon,#nav_1 .icon:hover {
	background-position:-62px -111px;
}
#nav_2 .icon {
	background-position:-138px -11px;
}
#nav_2:hover .icon,#nav_2.current .icon,#nav_2 .icon:hover {
	background-position:-138px -111px;
}
#nav_3 .icon {
	background-position:-214px -11px;
}
#nav_3:hover .icon,#nav_3.current .icon,#nav_3 .icon:hover {
	background-position:-214px -111px;
}
#nav_4 .icon {
	background-position:-290px -11px;
}
#nav_4:hover .icon,#nav_4.current .icon,#nav_4 .icon:hover {
	background-position:-290px -111px;
}
#nav_5 .icon {
	background-position:-366px -11px;
}
#nav_5:hover .icon,#nav_5.current .icon,#nav_5 .icon:hover {
	background-position:-366px -111px;
}
#nav_6 .icon {
	background-position:-442px -11px;
}
#nav_6:hover .icon,#nav_6.current .icon,#nav_6 .icon:hover {
	background-position:-442px -111px;
}
#nav_7 .icon {
	background-position:-518px -11px;
}
#nav_7:hover .icon,#nav_7.current .icon,#nav_7 .icon:hover {
	background-position:-518px -111px;
}
.RNav dl {
	position:absolute;
	left:-2px;
	top:0px;
	z-index:10;
	font-size:0;
	width:80px;
	height:0px;
	display:none;
	overflow:hidden;
	box-shadow:2px 2px 4px rgba(0,0,0,0.35);
}
.RNav dd {
	}
.RNav dd a {
	font-size:0;
	opacity:0.8;
}
.RNav dd a:hover {
	opacity:1;
	transition:opacity 0.35s;
	-webkit-transition:opacity 0.35s;
	-moz-transition:opacity 0.35s;
	-ms-transition:opacity 0.35s;
	-o-transition:opacity 0.35s;
}
#rnav_0 .icon {
	background:url(../images/en_bg.png) no-repeat;
	background-position:12px 11px;
}
#rnav_0:hover .icon,#rnav_0.current .icon,#rnav_0 .icon:hover {
	background:url(../images/en_bg.png) no-repeat;
	background-position:12px -74px;
}
#rnav_1 .icon {
	background-position:-676px -12px;
}
.nav_sub {
	width:86px;
	height:0px
/*136px*/;
	position:absolute;
	left:-5px;
	top:0px;
	background:#FFF;
	display:none;
	opacity:0;
	box-shadow:1px 1px 3px rgba(0,0,0,0.35);
}
.nav_sub .text {
	color:#fff;
	width:100%;
	position:absolute;
	height:auto;
	line-height:36px;
	display:block;
	top:80px;
	left:0px;
	text-align:center;
	font-size:13px;
}
.nav_sub .text .hover {
	width:100%;
	height:86px;
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	font-size:0;
}
.nav_sub .text .outlink {
	font:inherit;
	display:block;
	color:inherit;
	background:transparent;
	line-height:16px;
	padding:10px 0;
	transition:background 0.5s;
	-webkit-transition:background 0.5s;
	-moz-transition:background 0.5s;
	-ms-transition:background 0.5s;
	-o-transition:background 0.5s;
}
.nav_sub .text .outlink:hover {
	background:#f2c12a;
}
.nav_sub dl {
	left:86px;
	top:80px;
	width:186px;
	display:none;
	position:absolute;
	overflow:hidden;
	height:0px;
	opacity:0;
	box-shadow:2px 2px 4px rgba(0,0,0,0.35);
}
.nav_sub dd {
	width:186px;
	height:36px;
	line-height:36px;
	font-size:14px;
	background:#FFF;
	text-align:center;
	transition:color 0.5s,background 0.5s;
	-webkit-transition:color 0.5s,background 0.5s;
	-moz-transition:color 0.5s,background 0.5s;
	-ms-transition:color 0.5s,background 0.5s;
	-o-transition:color 0.5s,background 0.5s;
	position:relative;
}
.nav_li .nav_sub dd a {
	font:inherit;
	color:inherit;
}
.homeNav .nav_sub,.homeNav .nav_sub dd {
	}
#nav_0 .text {
	color:#fff;
	background:#0b6fad;
}
#nav_1 .text {
	background:#0b6fad;
}
#nav_1 dd {
	color:#0b6fad;
}
#nav_1 dd a {
	_color:#0b6fad;
}
.nav #nav_1 dd:hover,.nav #nav_1 dd.current {
	background:#0b6fad;
	color:#fff;
}
#nav_2 .text {
	background:#339933;
}
#nav_2 dd {
	color:#339933;
}
#nav_2 dd a {
	_color:#339933;
}
.nav #nav_2 dd:hover,.nav #nav_2 dd.current {
	background:#339933;
	color:#fff;
}
#nav_3 .text {
	background:#0099ff;
}
#nav_3 dd {
	color:#0099ff;
}
#nav_3 dd a {
	_color:#0099ff;
}
.nav #nav_3 dd:hover,.nav #nav_3 dd.current {
	background:#0099ff;
	color:#fff;
}
#nav_4 .text {
	background:#d77308;
}
#nav_4 dd {
	color:#d77308;
}
#nav_4 dd a {
	_color:#d77308;
}
.nav #nav_4 dd:hover,.nav #nav_4 dd.current {
	background:#d77308;
	color:#fff;
}
#nav_5 .text {
	background:#5e8727;
}
#nav_5 dd {
	color:#5e8727;
}
#nav_5 dd a {
	_color:#5e8727;
}
.nav #nav_5 dd:hover,.nav #nav_5 dd.current {
	background:#5e8727;
	color:#fff;
}
#nav_6 .text {
	background:#233e5c;
}
#nav_6 dd {
	color:#233e5c;
}
#nav_6 dd a {
	_color:#233e5c;
}
.nav #nav_6 dd:hover,.nav #nav_6 dd.current {
	background:#233e5c;
	color:#fff;
}
#nav_7 .text {
	background:#5b5b5b;
}
#nav_7 dd {
	color:#5b5b5b;
}
#nav_7 dd a {
	_color:#5b5b5b;
}
.nav #nav_7 dd:hover,.nav #nav_7 dd.current {
	background:#5d5d5d;
	color:#fff;
}
#rnav_0 .text {
	background:#f7d449;
}
.nav_sub dd a {
	color:inherit;
	width:100%;
	height:100%;
	line-height:36px;
	font-size:14px;
	text-align:center;
	display:block;
}
.nav_sub dd a:hover {
	color:inherit;
}
.RNav li.rnav_contact {
	width:92px;
	margin-top:24px;
	margin-right:12px;
}
.rnav_contact a {
	display:inline-block;
	color:#1373AE;
	border:solid 2px #1373af;
	padding:7px 12px;
	border-radius:8px;
	
}
.gb-header,.gb-nav {
	height:80px;
	background:#fff;
	position:fixed;
	left:0;
	right:0;
	z-index:8;
}
.gb-nav {
	background:rgba(255,255,255,0.25);
	z-index:99999;
}
.gb-nav,.menu {
	top:-80px;
	-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-nav.show,.menu.show {
	top:0;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
}
.gb-nav.show {
	background:rgba(0,0,0,0.25);
}
.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 {
	transform:rotate(90deg);
}
.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:hover a:before {
	transform:translateY(-2px) rotate(0deg);
	-webkit-transform:translateY(-2px) rotate(0deg);
	-ms-transform:translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform:translateY(2px) rotate(0deg);
	-webkit-transform:translateY(2px) rotate(0deg);
	-ms-transform:translateY(2px) rotate(0deg);
}
.gh.selected:hover a:before {
	transform:translateY(0px) rotate(-55deg);
	-webkit-transform:translateY(0px) rotate(-55deg);
	-ms-transform:translateY(0px) rotate(-55deg);
}
.gh.selected:hover a:after {
	transform:translateY(0px) rotate(55deg);
	-webkit-transform:translateY(0px) rotate(55deg);
	-ms-transform:translateY(0px) rotate(55deg);
}
.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 a:after {
	top:10px;
}
.gh a:before {
	top:-10px;
}
.gh.selected a:after,.gh.selected a:before {
	top:0;
}
.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 {
	background-color:transparent!important;
}
.gb-nav.show .gh a,.gb-nav.show .gh a:after,.gb-nav.show .gh a:before {
	background-color:#fff;
}
#nav_i {
	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_i.hide {
	top:-100%;
	opacity:0;
	-webkit-opacity:0;
	-ms-opacity:0;
	-moz-opacity:0;
}
.nav_top {
	width:100%;
}
.nav_main {
	max-width:1000px;
	height:514px;
	margin:0 auto;
	position:relative;
	top:50%;
	margin-top:-250px;
	display:table;
}
.nav_main h1 {
	color:#fff;
	font-size:48px;
	clear:both;
	padding-left:10px;
	font-style:italic;
	font-family:"MS Serif","New York",Microsoft YaHei;
}
.nav_main ul {
	width:100%;
	padding-top:80px;
	display:table;
}
.nav_main ul li {
	width:257px;
	height:130px;
	padding-left:76px;
	float:left;
	color:#fff;
}
.nav_main ul li a {
	color:#fff;
}
.nav_main ul li h2 {
	height:50px;
	line-height:50px;
	font-size:16px;
}
.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_main ul li div a {
	color:#dbdbdb;
	display:block;
	line-height:22px;
	font-size:12px;
}
.nav_main ul li div a:hover {
	color:#fff;
}
.nav_main ul li div a:after {
	-webkit-transition:0.5s cubic-bezier(0.68,-0.55,0.265,1.55);
	transition:0.5s cubic-bezier(0.68,-0.55,0.265,1.55);
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
}
.nav-toggle {
	background-color:#fff;
	position:fixed;
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	cursor:pointer;
	border-radius:50%;
	width:36px;
	height:36px;
	top:15px;
	right:13px;
	z-index:30;
	overflow:hidden;
}
.nav-toggle span {
	width:16px;
	display:block;
	height:2px;
	position:absolute;
	left:10px;
	background-color:#24252f;
	opacity:1;
	-webkit-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition:1s cubic-bezier(0.68,-0.55,0.265,1.55);
	transition:1s cubic-bezier(0.68,-0.55,0.265,1.55);
}
.nav-toggle span:nth-child(1) {
	top:13px;
}
.nav-toggle span:nth-child(2) {
	top:18px;
}
.nav-toggle span:nth-child(3) {
	top:23px;
}
.nav-toggle.close span:nth-child(1) {
	top:18px;
	-webkit-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
}
.nav-toggle.close span:nth-child(2) {
	opacity:0;
	left:-30px;
}
.nav-toggle.close span:nth-child(3) {
	top:18px;
	-webkit-transform:rotate(-135deg);
	-ms-transform:rotate(-135deg);
	transform:rotate(-135deg);
}
a.logo_menu {
	margin-top:21px;
	display:inline-block;
	margin-left:31px;
}
a.close_menu {
	width:50px;
	height:48px;
	display:inline-block;
	margin-top:20px;
	background:url(../images/close.png) no-repeat;
	float:right;
	margin-right:30px;
	-moz-transition:-moz-transform 0.5s;
	-webkit-transition:-webkit-transform 0.5s;
	-o-transition:-o-transform 0.5s;
}
a.close_menu:hover {
	-moz-transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
}
.section {
	background-size:cover;
	position:relative;
	overflow:hidden;
}
.page1 {
	}
.view_bg {
	position:absolute;
}
.slide-wrap {
	width:100%;
	height:100%;
	position:relative;
}
.slide-wrap ul {
	width:100%;
	height:100%;
}
.slide-wrap li {
	width:100%;
	height:100%;
	overflow:hidden;
	text-align:center;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:none;
}
.slide-wrap li .wrap {
	position:absolute;
	left:0;
	right:0;
	top:50%;
	margin-top:-250px;
}
#slide-nav {
	position:relative;
	width:200px;
	height:26px;
	margin:auto;
	-moz-transform:translateX(90px);
	-ms-transform:translateX(90px);
	-webkit-transform:translateX(90px);
	transform:translateX(90px)
}
.nav-line {
	float:left;
	position:relative;
	width:90px;
	height:1px;
	top:13px
}
.nav-line:after {
	content:'';
	position:absolute;
	top:0;
	width:90px;
	height:100%;
	background-color:#fff;
	-moz-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);
	-o-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);
	-webkit-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);
	transition:all 0.8s cubic-bezier(0.77,0,0.175,1)
}
.nav-line.small:after {
	width:78px
}
.nav-line.x-small:after {
	width:63px;
	-moz-transition:all 1s cubic-bezier(0.77,0,0.175,1);
	-o-transition:all 1s cubic-bezier(0.77,0,0.175,1);
	-webkit-transition:all 1s cubic-bezier(0.77,0,0.175,1);
	transition:all 1s cubic-bezier(0.77,0,0.175,1)
}
.nav-line.prev:after {
	left:0
}
.nav-line.next:after {
	right:0
}
.nav-line:first-child:before,.nav-line:last-child:before {
	content:'';
	position:absolute;
	top:0;
	width:8000px;
	height:1px;
	background-color:#fff;
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.nav-line:first-child:before {
	left:-8000px
}
.nav-line:last-child:before {
	right:-8000px
}
.nav-bullet-container {
	float:left;
	position:relative;
	width:26px;
	height:26px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%
}
.nav-bullet-container:nth-child(1) {
	}
.nav-bullet-container:before {
	content:'';
	position:absolute;
	top:-15px;
	left:8px;
	opacity:0;
	pointer-events:none;
	width:0;
	height:0;
	border-style:solid;
	border-width:6px 5px 0 5px;
	border-color:#fff transparent transparent transparent;
	-moz-transform:translateY(-10px);
	-ms-transform:translateY(-10px);
	-webkit-transform:translateY(-10px);
	transform:translateY(-10px);
	-moz-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);
	-o-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);
	-webkit-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);
	transition:all 0.8s cubic-bezier(0.77,0,0.175,1);
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
.desktop #slide-nav .nav-bullet-container:hover:before {
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	transform:translateY(0px);
	opacity:1
}
.desktop #slide-nav .nav-bullet-container:hover .nav-link:before {
	-moz-transform:scale(2,2);
	-ms-transform:scale(2,2);
	-webkit-transform:scale(2,2);
	transform:scale(2,2);
	opacity:0;
	-moz-transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94);
	-o-transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94);
	-webkit-transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94);
	transition:all 0.8s cubic-bezier(0.25,0.46,0.45,0.94)
}
.desktop #slide-nav .nav-bullet-container:hover .nav-link:after {
	-moz-transform:scale(3.3,3.3);
	-ms-transform:scale(3.3,3.3);
	-webkit-transform:scale(3.3,3.3);
	transform:scale(3.3,3.3);
	opacity:0.2
}
.desktop #slide-nav .nav-bullet-container:hover .nav-bullet,.active .nav-bullet {
	opacity:1;
	-moz-transform:scale(1,1);
	-ms-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	transform:scale(1,1)
}
.nav-text {
	position:absolute;
	left:-44px;
	bottom:-22px;
	width:113px;
	text-align:center;
	opacity:0;
	pointer-events:none;
	-moz-transform:translateY(10px);
	-ms-transform:translateY(10px);
	-webkit-transform:translateY(10px);
	transform:translateY(10px);
	-moz-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);
	-o-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);
	-webkit-transition:all 0.8s cubic-bezier(0.77,0,0.175,1);
	transition:all 0.8s cubic-bezier(0.77,0,0.175,1);
	color:#fff;
}
.desktop #slide-nav .nav-bullet-container:hover .nav-text {
	opacity:1;
	-moz-transform:translateY(0px);
	-ms-transform:translateY(0px);
	-webkit-transform:translateY(0px);
	transform:translateY(0px)
}
.nav-bullet-container {
	margin:0 20px;
}
.slide-wrap .slide-bg,.section-bg {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-size:cover!important;
	background-position:center center;
}
.page4-bg{background:#F7F7F7;}
.page3 .page3_content {
	position:absolute;
	top:206px;
	left:50%;
	width:405px;
	margin-left:176px;
}
.page3_content_item {
	margin-bottom:10px;
}
.page3_content_item h3 {
	line-height:36px;
	margin-bottom:16px;
}
.page3_content_item p {
	line-height:26px;
	margin-bottom:6px;
}
.page3_content_item .view-more {
	padding:3px 8px;
	background:#0a6fad;
	color:#fff;
}
.common_icon {
	display:inline-block;
	width:32px;
	height:32px;
	background-image:url(../images/common_icon.png);
	position:relative;
	top:9px;
}
.case_icon {
	background-position:-3px -3px;
}
.cy_icon {
	background-position:-41px -2px;
}
.pp_icon {
	background-position:-79px -1px;
}
.slide {
	position:relative;
}
.page1 {
	}
.page3 {
	}
.page3 .wrapper {
	height:100%;
	/*width:1000px;*/
	
}
.page3 ul {
	height:100%;
	/*width:1000px;*/
	
}
.page3 li {
	width:25%;
	float:left;
	display:inline;
	text-align:center;
	color:#fff;
	height:100%;
	position:relative;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
}
.page3 li .bg {
	position:absolute;
	left:0;
	right:0;
	top:0;
	height:0;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.page3 li.selected .bg {
	height:100%;
}
.page3 li.l1 .bg {
	background-color:#74b531;
}
.page3 li.l2 .bg {
	background-color:#41b4a0;
}
.page3 li.l3 .bg {
	background-color:#2496ca;
}
.page3 li.l4 .bg {
	background-color:#9a02e0;
}
.page3 li .wrap {
	position:absolute;
	left:30px;
	right:30px;
	top:50%;
	margin-top:-160px;
}
.page3 li .ico {
	width:109px;
	height:109px;
	border-radius:109px;
	margin:0 auto;
	background-position:center top;
	background-repeat:no-repeat;
	overflow:hidden;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-transition-delay:400ms;
	transition-delay:400ms;
	background-image:url(../images/case_ico.png);
}
.page3 li.l1 .ico {
	background-position:-14px -5px;
}
.page3 li.l1 .hover {
	background-position:-14px -114px;
}
.page3 li.l2 .ico {
	background-position:-145px -5px;
}
.page3 li.l2 .hover {
	background-position:-145px -114px;
}
.page3 li.l3 .ico {
	background-position:-271px -5px;
}
.page3 li.l3 .hover {
	background-position:-271px -114px;
}
.page3 li.l4 .ico {
	background-position:-404px -5px;
}
.page3 li.l4 .hover {
	background-position:-404px -114px;
}
.page3 li .link {
	text-align:center;
	margin-top:35px;
}
.page3 li .link a {
	background:url(../imgs/img41.png) no-repeat;
	width:48px;
	height:48px;
	display:inline-block;
}
.page3 li .img {
	position:absolute;
	left:0;
	right:0;
	bottom:-200px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-transition-delay:400ms;
	transition-delay:400ms;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
}
.page3 li.selected .img {
	bottom:0;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
}
.page3 li .img img {
	display:block;
	width:100%;
}
.page3 li a {
	color:#fff;
	text-decoration:none;
}
.page3 li.selected {
	}
.page3 li.l1 {
	-webkit-transform:translate3d(-600px,0,0);
	-ms-transform:translate3d(-600px,0,0);
	transform:translate3d(-600px,0,0);
}
.page3 li.l2 {
	-webkit-transform:translate3d(-300px,0,0);
	-ms-transform:translate3d(-300px,0,0);
	transform:translate3d(-300px,0,0);
}
.page3 li.l3 {
	-webkit-transform:translate3d(300px,0,0);
	-ms-transform:translate3d(300px,0,0);
	transform:translate3d(300px,0,0);
}
.page3 li.l4 {
	-webkit-transform:translate3d(600px,0,0);
	-ms-transform:translate3d(600px,0,0);
	transform:translate3d(600px,0,0);
}
.page3.active li {
	-webkit-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0);
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
}
.page3 li h2 {
	margin-top:30px;
	font-size:18px;
	font-weight:bold;
	line-height:32px;
	margin-bottom:20px;
}
.page3 li dl {
	margin-top:18px;
}
.page3 li dd {
	display:inline;
}
.page3 li dd span {
	width:1px;
	height:15px;
	display:inline-block;
	background:#fff;
	margin:0 15px;
}
.page3 li h3 {
	margin-top:38px;
	margin-bottom:12px;
	font-size:25px;
}
.page3 li p {
	margin-top:38px;
	line-height:24px;
	height:96px;
	margin-bottom:12px
}
.page3 li .view-more {
	display:inline-block;
	width:110px;
	height:45px;
	padding-top:7px;
	text-align:center;
	background-image:url(../images/case_view_bg.png);
	background-position:top center;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-transition-delay:400ms;
	transition-delay:400ms;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
}
.page3 li.l1 .view-more {
	color:#74b531;
}
.page3 li.l2 .view-more {
	color:#41b4a0;
}
.page3 li.l3 .view-more {
	color:#2496ca;
}
.page3 li.l4 .view-more {
	color:#286da5;
}
.page3 li.selected .view-more {
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
}
.fp-controlArrow {
	display:none!important;
}
.page4 .wrapper {
	height:100%;
	
}
.page4 .wrapper .news_content {
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-300px;
	width:1200px;
	height:618px;
	overflow:hidden;
}
.news_content .news_left {
	width:508px;
	float:left;
	height:100%;
	position:relative;
}
.news_content .news_right {
	width:690px;
	float:right;
	height:100%;
	position:relative;
}
.news_content .news_head {
	height:201px;
	width:329px;
	background:url(../images/zixun_white.png) left top no-repeat;
	padding-left:189px;
	color:#fff;
}
.news_h_pcn {
	font-size:24px;
	line-height:30px;
}
.news_h_pen {
	font-size:18px;
	line-height:24px;
	margin-bottom:12px;
}
.news_head ul {
	clear:both;
}
.news_head ul li {
	float:left;
}
.news_head ul li a {
	display:inline-block;
	padding:6px 16px;
	font-size:16px;
	color:#fff;
	border:solid #fff 1px;
	margin-right:12px;
	margin-bottom:12px;
}
.col5 {
	width:50%;
	float:left;
}
.news_text_list li {
	font-size:14px;
	line-height:28px;
}
.news_text_list li a {
	color:#fff;
}
.news_text_head h3 {
	padding-top:10px;
	border-top:solid #fff 1px;
	color:#fff;
	font-weight:normal;
	line-height:26px;
	margin-right:20px;
	margin-bottom:32px;
}
.news_text_head h3 span {
	margin-left:51px;
	font-weight:bold;
}
.news_img_list li {
	width:204px;
	height:318px;
	float:left;
	position:relative;
	background:#fff;
	margin-right:28px;
}
.page4 .mask {
	background:#e50581;
	position:absolute;
	left:0;
	right:0;
	top:400px;
	bottom:0;
	padding:20px 20px;
	color:#fff;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
}
.page4 .mask .img img {
	display:block;
}
.page4 a:hover .mask,.page4 .selected .mask {
	top:0;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
}
.page4 .mask h2 {
	font-size:15px;
	line-height:18px;
}
.page4 .mask hr {
	width:37px;
	height:1px;
	border:none;
	background:#fff;
	display:block;
	margin-top:10px;
	margin-left:0;
}
.page4 .mask p {
	margin-top:20px;
	clear:both;
	line-height:20px;
}
.page4 .view {
	padding-top:96px;
	padding-left:8px;
	padding-right:8px;
}
.page4 .view h4 {
	line-height:25px;
	font-size:14px;
	margin-top:18px;
}
.page4 .view .date {
	position:absolute;
	left:70px;
	top:36px;
}
.page4 .view .date big {
	font-size:60px;
	font-family:arial;
}
.page4 .view .date span {
	position:absolute;
	left:43px;
	top:-15px;
	padding:0 5px;
	line-height:1.3;
	font-family:arial;
	font-size:24px;
	color:#484e5c;
	border:solid #484e5c 2px;
}
.page4 .view .img {
	width:100%;
}
.page4 .view .img img {
	width:100%;
}
.page4 .view .img table {
	width:100%;
	height:100%;
}
.page4 .view h2 {
	font-size:15px;
	line-height:25px;
}
.video_content {
	position:absolute;
	bottom:0px;
	left:0px;
}
.news_img_list {
	position:absolute;
	bottom:0px;
}
.video_title {
	background:#333;
	color:#fff;
	text-align:center;
	line-height:47px;
	font-weight:normal;
	font-size:16px;
}
.page5 .wrapper {
	width:100%;
	height:100%;
}
.hp07v0 {
	background:#eee;
	width:100%;
	min-width:1200px;
	clear:both;
	position:relative;
	overflow:hidden;
	height:100%;
}
.hp07 {
	display:table;
	height:100%;
	position:absolute;
	top:100%
}
.hp07 .cta-list {
	clear:both;
	margin-bottom:0
}
.hp07 .cta-list li:before {
	background-position:66% 60.4%
}
.hp07 .cta-list li {
	margin-bottom:.3em
}
.no-js .hp07 .cta-list li {
	line-height:1.2em
}
.hp07 h3 {
	padding:.6em 0 0 0;
	font-weight:normal;
	clear:both;
	font-size:18px;
	font-size:1.8rem
}
.hp07w1 {
	position:relative;
	width:100%;
	margin:0 auto;
	height:100%;
}
.hp07z1 {
	display:none
}
.hp07w2 {
	height:100%;
}
.hp07w3 {
	display:none;
}
.cfeature .hp07w3 {
	display:block;
	padding:0px 30px;
	margin-top:160px;
}
.hp07w4 {
	position:absolute;
	width:100%;
	margin:0 auto;
	height:100%;
	top:0px;
	left:0px;
	min-width:900px;
}
.hp07imgslide {
	position:absolute;
	width:100%;
	margin:0 auto;
	height:100%;
	overflow:hidden;
	top:100%;
	left:-100%
}
.hp07imgslide div {
	width:100%;
	height:100%;
	position:absolute;
	display:none
}
.hp07imgslide img {
	position:absolute;
	left:50%;
	margin-left:-50%;
	display:block;
	width:100%;
	min-height:100%;
	height:auto;
}
.cslide div {
	display:block
}
.hp07,.hp07 a {
	color:#fff
}
.hp07ttl {
	font-size:26px;
	margin-bottom:36px;
	text-transform:uppercase;
	font-weight:normal;
	height:91px;
	background:url(../images/product_cr.png) right bottom no-repeat;
}
.hp07ttl-sm {
	font-size:27px;
	font-size:2.7rem;
	margin-bottom:.5em
}
.hp07subttl {
	font-size:18px;
	font-size:1.8rem;
	line-height:1.2em;
	margin-bottom:1.2em
}
.hp07subttl-sm {
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:1.1em
}
.hp07 .cmps-bttns {
	margin-bottom:.35em
}
.hp07w2 {
	z-index:4;
	position:absolute;
	right:0px;
	top:0;
	bottom:0;
	width:25%;
	min-width:300px;
	padding:0;
	background:rgba(0,0,0,0.1);

	;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#286da5',endColorstr='#286da5',GradientType=0)
}
.hp07z2 {
	display:none!important;
	content:" ";
	height:6px;
	font-size:0;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
	background:#286da5;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#286da5',endColorstr='#286da5',GradientType=0)
}
.hp07nav {
	position:absolute;
	bottom:40px;
	width:100%;
	right:150%;
	font-size:31px;
	height:12px;
}
.hp07nav ul {
	text-align:center;
	font-size:18px;
	height:26px;
	line-height:26px;
	background:#0099ff;
	border-radius:13px;
}
.hp07nav li {
	display:inline-block;
}
.hp07nav a {
	color:#fff;
	display:block;
	width:12px;
	height:12px;
	margin:0px 12px;
	background-image:url(../images/common_icon.png);
	background-position:-9px -15px;
}
.hp07nav a.hp07selected {
	background-position:-42px -15px;
}
.hp07nav a:hover {
	-webkit-transition:opacity 250ms;
	-moz-transition:opacity 250ms;
	-o-transition:opacity 250ms;
	transition:opacity 250ms;
	opacity:.7
}
.hp07nav a.hp07selected:hover {
	opacity:1
}
.hp07nav ul {
	position:absolute;
	margin:0px!important;
}
.hp07dnav {
	z-index:4;
	position:absolute;
	font-size:40px;
	font-size:4rem;
	top:50%;
	display:block;
	width:117px;
	height:91px;
	margin-top:200px;
	opacity:1!important;
}
.hp07dnav i {
	display:block;
	width:100%;
	height:100%;
}
.hp07dnav.hp07next {
	left:116px;
}
.hp07dnav i {
	margin:0;
	position:absolute;
	top:0;
	left:0;
	opacity:0.6;
}
.hp07dnav.hp07next i {
	background:url('../images/product_nav_next.png') no-repeat;
}
.hp07dnav.hp07prev i {
	background:url('../images/product_nav_prev.png') no-repeat;
}
.hp07dnav:hover i {
	-webkit-transition:opacity 250ms;
	-moz-transition:opacity 250ms;
	-o-transition:opacity 250ms;
	transition:opacity 250ms;
	opacity:.5
}
.no-js .hp07w2 {
	width:100%
}
.no-js .hp07v0 {
	background:#fff;
	margin-top:1em
}
.no-js .hp07w3 {
	display:table-cell
}
.no-js .hp07 {
	top:0;
	width:145%;
	padding:0 2.5%
}
.no-js .hp07 {
	top:0;
	width:145%
}
.no-js .hp07:nth-child(2) {
	left:50%!important;
	border-left:1px solid #fff
}
.no-js .hp07:nth-child(3),.no-js .hp07:nth-child(4) {
	display:none
}
.hp07nav ul {
	margin-left:0!Important
}
.hp07 {
	left:0!Important;
	WIDTH:100%;
}
.hp07single .hp07 {
	padding:0 3em 0 2em
}
.hp07imgslide,.hp07imgslide div {
	left:0!important
}
.hp07ttl {
	position:relative;
}
.hp07ttl span {
	margin-left:50px;
	font-size:18px;
}
.product_line {
	height:1px;
	background:#fff;
	position:absolute;
	bottom:0px;
	width:calc(100% - 27px);
}
.hp07description {
	font-size:18px;
	line-height:26px;
}
.black{color:#000;}
.black a{color:#000;}
.hp07description p {
	padding-right:20px;
}
.buy_button {
	width:248px;
	height:91px;
	position:absolute;
	top:50%;
	margin-top:200px;
	left:232px;
	opacity:0.6;
	z-index:1;
}
.buy_button a {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/zxgm.png);
}
.cmps-bttns {
	margin-top:26px;
}
.cmps-bttns a {
	display:inline-block;
	padding:8px 20px;
	border:solid 1px #fff;
}
.cmps-bttns2 {
	margin-top:26px;
}
.cmps-bttns2 a {
	display:inline-block;
	padding:8px 20px;
	border:solid 1px #000;
}
.page8 .wrapper {
	height:100%;
	width:100%;
}
.container {
	width:1200px;
	margin:0 auto;
}
.zmdcount_con {
	position:absolute;
	bottom:0px;
}
.page8 .section_footer {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left;
	0px;
}
.section_footer .footer1 {
	position:absolute;
	height:60%;
	width:100%;
	background:#eee;
	top:0px;
	left:0px;
	background-image:url(../images/footer1_bg.jpg);
	background-size:cover;
}
.section_footer .footer2 {
	top:60%;
	left:0px;
	position:absolute;
	height:40%;
	width:100%;
	background:#000;
}
.zmdcount_left {
	width:50%;
	float:left;
}
.zmdcount_right {
	width:50%;
	float:right;
}
.zmdcount_content .zmdcount_sec {
	width:213px;
	height:83px;
	float:left;
	border-bottom:solid #fff 2px;
	margin-right:87px;
	margin-bottom:52px;
}
.zmdcount_content .zmdcount_sec p {
	color:#fff;
	font-size:18px;
	line-height:35px;
}
.zmdcount_content .zmdcount_sec big {
	font-size:60px;
}
.page7 .wrapper {
	height:100%;
}
.fwzx {
	display:block;
	position:absolute;
	top:50%;
	left:0px;
	margin-top:-263px;
}
.footer_l {
	width:65%;
	height:100%;
	display:block;
	float:left;
	position:relative;
	background:#ffffff;
}
.footer_l .footer_l_con {
	background:#ffffff;
	text-align:left;
	padding-top:66px;
}
.footer_l .footer_lbottom {
	background:#0d6fad;
	height:84px;
}
.footer_r .wxcontent {
	background:#d2d2d2;
	height:340px;
}
.footer_r .footer_rbottom {
	background:#0a5584;
	height:84px;
}
.footer_r {
	width:35%;
	height:100%;
	display:block;
	float:left;
	position:relative;
	background:#d2d2d2;
}
.footer_text_list {
	display:inline-block;
	width:134px;
	float:right;
	margin-right:36px;
}
.footer_text_list2 {
	display:inline-block;
	width:174px;
	float:right;
	margin-right:6px;
}
.footer_text_list2 h5,.footer_address h5 {
	font-size:18px;
	margin-bottom:24px;
}
.footer_text_list2 li,.footer_address p {
	line-height:24px;
	font-size:14px;
	color:#666;
}
.footer_address {
	width:290px;
	display:inline-block;
	float:right;
	margin-right:45px;
}
.footer_text_list h5,.footer_address h5 {
	font-size:18px;
	margin-bottom:24px;
}
.footer_text_list li,.footer_address p {
	line-height:24px;
	font-size:14px;
	color:#666;
}
.footer .wrapper {
	width:100%;
}
.footer_b_l {
	width:65%;
	height:84px;
	display:block;
	float:left;
	position:relative;
	background:#0d6fad;
}
.footer_b_l p {
	text-align:right;
	color:#fff;
	line-height:84px;
	padding-right:176px;
}
.footer_b_l a {
	color:#fff;

}
.footer_b_r {
	width:35%;
	height:84px;
	display:block;
	float:left;
	position:relative;
	background:#0a5584;
}
.footer_b_r p {
	padding-left:66px;
	line-height:84px;
	color:#fff;
}
.footer_b_r p a {
	margin:0px 12px;
	color:#fff;
}
.sidebar {
	position:fixed;
	right:0;
	top:50%;
	margin-top:-80px;
	width:55px;
	background:url(../images/slide_bar_bg.png);
	padding:12px 0 0 0;
	border-radius:8px 0 0 8px;
	z-index:999999;
}
.sidebar li {
	height:50px;
	width:160px;
	padding-left:17px;
	border-radius:8px 0 0 8px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.sidebar li img {
	display:block;
}
.sidebar li:hover {
	margin-left:-105px;
	background:url(../images/slide_bar_bg.png);
}

.sidebar p{
	height:50px;
	width:160px;
	padding-left:0px;
	border-radius:8px 0 0 8px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
.sidebar p img {
	display:block;
}
.sidebar p:hover {

	background:url(../images/slide_bar_bg.png);

}

#fp-nav ul li {
	height:42px;
	width:46px;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
}
#fp-nav ul li:hover,#fp-nav ul li.active {
	margin-left:68px;
}
#fp-nav ul li a b {
	display:block;
	position:absolute;
	width:82px;
	z-index:111;
	color:#fff;
	top:12px;
	left:-60px;
	font-size:16px;
	font-weight:bold;
}
#fp-nav ul li a img {
	position:absolute;
	left:-81px;
	top:0px;
}
#fp-nav.right {
	left:13px;
}
.p-viewing-page1-0 .gh {
	}
.query-cover {
	position:fixed;
	left:0;
	top:0;
	z-index:10000;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.7;
	filter:alpha(opacity=70);
	display:none;
}
.query-pop {
	position:fixed;
	left:50%;
	top:50%;
	z-index:20000;
	width:400px;
	height:230px;
	padding-top:15px;
	margin-left:-200px;
	margin-top:-120px;
	background:#fff;
	display:none;
	color:#666;
}
.query-pop .tel {
	overflow:hidden;
}
.query-pop .tel .input-wrap,.query-pop .tel .btn-wrap {
	float:left;
}
.query-pop .tel .input-wrap {
	width:188px;
	height:39px;
	border-bottom:1px solid #333;
	margin-right:10px;
}
.query-pop .tel .btn-wrap {
	width:120px;
}
.query-pop .tel .input-wrap input {
	border:0;
	height:39px;
	line-height:39px;
	padding:0;
	font-size:20px;
}
.query-pop .tel,.query-pop .net {
	padding:0 40px;
	margin:30px 0;
}
.query-pop .btn-wrap a {
	background:#1373AE;
	border:none;
	color:#fff;
	cursor:pointer;
	display:block;
	width:100%;
	font-size:18px;
	height:40px;
	line-height:38px;
	text-align:center;
}
.query-pop .tip {
	padding-bottom:5px;
}
.query-pop .close-btn {
	position:absolute;
	top:10px;
	right:10px;
	text-decoration:underline;
	color:#999;
	font-size:12px;
	width:25px;
	height:25px;
	text-indent:-100em;
	overflow:hidden;
	background:url(../images/pop-closebtn.png) no-repeat center center;
}
.footerico {
	display:inline-block;
	width:23px;
	height:23px;
	background-image:url(../images/common_icon.png);
	background-position:-6px -114px;
	top:5px;
	position:relative;
	margin-right:18px;
}
.contact_ico {
	background-position:-40px -114px;
}
.mall_ico {
	background-position:-74px -114px;
}
.help_ico {
	background-position:-107px -111px;
}
.footer2 .footer_text_list li,.footer2 .footer_address p {
	line-height:24px;
	font-size:14px;
	color:#666;
}
.footer_text_list li {
	padding-left:40px;
}
.footer_address p {
	line-height:24px;
	font-size:14px;
	color:#666;
	padding-left:40px;
}
.fwzx {
	height:535px;
	overflow:hidden;
	width:100%;
}
.fwzx_left {
	width:653px;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	padding:90px 50px 45px 50px;
	background-image:url(../images/grey_bg.png);
}
.fwzx_left .loginbox {
	position:absolute;
	width:365px;
	float:left;
	height:280px;
	background-image:url(../images/login_box_bg.png);
}
.loginbox .login_title {
	text-align:center;
	color:#ffffff;
}
.loginbox .login_title ul li {
	display:inline-block;
	width:68px;
}
.loginbox .login_title ul li.divide {
	width:1px;
}
.loginbox .login_title ul li a {
	color:#fff;
	font-size:18px;
	padding-bottom:3px;
	border-bottom:solid 1px #ffffff;
}
.loginbox .login_form {
	margin-top:36px;
}
.loginbox .input-box {
	width:260px;
	margin:0 auto;
	margin-bottom:20px;
}
.loginbox .input-box input {
	width:260px;
	height:30px;
	line-height:30px;
	font-size:15px;
	color:#f7f7f7;
	border:solid 1px #a5a6a6;
	background:none;
	border-radius:8px;
	padding-left:8px;
}
.submit_button .submit_btn {
	width:260px;
	height:32px;
	border:none;
	background:#1c5d87;
	color:#fff;
	margin:0 auto;
	display:block;
	font-family:"微软雅黑","宋体";
	font-size:15px;
	border-radius:8px;
	cursor:pointer;
}
.fwzx_left .wxewm {
	width:287px;
	float:right;
	height:280px;
}
.fwzx_left .wxewm .wxewm_title {
	font-size:15px;
	font-weight:bold;
	text-align:right;
	color:#eee
}
.wxewm .wxewm_title {
	text-align:right;
}
.sns_info .sns_title {
	color:#f1f1f1;
	margin-top:16px;
	border-bottom:solid 1px #f8f8f8;
	padding-bottom:16px;
	margin-bottom:16px;
}
.wxewm .wxewm_image {
	text-align:right;
	padding-top:67px;
}
.sns_info ul li {
	float:left;
	margin-right:26px;
}
.fwzx_right {
	width:437px;
	position:absolute;
	height:100%;
	top:0px;
	right:0px;
	background-image:url(../images/grey_bg.png);
}
.fwzx_title_en {
	margin-top:43px;
	font-size:26px;
	padding-left:54px;
	color:#eee;
}
.fwzx_title_cn {
	font-size:21px;
	line-height:32px;
	padding-left:54px;
	color:#eee;
	margin-bottom:50px;
}
.fwzx_right ul li {
	width:50%;
	float:left;
	list-style:none;
	text-align:center;
}
.fwzx_right ul {
	border-top:1px solid #fff;
}
.fwzx_right ul li .tool_item {
	padding:42px 0px;
}
.fwzx_right ul li span {
	display:block;
	margin:0 auto;
	width:91px;
	margin-bottom:12px;
}
.fwzx_right ul li a {
	color:#fff;
	font-size:17px;
}
.fwzx_right ul li span img {
	width:100%;
}
.br {
	border-right:solid 1px #fff;
}
.bb {
	border-bottom:solid 1px #fff;
}
.page4 .mbb1 {
	background:#295087 none repeat scroll 0 0;
}
.page4 .mbb2 {
	background:#276da5 none repeat scroll 0 0;
}
.page4 .mbb3 {
	background:#e50581 none repeat scroll 0 0;
}
.hp07imgslide dl {
	position:absolute;
	z-index:1;
	top:50%;
	left:50%;
}
.hp07imgslide dl.i_p-1 {
	margin-top:-169px;
	margin-left:-661px;
}
.hp07imgslide dl.i_p-2 {
	margin-top:-169px;
	margin-left:-661px;
}
.hp07imgslide dl.i_p-3 {
	margin-top:-169px;
	margin-left:-458px;
}
.hp07imgslide dl.i_p-4 {
	margin-top:100px;
	margin-left:-615px;
}
.hp07imgslide dl.i_p-5 {
	margin-top:100px;
	margin-left:-24px;
}
.hp07imgslide dl .pointer {
	cursor:pointer;
	display:block;
	width:30px;
	height:30px;
	/*background:url(../images/i_p_pointer_bg.png) no-repeat;*/
}
.hp07imgslide dl .i_product_con {
	width:318px;
	height:331px;
	/*background:url(../images/i_p_hover_bg.png) no-repeat;*/
	position:absolute;
	top:-91px;
	left:27px;
}
.hp07imgslide dl .i_product_con h5 {
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
	margin-top:50px;
	line-height:42px;
	letter-spacing:10px;
}
.hp07imgslide dl .i_product_con img {
	position:relative;
	width:800px;
	height:auto!important;
	min-height:100px;
	margin-left:90px;
	left:0px;
}
.hp07imgslide dl .i_product_con p {
	position:absolute;
	display:block;
	bottom:41px;
	width:100%;
	font-size:18px;
	text-align:center;
	color:#fff;
	letter-spacing:8px;
}
#nav {
	position:absolute;
	top:0;
	right:251px;
	z-index:4;
	height:100%;
	overflow:hidden;
}
#nav li {
	float:left;
	height:100%;
	-webkit-transition:background-color 700ms;
	transition:background-color 700ms;
}
#nav .n1 {
	width:72px;
}
#nav .n2,#nav .n3,#nav .n5,#nav .n6,#nav .n7,#nav .n8 {
	width:120px;
}
#nav .n4 {
	width:120px;
}
#nav li a {
	position:relative;
	z-index:2;
	display:block;
	width:100%;
	height:100%;
	font-size:16px;
	line-height:79px;
	text-align:center;
	color:#666;
	-webkit-transition:color 200ms;
	transition:color 200ms;
}
#nav li.on a,#nav li a:hover {
	color:#fff;
}
#nav li a span {
	position:absolute;
	left:0;
	top:0;
	z-index:2;
	width:100%;
	height:100%;
	color:#000;
}
#nav li a:hover span {
	color:#fff;
}
#nav li a .bkg {
	top:100%;
	z-index:1;
	background-color:#3B8FC0;
	-webkit-transition:top 200ms;
	transition:top 200ms;
}
#nav li.on a .bkg,#nav li a:hover .bkg {
	top:0;
}
#subNav {
	position:absolute;
	top:80px;
	left:0px;
	z-index:4;
	width:100%;
	height:61px;
	overflow:hidden;
}
#subNav .g-wrap {
	overflow:visible;
}
#subNav .g-wrap .item {
	position:absolute;
	top:-100%;
	right:0%;
	width:100%;
	height:100%;
	background-color:#0A6FAD;
	overflow:hidden;
	-webkit-transition:top 300ms;
	transition:top 300ms;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


#subNav .g-wrap .about {padding:0 16px;width:851px;}
#subNav .g-wrap .honours {padding:0px 16px;width:971px;}
#subNav .g-wrap .news {padding:0 16px;width:491px;}
#subNav .g-wrap .product {padding:0 16px;width:731px;}
#subNav .g-wrap .case {padding:0px 16px;width:611px;}
#subNav .g-wrap .service {padding:0px 16px;width:491px;}
#subNav .g-wrap .solution {padding:0px 16px;width:371px;}

/*
#subNav .g-wrap .about {
	padding:0 16px;
	width:1091px;
}
#subNav .g-wrap .honours {
	padding:0px 16px;
	width:971px;
}
#subNav .g-wrap .news {
	padding:0 16px;
	width:851px;
}
#subNav .g-wrap .product {
	padding:0 16px;
	width:731px;
}
#subNav .g-wrap .case {
	padding:0px 16px;
	width:611px;
}
#subNav .g-wrap .service {
	padding:0px 16px;
	width:491px;
}
#subNav .g-wrap .solution {
	padding:0px 16px;
	width:491px;
}
*/
#subNav .g-wrap .on {
	top:0;
}
#subNav .g-wrap .item a {
	float:left;
	padding:0 16px;
	font-weight:bold;
	font-size:13px;
	line-height:61px;
	color:#E8E8E8;
	-webkit-transition:color 300ms;
	transition:color 300ms;
}
#subNav .g-wrap .item a:hover {
	}
#subNav .g-wrap .item #on {
	color:#f63b2e;
}
@media(max-width:1550px) {

	#nav .n1 {width:72px;}
	#nav .n2, #nav .n3, #nav .n5, #nav .n6, #nav .n7, #nav .n8 {width:120px;}
	#nav .n4 {width:120px;}


	#subNav .g-wrap .about {padding:0 16px;width:851px;}
	#subNav .g-wrap .honours {padding:0px 16px;width:827px;}
#subNav .g-wrap .news {padding:0 16px;width:491px;}
#subNav .g-wrap .product {padding:0 16px;width:731px;}
#subNav .g-wrap .case {padding:0px 16px;width:611px;}
#subNav .g-wrap .service {padding:0px 16px;width:443px;}
#subNav .g-wrap .solution {padding:0px 16px;width:347px;}
}
@media(min-width:1080px) and (max-width:1600px) {

	.hp07dnav {

		width: 90px;
		height: 56px;
		margin-top: 200px;
	}
	.hp07dnav.hp07next i {
	background:url('../images/product_nav_next_s.png') no-repeat;
}
	.hp07dnav.hp07prev i {
		background:url('../images/product_nav_prev_s.png') no-repeat;
	}
	.hp07dnav.hp07next {
		left: 90px;
	}
	.hp07ttl{
		background:none;
	}
	.buy_button{
		width:146px;
		height:56px;
		left:180px;
	}
	.buy_button a{
		background:url(../images/zxgm_s.png);
	}
	.page4 .wrapper .news_content{
		height:580px;
		margin-top:-270px;
	}
}


.bg21 { position: absolute; left: 50%; bottom: 20%; width:246px; height: 383px;  margin-left: -758px;margin-bottom: 0px; background: url(../images/p2a01.png) 0 0 no-repeat; transition: all 1s;  opacity: 0;z-index:15;}
.bg22 { position: absolute; left: 50%; bottom: 20%; width:248px; height: 380px; margin-left: -420px; margin-bottom: 0px; background: url(../images/p2a02.png) right 0 no-repeat; transition: all 1s; opacity: 0; z-index:11;}
.bg23 { position: absolute; left: 50%; bottom: 20%; width: 236px; height: 383px; margin-left: 199px; background: url(../images/p2a03.png) 50% 0 no-repeat; transition: all 1s; opacity: 0; z-index:11; }
.bg24 { position: absolute; left: 50%; bottom: 20%; width: 265px; height: 377px; margin-left: 509px; background: url(../images/p2a04.png) 50% 0 no-repeat; transition: all 1s; opacity: 0; z-index:11; }
.active .bg21 { opacity: 1; margin-left: -608px; transition-delay: 0.7s;}
.active .bg22 { opacity: 1; margin-left: -270px; transition-delay: 0.7s;}
.active .bg23 { opacity: 1; margin-left: 69px; transition-delay: 0.7s;}
.active .bg24 { opacity: 1; margin-left: 379px; transition-delay: 0.7s;}
.ltie10 .bg21 { opacity: 1;  transition-delay: 0.7s;}
.ltie10 .bg22 { opacity: 1;  transition-delay: 0.7s;}
.ltie10 .bg23 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg24 { opacity: 1; transition-delay: 0.7s;}


.bg31 { position: absolute; left: 50%; bottom: 8%; width:590px; height: 597px;  margin-left: -758px;margin-bottom: 0px; background: url(../images/p3a01.png) 0 0 no-repeat; transition: all 1s;  opacity: 0;z-index:15;}
.bg32 { position: absolute; left: 50%; bottom: 8%; width:509px; height: 628px; margin-left: 320px; margin-bottom: 0px; background: url(../images/p3a02.png) right 0 no-repeat; transition: all 1s; opacity: 0; z-index:11;}
.active .bg31 { opacity: 1; margin-left: -580px; transition-delay: 0.7s;}
.active .bg32 { opacity: 1; margin-left: 50px; transition-delay: 0.7s;}
.ltie10 .bg31 { opacity: 1;  transition-delay: 0.7s;}
.ltie10 .bg32 { opacity: 1;  transition-delay: 0.7s;}

.bg31b { position: absolute; left: 50%; bottom: -20%; width:744px; height: 650px; margin-left: -380px;margin-bottom: 0px; background: url(../images/p3ab01.jpg) 0 0 no-repeat; transition: all 1s;  opacity: 0;z-index:15;}
.active .bg31b { opacity: 1; bottom: 5%;  transition-delay: 0.7s;}
.ltie10 .bg31b { opacity: 1;  transition-delay: 0.7s;}


.bg41 { position: absolute; left: 50%; bottom: 85%; width:1014px; height: 104px;  margin-left: -480px;margin-bottom: 0px; background: url(../images/p4a01.jpg) 0 0 no-repeat; transition: all 1s;  opacity: 0;z-index:15;}
.bg42 { position: absolute; left: 50%; bottom: -9%; width:1015px; height: 600px; margin-left: -500px; margin-bottom: 0px; background: url(../images/p4a02.jpg) right 0 no-repeat; transition: all 1s; opacity: 0; z-index:16;}
.bg43 { position: absolute; left: 50%; bottom: 18%; width: 322px; height: 289px; margin-left: 359px; background: url(../images/p2a03.png) 50% 0 no-repeat; transition: all 1s; opacity: 0; z-index:16; }
.active .bg41 { opacity: 1;  bottom: 78%;transition-delay: 0.7s;}
.active .bg42 { opacity: 1; bottom: 2%;  transition-delay: 0.7s;}
.active .bg43 { opacity: 1; margin-left: 209px; transition-delay: 0.7s;}
.ltie10 .bg41 { opacity: 1;  transition-delay: 0.7s;}
.ltie10 .bg42 { opacity: 1;  transition-delay: 0.7s;}
.ltie10 .bg43 { opacity: 1; transition-delay: 0.7s;}

.bg41b { position: absolute; left: 50%; bottom: 78%; width:470px; height: 85px;  margin-left: -220px;margin-bottom: 0px; background: url(../images/p4b01.png) 0 0 no-repeat; transition: all 1s;  opacity: 0;z-index:15;}
.bg42b { position: absolute; left: 50%; bottom: 23%; width:565px; height: 227px; margin-left: -260px; margin-bottom: 0px; background: url(../images/p4b02.png) right 0 no-repeat; transition: all 1s; opacity: 0; z-index:11;}
.bg43b { position: absolute; left: 50%; bottom: 6%; width: 1116px; height: 447px; margin-left: 59px; background: url(../images/p4b03.png) 50% 0 no-repeat; transition: all 1s; opacity: 0; z-index:11; }
.active .bg41b { opacity: 1;  bottom: 72%;transition-delay: 0.7s;}
.active .bg42b { opacity: 1; bottom: 38%;  transition-delay: 0.7s;}
.active .bg43b { opacity: 1; margin-left: -549px; transition-delay: 0.7s;}
.ltie10 .bg41b { opacity: 1;  transition-delay: 0.7s;}
.ltie10 .bg42b { opacity: 1;  transition-delay: 0.7s;}
.ltie10 .bg43b { opacity: 1; transition-delay: 0.7s;}



.bg61 { position: absolute; left: 50%; bottom: 42%; width:536px; height: 211px;  margin-left: -620px;margin-bottom: 0px; background: url(../images/p6a01.png) 0 0 no-repeat; transition: all 1s;  opacity: 0;z-index:15;}
.bg62 { position: absolute; left: 50%; bottom: 42%; width:536px; height: 211px; margin-left: 110px; margin-bottom: 0px; background: url(../images/p6a02.png) right 0 no-repeat; transition: all 1s; opacity: 0; z-index:11;}
.bg63 { position: absolute; left: 50%; bottom: 12%; width: 536px; height: 211px; margin-left: -620px; background: url(../images/p6a03.png) 50% 0 no-repeat; transition: all 1s; opacity: 0; z-index:11; }
.bg64 { position: absolute; left: 50%; bottom: 12%; width: 536px; height: 211px; margin-left: 110px; background: url(../images/p6a04.png) 50% 0 no-repeat; transition: all 1s; opacity: 0; z-index:11; }
.bg65 { position: absolute; left: 50%; bottom: 5%; width:320px; height: 36px;  margin-left: -320px;margin-bottom: 0px; background: url(../images/p6b01.png) 0 0 no-repeat; transition: all 1s;  opacity: 0;z-index:15;}

.p6p1 { position: absolute; width: 536px; left: 50%; top: 20%; margin-top: 0px; margin-left: -620px; font-size: 16px; color: #373737; opacity: 0; transition: all 1s;}
.p6p1 a{color: #2A901A;}
.p6p1 a:hover{color:#D80000;}
.p6p2 { position: absolute; width: 536px; left: 50%; top: 20%; margin-top: 0px; margin-left: 110px; font-size: 16px; color: #373737; opacity: 0; transition: all 1s;}
.p6p3 { position: absolute; width: 536px; left: 50%; top: 90%; margin-top: 0px; margin-left: -620px; font-size: 16px; color: #373737; opacity: 0; transition: all 1s;}
.p6p4 { position: absolute; width: 536px; left: 50%; top: 90%; margin-top: 0px; margin-left: 110px; font-size: 16px; color: #373737; opacity: 0; transition: all 1s;}

.active .p6p1 { top: 30%;margin-left: -550px; opacity: 1; transition-delay: 0.7s;}
.active .p6p2 { top: 30%;margin-left: 10px; opacity: 1; transition-delay: 0.7s;}
.active .p6p3 { top: 80%;margin-left: -550px; opacity: 1; transition-delay: 0.7s;}
.active .p6p4 { top: 80%;margin-left: 10px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .p6p1 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .p6p2 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .p6p3 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .p6p4 { opacity: 1; transition-delay: 0.7s;}

.active .bg61 { opacity: 1; margin-left: -550px; transition-delay: 0.7s;}
.active .bg62 { opacity: 1; margin-left: 10px;transition-delay: 0.7s;}
.active .bg63 { opacity: 1; margin-left: -550px; transition-delay: 0.7s;}
.active .bg64 { opacity: 1; margin-left: 10px; transition-delay: 0.7s;}
.active .bg65 { opacity: 1; margin-left:-160px; transition-delay: 0.7s;}

.ltie10 .bg61 { opacity: 1;  transition-delay: 0.7s;}
.ltie10 .bg62 { opacity: 1;  transition-delay: 0.7s;}
.ltie10 .bg63 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg64 { opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg65 { opacity: 1; transition-delay: 0.7s;}


.p6a1{ width:536px; height:211px; display:inline-block;_float:left;}

.p6a2{background:url(../images/p6a02.png) no-repeat; width:536px; height:211px; display:inline-block;_float:left;}
.p6a2:hover {background: url(../images/p6a02b.png) 0 0 no-repeat;z-index:999;}
.p6a3{background:url(../images/p6a03.png) no-repeat; width:536px; height:211px; display:inline-block;_float:left;}
.p6a3:hover {background: url(../images/p6a03b.png) 0 0 no-repeat;z-index:999;} 
.p6a4{background:url(../images/p6a04.png) no-repeat; width:536px; height:211px; display:inline-block;_float:left;}
.p6a4:hover {background: url(../images/p6a04b.png) 0 0 no-repeat;z-index:999;} 


.r5px{-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.web-fuwu{top: 8%;width:100%;height:auto;margin:2em auto;position:relative;}
.web-fuwu .fuwu-box,.web-fuwu .fuwu-main{width:1100px;height:450px;margin:2em auto 0;position:relative;}
.web-fuwu .fuwu-box ul{display:block;width:100%;}
.web-fuwu .fuwu-box ul li{width:536px;height:210px;background:#197ec4;margin-bottom:24px;}
.web-fuwu .fuwu-box ul li dl{position:relative;top:18px;left:18px;width:500px;list-style:none;}
.web-fuwu .fuwu-box ul li dl dt{width:240px;height:174px;float:left;position:relative;}
.web-fuwu .fuwu-box ul li dl dt img{width:240px;height:174px;}
.web-fuwu .fuwu-box ul li dl dd{width:240px;height:174px;float:right;position:relative;color:#fff;}
.web-fuwu .fuwu-box ul li dl dd h3{display:block;width:100%;height:42px;font-size:18px;}
.web-fuwu .fuwu-box ul li dl dd p{line-height:200%;text-indent:2em;font-size:16px;}
.web-fuwu .fuwu-box ul li dl dd a{
	width:146px;height:34px;line-height:34px;text-indent:4em;color:#fff;font-size:14px;display:block;position:absolute;right:0px;bottom:0;
	background:url(../images/zx-white.png) no-repeat center;
}
.web-fuwu .fuwu-box ul li:hover{background:#0D9907; transition-delay: 0.1s;}/*#f60*/
.web-fuwu .fuwu-box ul li:hover dl dd{color:#fff; transition-delay: 0.1s;}
.web-fuwu .fuwu-main{height:386px;}
.web-fuwu .fuwu-main .fuwu-tab{width:1100px;margin:auto;height:68px;}
.web-fuwu .fuwu-main .fuwu-tab i{width:10px;height:54px;display:block;background:#197ec4;}
.web-fuwu .fuwu-main .fuwu-tab i.f-l{float:left;border-top-left-radius:10px;}
.web-fuwu .fuwu-main .fuwu-tab i.f-r{float:right;border-top-right-radius:10px;}


.qrcode{display:inline-block;}
.qrcode img{width:100%;}
.qrcode:hover{pacity:1;filter:Alpha(opacity=100);}
.qrcode:hover .ewmCon{display: block;z-index:900;}
.ewmCon {height:160px;position: absolute; display: none;  bottom: 0;top:40px; right: 55px; width: 160px; background-color: #fff; border: 1px solid #dbdbdb; box-shadow: 0 0 5px #dbdbdb; }
.ewmCon .ewm { float: left; margin: 5px; width: 150px; text-align: center; }
.ewmCon .ewm img { display: block; width: 100%; }
.ewmCon .ewm p { color: #666; }




.box12{width: 1200px; margin: 0 auto;}


.idx_tit{text-align: center;padding-top: 56px;padding-bottom: 36px;}
.idx_tit b{color: #595757;font-size: 36px;line-height: 40px;position: relative; border-bottom: 1px solid #898989;padding-bottom: 20px;padding-bottom: 15px;margin-top: 22px;}
.idx_tit i{width: 50px; height: 3px;position: absolute; bottom: -2px;background: #898989;left: 50%; margin-left: -25px;}
.idx_tit p{margin-top: 24px;color: #595757;font-size: 20px;}
.idx_tit h3{font-size: 28px; color: #fff;margin-top: 20px;}




/*.we_ul .JQ-content-box{width: 100%;height: 300px; overflow: hidden;position: relative;}
.we_ul .JQ-slide-content{position: absolute;}
.we_ul .JQ-slide-content li{float: left;}
.we_ul .JQ-slide-nav{position: absolute;left: 50%; bottom: -53px;}
.we_ul .JQ-slide-nav li{width: 43px; height: 3px;background: #c8c8c8;float: left;margin-left: 9px;margin-right: 9px;cursor: pointer;}
.we_ul .JQ-slide-nav li.on{background: #ea5504;}


.we_ul{height: 300px;text-align: center;margin-top: 55px;margin-bottom: 100px;position: relative;}
.we_ul_li{width: 400px; height: 298px; float: left;}
.we_ul_li .we_ul_li_a{
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}*/

/*.we_ul .JQ-content-box{width: 100%;height: 300px; overflow: hidden;position: relative;}
.we_ul .JQ-slide-content{position: absolute;}
.we_ul .JQ-slide-nav{position: absolute;left: 50%; bottom: -53px;}
.we_ul .JQ-slide-nav li{width: 43px; height: 3px;background: #c8c8c8;float: left;margin-left: 9px;margin-right: 9px;cursor: pointer;}
.we_ul .JQ-slide-nav li.on{background: #ea5504;}


.we_ul{text-align: center;margin-top: 55px;margin-bottom: 100px;position: relative;}
.we_ul_li{width: 400px; height: 298px; float: left;}
.we_ul_li a{
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.front,.back{
    width: 100%; height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.front{
    z-index: 2;
    border:1px solid #f3f3f3;
    background: #fff;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.back{
    z-index: 1;
    border:1px solid #ea5504;
     background: #ea5504;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
        -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.we_ul_li:hover .back{
    z-index: 3;
}*/

.we_ul .JQ-content-box{width: 100%;height: 300px; overflow: hidden;position: relative;}
.we_ul .JQ-slide-content{position: absolute;min-height: 298px;}
.we_ul .JQ-slide-content li{vertical-align: top;float: left;}
.we_ul .JQ-slide-nav{position: absolute;left: 50%; bottom: 53px;}
.we_ul .JQ-slide-nav li{width: 43px; height: 3px;background: #c8c8c8;float: left;margin-left: 9px;margin-right: 9px;cursor: pointer;}
.we_ul .JQ-slide-nav li.on{background: #0084FF;}


.we_ul{text-align: center;margin-top: 55px;padding-bottom: 100px;position: relative;}
.we_ul_li{width: 400px; height: 298px; float: left;}
.we_ul_li a{
    position: relative;
}

.front,.back{
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    height: 296px; width: 268px;
    position: absolute;
    top: 0;
    left: 0;
/*  
 height: 296px; width: 208px;
-webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;*/
    box-shadow: 0 0 5px transparent;
        -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
.front{
    z-index: 2;
    border:1px solid #f3f3f3;
   /* background: #fff;*/
}
.back{
    z-index: 1;
    /*border:1px solid #ea5504;*/
   /*   background: #0068C9;*/
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.we_ul_li:first-child{margin-left: 0;}

.we_ul_li a{display: block;height: 298px; width: 270px;margin: 0 auto;overflow: hidden;}
/*.we_ul_li i{width: 135px; height: 135px;border-radius: 135px; border:1px solid #d6d5cc;margin-top: 24px;}*/
.we_ul_li i{width: 270px; height: 135px;}
.we_ico1{background: url(../images/fwa01.jpg);width:270px;height:135px;}
.we_ico2{background: url(../images/fwa01.jpg);width:270px;height:135px;}
.we_ico3{background: url(../images/fwa01.jpg);width:270px;height:135px;}
.we_ico4{background: url(../images/fwa01.jpg);width:270px;height:135px;}
.back .we_ico1{background: url(../images/p6a02.png);}
.back .we_ico2{background: url(indeximg/ico_we2_1.png);}
.back .we_ico3{background: url(indeximg/ico_we3_1.png);}
.back .we_ico4{background: url(indeximg/ico_we4_1.png);}
.we_ul_li .back i{ border:1px solid #fff;}
.we_ul_li h3{color: #0084FF; font-size: 22px;margin: 25px;}
.we_ul_li .back h3{color: #0084FF;}
.we_ul_li p{color: #898989; font-family: "宋体";line-height: 1.5em;}
.we_ul_li .back p{color: #fff;}
.we_ul_li:hover a .front{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.we_ul_li:hover a .back{
    z-index: 3;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
