@charset "utf-8";
/* CSS Document */

*html{ _background-image:url(about:blank); _background-attachment:fixed; }
body{font:12px tahoma,'\5b8b\4f53',sans-serif;font-family:"Microsoft YaHei";font-size:12px; background:#fbeda1; position:relative; height:100%; /*overflow:hidden;*/ }
*{margin:0px; padding:0px;}
ul li{list-style:none;}
li{list-style:none;}
img{border:none;}
a{color:#333; text-decoration:none; cursor:pointer;}
a:hover{ color:#35afff;}
em{font-style:normal;}
.clearfix{zoom:1;}
input,button{ border:0 none; resize:none; outline:none;font-family:"Microsoft YaHei";}
.clearfix:after,.comment_box dl:after,.comment_box dd:after{clear:both; height:0px; font-size:0px; visibility:hidden;display:block;content:" ";}

.top{ height:66px; background:#000312;}
.header{ width:1220px; margin:0 auto; height:100%;}
.header a{ display:inline-block; height:32px; padding:17px 20px; float:left; margin-right:2px;}
.header a:hover,.header a.on{ background:#313546;}

.main{ width:1220px; height:704px; margin:0 auto; position:fixed; top:14%; left:50%; margin-left:-610px;}
.main_lf{ padding-left:70px; float:left; position:absolute; left:-100%; top:0;}
.main_rg{ float:right; margin-right:80px; position:relative; width:606px; height:692px;}

@-webkit-keyframes ani-sc2-icon{
	0%,100%{ -webkit-transform:translate3d(0,0,0) rotate3d(0,0,1,0);}
	25%{ -webkit-transform:translate3d(0,-5%,0) rotate3d(0,0,1,0);}
	75%{ -webkit-transform:translate3d(0,5%,0) rotate3d(0,0,1,0);}
}
@keyframes ani-sc2-icon{
	0%,100%{ transform:translate3d(0,0,0) rotate3d(0,0,1,0);}
	25%{ transform:translate3d(0,-5%,0) rotate3d(0,0,1,0);}
	75%{ transform:translate3d(0,5%,0) rotate3d(0,0,1,0);}
}

.rg_xzan{ float:left; width:276px; margin-right:26px; margin-left:10px;}
.rg_xzan p{ height:103px; text-align:center;}
.rg_xzan p.ios{ background:url(../app/bj_ios.png) no-repeat; background-size:cover; margin-bottom:20px; margin-top:20px; cursor:pointer;}
.rg_xzan p.ios:hover{ background:url(../app/bj_ios_ho.png) no-repeat; background-size:cover;}
.rg_xzan p.az{ background:url(../app/bj_az.png) no-repeat; background-size:cover;}
.rg_xzan p.az:hover{ background:url(../app/bj_az_ho.png) no-repeat; background-size:cover;}
.rg_xzan p a{ display:inline-block; text-align:center; line-height:80px; font-size:28px; color:#fff;}
.rg_xzan p a span{ float:left; display:inline-block; width:42px; height:42px; margin:15px 10px 0 0;}
.rg_xzan p.ios a span{ background:url(../app/icon_ios.png); background-size:cover;}
.rg_xzan p.az a span{  background:url(../app/icon_az.png); background-size:cover;}
.main_rg_tp{ position:absolute; left:0; top:-100%;}
.main_rg_bt{ position:absolute; left:0; bottom:-100%;}
.qiq{ position:absolute; right:107px; top:28px; width:119px; height:195px; -webkit-animation:ani-sc2-icon 4s linear infinite; animation:ani-sc2-icon 4s linear infinite; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000; perspective:1000;}
.qiq img{ width:100%; height:100%;}

.rg_ewm{ float:left; width:236px; height:195px; padding:62px 0 0 0; background:url(../app/bj_ewm.png) no-repeat; background-size:cover; margin-top:-10px;}
.rg_ewm .p_title{ font-size:20px; color:#fff; text-align:center;}
.rg_ewm .p_img{ padding:21px 48px 0 48px;}

.footer{ margin-top:20px; text-align:center; position:fixed; bottom:0; left:0; right:0; padding-bottom:15px;}
.footer .tp{ font-size:22px; color:#eb6a37; line-height:78px;}
.footer .bt{ color:#7c2401; line-height:20px;}

.bjt{ position:fixed; bottom:0; left:0; right:0; height:467px; background:url(../app/bjt.png) no-repeat center; z-index:-1; }



.ht810 .header{ width:1220px;}

.ht810 .main{ margin-top:40px; width:900px; margin-left:-450px; height:454px;}
.ht810 .main .main_lf img{ height:450px;}
.ht810 .main_rg_tp img{ height:250px;}
.ht810 .rg_xzan{ width:161px;}
.ht810 .rg_xzan p{ height:60px;}
.ht810 .rg_xzan p.ios{ margin-top:30px; margin-bottom:10px;}
.ht810 .rg_xzan p a{ font-size:16px; line-height:45px;}
.ht810 .rg_xzan p a span{ width:25px; height:25px; margin:10px 6px 0 0;}
.ht810 .rg_ewm{ width:160px; height:132px; padding:41px 0 0 0;}
.ht810 .rg_ewm .p_title{ font-size:14px;}
.ht810 .rg_ewm .p_img{ padding:15px 35px 0 35px;}
.ht810 .rg_ewm .p_img img{ width:90px;}
.ht810 .main_rg{ height:417px; width:362px;}
.ht810 .qiq{ width:58px; height:95px; right:61px; top:25px;}
.ht810 .qiq img{ width:100%; height:100%;}

.ht810 .footer .tp{ font-size:18px; line-height:50px;}

.ht900 .main{ top:15%;}
.ht900 .main .main_lf img{ height:645px;}
.ht900 .main_rg_tp img{ height:345px;}
.ht900 .main{ width:1176px; margin-left:-588px; height:649px;}
.ht900 .main_lf{ padding-left:90px;}
.ht900 .main_rg{ width:548px; height:618px;}
.ht900 .qiq{ width:92px; height:150px; right:92px; top:25px;}
.ht900 .qiq img{ width:100%; height:100%;}




.menus { float: left; height: 100%; line-height: 40px;}
.menus a { font-size: 18px; color: #fff; margin-left: 40px; line-height: 40px; padding:13px 20px; height:40px;}
.menus a:hover { color: #32aaf3; }


/*5 27*/
/*.ht700 .main{ position:relative; margin:0 auto;}
.ht700 .footer{ position:relative;}*/

.ht700 .main{ position:relative;}
.ht700 .footer{ position:relative;}