@charset "utf-8";

/*css reset*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0;}
fieldset,img{border:none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul,ol{list-style:none;}
input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;}
body{font: 12px/1.42857143 "Arial", "宋体"; color:#333;}
h1, h2, h3, h4{font-family:"Microsoft YaHei","微软雅黑", "Arial";}

a{color:#ed542b; text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
.clearfix{zoom:1;}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.fl{float:left;}.fr{float:right;}
.break{ word-break:break-all; word-wrap:break-word}
.hide{display:none;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px !important;}
.red{color:#f00;}

.head{ height:50px; background-color:#3f4a5c;}
.head .inner{width:1000px; margin:0 auto; background-color:#3f4a5c;}
.head .inner h1{float:left; width:120px; height:50px;}
.head .inner h1 .logo{display:block; width:120px; height:50px; background:url(../../images/logo.png) no-repeat 0 5px; text-indent:-999px; overflow:hidden;}
.head .inner .extra-fn{float:right; width:380px;}
.head .inner .extra-fn>p{float:left; color:#fff; line-height:50px; vertical-align:middle;}
.head .inner .extra-fn .login-btn{ margin-top:13px;}
.head .inner .extra-fn .login-info{display:none;}
.head .inner .extra-fn .login-info .login-out{margin-left:5px; color:#fff}
.head .inner .extra-fn .search-box{float:right; width:250px; height:30px; background-color:#e6e6e6; margin-top:10px;}
.head .inner .extra-fn .search-box .search-keyword{float:left; width:210px; height:18px; padding:6px 0 6px 10px; border:none; background-color:#e6e6e6; outline:0 none; color:#6c6c6c; zoom:1;}
.head .inner .extra-fn .search-box .search-submit{float:right; width:30px; height:30px; background:url(../../images/search_btn.png) no-repeat center center; border:none; line-height:100; overflow:hidden;}
.body{width:1000px; margin:0 auto;}
.body .breadcrumb{height:30px; margin-top:20px;}
.body .breadcrumb li{float:left; margin-right:12px;}
.body .breadcrumb .index{background:url(../../images/icon_index.png) no-repeat 0 1px; height:15px; width:15px; display:inline-block; vertical-align:top;}
.body .breadcrumb .divider{font-family:"SimSun","宋体"; margin-left:12px;}
.body .content{border:1px solid #e5e5e5; margin-top:20px; background:url(../../images/bg.png) repeat-y 0 0; position:relative;}
.body .content .col-l{float:left; width:229px;}
.sidebar-menu li{position:relative;}
.sidebar-menu>li{border-bottom:1px solid #e5e5e5;}
.sidebar-menu li a{color:#333; display:block; padding:15px 45px 15px 25px; zoom:1;}
.sidebar-menu>li>a:hover{background-color:#ed542b; color:#fff; text-decoration:none;}
.sidebar-menu>li>a:hover .ico-arrow{background:url(../../images/arrow_down.png) no-repeat 0 0;}
.sidebar-menu li .sub-menu{display:none; position:relative; zoom:1;}
.sidebar-menu li .sub-menu li a{ padding:12px 25px 12px 45px;}
.sidebar-menu li .sub-menu li a:hover{color:#ed542b; text-decoration:none;}
.sidebar-menu li a.active{font-weight:bold;}
.sidebar-menu .on a, .sidebar-menu .open a{background-color:#fdfdfd;}
.sidebar-menu .on>a, .sidebar-menu .open>a{background-color:#ed542b; color:#fff;}
.sidebar-menu .open .sub-menu{display:block; position:relative; zoom:1;}
.sidebar-menu .ico-arrow{ display:block; position:absolute; width:7px; height:4px; top:22px; right:20px; background:url(../../images/arrow_up.png) no-repeat 0 0;}
.sidebar-menu .open .ico-arrow, .sidebar-menu .on .ico-arrow{background:url(../../images/arrow_down.png) no-repeat 0 0;}

.col-menu{position:fixed; width:160px; bottom:90px; left:1800px; border:1px solid #d7d7d7; background-color:#fff;}
.col-menu-title{height:36px;}
.col-menu-title h2{float:left; font-size:14px; line-height:36px; margin:0 10px 0 15px;}
.col-menu-title span{float:left; line-height:36px;}
.col-menu-content{outline:0;}
.col-menu-content>ul{width:130px;}
.col-menu-content ul{margin:0 0 7px 14px;}
.col-menu-content li{line-height:24px;}

.ico-goto, .ico-menu{width:43px; height:43px; position:fixed; bottom:90px; left:1800px; background:#fefefe url(../../images/menu.png) no-repeat 0 0; border:1px solid #d9d9d9; border-radius:2px; display:none; cursor:pointer;}
.ico-goto{ background-image:url(../../images/top.png); background-color:#e2e2e2; border:1px solid #e2e2e2; bottom:40px;}
.ico-menu:hover{background-color:#fafafa}
.ico-goto:hover{background-color:#b9b9b9}

.body .content .col-r{float:right; width:768px; margin-bottom:46px;}
.col-r .article{ padding:20px;}
.col-r .article h1{text-align:center; padding-bottom:15px; border-bottom:1px dashed #d2d2d2; font-size:20px; margin-bottom:15px;}
.col-r .article h2{margin:20px 0 0 0; height:37px; line-height:37px; font-size:18px;}
.col-r .article h3{font-size:14px; margin:10px 0 0 0; height: 37px; line-height: 30px;}
.col-r .article p{line-height:24px; font-size:12px;}
.col-r .article .code{line-height:24px; font-size:14px; color:#595959; border:1px dashed #cecfcf; background-color:#fafaf9; padding: 6px 12px; margin:5px 0 10px 0;}
.col-r .article .code pre{margin:0;}
.col-r .article table{border: 1px solid #e4e4e4; border-collapse: collapse; border-left: 0; margin:5px 0;}
.col-r .article table th, .col-r .article table td {padding:8px; line-height:20px; text-align:left; vertical-align: top; border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4}
.col-r .article table th{text-align:center; font-weight:bold; background-color:#fafafa;}

.body .content .col-b{position:absolute; width:768px; height:45px; border-top:1px solid #e5e5e5; right:0; bottom:0;}
.col-b .article-op .next{line-height:45px; margin-left:20px;}
.col-b .article-op .download{line-height:45px; margin-right:20px;}
.col-b .article-op .download .detail{color:#999999; margin-left:5px;}
.ico-down{width:16px; height:14px; background:url(../../images/down.png) no-repeat 0 0; display:inline-block; vertical-align:middle; margin-right:5px;}

.top-search{position:relative; height:260px;}
.top-search-bg{position:relative; background-color:#01325b; height:260px; overflow:hidden;}
.top-search .arrow-left, .top-search .arrow-right{
	display:block; width:0; height:0; line-height:0; overflow:hidden; font-size:0; position:absolute;
	border-width:200px; border-color:#fff; filter:alpha(opacity=2); opacity: .02; border-style:solid; border-top-color:transparent !important; border-bottom-color:transparent !important; 
}
.top-search .arrow-left{border-left:none !important;}
.top-search .arrow-right{border-right:none !important;}
.top-search .arrow-one{left:0; top:70px;}
.top-search .arrow-two{left:50%; top:-180px; margin-left:-140px; border-width:280px; border-color:#000; filter:alpha(opacity=8); opacity: .08;}
.top-search .arrow-three{left:50%; top:50px; margin-left:-300px; border-width:160px; border-color:#000; filter:alpha(opacity=5); opacity: .05;}
.top-search .arrow-four{right:0; top:30px; border-width:150px;}
.top-search .arrow-five{right:150px; top:-230px; border-width:260px;}
.top-search-box{ position:absolute; left:50%; margin-left:-368px; top:80px; height:180px;}
.top-search-box .search-form{width:736px; height:60px; background-color:#dc522d;}
.top-search-box .search-form .search-keyword{float:left; width:640px; border:3px solid #dc522d; outline:0 none; color:#6c6c6c; font-size:18px; font-family:"Microsoft YaHei","微软雅黑"; height:18px; padding:18px 10px; zoom:1;}
.top-search-box .search-form .search-submit{float:right; width:70px; height:60px; background:url(../../images/search_btn2.png) no-repeat center center; border:none; line-height:100; overflow:hidden;}
.top-search .search-hot{margin-top:20px;}
.top-search .search-hot li{float:left; margin-right:20px; font-size:14px; color:#b8b8b8;}
.top-search .search-hot li a{color:#fff;}

.process{background-color:#f7f7f7;}
.process .process-box{width:1000px; margin:0 auto; padding:20px 0 25px 0;}
.process .process-box h2{ font-size:18px; font-weight:normal; padding-bottom:12px;}
.process-items .process-item{float:left; width:320px; margin-left:20px; height:374px;}
.process-items .process-item:first-child{margin-left:0px;}
/* .process-items .process-item:hover{ box-shadow:0 0 20px rgba(0,0,0,0.24);} */
.process-items .process-item .title{height:190px; position:relative; background:#3D93D7 url(../../images/icon1.png) no-repeat center center; border-radius:4px 4px 0 0;}
.process-items .process-item .title.two{ background-color:#bdbc49; background-image:url(../images/icon2.png)}
.process-items .process-item .title.three{ background-color:#e570dc; background-image:url(../images/icon3.png)}
.process-items .process-item .title.four{ background-color:#fb805e; background-image:url(../images/icon4.png)}
.process-items .process-item .title h4{position:absolute; bottom:10px; left:20px; font-size:16px; color:#fff; font-weight:normal;}
.process-items .process-item .title .num{ font-size:24px; margin-right:12px;}
.process-items .process-item .content{background-color:#fff; border-radius:0 0 4px 4px; width:320px; height:184px; overflow:auto; outline:0;}
.process-items .process-item .content ul{padding:10px 0 9px 20px;}
.process-items .process-item .content li{position:relative; font-size:14px; padding:6px 15px 7px 25px; width:241px; *width:221px; height:21px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.process-items .process-item .jspScrollable li{padding-right:5px;}
.process-items .process-item .content li .circle{display:block; position:absolute; left:0px; top:13px; width:6px; height:6px; border-radius:4px; border:1px solid #c8c8c8;}
.process-items .process-item .content li a{color:#666;}
.process-items .process-item .content li a:hover{color:#ed542b; text-decoration:none;}
.process-items .process-item .content li a:hover .circle{ border-color:#ed542b;}

.information{width:1000px; margin:30px auto;  font-size:0; position:relative;}
.information:before, .information:after{position:absolute; content:" "; display:block; width:0; font-size:0; border-left:1px dashed #d7d7d7; top:0; bottom:0;}
.information:before{left:327px;}
.information:after{right:327px;}
.information>div{display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
.information .info-box{width:310px; font-size:14px; margin-left:35px;}
.information .info-box:first-child{margin-left:0}
.information .info-box .info-title{font-size:18px; font-weight:normal; margin-bottom:10px;}
.information .info-box .info-content li{position:relative; padding:6px 0 6px 22px;}
.information .info-box .info-content .squares{position:absolute; top:15px; left:8px; width:3px; height:3px; display:block; background-color:#999;}
.information .info-box .info-content li a{color:#666;}
.information .info-box .info-content li a:hover{color:#ed542b; text-decoration:none;}
.information .info-box .info-content li a:hover .squares{background-color:#ed542b}

.game-box{width:1000px; margin:0 auto;}
.game-box h2{margin-bottom:20px; font-size:18px; font-weight:normal;}
.game-box ul{padding:1px 0 0 1px; background-color:#f2f2f2; width:996px; margin-left:1px;}
.game-box li{float:left; width:167px; height:151px; margin:-1px 0 0 -1px;}
.game-box li a{display:block; border:1px solid #f2f2f2; background-color:#fff; height:149px; text-align:center; color:#666;}
.game-box li img{width:75px; margin-top:30px;}
.game-box li a span{display:block; margin-top:10px;}
.game-box li a:hover{color:#ed542b; text-decoration:none; border:1px solid #ed542b; position: relative; z-index: 2; }

.jspVerticalBar{width:6px;}
.jspTrack{background-color:#f1f1f1;}
.jspDrag{background-color:#c0c0c0;}

.foot{width:1000px; margin:0 auto; padding:45px 0;}
.foot p{text-align:center; color:#9c9c9c;}

/* 新的 */
.section-1{background:url(../Images/atet-about.jpg) no-repeat center center;}
.caret{display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}
.header-v2{font: 14px/1.42857143 "Microsoft YaHei","微软雅黑"; z-index:20;background:url(../Images/screen-3-bgs.jpg) no-repeat bottom center;}
.header-v2 a{color:#e9e9e9;}
.header-v2 a:hover{text-decoration:none;}
.header-v2 .head-inner{width:1020px; margin:0 auto; position:relative; z-index:1}
.header-v2 .head-inner .logo{float:left; margin:0 40px 0 10px;}
.header-v2 .head-inner .logo a{display:block; height:50px;}
.header-v2 .head-inner .logo img{display:inline-block; margin-top:5px;}
.header-v2 .head-inner .logo span{display:inline-block; vertical-align:top; font-size:18px; line-height:50px; margin-left:15px; color:#fff;}
.header-v2 .head-inner .nav{float:left;}
.header-v2 .head-inner .nav li{float:left;}
.header-v2 .head-inner .nav li a{display:block; height:50px; line-height:50px; padding:0 12px;}
.header-v2 .head-inner .nav li a:hover{background-color:rgba(255,255,255,0.2);}
.header-v2 .head-inner .opt{float:right;}
.header-v2 .head-inner .opt>li{float:left; position:relative;}
.header-v2 .head-inner .opt>li>a{ display:block; height:50px; line-height:50px; padding:0 10px;}
.header-v2 .head-inner .opt .login img{vertical-align:middle;}
.header-v2 .head-inner .opt .language img{vertical-align:middle; margin-right:5px;}
.header-v2 .head-inner .opt>li ul{position:absolute; top:42px; right:8px; border: 1px solid #d2ccc4; border-radius:2px; background: #fff; box-shadow:0 0 3px rgba(0,0,0,0.08);}
.header-v2 .head-inner .opt>li ul.language-list{width:75px; display:none; padding:4px;}
.header-v2 .head-inner .opt>li ul.user-list{width:80px; display:none; padding:4px;}
.header-v2 .head-inner .opt>li ul a{display:block; color:#333; padding:4px 10px;}
.header-v2 .head-inner .opt>li ul a:hover{background-color:#f1f1f1;}

.main-v2 .section{width:100%; min-width:1020px; margin: 0 auto; overflow:hidden; height:800px; font: Arial;}
.main-v2 .section>a{color:#333;}
/*.main-v2 .section-1{background:#000 url(../Public/Images/screen-3-bgs.png) no-repeat center center;}*/
.main-v2 .section-1 .inner{ width:1020px; height:460px; position:relative; top:50%; margin:-230px auto 0 auto;}
.main-v2 .section-1 h1{ font-size:48px; font-weight:normal; color:#000; text-align:center;}
.main-v2 .section-1 .use-now{text-align:center;}
.main-v2 .section-1 .use-bottom{display:inline-block; padding:12px 60px; border:1px solid #fff; color:#000; font-size:18px; margin:60px 0; border-radius:50px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.main-v2 .section-1 .use-bottom:hover{text-decoration:none; background-color:#ed542b; border:1px solid #ed542b;}
.main-v2 .section-1 .use-bottom:active{text-decoration:none; background-color:#b9300c; border:1px solid #b9300c;}
.main-v2 .section-1 .inner>p{margin-bottom:20px; text-align:center; color:#dadada;}
.main-v2 .section-1 .page-btns{text-align:center;}
.main-v2 .section-1 .page-btns a{display:inline-block; vertical-align:top; width:300px; height:180px; margin:0 15px; background-color:#101014; color:#fff; border-radius:4px; transition:all .3s}
.main-v2 .section-1 .page-btns a:hover{text-decoration:none; background-color:#101014;}
.main-v2 .section-1 .page-btns .step{text-align:left; margin:12px 0 0 15px;}
.main-v2 .section-1 .page-btns .img{margin-top:8px;}
.main-v2 .section-1 .page-btns .step-name{margin:20px 0 15px 0; font-size:18px;}
.main-v2 .section-1 .page-btns a .icon-down{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.main-v2 .section-1 .page-btns a:hover .icon-down{-webkit-transform:translateY(8px); -moz-transform:translateY(8px)}
.main-v2 .section-1 .page-btns a.btn2{background-color:#8800ef;}
.main-v2 .section-1 .page-btns a.btn2:hover{background-color:#8800ef;}
.main-v2 .section-1 .page-btns a.btn3{background-color:blue;}
.main-v2 .section-1 .page-btns a.btn3:hover{background-color:blue;}
.main-v2 .section-2{background:url(../Images/atet-about1.jpg) no-repeat bottom center;}

.main-v2 .section .section-inner{ width:760px; height:500px; position:relative; top:50%; margin:-250px auto 0 auto;}
.main-v2 .section .flow-top{margin:0 15px 55px 125px; height:126px; padding:14px 0 0 155px; position:relative; color:#fff;}
.main-v2 .section .flow-top .ico-title{height:126px; width:126px; display:block; position:absolute; top:0; left:0;}
.main-v2 .section .flow-top h2{font-size:36px; font-weight:normal; margin-bottom:15px;}
.main-v2 .section .flow-top p{height:40px; overflow:hidden; color:rgba(255,255,255,0.8);}
.main-v2 .section .flow-con{height:305px;}
.main-v2 .section .flow-con .tab-title{width:140px; float:left; height:290px; background-color:#15a355; background-color:rgba(0,0,0,0.2); padding:15px 10px 0 10px; border-radius:4px 0 0 4px;}
.main-v2 .section .flow-con .tab-title li a{color:#fff; display:block; padding:8px 10px 8px 36px; position:relative; border-radius:2px; margin-bottom:4px;}
.main-v2 .section .flow-con .tab-title li span{position:absolute; top:8px; left:6px; width:20px; height:20px; border:1px solid #fff; border-radius:50%; text-align:center;} 
.main-v2 .section .flow-con .tab-title li a:hover{text-decoration:none; background-color:#23ac61; background-color:rgba(255,255,255,0.2);}
.main-v2 .section .flow-con .tab-title li.active{background-color:#23ac61; background-color:rgba(255,255,255,0.2);}
.main-v2 .section .flow-con .tab-content{width:540px; float:left; height:265px; background-color:#FFF; background-color:rgba(255,255,255,0.92); border-radius:0 4px 4px 0; padding:20px 30px; overflow:hidden;}
.main-v2 .section .flow-con .tab-content>.tab-panel{display:none;}
.main-v2 .section .flow-con .tab-content>.active{display:block;}
.main-v2 .section .flow-con .tab-content .panel-t{ border-bottom:1px solid #d3dbd7; position:relative;}
.main-v2 .section .flow-con .tab-content .panel-t h3{font-size:24px; font-weight:normal;}
.main-v2 .section .flow-con .tab-content .panel-t h3 span{vertical-align:middle; margin-left:12px; font-size:12px; padding:2px 6px; color:#fff; border-radius:4px;}
.tab-content{ color:#000;}
.main-v2 .section .flow-con .tab-content .panel-t h3 .need{background-color:#ed542b;}
.main-v2 .section .flow-con .tab-content .panel-t h3 .suggest{ background-color:#04b9bf}

.main-v2 .section .flow-con .tab-content .panel-t p{margin:20px 0 16px 0;}
.main-v2 .section .flow-con .tab-content .panel-t .tips{ position:absolute; top:0; right:0;}
.main-v2 .section .flow-con .tab-content .panel-t .tips .tips-i{width:26px; height:26px; line-height:26px; text-align:center; color:#fff; background-color:#d8d8d8; border-radius:50%; display:block; font-style:normal; cursor:pointer;}
.main-v2 .section .flow-con .panel-t .tips .tips-c{display:none; position:absolute; top:32px; right:-25px; width:120px; border:1px solid #dee5e7; background-color:#fff; padding: 8px 12px;}
.main-v2 .section .flow-con .panel-t .tips .tips-c:before, .main-v2 .section .flow-con .panel-t .tips .tips-c:after {content:" "; display:block; border-color:#fff transparent; border-style:solid; border-width:7px; border-top-width:0; position:absolute; width:0; height:0; top:-7px; right:30px;}
.main-v2 .section .flow-con .panel-t .tips .tips-c:before{border-color:#dee5e7 transparent; margin-top:-1px;}
.main-v2 .section .flow-con .tab-content .panel-list li{padding:15px 0 0 32px; position:relative; display:block;}
.main-v2 .section .flow-con .tab-content .panel-list li .icon-c{position:absolute; width:6px; height:6px; border:1px solid #ed542b; top:21px; left:4px;}


.main-v2 .section-3{background:url(../Images/ssaa.png) no-repeat center center; bacdground-size:100% 580px;}
.main-v2 .section-3 .flow-con .tab-title{background-color:#2376ba; background-color:rgba(0,0,0,0.2);}
.main-v2 .section-3 .flow-con .tab-title li a:hover{background-color:#4f91c8; background-color:rgba(255,255,255,0.2);}
.main-v2 .section-3 .flow-con .tab-title li.active{background-color:#4f91c8; background-color:rgba(255,255,255,0.2);}

.main-v2 .section-4{background:url(../Images/atet-about3.jpg) no-repeat bottom center;}
.main-v2 .section-4 .flow-con .tab-title{background-color:#039499; background-color:rgba(0,0,0,0.2);}
.main-v2 .section-4 .flow-con .tab-title li a:hover{background-color:#35a9ad; background-color:rgba(255,255,255,0.2);}
.main-v2 .section-4 .flow-con .tab-title li.active{background-color:#35a9ad; background-color:rgba(255,255,255,0.2);}

.main-v2 .section-5{background:url(../Images/screen-8-bg.jpg) no-repeat top center #000;}

.ctrl{
position:fixed;
right: 44px;
top: 50%;
margin-top: -165px;
z-index: 10;}
.ctrl a {
    display: block;
    width: 33px;
    height: 37px;
    margin-bottom: 10px;
    background:url(../Images/pagination-bg.png) no-repeat scroll 100% 0px;
}
.ctrl a.active i, .pagination a:hover i {
    transform: scale(1);
}
.ctrl a i {
    display: block;
    width: 33px;
    height: 37px;
    background:url(../Images/pagination-bg.png) no-repeat scroll 0px 0px;
    transform: scale(0);
    transition: all 0.3s ease 0s;
}
.pagination a i {
  display: block;
  width: 33px;
  height: 37px;
  background: url('../Images/pagination-bg.png') 0 0 no-repeat;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .3s;
  transition: all .3s;
}
.pagination a.active i,
.pagination a:hover i {
  -webkit-transform: scale(1);
  transform: scale(1);
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1000px, 0, 0);
    transform: translate3d(-1000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-1000px, 0, 0);
    transform: translate3d(-1000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}


.foot-v2{width:1000px; margin:0 auto; padding:60px 0 40px 0;}
.foot-v2 p{text-align:center; color:#666;}

.table-default{width:100%; font-size:12px !important;}
.table-default .text-i{font-size:12px;}
.table-default th{text-align:left; padding:6px 4px; background:#ebebeb; font-weight:bold;}
.table-default td{border-bottom:1px solid #e0e0e0; padding:6px 4px;}


.body-mask{position:fixed; top:0; left:0; right:0; bottom:0; z-index:998; background-color:#000; filter: alpha(opacity=50); opacity: .5;}
.pop{position:fixed; top:50%; left:50%; background:#fff; z-index:1000; font-size:14px;}
.pop.pop-info{width:560px; min-height:339px; margin:-170px 0 0 -280px;}
.pop .pop-head{position:relative; height:54px; background:#2781cc; color:#fff;}
.pop .pop-head .close{ position:absolute; right:10px; top:15px; display:block; width:24px; height:24px; line-height:24px; text-align:center; font-size:16px; cursor:pointer;}
.pop .pop-head .close:hover{background:#1f66a1;}
.pop .pop-head h4{height:54px; line-height:54px; font-size:16px; font-weight:normal; padding-left:10px;}
.pop .pop-body{padding:15px;}
.pop .pop-foot{padding:10px 15px; text-align:right; background-color:#f4f9ff;}

.pop-tips{width:480px; height:280px; margin:-140px 0 0 -240px;}
.pop-tips .tips-con{text-align:center; padding-top:30px;}
.pop-tips .tips-con p{margin-top:30px;}

.pop-table{width:960px; height:540px; margin:-270px 0 0 -480px;}
.pop-table .pop-body{ height:402px; overflow-y:auto;}

.text-l{display:inline-block; width:170px; margin-right:15px; padding-top:7px; margin-bottom:0; text-align:right;}
.text-i{display:inline-block; height:20px; font-size:14px; line-height:1.42857143; padding:6px 12px; border: 1px solid #cfdadd; border-radius:2px; width:274px; vertical-align: middle;}
.text-i:focus{border-color:#62a7ef; outline:0;}
.text-i.w100{width:100px;}
.text-i.w200{width:200px;}
select.text-i{height:34px; line-height:34px;}

.form-g{margin-bottom:15px;}
.form-g .error_feedback{border: 1px solid #ffabab;}

.btn-self{display:inline-block; padding:6px 12px; line-height:20px; border:1px solid #d7d4d4; border-radius:2px; color:#333; text-align:center; min-width:90px; vertical-align: middle; cursor: pointer; background-image:none; background-color:#f1f1f1; vertical-align:middle;}
.btn-self:hover{text-decoration:none; background-color:#e8e8e8;}
.btn-green{ border-color:#23ad44; background-color:#23ad44; color:#fff;}
.btn-green:hover{text-decoration:none; background-color:#1e9b3c;}

.error-page{margin:90px 0 60px 0; text-align:center; font-family:"Microsoft YaHei","微软雅黑";}
.error-page .error-title{ font-size:24px; margin:40px 0;}
.error-page p{font-size:16px;}
.error-page p span{margin:0 15px;}
.pop-body .tips{font-size: 12px;color: red;}
.footer {
    width: 1100px;
    margin:0 auto;
    color:#fff;
}
.footer .logo {
    padding-top: 10px;
    float: left;
    width: 370px;
    height: 100px;
}
.footer .copyright {
    float: left;
    line-height: 20px;
    padding-top: 10px;
    padding-right: 10px;
}
.footer .copyright a {
    display: inline-block;
}
.footer .qcode img {
    margin-right: 10px;
}
.footer .qcode {
    padding-left: 10px;
    float: left;
}
.footer .logo img {
    height: 60px;
    margin-right: 10px;
}