@charset "utf-8";



/* CSS Document */



/*样式。如要转载或复制，请注明出处。www.aobet.cn*/



@import url(../css/../css/reset.css);
 @import url(../css/../css/base.css);
 @import url(../css/../css/animate.css);
body { font-family: "微软雅黑";}
/* header */

.header { width: 100%; height: 60px; padding: 20px 0; background: #000; border-bottom: 10px solid #F68F1C; }
.header .menu { width: 100%; height: 60px; background: #000; }
.header .menu img { height: 60px; }
.header .menu img{height:80px;transition:all 0.3s linear;}
.menu .nav { width: 1125px; height: 60px; margin: auto; }
.menu .nav ul { float: right; }
.menu .nav ul li { float: left; line-height: 60px; font-weight: bolder; font-size: 16px; padding: 0 20px; }
.menu .nav ul li.nob { padding: 0 10px; }
.menu .nav ul a { color: #FFF; font-family: "微软雅黑"; }
.menu .nav ul li.curr a { color: #F68F1C; }
.dh { float: right; }
.dh a.u-btn { margin: 0 5px; }
.dh #showuserlogin { line-height: 60px; color: #FFF !important; }
.dh #showuserlogin p { line-height: 30px; font-size: 14px; }
/* flexslider */

.flexslider { position: relative; height: 695px; overflow: hidden; background: #000 50% no-repeat; }
.slides { position: relative; z-index: 1; }
.slides li { height: 695px; }
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; display: none; }
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../icon/dot.png) right 0 no-repeat; cursor: pointer; }
.flex-control-nav .flex-active { background-position: 0 0; }
.flex-direction-nav { position: absolute; z-index: 3; width: 100%; top: 45%; }
.flex-direction-nav li a { display: block; width: 50px; height: 50px; overflow: hidden; cursor: pointer; position: absolute; }
.flex-direction-nav li a.flex-prev { left: 40px; center center no-repeat; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.flex-direction-nav li a.flex-next { right: 40px; center center no-repeat; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.titlebar { margin-bottom: 50px; text-align: center; }
.titlebar h1 { color: #fff; font-size: 40px; font-weight: 400; }
.titlebar .titlebar-line { height: 2px; width: 110px; background: #f7901d; line-height: 0; border-bottom-width: 2px; margin: 20px auto; }
.titlebar p { color: #7d8083; font-size: 18px; line-height: 30px; font-family: "Microsoft YaHei"; padding: 0 20%; }
/* about */

.about { padding-bottom: 40px; border-top: 1px solid #3c4148; background-color: #1e242b; }
.about .container img { display: inline-block; opacity: 0; }
.about .features-list { float: right; padding-right: 15px; padding-left: 15px; width: 458px; }
.features-list .feature { margin-bottom: 20px; font-family: "Microsoft YaHei"; color: #7d8083; }
.feature h4 { font-weight: 600; color: #7d8083; font-size: 18px; margin-bottom: 10px; }
.feature p { margin: 0 0 10px; font-size: 14px; line-height: 20px; }
.btn { background-color: transparent; font-size: 16px; font-family: "Microsoft YaHei"; padding: 10px 20px; display: inline-block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.btn-black { border: 1px solid #7d8083; color: #7d8083; margin-top: 15px; margin-right: 10px; }
.btn-black:hover { background-color: #f7901d; border-color: #f7901d; color: #fff; }
.btn-theme { border: 1px solid #fff; color: #fff; }
.btn-theme:hover { background-color: #1e242b; border-color: #1e242b; color: #fff; }
/* api */

.api { padding-bottom: 40px; border-top: 1px solid #3c4148; background-color: #1e242b; }
.api_list li { width: 340px; height: 160px; padding: 10px; float: left; margin: 0 13px 13px 0px; border-radius: 6px; box-shadow: 0px 5px 10px #000; border: 1px solid #EFE2BE; background: #EFE2BE; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EFE2BE), to(#C89754)); background: -webkit-linear-gradient(#EFE2BE, #C89754); background: -moz-linear-gradient(#EFE2BE, #C89754); background: -ms-linear-gradient(#EFE2BE, #C89754); background: linear-gradient(#EFE2BE, #C89754); }
.api_list li h2 { display: inline-block; color: #FFF; margin: auto; font-size: 14px; padding: 5px 25px; background: #AD070B; box-shadow: 4px 5px 15px #000 inset; border-radius: 5px; }
.api_list li .api_line { margin-bottom: 13px; }
.api_list li .api_l { float: left; }
.api_list li .api_l img { width: 75px; height: 75px; border-radius: 10%; }
.api_list li .api_r { width: 250px; height: 75px; float: left; margin-left: 15px; line-height: 15px; font-size: 12px; font-weight: 100; text-indent: 2em; overflow: hidden; }
.api_list li .api_b { float: left; width: 100%; margin-top: 13px; }
.api_list li .api_b a { float: right; margin-left: 30px; }
.api_list li .api_b span {
    line-height: 25px;
    font-size: 18px;
    color: #E70A0C;
    font-weight: bold;
}
/* case1 */

.cash1 { padding-bottom: 40px; border-top: 1px solid #3c4148; background-color: #1e242b; }
.cash1_list li { float: left; width: 340px; padding: 8px; background: #fff; margin: 5px; border: 1px solid #5D5D5D; box-shadow: 0px 0px 10px #5A5C5D; border-radius: 6px; }
.cash1_list li .view { width: 338px; height: 250px; overflow: hidden; }
.cash1_list li .view img { width: 338px; height: 250px; cursor: pointer; }
.cash1_list li h2 { line-height: 30px; border-bottom: 1px solid #DBDBDB; font-size: 16px;text-align: center;}
.cash1_list li .cash_c { padding: 5px 5px; border-bottom: 1px solid #DBDBDB; }
.u-btn { margin: 0 2px;display:inline-block;*display:inline;*zoom:1;*overflow:visible;padding:0 10px;height:22px;line-height:22px;border:1px solid #2d88bf;
border-radius:5px;font-size:12px;letter-spacing:1px;word-spacing:normal;text-align:center;vertical-align:middle;cursor:pointer;font-weight:100;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
text-shadow:0 -1px rgba(0,0,0,0.2);
background:#54aede;
background:-webkit-gradient(linear,0% 0%,0% 100%,from(#6dbde4),to(#399dd8));
background:-webkit-linear-gradient(#6dbde4,#399dd8);
background:-moz-linear-gradient(#6dbde4,#399dd8);
background:-ms-linear-gradient(#6dbde4,#399dd8);
background:linear-gradient(#6dbde4,#399dd8);width: 52px;}
.u-btn-c4{
    border-color: red;
    background: #ff3d3d;
}
.u-btn-c3 {
    border-color: #52a552;
    background: #5cbc5c;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#68c668),to(#50b150));
    background: -webkit-linear-gradient(#68c668,#50b150);
    background: -moz-linear-gradient(#68c668,#50b150);
    background: -ms-linear-gradient(#68c668,#50b150);
    background: linear-gradient(#68c668,#50b150);
}
.u-btn-c2 {
    border-color: #e1962d;
    background: #faa42b;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#fbb149),to(#f8960a));
    background: -webkit-linear-gradient(#fbb149,#f8960a);
    background: -moz-linear-gradient(#fbb149,#f8960a);
    background: -ms-linear-gradient(#fbb149,#f8960a);
    background: linear-gradient(#fbb149,#f8960a);
}
.u-btn-c1 {
    border-color: #9f161b;
    background: #de2027;
    background: -webkit-gradient(linear,0% 0%,0% 100%,from(#F00C0D),to(#A9050A));
    background: -webkit-linear-gradient(#F00C0D,#A9050A);
    background: -moz-linear-gradient(#F00C0D,#A9050A);
    background: -ms-linear-gradient(#F00C0D,#A9050A);
    background: linear-gradient(#F00C0D,#A9050A);
}
.cash1_list li .cash_c a:hover { color: #fff; }
.cash1_list li .cash_b { padding: 5px 0px; font-size: 14px; height: 10px;}
.cash1_list li .cash_b .price { float: left }
.cash1_list li .cash_b .price font { font-weight: bolder; font-size: 16px; }
.cash1_list li .cash_b .intro { float: right; }
/* case */

.cash { padding-bottom: 40px; border-top: 1px solid #3c4148; background-color: #1e242b; }
.cash_list li { float: left; width: 252px; padding: 8px; background: #fff; margin: 5px; border: 1px solid #5D5D5D; box-shadow: 0px 0px 10px #5A5C5D; border-radius: 6px; }
.cash_list li .view { width: 250px; height: 250px; overflow: hidden; }
.cash_list li .view img { width: 250px; height: 250px; cursor: pointer; }
.cash_list li h2 { line-height: 30px; border-bottom: 1px solid #DBDBDB; }
.cash_list li .cash_c { padding: 5px 5px; border-bottom: 1px solid #DBDBDB; }
.cash_list li .cash_c a {}
.cash_list li .cash_c a:hover { color: #fff; }
.cash_list li .cash_b { padding: 5px 0px; font-size: 14px; }
.cash_list li .cash_b .price { float: left }
.cash_list li .cash_b .price font { font-weight: bolder; font-size: 16px; }
.cash_list li .cash_b .intro { float: right; }
/* links */

.links { padding-bottom: 40px; border-top: 1px solid #3c4148; background-color: #710505; }
.links_list li { float: left; }
.links_list li a { display: block; border: 1px solid #3B4047; border-radius: 5px; margin: 0 3px 10px 2px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.links_list li img { border-radius: 5px; width: 180px; height: 80px; }
.links_list li a:hover { border: 1px solid #fff; }
/* newsletter */

.newsletter { background-color: #f7901d; padding-top: 80px; padding-bottom: 80px; color: #fff; }
#newsletter_title { float: left; }
#newsletter_title h1 { font-size: 36px; }
#newsletter_form { float: right; }
/* footer */

.foot { padding-bottom: 40px; border-top: 1px solid #3c4148; background-color: #1e242b; }
.foot .foot_l { float: left; font-size: 14px; }
.foot .foot_l h1 { font-weight: 300; margin-bottom: 40px; color: #fff; font-size: 40px; }
.foot .foot_l p { color: #7d8083; font-size: 18px; font-family: "Microsoft YaHei"; font-weight: 300; margin-bottom: 30px; }
.foot .foot_l p a { color: #7d8083; }
.foot .foot_l p a:hover { color: #333; }
.foot .foot_r { float: left; margin-left: 35px; }
/* pay */

.pay { padding-bottom: 40px; border-top: 1px solid #3c4148; background-color: #1e242b; }
.pay #Box_6 { height: 65px !important; }
.pay .pay_l { width: 560px; text-align: center; float: left; }
.pay .pay_r { width: 560px; text-align: center; float: right; }
.pay h2 { line-height: 40px; height: 40px; font-size: 20px; color: #fff; font-family: "Microsoft YaHei"; }


#zhezhao .bg { width: 362px; height: 100px; background: Black; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=50); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;position: absolute;margin-top: 20px;display: none;margin-left: -9px;}
#zhezhao .bg u { display: block; position: absolute; width: 362px; height: 100px; margin-top: 150px; background-color: #2ed0b4; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }
#zhezhao .shade { position: absolute; width: 362px; height: 250px; margin-top: -250px; background: Black; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 10; display: none;margin-left: -9px;}
#zhezhao .shade u { display: block; margin: 0 auto;width: 100%; color: #fff; text-align: center;margin-top: 120px;font-size: 22px;}
#zhezhao .shade u a{ color: #fff; }
@media (max-width:1150px) {
    #zhezhao .bg { width: 362px; height: 100px; }
    #zhezhao .bg u { width: 362px; height: 100px; }
    #zhezhao .shade { width: 362px; height: 260px; }
    #zhezhao .shade u { margin-top: 54px; }
}
@media (max-width: 1125px) {
    body{width: 1125px;}
}

.cash2 { padding-bottom: 40px; border-top: 1px solid #3c4148; background-color: #1e242b; }
.cash2_list li { float: left; width: 340px; padding: 8px; background: #fff; margin: 5px; border: 1px solid #5D5D5D; box-shadow: 0px 0px 10px #5A5C5D; border-radius: 6px; }
.cash2_list li .view { width: 338px; height: 250px; overflow: hidden; }
.cash2_list li .view img { width: 338px; height: 250px; cursor: pointer; }
.cash2_list li h2 { line-height: 30px; border-bottom: 1px solid #DBDBDB; font-size: 16px; text-align: center;}
.cash2_list li .cash_c { padding: 5px 5px; border-bottom: 1px solid #DBDBDB; }
.cash2_list li .cash_c a:hover { color: #fff; }
.cash2_list li .cash_b { padding: 5px 0px; font-size: 14px; height: 10px;}
.cash2_list li .cash_b .price { float: left }
.cash2_list li .cash_b .price font { font-weight: bolder; font-size: 16px; }
.cash2_list li .cash_b .intro { float: right; }