@charset "utf-8";
/* = global = */
.fl {float: left; }
.fr {float: right;color: rgb(211,209,210);font-size:13px; }
.fr a{color:rgb(211,209,210);}
.clear {clear: both; *zoom: 1; }
.clear:after {content: ""; display: block; clear: both; line-height: 0; font-size: 0; }
.center {width: 1180px; margin: 0 auto; padding-bottom: 60px;}
.mt10 {margin-top: 10px;}
.mb10 {margin-bottom: 10px; }
.tc {text-align: center; }
.c999 {color: #999;letter-spacing:3px;line-height: 24px}

.h_fix{height:1100px}
.h_fix1{height:494px}

/* = btn = */
.btn {display: inline-block; *display: inline; *zoom: 1; text-align: center; }
.btn:hover {text-decoration: none; }
.btn1 {width: 290px; color: #fff; font-size: 16px; padding: 10px; border-radius: 15px; background-color: #22336D; }

.banner_img {margin: 80px auto 40px; }
.banner_img img {display: block; width: 100%;min-width:1180px}
.brand {padding: 0px; background-color: #fff; }
.brand img {display: block; margin: 0 auto; }

.act {font-size: 28px; padding: 60px 0 20px; }
.act .icon {margin-right: 10px; vertical-align: middle; }
.act p {font-size: 16px; color: #ccc; }

/* = top-bar = */
.top-bar {padding: 5px 0;background:#fff; height: 20px; line-height: 20px;}
*+html .top-bar {padding: 15px 0 10px;background:#fff;}
.top-bar a {color: #484848; }
.top-bar b {margin: 0 8px; }
.top-bar i {vertical-align: middle}
.top-bar .icon {vertical-align: middle; margin: 0 5px; }
.top-bar .tel {display: inline-block; *zoom: 1; overflow: hidden; vertical-align: -2px; width: 150px; height: 14px; font-size: 0; text-indent: -999em; background: #fff url(/Public/theme/laya/images/newindexs/itel.png) no-repeat 0 0; }
.top-bar .center {padding-bottom: 0;}


/* top header new year*/
.top-header .ul1 li{float:left;margin-left:20px;color:white;line-height:50px;}
.top-header .ul2 li{float:right;margin-right:20px;color:white;line-height:40px;}
.top-header .ul3 li{float:right;margin-right:20px;color:black;line-height:40px;}
.top-header .ul3 li a{color:black;}
.top-header .ul3 li img{width:18px;height:18px;line-height:40px;vertical-align:text-bottom;}
.top-header .ul1 li img{width:18px;height:18px;line-height:50px;vertical-align:middle;}
.top-header ul li a{color:white;}
.top-header .ul1 li div a{color:black;}
#top1{width:100%;height:40px;background:black}
#top1 .t1{width:1200px;height:100%;margin:auto}
#top1 .t2{width:45%;float:left;height:100%;position:relative;}
#dzbzli{width:90px;}
#mfwpli{width:105px;}
#dzbzdiv{width:90px;height:auto;background:white;margin-top:-50px;display:none}
#top1 .t3{width:100%;height:50px;color:black}
#top1 .ruhe{width:100%;height:50px;background:#CFCFCF;color:black}
#mfwpdiv{width:105px;height:auto;background:white;margin-top:-50px;display:none}
#shichuandiv{width:380px;height:380px;position:absolute;margin-top:50px;margin-left:20px;z-index:555;display:none}
#top1 .t4{float:right;height:100%}
#top1 .t5{width:1200px;margin:auto;position:relative}
#shoujidiv{width:380px;height:380px;right:240px;position:absolute;margin-top:80px;z-index:555;display:none}
#top2{width:1200px;height:40px;margin:auto}
#logo{width:300px;height:90px;margin:auto;margin-bottom:20px;text-align:center}
#logo .l1{font-size:45px;color:black;font-weight:bold;height:60px;line-height:60px}
#logo .l2{font-size:12px;color:#A5A2A2;margin-top:0px;letter-spacing:1px}
.top-header {position: relative;}
.top-header .newyear {position: absolute}
.top-header .lefttop {background: url(/static/service_img/201601/lefttop.png) no-repeat; width: 72px; height: 76px; left: 0; bottom: 0;}
.top-header .righttop {background: url(/static/service_img/201601/righttop.png) no-repeat;width: 72px; height: 76px; right: 0; bottom: 0;}
.top-header .leftbottom {background: url(/static/service_img/201601/leftbottom.png) no-repeat; width: 72px; height: 76px; left: 0; bottom: -114px; z-index: 2}
.top-header .rightbottom {background: url(/static/service_img/201601/rightbottom.png) no-repeat; width: 72px; height: 76px; right: 0; bottom: -114px; z-index: 2}
.top-header .ji {background: url(/static/service_img/201601/ji.png) no-repeat;
    width: 210px;
    height: 223px;
    right: 0px;
    bottom: -261px;
    z-index: 2;
    background-size: 80%;
}
.newyear-bg {background-color: #A11212 !important;}
.nav11 {text-align: center; padding: 0 0 20px;}
.nav11 b {margin: 0 10px; }
.nav11 b, .nav11 a {color: rgb(211,209,210);font-size:13px;}
/* = 导航 = */
.nav1 {text-align: center; padding: 0 0 25px;margin-bottom:15px;margin-top:5px;}
.nav1 b {margin: 0 15px; }
.nav1 b, .nav1 a {color: black;font-size:13px;}
.nav2 {height: 38px; line-height: 38px; font-size: 0; text-align: center; background-color: #000; }
.nav2 ul {display: inline-block; *display: inline; *zoom: 1; overflow: hidden; }
.nav2 li {float: left; color: #fff; font-size: 12px; }
.nav2 li a {display: block; color: #fff; text-decoration: none; padding: 0 60px; }
.nav2 .cur, .nav2 li:hover {background-color: #969696; }

/* = banner = */
.stage {background-color: #F5F5F5;}
.stage .center {padding-bottom: 0; }

/* = sprite = */
dl.d_nav dt .f_logo, ul.d_nav .i_d_nav, .icon_header {display: inline-block; *display: inline; *zoom: 1; background: url(/Public/theme/laya/images/newindexs/sprite.png) no-repeat; }
.icon1 {width: 35px; height: 32px; background-position: -196px -83px; } /*精彩活动*/
.icon2 {width: 22px; height: 17px; background-position: -251px -54px; vertical-align: bottom } /*登录注册*/
.icon3 {width: 18px; height: 25px; background-position: -251px -75px; vertical-align: bottom} /*我的订单*/
.icon4 {width: 26px; height: 22px; background-position: -251px 0; vertical-align: bottom}
.icon5 {width: 15px; height: 24px; background-position: -251px -26px; vertical-align: bottom} /*手机*/
.icon6 {width: 400px; height: 55px; background-position: 0 -121px; } /*h1标题*/

.ft_story {padding: 50px 0 10px; background-color: #F7F7FA; }
.ft_story h3 {height: 32px; margin-bottom: 3.5%; font-size: 0; line-height: 0; text-indent: -999em; background: url(/Public/theme/laya/images/newindexs/ft_tit.png) no-repeat center center; }
.ft_story p {font-size: 13px; }
.ft_info {position: relative; background: url(/Public/theme/laya/images/newindexs/ft-info.jpg) center;
    height: 596px; }
.ft_info .btn1 {position: absolute; top: 10%; left: 50%; height: 24px; font-size: 0; line-height: 0; text-indent: -999em; margin-left: -155px; background-image: url(/Public/theme/laya/images/newindexs/btn1.png); background-repeat: no-repeat; background-position: center center; }
.ft_info_weixin {
    border-radius: 5px;
    padding: 5px 0;
    position: absolute;
    bottom: 110px;
    background: rgba(255,255,255,0.5);
    margin-left: -200px;
    width: 400px;
    left: 50%;
    text-align: center;
    /*color: red;*/
    font-size: 1.2em;
    font-family: 微软雅黑;
}


/*底导航*/
#xinhuiyuan{width:100%;position:relative}
#xinhuiyuan .xhy1{width:25%;height:66%;position:absolute;top:27%;right:17%;text-align:center}
#xinhuiyuan .xhy2{width:45%;margin:auto}
#xinhuiyuan .xhy3{height:30px;line-height:30px;font-size:18px;margin-top:20px;color:white;font-weight:bold}
#xinhuiyuan .xhy4{height:30px;line-height:30px;font-size:18px;margin-top:5px;color:white;font-weight:bold}
#ft_fenxiang a{background-image:url("/static/images/index/170829/fenxiang.png");padding-left:50px;line-height:50px;height:50px;}
#f333{width:100%;height:60px;background:black;margin-top:-7px}
#f333 .f31{width:800px;height:100%;margin:auto;}
#f333 .f311{width:150px;height:100%;float:left;text-align:center;vertical-align:center;line-height:60px;font-size:18px;color:#6F7374}
#f333 .f312{width:180px;height:100%;float:left;margin-left:160px;}
#f333 .f313{width:150px;height:100%;float:right;text-align:center;vertical-align:center;line-height:60px;font-size:18px;color:#6F7374}
#f222{width:100%;margin:auto;height: 165px;background-color:#3a3a3a;width: 70%;display: flex;justify-content: center;justify-content: space-between;}
#f222 .f21{width:1200px;height:100%;margin:auto;}
#f222 .f2_biaoti{color:#D8DBDE;font-size:18px;padding:10px;}
#f222 .f211{height:300px;float:left;margin-top:50px;text-align:center;}
#f222 ul li{font-size: 13px;padding:8px;}
#f222 a{color:#6F7374;letter-spacing:2px;}
#f222 .f2111{width:100%;height:50px}
#f222 .tuixiumian{width:50px;height:50px;float:left;background:black;border-radius:25px;line-height:50px;height:50px;color:#BBC2CA;font-size:22px;}
#f222 .tuixiumian2{float:left;width:200px;height:50px;line-height:50px;font-size:16px;letter-spacing:2px;color:#6F7374}
#f222 .f2_tu{width:155px;height:155px;background:red;margin:auto;margin-top:10px}
#f222 .f2_tu2{color:#6F7374;font-size:16px;padding:15px}
.top20{margin-top:20px;}
#f222 a {
    font-size: 14px;
    text-decoration: none;
    color: white;
    word-spacing:7px; letter-spacing: 1px;
}
#f111{width:100%;height:60px;background:black}
#f111 a{color:#ffffff;}
#f111 div{width:1200px;height:60px;margin:auto;line-height:40px;text-align:center;color:#6F7374;font-size:14px;letter-spacing:1px}
#sc25_tupian{position:fixed;width:400px;height:480px;z-index:-666;display:none;bottom:50px;left:50%;text-align:center}
#sc_25_bt{padding:10px;font-size:18px}
/*顶部轮播图样式*/
.topslide { position: relative; overflow: auto; }
.topslide li { list-style: none; }
.topslide ul li { float: left; }
.unslider{overflow:auto;margin:0;padding:0;position: relative;}.unslider-wrap{position:relative}.unslider-wrap.unslider-carousel li{float:left}.unslider-vertical>ul{height:100%}.unslider-vertical li{float:none;width:100%}.unslider-fade{position:relative}.unslider-fade .unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}.unslider-fade .unslider-wrap li.unslider-active{z-index:10}.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}.unslider-arrow{position:absolute;left:20px;z-index:2;cursor:pointer}.unslider-arrow.next{left:auto;right:20px}
.unslider-nav {
    position: absolute;
    bottom: 10px;
    text-align: center;
    left: 0;
    right: 0;
}
.unslider-nav ol {

}
.unslider-nav ol li {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 4px;
    background: transparent;
    border-radius: 5px;
    overflow: hidden;
    text-indent: -999em;
    border: 2px solid #fff;
    cursor: pointer;
}
.unslider-nav ol li.unslider-active {
    background: #fff;
    cursor: default;
}

/*小轮播图样式*/
/*顶部轮播图样式*/
.stage .bd ul{ zoom:1;}
.stage .bd li{width:100%;}
.stage li a img{display: block; width: 100%;}
.stage .bd li .date{ float:right; color:#999; }
.stage{position: relative;overflow: hidden;}

.stage .hd {
    position:absolute;
    width:100%;
    left:0;
    z-index:1;
    height:8px;
    bottom:20px;
    text-align:center;
}
.stage .hd li {
    display:inline-block;
    *display:inline;
    zoom:1;
    width:40px;
    height:8px;
    line-height:99px;
    overflow:hidden;
    background:url(/Public/lib/jquery/slide/images/slider-btn.png) 0 -10px no-repeat;
    margin:0 5px;
    cursor:pointer;
}
.stage .hd li.on {
    background-position:0 0;
}