@-webkit-keyframes gupIn{from{opacity:0;-webkit-transform:translate3d(0,-30px,0);}}
@-moz-keyframes gupIn{from{opacity:0;-moz-transform:translate3d(0,-30px,0);}}
@keyframes gupIn{from{opacity:0;transform:translate3d(0,-30px,0);}}

/*header*/
.wrap{z-index:99999;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #ddd;-webkit-animation:gupIn 1s 0.1s both;-moz-animation:gupIn 1s 0.1s both;animation:gupIn 1s 0.1s both;}

.top{width:100%;height:30px;line-height:30px;background:#db2d36}
.top-left{height:30px;overflow:hidden}
.top-left span{color:#fff;margin-right:30px;}
.top-left .fa{font-size:14px;}
.top-right a.login,.top-right a.register{color:#fff;margin-right:25px}
.top-right a.login .fa,.top-right a.register .fa{font-size:14px;margin-right:10px}
.top-right .language{position:relative;color:#fff;cursor:pointer}
.top-right .language span{margin:0 10px}
.second-language{position:absolute;visibility:hidden;left:0px;top:0px;padding-top:35px;width:100px;opacity:0;-webkit-transform:translate(0px, -15px);-moz-transform:translate(0px, -15px);transform: translate(0px, -15px);-webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);-moz-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);z-index:1;}
.second-language a{display:block;text-align:center;border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.second-language.open{visibility:visible;opacity:1;-webkit-transform: translate(0px, -1px);-moz-transform: translate(0px, -1px);transform: translate(0px, -1px);}

.header{width:100%;height:70px;background:#fff}
.header .logo{line-height:70px;overflow:hidden}
.nav{margin-top:40px;}
.nav > ul > li{float:left;margin-left:30px;}
.nav > ul > li > a{font-size:16px;}
.nav > ul > li > a.on{color:#db2d36}

.right-bar{z-index:10000;position:fixed;top:50%;right:0;width:80px;margin-top:-142px}
.right-bar li{height:100px;text-align:center;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);zoom:1;padding-top:15px;margin-bottom:2px;-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;cursor:pointer}
.right-bar li .img{margin-bottom:10px}
.right-bar li p{font-size:14px;color:#fff}
.right-bar li.code{position:relative;padding-top:15px;}
.right-bar li.code .hid-code{display:none;position:absolute;top:0;right:80px;}
.right-bar li.code .hid-code img{}
.right-bar li.back{height:80px;margin:0}
.right-bar li:hover{background:rgba(219,45,54,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8db2d36,endColorstr=#C8db2d36);zoom:1;}

/*banner*/
.banner{position:relative;height:600px;overflow:hidden}
#banner{width:100%;overflow:hidden}
#banner a{display:block;height:600px;background-position:center;background-size:cover}
#banner .owl-dots{z-index:100;position:absolute;left:0;bottom:140px;width:100%;text-align:center}
#banner .owl-dots .owl-dot{display:inline-block;margin:0 5px;}
#banner .owl-dots .owl-dot span{display:block;width:20px;height:10px;border:1px solid #ddd;background:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}
#banner .owl-dots .owl-dot.active span{width:30px;background:#db2d36}

.sub-banner .box{position:relative;}
.banner-text{background: rgba(255,255,255,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);zoom:1;color:#db2d36;padding: 0 20px;height:100px;text-align:center;line-height:93px;position:absolute;left:120px;top:100px;font-size:30px;}
.banner-text .tit_name{font-size:30px;font-weight:bold;}
.banner-text .tit_name_alias{font-size:24px;}


.float-bar{z-index:100;position:absolute;left:50%;bottom:0;width:1200px;height:120px;background:rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);zoom:1;margin-left:-600px;-moz-border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}
.float-bar ul li{position:relative;float:left;width:400px;}
.float-bar ul li .img{width:170px;text-align:center;padding:15px 0}
.float-bar ul li .text{color:#fff;padding-top:25px;margin-left:170px;overflow:hidden}
.float-bar ul li .text h1{font-size:24px;margin-bottom:10px}
.float-bar ul li .text p{font-size:16px}
.float-bar ul li b{position:absolute;top:30px;right:0;width:1px;height:60px;background:#fff;}
.float-bar ul li.f3 .text h1{margin-bottom:5px}
.float-bar ul li.f3 .text p{font-size:24px}

/*footer*/
.footer{background:#282c35}
.foot-main{padding:40px 0;}
.foot-main .call{width:290px;background:url(../images/line.png) no-repeat right top;margin-right:40px}
.foot-main .text .foot-link{margin-bottom:10px}
.foot-main .text .foot-link a{font-size:16px;color:#bbb;margin-right:15px}
.foot-main .text .foot-link a:hover{color:#db2d36}
.foot-main .text p{font-size:14px;color:#888;line-height:25px}
.foot-main .text span{margin-right:20px}
.copyright{color:#888;padding:10px 0;border-top:1px solid #5f5f5f}