﻿.swiper-container{
	margin:0 auto;
	position:relative;
	overflow:hidden;
-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;	backface-visibility:hidden;
	z-index:1;
	background: #46689c;
}
.swiper-wrapper{position:relative;width:100%;-webkit-transition-property:-webkit-transform,left,top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform,left,top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform,left,top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform,left,top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-wp8-horizontal{-ms-touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x}
.swiper-container{}
.swiper-slide{}
.swiper-slide-active{}
.swiper-slide-visible{}
.swiper-pagination-switch{}
.swiper-active-switch{}
.swiper-visible-switch{}

@charset "utf-8";body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,p,th,td{margin:0;padding:0}
img{border:0;vertical-align:top}
ol,ul{list-style:none}
a,area{blr:expression(this.onFocus=this.blur())}

a{color:#FFF;text-decoration:none;outline:none}
a:hover{color:#666;text-decoration:none}
.wrap{width:1000px;margin:0 auto;margin-top:-250px;position:relative;z-index:200;}
.ml10{margin-left:10px;}
ul,ol,li{list-style:none;}

.hide{display:none;}

.clearfix{zoom:1}
.clearfix:after{clear:both;content:'\0020';display:block;visibility:hidden;height:0}
.hide{display:none}

em,i{font-style:normal}
.col-box{
	float:left;
	margin-right:10px;
	position:relative;
	background-color: #46689c;
}
.mr-0{margin-right:0}
.mr-10{margin-right:10px}
.part{position:relative;width:1220px;margin:10px auto 0}
.partss{position:relative;width:1222px;margin:10px auto 0}
.m-bfc img{float:left}
.m-bfc p{overflow:hidden}
.fn-left{float:left}
.fn-right{float:right}
.btn-more{position:absolute;width:15px;height:15px;top:20px;right:20px;z-index:2;background-repeat: no-repeat;}
.btn-more:hover{background-color:#fff}
.btn-more2:hover{background-repeat: no-repeat;}
.tab-nav{z-index:1;position:relative;padding-top:15px}
.tab-nav li{float:left;height:32px;width:250px}
.tab-nav .current a{color:#FFFFFF;}
.tab-nav a{display:block;line-height:30px;vertical-align:middle;font-size:14px;padding:0 11px;position:relative;color:#FFFFFF}
.tab-nav a:hover{color:#fff}
.tab-line{position:relative;margin-top:-1px;height:1px;background:#5977a6}
.i-line{transition:width .3s linear;-webkit-transition:width .3s linear;-moz-transition:width .3s linear;-o-transition:width .3s linear;width:0;height:2px;background:#fff;display:block;margin:0 auto}
.current .i-line{width:100%}
.txt-list li{zoom:1;position:relative;vertical-align:top}
.txt-list li:first-child{padding-right:0}
.txt-list li:first-child .title{display:block;position:absolute;width:0;height:0;border-style:solid;border-width:4px 0 4px 7px;border-color:transparent transparent transparent #f1d06c;text-indent:-9999px;top:50%;left:6px;margin-top:-4px}
.txt-list li:first-child .time{display:none}
.txt-list li:first-child{text-indent:0;color:#fff;font-size:12px;line-height:38px;height:38px;zoom:1;padding-left:20px;padding-right:0}
.txt-list a{font-size:14px;color:#d0d6e2;display:block;line-height:32px;height:32px;padding-right:45px;*width:227px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.txt-list a:hover{color:#fff;text-decoration:underline}
.txt-list a:hover .time{color:#d0d6e2}
.txt-list .time{color:#d0d6e2;font-size:14px;line-height:32px;height:32px;position:absolute;top:0;right:0;padding:0 3px}
.txt-list-02{padding-top:10px}
.txt-list-02 a{font-size:12px;color:#cad2e0;padding-left:12px;display:block;line-height:23px;border-bottom:dashed 1px #8396b8;background-repeat: no-repeat;}
.txt-list-02 a:hover{color:#fff;background-repeat: no-repeat;}
.img-mask{position:absolute;width:100%;height:100%;top:0;left:0;background-repeat: no-repeat;}
.sub-title{padding-top:20px;height:29px;border-bottom:solid 1px #d5d5d6;margin-top:1px}
.sub-title i{padding:8px 10px;font-size:14px;color:#46689c;border-bottom:solid 2px #46689c;font-weight:400}
.sub-title2{border-bottom:solid 1px #8794a8}
.sub-title2 i{color:#fff;font-size:12px;border-bottom:solid 2px #fff;padding:11px 10px}




.head{height:544px;position:relative;width:1218px;margin:0 auto}
.hd-con{width:387px;height:200px;position:absolute;left:50px;top:140px;zoom:1}
.hd-txt{height:191px}

.hd-video:hover{background-position:0 -57px}

.hd-btns a{display:inline-block;*display:inline;*zoom:1;height:63px}

.hd-server{background:url("../images/hd-server_def13bf.png") no-repeat;width:147px;height:27px;text-align:center;line-height:27px;color:#fff;font-size:16px;margin:360px 0 0 -50px}
.hd-role-01{position:absolute;left:-119px;top:32px;width:977px;height:1016px;background:url("../images/role_01_6cfd135.png") no-repeat}
.hd-role-02{position:absolute;right:-78px;top:-102px;width:1194px;height:580px;background:url("../images/role_02_8c71c11.png") no-repeat;opacity:0;display:none\9}
.transfiguration{position:absolute;width:135px;height:135px;top:245px;left:534px;background-repeat: no-repeat;}
.transfiguration i{position:absolute;width:100%;height:100%;top:0;left:0}
.transfiguration i em{position:absolute;width:100%;height:100%;top:0;left:0;background-repeat: no-repeat;}
.transfiguration span{color:#2a260f;font-size:18px;font-weight:700;position:absolute;width:42px;height:40px;top:50%;left:50%;margin:-20px 0 0 -20px;line-height:20px;letter-spacing:2px}
.transfiguration:hover{text-decoration:none}
.hd-light{position:absolute;width:361px;height:311px;top:0;right:-78px;transform-origin:100% 0;-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-o-transform-origin:100% 0;-webkit-animation:rotate2 linear 10s infinite;-moz-animation:rotate2 linear 10s infinite;-ms-animation:rotate2 linear 10s infinite;animation:rotate2 linear 10s infinite;background-repeat: no-repeat;}
@-webkit-keyframes rotate2{0%,100%{-webkit-transform:rotate(0)}
50%{-webkit-transform:rotate(-10deg)}}@-moz-keyframes rotate2{0%,100%{-moz-transform:rotate(0)}
50%{-moz-transform:rotate(-10deg)}}@-o-keyframes rotate2{0%,100%{-o-transform:rotate(0)}
50%{-o-transform:rotate(-10deg)}}@-ms-keyframes rotate2{0%,100%{-ms-transform:rotate(0)}
50%{-ms-transform:rotate(-10deg)}}@keyframes rotate2{0%,100%{transform:rotate(0)}
50%{transform:rotate(-10deg)}}.nav{position:absolute;width:100%;top:0;left:0;background:#fff;background:rgba(255,255,255,.75);filter:alpha(opacity=75);height:80px;z-index:10;overflow:hidden;-webkit-transition:height .3s ease;-moz-transition:height .3s ease;-ms-transition:height .3s ease;transition:height .3s ease}
.nav .nav-center{margin-right:202px}
.nav-on{height:300px}
.nav-top{width:1220px;margin:0 auto}
.nav-top a{display:block;width:80px;float:left;margin:0 25px;color:#595757;font-size:16px;line-height:80px;vertical-align:middle;text-align:center}
.nav-top a:hover{color:#25282f}
.logo{position:absolute;width:181px;height:110px;left:50%;margin-left:-90px;top:2px;z-index:20;background-repeat: no-repeat;}
.nav-sub{width:1220px;margin:0 auto}
.nav-sub-list{float:left;width:80px;margin:0 25px;padding-bottom:15px}
.nav-sub-list a{line-height:28px;font-size:14px;display:block;width:100%;text-align:center;vertical-align:middle;color:#595757}
.nav-sub-list a:first-child{padding-top:15px;border-top:solid 1px #bdc8d2}
.nav-sub-list a:hover{color:#306fd1}
.nav-sub-list-last{margin-left:5px}
.nav-sub-list-on a{color:#25282f}
.part-01{margin-top:0}
.part-01 .col-box{height:270px}
.download-box{width:150px;background:#46689c;position:relative}

download-box a{height:100px;display:block;margin:0 15px;line-height:49px;vertical-align:middle;text-align:center;color:#ededee;font-size:16px;border-bottom:dashed 1px #6680aa}

.download-box .btn-flash{position:absolute;width:150px;height:105px;left:0;top:0;margin:0;border:0;background-repeat: no-repeat;}
.download-box .last-one{border-bottom:0}



.btn_payss{position:absolute;left:0px;top:0px;width:150px;height:100x;line-height:100px;text-indent:-99em;overflow:hidden;z-index:999999;}
.downlinks{
	width:150px;
	background:#46689c;
	position:relative;
	height:150px;
	background-color: #46689c;
}
.downlinks a{height:49px;display:block;margin:0 15px;line-height:49px;vertical-align:middle;text-align:center;color:#FFFFFF;font-size:16px;border-bottom:dashed 1px #FFFFFF}
.downlinks a:hover {color:#72cff6}


.part-01 .download-box{height:165px;padding-top:105px}
.banner-box{width:700px}
.banner-box .pagination{font-size:0;width:auto;padding-left:20px;position:absolute;bottom:20px;left:0}
.banner-box .swiper-pagination-switch{display:inline-block;*display:inline;*zoom:1;width:15px;height:15px;opacity:1;border-radius:15px;margin:0 5px;background-repeat: no-repeat;}
.banner-box span.swiper-active-switch{width:51px;background-repeat: no-repeat;}
.banner-box .swiper-button-prev,.banner-box .swiper-button-next{position:absolute;cursor:pointer;width:40px;height:60px;top:50%;margin-top:-30px;background-color:#000;background:rgba(0,0,0,.6);background-repeat:no-repeat;filter:alpha(opacity=60)}
.banner-box .swiper-button-prev:hover,.banner-box .swiper-button-next:hover{background-color:#306fd1;filter:alpha(opacity=100)}
.banner-box .swiper-button-next{-webkit-transition:ease .3s right;-moz-transition:ease .3s right;-ms-transition:ease .3s right;transition:ease .3s right;right:-40px;background-repeat: no-repeat;}
.banner-box .swiper-button-prev{-webkit-transition:ease .3s left;-moz-transition:ease .3s left;-ms-transition:ease .3s left;transition:ease .3s left;left:-40px;background-repeat: no-repeat;}
.banner-box:hover .swiper-button-next{right:0}
.banner-box:hover .swiper-button-prev{left:0}
.news-box{width:310px;padding:0 20px;background:#46689c; margin-left:0px;}
.news-box .swiper-container{height:400px}
.news-box .txt-list{padding-top:10px}
.news-box .txt-list .time{background:#46689c}
.research-box{width:310px;height:24px;color:#d0d6e2;font-size:12px;position:relative;background-repeat: no-repeat;}
.research-box label{padding-left:10px;line-height:24px;vertical-align:middle}
.research-box .research-input{height:16px;font-size:12px;padding:4px 10px;border:0;background:0 0;vertical-align:middle;color:#d0d6e2}
.research-box .input-submit{position:absolute;cursor:pointer;width:80px;height:24px;line-height:24px;vertical-align:middle;text-align:center;color:#46689c;right:0;top:0;background:0 0;border:0}
.research-box .input-submit:hover{text-decoration:underline}
.research-box.focus{color:#fff;background-repeat: no-repeat;}
.research-box.focus .research-input{color:#fff}
.part-02 .col-box{
	height:350px;
	background: #46689c;
}
.activity-box{width:120px;background:#46689c;font-size:0;padding:0 15px}
.activity-box i{display:block;width:33px;height:32px;margin:0 auto 10px;transition:all 1s ease;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease}
.btn-activity{display:inline-block;*display:inline;*zoom:1;height:74px;padding-top:15px;text-align:center;width:56px;color:#ededee;font-size:14px}
.btn-activity:hover i{text-decoration:none;transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-o-transform:rotateY(360deg)}
.btn-activity-01{padding-right:7px;}
.btn-activity-01 i{background-repeat: no-repeat;}
.btn-activity-02{}
.btn-activity-02 i{background-repeat: no-repeat;}
.btn-activity-03{padding-right:7px}
.btn-activity-03 i{background-repeat: no-repeat;}
.btn-activity-04 i{width:34px;background-repeat: no-repeat;}
.qrcode-box{font-size:0;margin-top:10px}
.qrcode-box a{font-size:12px;padding:5px 48px;line-height:24px;background:#7089b1;color:#ededee}
.qrcode-box a:hover,.qrcode-box a.current{text-decoration:none;background:#fff;color:#46689c}
.qrcode-box a:first-child{*margin-right:-1px}
.qrcode-box img{padding:6px;background:#fff}
.strokes-box{width:700px}
.strokes-box .swiper-slide a{position:relative;display:block}
.strokes-box em{position:absolute;width:660px;color:#f1d06c;font-weight:700;font-size:18px;line-height:38px;border-bottom:solid 1px #919499;left:0;bottom:75px;margin:0 20px}
.strokes-nav{position:absolute;bottom:17px}
.strokes-nav a{display:block;float:left;width:100px;height:40px;padding-top:6px;color:#a1a1a1;text-align:center;line-height:18px;margin:0 19px;position:relative;*border:solid 1px #ededee;*padding-top:3px}
.strokes-nav a:hover,.strokes-nav a.current{border-color:#ededee;text-decoration:none;color:#ededee}
.strokes-nav a:hover:before,.strokes-nav a.current:before,.strokes-nav a:hover:after,.strokes-nav a.current:after{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1)}
.strokes-nav a:before,.strokes-nav a:after{content:'';position:absolute;top:0;left:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease}
.strokes-nav a:before{border-top:solid 1px #a1a1a1;border-bottom:solid 1px #a1a1a1;width:100px;height:47px;transform:scale(0,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1)}
.strokes-nav a:after{width:98px;height:48px;border-left:solid 1px #a1a1a1;border-right:solid 1px #a1a1a1;transform:scale(1,0);-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0)}
.strokes-mask{position:absolute;width:100%;height:100%;top:0;left:0;background:url("../images/stroke_mask_8ec147d.png") no-repeat}
.video-box{width:350px;padding:0 0px;background:#fff}
.video-box .tab-nav .current a{color:#FFF}
.video-box .tab-nav a{color:#676767}
.video-box .tab-nav a:hover{color:#FFFFFF}
.video-box .i-line{background:#FFF}
.video-box .tab-line{background:#d5d5d6}
.video-list{font-size:0;padding-top:20px}
.video-list li:first-child img{width:310px;height:170px}
.video-list li:first-child em{font-size:18px}
.video-list li:first-child .video-mask{background-repeat: no-repeat;}
.video-list li:first-child .video-play{position:absolute;width:64px;height:64px;left:50%;margin-left:-32px;bottom:50px;background-repeat: no-repeat;}
.video-list img{width:155px;height:90px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.video-list .video-mask{position:absolute;width:100%;height:100%;top:0;left:0;background-repeat: no-repeat;}
.video-list .video-play{position:absolute;width:28px;height:28px;left:8px;bottom:30px;background-repeat: no-repeat;}
.video-list li{display:block;float:left;position:relative;margin-bottom:5px;overflow:hidden}
.video-list li:hover{color:#ededee}
.video-list li:hover em{text-decoration:underline}
.video-list li:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.video-list em{width:100%;font-size:12px;color:#ededee;opacity:.8;text-align:center;position:absolute;left:0;bottom:6px}
.part-03 .col-box{height:395px}
.recommend-box{width:150px}
.recommend-box a{display:block;margin-bottom:10px;background:#46689c;color:#ededee}
.recommend-box a:hover{text-decoration:none;color:#fff}
.recommend-box img{display:block}
.recommend-box .btn-recommend{position:relative}
.recommend-box .btn-recommend em{color:#d0d6e2;font-size:14px;position:absolute;line-height:18px;top:0;left:0;padding:8px 15px 0}
.recommend-box .btn-recommend i{display:block;width:16px;height:16px;margin-top:8px;background-repeat: no-repeat;}
.recommend-box .btn-recommend:hover em{color:#fff}
.recommend-box .btn-recommend:hover i{background-repeat: no-repeat;}
.recommend-box .btn-recommend-02{font-weight:700;font-size:18px;height:55px;padding-left:15px;line-height:55px;vertical-align:middle;background:#46689c;color:#ededee;margin-bottom:10px}


.role-box{width:1222px;background:url("../images/role_bg_eefabf3.jpg") repeat-x}
.role-box .tab-nav{padding-left:20px}
.role-box .tab-nav li{height:52px;margin-right:10p;width:90px}
.role-box .tab-nav a{line-height:50px;font-size:16px;padding:0 9px}
.role-box .tab-line{margin-left:20px;width:650px;background:#637389}
.role-box .swiper-container{width:1222px;height:395px}
.role-box .swiper-slide{position:absolute;top:0;left:0;float:left;width:1222px;height:395px}
.role-txt{padding-left:30px;color:#b0b6bf;width:600px;position:absolute;z-index:1;top:0;left:-100%;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease}
.role-txt h3{font-size:42px;font-weight:700;color:#fff;line-height:80px;vertical-align:middle;display:inline-block;*display:inline;*zoom:1;padding-right:90px;position:relative}
.role-txt h3 a{position:absolute;width:80px;height:45px;top:50%;right:0;margin-top:-22px}
.role-txt h3 a img{display:block}
.role-txt h3 a i{position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5);background-repeat: no-repeat;}
.role-txt h3 a:hover i{background-color:rgba(0,0,0,.75)}
.role-txt .btn-details{color:#efce6a;padding:6px 16px;border:solid 1px #efce6a;vertical-align:16px;margin-left:20px}
.role-txt .btn-details:hover{color:#40546f;background:#efce6a;text-decoration:none}
.role-value{padding:1px 0;line-height:18px}
.role-value i{display:inline-block;*display:inline;*zoom:1;height:5px;width:300px;background:#f1d06c;vertical-align:middle;text-indent:-9999px;margin-left:5px}
.role-desc{padding-bottom:10px}
.role-feature{padding:16px 0 8px;color:#fff}
.role-skill{padding-top:8px;border-top:solid 1px #637388;display:inline-block;*display:inline;*zoom:1;min-width:178px;overflow:hidden}
.role-skill:nth-child(3){min-width:192px}
.role-skill dt{float:left}
.role-skill dd{display:block;overflow:hidden;vertical-align:middle;line-height:20px}
.role-skill img{cursor:pointer}
.role-img{position:absolute;right:-100%;top:-67px;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease}
.swiper-slide-active .role-img{right:0}
.swiper-slide-active .role-txt{left:0}
.strategy-box{width:310px;padding:0 20px;background:#ededee;font-size:0}
.strategy-box .strategy-link{position:relative;display:inline-block;*display:inline;*zoom:1;margin-top:20px}
.strategy-box .strategy-link em{width:90%;padding-right:10%;font-size:12px;color:#ededee;text-align:right;position:absolute;left:0;bottom:6px}
.strategy-box .strategy-link:hover em{text-decoration:underline}
.strategy-box .txt-list{padding-top:15px}
.strategy-box .txt-list li:first-child{padding-right:0}
.strategy-box .txt-list li:first-child .title{border-color:transparent transparent transparent #306fd1}
.strategy-box .txt-list li:first-child a{color:#306fd1}
.strategy-box .txt-list a{color:#676767}
.strategy-box .txt-list a:hover{color:#306fd1}
.strategy-box .txt-list .time{color:#676767;background:#ededee}
.strategy-box{width:310px;padding:0 20px;background:#ededee}
.strategy-box .tab-nav li{width:64px}
.strategy-box .tab-nav .current a{color:#46689c}
.strategy-box .tab-nav a{color:#676767}
.strategy-box .tab-nav a:hover{color:#46689c}
.strategy-box .txt-lineHei li a{height:30px;line-height:30px}
.strategy-box .i-line{background:#46689c}
.strategy-box .tab-line{background:#d5d5d6}
.part-04 .col-box{height:250px;background:#46689c}
.part-04 .tab-nav{padding-top:10px}
.part-04 .tab-nav li{width:60px;height:36px}
.part-04 .tab-nav a{font-size:12px;padding:0 6px;line-height:34px}
.part-04 .sub-title2{padding-top:15px}
.part-04 .contact-box{background:#46689c}
.contact-box{width:120px;padding:0 15px}
.guide-box{width:305px;padding:0 20px}
.guide-box .swiper-container{height:400px}
.guide-box .tab-nav li{margin-right:8px}
.guide-box .tab-line{background:#8794a8}
.guide-box dl{padding-top:15px}
.guide-box dt{color:#ededee;padding-left:12px;line-height:18px}
.guide-box dd{line-height:18px;padding-bottom:6px}
.guide-box dd a{color:#a5abb5;font-size:12px;margin:0 12px 0 11px;min-width:48px;line-height:18px;display:block;float:left}
.guide-box dd a:hover{color:#ededee}
.guide-box .swiper-slide a{min-width:24px}
.pic-txt-box{width:345px}
.pic-txt-box .swiper-container{height:400px}
.pic-txt-box .sub-title2{margin:0 20px}
.pic-txt-box .m-bfc img{margin:20px 15px 0 20px}
.pic-txt-box .m-bfc p{padding-top:20px;color:#a5abb5;line-height:24px;font-size:14px}
.pic-txt-box .txt2{padding:10px 0}
.pic-txt-box .txt2 a{color:#a5abb5}
.pic-txt-box .txt2 a:hover{text-decoration:none}
.pic-txt-box .txt2 a:hover i{text-decoration:underline}
.pic-txt-box .txt2 i{color:#fff;line-height:30px}
.pic-txt-box2{width:350px}
.pic-prev,.pic-next{position:absolute;width:30px;height:24px;line-height:24px;font-size:12px;color:#475366;background:#5d6d83;bottom:20px;text-align:center;font-weight:700;font-family:SimHei}
.pic-prev:hover,.pic-next:hover{background:#a5adb9;text-decoration:none}
.pic-prev{right:51px}
.pic-next{right:20px}
.part-05 .col-box{cursor:pointer;width:297px;position:relative}
.part-05 .col-box i{position:absolute;width:0;height:4px;background:#fff;opacity:.9;filter:alpha(opacity=75);left:0;bottom:0;transition:all .8s ease;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-o-transition:all .8s ease}
.part-05 .col-box:hover i{width:100%}


.content{padding-bottom:365px;background:url("../images/content_ft_77802d0.jpg") repeat-x center bottom}
.share-box{width:354px;position:relative;margin-top:-30px;left:50%;margin-left:-172px;color:#727f89;z-index:20}
.share-box .NIE-share6 .NIE-share-iconBtn a{color:#727f89;width:auto;margin-right:10px}
.share-box .NIE-share6 .NIE-share-iconBtn a span{margin-right:6px}
.footer{padding:30px 0;color:#ccc}
.footer a,.footer #ncp-l1{color:#e23a3f}
body #NIE-topBar,body #NIE-topBar-include{z-index:98}
.mask{position:fixed;top:0;left:0;width:100%;height:100%;zoom:1;z-index:99;background:#000;display:none;opacity:.5;filter:alpha(opacity=50)}
.pop-video-box{position:fixed;width:900px;height:507px;left:50%;top:50%;margin:-253px 0 0 -400px;z-index:100;display:none}
.pop-video-close{position:absolute;width:30px;height:31px;top:0;right:-30px;background-repeat: no-repeat;}
.pops{display:none;position:fixed;top:50%;left:50%;z-index:100;color:#594838;background:#fff;width:850px;height:400px;margin:-200px 0 0 -425px}
.pops-close{position:absolute;top:7px;right:-35px;width:27px;height:27px;cursor:pointer;text-indent:-999em;overflow:hidden;background-repeat: no-repeat;}
.pops-title{font-family:"microsoft yahei";color:#556275;border-bottom:1px solid #e5e5e5;height:60px;background:#46689c;font-size:24px;color:#fff;line-height:60px;padding-left:34px}
.pops-con{padding:60px 0;margin:0 auto;width:730px}
.pops-con table{border:1px solid #556275;font-size:14px;margin:0 auto 10px;font-family:'Microsoft Yahei';color:#556275}
.pops-con table td{border:1px solid #556275;padding:3px 5px;color:#556275}
.pops-con table th{text-align:left;border:1px solid #556275;padding:3px 5px;text-align:center}
.pops-yuyue-left{width:260px;height:200px;overflow:hidden;position:relative;float:left}
.pops-yuyue-right{width:370px;float:right}
.libao-item{position:absolute;left:0;width:234px;cursor:pointer;display:none}
.libao-item-cur{display:block}
.libao-item img{display:block;width:234px;height:160px}
.libao-item span{display:block;width:162px;height:26px;margin:10px auto 0;font-size:14px;color:#556275;text-align:center;line-height:26px;background-repeat: no-repeat;}
.libaos-prev,.libaos-next{position:absolute;top:71px;width:13px;height:29px;background:url("../images/libao-icon_d0e32e4.png") no-repeat;cursor:pointer}
.libaos-prev{left:0;background-position:0 0}
.libaos-next{right:0;background-position:-15px 0}
.popLeft-box,.popRight-box{float:left}
.popLeft-box{width:510px;padding:30px;background:#fff}
.pop-activity{width:846px;height:600px;margin:-300px 0 0 -423px}
.pop-activity .pops-title{background:0 0;padding-left:0;height:auto}
.pop-activity .pops-title span{display:block;width:80px;height:28px;font-size:14px;color:#040404;text-align:center;line-height:28px;background-repeat: no-repeat;}
.pop-activity .pops-title h3{font-size:24px;font-weight:700;color:#556275;line-height:48px}
.pop-activity .pops-con{height:390px;width:490px;overflow:hidden;padding:10px 15px 10px 0}
.pop-activity .pops-con p{font-size:14px;color:#556275;line-height:24px;font-family:"microsoft yahei";margin-bottom:10px}
.pop-activity .pops-con a{color:#d52921}
.popRight-box{width:236px;background:#46689c;padding:0 20px;height:100%}
.popRight-box .popRight-title{font-size:24px;color:#fff;margin:15px 0;font-family:"microsoft yahei"}
.pops-chosen .D-pop-btn{display:block;height:43px;line-height:43px;border:1px solid #cdae70;background:#f1d06c;border-radius:3px;font-size:14px;color:#514b3b;text-align:center;font-family:"Microsoft YaHei"}
.pops-chosen .D-pop-btn:hover{background:#cdb15b;color:#fff;text-decoration:none}
.pops-chosen .D-pop-btn1{font-size:18px;width:100%;margin-bottom:10px}
.pops-chosen .D-pop-btn2,.pops-chosen .D-pop-btn3{width:113px}
.cl{float:left}
.cr{float:right}
.pops-chosen .D-pop-btn1 b{color:#d52921}
.NIE-fur{background:0 0}
#reg1 .NIE-fur .fur-item-input{background:#fff}
.pops .NIE-quickReg{width:236px;margin:20px auto 90px}
.pops .NIE-quickReg .NIE-fur{width:236px}
.NIE-fur .fur-btn{height:48px;line-height:48px;border:1px solid #cdae70;background:#f1d06c;color:#514b3b;font-size:18px;border-radius:3px}
.NIE-fur .fur-btn.fur-btn-sms{font-size:14px;height:44px;line-height:44px}
.NIE-fur .fur-btn:hover{background:#cdb05b;color:#514b3b}
.NIE-fur a:hover{text-decoration:none}
.fur-modal{background:#fff}
.fur-captcha-img{right:-2px}
.NIE-quickReg{width:230px;font-family:Arial;font-size:12px;line-height:170%;color:#000;clear:both}
.pops .NIE-fur .fur-item-input{width:234px}
.NIE-quickReg2{color:#594838}
.pops .NIE-fur .fur-btn{width:235px!important;margin-right:0}
.pops .NIE-quickReg2 .fur-page-sms-captcha .fur-btn-sms-captcha-submit,#reg1 .fur-page-reg .fur-sms .fur-btn-sms,.pops .popRight-box .NIE-quickReg2 .fur-submit .fur-btn-sms-submit,.pops .NIE-fur .fur-btn{background:#f1d06c!important}
.NIE-quickReg .fur-item.fur-agree a,.NIE-quickReg .fur-item.fur-agree{color:#afc6e8}
.pops .NIE-fur .fur-item-input{width:234px}
.pops .NIE-fur .fur-item-input.fur-item-input-sms{width:130px}
.pops .NIE-fur .fur-item-input-captcha{width:110px}
.pops .NIE-fur .fur-item{font-size:12px}
.popLeft-box,.popRight-box{float:left}
.pops .NIE-fur .fur-sms-captcha-img{width:118px}
.NIE-fur h3{color:#000;height:25px}
.NIE-fur ol li,.NIE-fur .fur-input,.NIE-fur p{color:#000}
.NIE-fur ol li{float:none}
.NIE-fur a{color:#f66960}
.pops .popRight-box .NIE-quickReg2 .fur-sms .fur-btn-sms{width:120px!important}
.pops .NIE-fur .fur-item-input.fur-item-input-sms{width:110px}
.part,.col-box{transition:all .8s ease .3s;-webkit-transition:all .8s ease .3s;-moz-transition:all .8s ease .3s;-o-transition:all .8s ease .3s;opacity:1;filter:alpha(opacity=100);transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0)}
.unshowed,.unshowed .col-box{opacity:0;filter:alpha(opacity=0);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}
.transfiguration:hover i{-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);transform:scale(0.85)}
.transfiguration i{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.transfiguration i em{-webkit-animation:rotate linear 3s infinite;-moz-animation:rotate linear 3s infinite;-ms-animation:rotate linear 3s infinite;animation:rotate linear 3s infinite}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(-360deg)}}@-moz-keyframes rotate{0%{-moz-transform:rotate(0)}
100%{-moz-transform:rotate(-360deg)}}@-o-keyframes rotate{0%{-o-transform:rotate(0)}
100%{-o-transform:rotate(-360deg)}}@-ms-keyframes rotate{0%{-ms-transform:rotate(0)}
100%{-ms-transform:rotate(-360deg)}}@keyframes rotate{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}}.wrap-on{background:url("../images/bg_02_0c6657d.jpg") no-repeat center top}
.wrap-on .hd-role-01{-webkit-animation:breakIn ease .8s both;-moz-animation:breakIn ease .8s both;-ms-animation:breakIn ease .8s both;animation:breakIn ease .8s both}
@-webkit-keyframes breakIn{0%{-webkit-transform:translateX(0)}
40%{-webkit-transform:translateX(170px)}
90%{-webkit-transform:translateX(-6px)}
97%{-webkit-transform:translateX(4px)}
100%{-webkit-transform:translateX(-2px)}}@-moz-keyframes breakIn{0%{-moz-transform:translateX(0)}
40%{-moz-transform:translateX(170px)}
90%{-moz-transform:translateX(-6px)}
97%{-moz-transform:translateX(4px)}
100%{-moz-transform:translateX(-2px)}}@-o-keyframes breakIn{0%{-o-transform:translateX(0)}
40%{-o-transform:translateX(170px)}
90%{-o-transform:translateX(-6px)}
97%{-o-transform:translateX(4px)}
100%{-o-transform:translateX(-2px)}}@-ms-keyframes breakIn{0%{-ms-transform:translateX(0)}
40%{-ms-transform:translateX(170px)}
90%{-ms-transform:translateX(-6px)}
97%{-ms-transform:translateX(4px)}
100%{-ms-transform:translateX(-2px)}}@keyframes breakIn{0%{transform:translateX(0)}
40%{transform:translateX(170px)}
90%{transform:translateX(-6px)}
97%{transform:translateX(4px)}
100%{transform:translateX(-2px)}}.wrap-on .hd-con{-webkit-animation:moveOut linear .6s both;-moz-animation:moveOut linear .6s both;-ms-animation:moveOut linear .6s both;animation:moveOut linear .6s both;display:none\9}
@-webkit-keyframes moveOut{0%{-webkit-transform:translateX(0);opacity:.8}
90%{opacity:.1}
100%{-webkit-transform:translateX(-300px);opacity:0}}@-moz-keyframes moveOut{0%{-moz-transform:translateX(0);opacity:.8}
90%{opacity:.1}
100%{-moz-transform:translateX(-300px);opacity:0}}@-o-keyframes moveOut{0%{-o-transform:translateX(0);opacity:.8}
90%{opacity:.1}
100%{-o-transform:translateX(-300px);opacity:0}}@-ms-keyframes moveOut{0%{-ms-transform:translateX(0);opacity:.8}
90%{opacity:.1}
100%{-ms-transform:translateX(-300px);opacity:0}}@keyframes moveOut{0%{transform:translateX(0);opacity:.8}
90%{opacity:.1}
100%{transform:translateX(-300px);opacity:0}}.wrap-on .hd-role-02{-webkit-animation:moveIn ease .8s both;-moz-animation:moveIn ease .8s both;-ms-animation:moveIn ease .8s both;animation:moveIn ease .8s both;display:block\9}
@-webkit-keyframes moveIn{0%{-webkit-transform:translateX(-300px);opacity:.5}
90%{-webkit-transform:translateX(10px)}
97%{-webkit-transform:translateX(-4px)}
100%{-webkit-transform:translateX(2px);opacity:1}}@-moz-keyframes moveIn{0%{-moz-transform:translateX(-300px);opacity:.5}
90%{-moz-transform:translateX(10px)}
97%{-moz-transform:translateX(-4px)}
100%{-moz-transform:translateX(2px);opacity:1}}@-o-keyframes moveIn{0%{-o-transform:translateX(-300px);opacity:.5}
90%{-o-transform:translateX(10px)}
97%{-o-transform:translateX(-4px)}
100%{-o-transform:translateX(2px);opacity:1}}@-ms-keyframes moveIn{0%{-ms-transform:translateX(-300px);opacity:.5}
90%{-ms-transform:translateX(10px)}
97%{-ms-transform:translateX(-4px)}
100%{-ms-transform:translateX(2px);opacity:1}}@keyframes moveIn{0%{transform:translateX(-300px);opacity:.5}
90%{transform:translateX(10px)}
97%{transform:translateX(-4px)}
100%{transform:translateX(2px);opacity:1}}.wrap-off .hd-role-01{-webkit-animation:breakOut ease .8s both;-moz-animation:breakOut ease .8s both;-ms-animation:breakOut ease .8s both;animation:breakOut ease .8s both}
@-webkit-keyframes breakOut{0%{-webkit-transform:translateX(0)}
40%{-webkit-transform:translateX(170px)}
90%{-webkit-transform:translateX(-6px)}
97%{-webkit-transform:translateX(4px)}
100%{-webkit-transform:translateX(-2px)}}@-moz-keyframes breakOut{0%{-moz-transform:translateX(0)}
40%{-moz-transform:translateX(170px)}
90%{-moz-transform:translateX(-6px)}
97%{-moz-transform:translateX(4px)}
100%{-moz-transform:translateX(-2px)}}@-o-keyframes breakOut{0%{-o-transform:translateX(0)}
40%{-o-transform:translateX(170px)}
90%{-o-transform:translateX(-6px)}
97%{-o-transform:translateX(4px)}
100%{-o-transform:translateX(-2px)}}@-ms-keyframes breakOut{0%{-ms-transform:translateX(0)}
40%{-ms-transform:translateX(170px)}
90%{-ms-transform:translateX(-6px)}
97%{-ms-transform:translateX(4px)}
100%{-ms-transform:translateX(-2px)}}@keyframes breakOut{0%{transform:translateX(0)}
40%{transform:translateX(170px)}
90%{transform:translateX(-6px)}
97%{transform:translateX(4px)}
100%{transform:translateX(-2px)}}.wrap-off .hd-con{-webkit-animation:moveIn2 ease .8s both;-moz-animation:moveIn2 ease .8s both;-ms-animation:moveIn2 ease .8s both;animation:moveIn2 ease .8s both;display:block\9}
@-webkit-keyframes moveIn2{0%{-webkit-transform:translateX(-400px);opacity:.85}
90%{-webkit-transform:translateX(10px)}
97%{-webkit-transform:translateX(-4px)}
100%{-webkit-transform:translateX(2px);opacity:1}}@-moz-keyframes moveIn2{0%{-moz-transform:translateX(-400px);opacity:.85}
90%{-moz-transform:translateX(10px)}
97%{-moz-transform:translateX(-4px)}
100%{-moz-transform:translateX(2px);opacity:1}}@-o-keyframes moveIn2{0%{-o-transform:translateX(-400px);opacity:.85}
90%{-o-transform:translateX(10px)}
97%{-o-transform:translateX(-4px)}
100%{-o-transform:translateX(2px);opacity:1}}@-ms-keyframes moveIn2{0%{-ms-transform:translateX(-400px);opacity:.85}
90%{-ms-transform:translateX(10px)}
97%{-ms-transform:translateX(-4px)}
100%{-ms-transform:translateX(2px);opacity:1}}@keyframes moveIn2{0%{transform:translateX(-400px);opacity:.85}
90%{transform:translateX(10px)}
97%{transform:translateX(-4px)}
100%{transform:translateX(2px);opacity:1}}.wrap-off .hd-role-02{-webkit-animation:moveOut2 linear .8s both;-moz-animation:moveOut2 linear .8s both;-ms-animation:moveOut2 linear .8s both;animation:moveOut2 linear .8s both;display:none\9}
@-webkit-keyframes moveOut2{0%{-webkit-transform:translateX(0);opacity:.8}
30%{opacity:.2}
100%{-webkit-transform:translateX(-60px);opacity:0}}@-moz-keyframes moveOut2{0%{-moz-transform:translateX(0);opacity:.8}
30%{opacity:.2}
100%{-moz-transform:translateX(-60px);opacity:0}}@-o-keyframes moveOut2{0%{-o-transform:translateX(0);opacity:.8}
30%{opacity:.2}
100%{-o-transform:translateX(-60px);opacity:0}}@-ms-keyframes moveOut2{0%{-ms-transform:translateX(0);opacity:.8}
30%{opacity:.2}
100%{-ms-transform:translateX(-60px);opacity:0}}@keyframes moveOut2{0%{transform:translateX(0);opacity:.8}
30%{opacity:.2}
100%{transform:translateX(-60px);opacity:0}}.hd-light{background-position:0px 0px}
.video-list li:first-child .video-mask{background-position:-361px 0px}
.transfiguration{background-position:-361px -170px}
.transfiguration i em{background-position:-496px -170px}
.logo{background-position:0px -311px}
.download-box .btn-flash{background-position:-181px -311px}
.img-mask{background-position:-331px -311px}
.video-list .video-mask{background-position:-331px -311px}
.video-list li:first-child .video-play{background-position:-486px -311px}
.banner-box .swiper-button-prev{background-position:-631px -170px}
.banner-box .swiper-button-next{background-position:-631px -230px}
.role-txt h3 a i{background-position:-550px -311px}
.btn-activity-01 i{background-position:-630px -311px}
.btn-activity-02 i{background-position:0px -421px}
.btn-activity-03 i{background-position:-33px -421px}
.btn-activity-04 i{background-position:-66px -421px}
.pop-video-close{background-position:-100px -421px}
.video-list .video-play{background-position:-130px -421px}
.pop-activity .pops-title span{background-position:-158px -421px}
.pops-close{background-position:-238px -421px}
.libao-item span{background-position:-486px -375px}
.txt-list-02 a:hover{background-position:-265px -421px}
.research-box.focus{background-position:0px -453px}
.research-box{background-position:-310px -453px}
.txt-list-02 a{background-position:-415px -421px}
.recommend-box .btn-recommend:hover i{background-position:-550px -356px}
.recommend-box .btn-recommend i{background-position:-566px -356px}
.btn-more2:hover{background-position:-631px -290px}
.banner-box span.swiper-active-switch{background-position:-582px -356px}
.banner-box .swiper-pagination-switch{background-position:-646px -290px}
.btn-more{background-position:-633px -356px}
.hd-light,.video-list li:first-child .video-mask,.transfiguration,.transfiguration i em,.logo,.download-box .btn-flash,.img-mask,.video-list .video-mask,.video-list li:first-child .video-play,.banner-box .swiper-button-prev,.banner-box .swiper-button-next,.role-txt h3 a i,.btn-activity-01 i,.btn-activity-02 i,.btn-activity-03 i,.btn-activity-04 i,.pop-video-close,.video-list .video-play,.pop-activity .pops-title span,.pops-close,.libao-item span,.txt-list-02 a:hover,.research-box.focus,.research-box,.txt-list-02 a,.recommend-box .btn-recommend:hover i,.recommend-box .btn-recommend i,.btn-more2:hover,.banner-box span.swiper-active-switch,.banner-box .swiper-pagination-switch{background-image: url("../images/index_z_5af9e53.png")}
.btn-more{background-image: url("../images/spriter/index_z_5af9e53.png")}
#flash{width:96px;height:450px;position:fixed;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));left:220px;top:0px;margin-top:0px;z-index:6000;}
#flash a{text-indent:-99em;overflow:hidden;}
#flash a.btn_kefu{width:130px;height:62px;background:url("../images/a_bg2.jpg") no-repeat left top;display:block;}
#flash a.btn_kefu:hover{background-position:-130px top ;}
#flash a.btn_top{width:130px;height:62px;background:url("../images/a_bg2.jpg") no-repeat left -61px;display:block;}
#flash a.btn_top:hover{background-position:-130px -61px ;}
#flash .erweima{width:68px;height:102px;padding-top:0px;}
#flash .erweima img{margin:0 auto 3px;width:118px;height:117px;display:block;}
#onlinflasheKefu .erweima span{height:27px;line-height:27px;text-align:center;overflow:hidden;color:#feffff;display:block;font-size:12px;font-family:'微软雅黑';}

