@charset "utf-8";*html {
    background-image: url(about:blank);
    background-attachment: fixed
}

html {
    padding: 0;
    margin: 0
}

body {
    margin: 0;
    padding: 0;
    font: 14px/1.8 Arial,'Microsoft Yahei','黑体',\5b8b\4f53,sans-serif;
    background: #efefef;
    color: #333;
    word-break: break-all;
    width: auto;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p {
    padding: 0;
    margin: 0
}

table,td,tr,th {
    font-size: 14px
}

thead th {
    font-weight: bold
}

.clearfix,.swiper-wrapper {
    display: block;
    clear: both;
    margin-top: 5px;
}

.clearfix:after,.swiper-wrapper:after, {
    content: '';
    display: block;
    clear: both
}

ol,ul {
    list-style: none
}

li {
    list-style-type: none
}

img {
    vertical-align: top;
    border: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: hold
}

address,cite,code,em,th,i {
    font-weight: normal;
    font-style: normal
}

a {
    color: #333;
    text-decoration: none;
    outline: 0
}

a:hover {
    color: #06f;
    text-decoration: none
}

input:focus,button:focus,select:focus,textarea:focus {
    outline: 0
}
.mt20 {margin-top: 20px;}
.main {
    margin: 0 auto;
}
.top20 {padding: 20px 0;}
.box570 {width: 570px;}
.box570 {width: 590px;}
.main_left {
    float: left;
    width: 860px;
    overflow: hidden;
    margin-top: 10px
}

.main_right {
    position: relative;
    float: right;
    background-color: #fff;
    width: 310px;
    overflow: hidden;
    margin-top: 30px
}

.fl {
    float: left;
}

.fr {
    float: right
}

.clear15 {
    display: block;
    clear: both;
    width: 100%;
    height: 15px;
    overflow: hidden;
    *zoom:1}

.wrapper {
    margin: 0 auto;
    width: 1200px
}

.advimg {
    width: 1200px;
    margin: 30px auto;
    overflow: hidden;
    position: relative;
}

.advimg img{
    width: 1200px;
    position: relative;
}

.advimg2 {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    padding-top: 10px;
}

.advimg a span {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 14px;
    background: url('/style/img/adv.png') no-repeat;
}

.advimg2 a span {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 14px;
    background: url(/style/img/adv.png) no-repeat;
}

.banner-three {
    width: 1200px;
    margin: 0 auto;
    padding-top: 15px;
}

.banner-three ul li {
    float: left;
    display: inline-block;
    position: relative;
    width: 393px;
    height: 90px;
    margin-right: 10px;
    /* margin-bottom: 10px; */
}

.banner-three ul li a {
    display: block;
}

.banner-three ul li a span {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 24px;
    height: 14px;
    background: url('/style/img/adv.png') no-repeat;
}

.header-wrapper {
    width: 100%;
    background: #ffffff;
    margin-bottom: 0px;
    overflow: hidden;
}

.head {
    margin: 0 auto;
    width: 1200px;
    height: 40px;
    line-height: 40px;
}

.head p a {
    font-size: 14px;
    font-weight: 500;
    color: #8e8e8e;
    padding-left: 20px;
}

.head p a:hover {
    color: #f59506;
}

.head .fabu {
    font-size: inherit;
    background: url(../img/fabu_ico.png) left no-repeat;
    padding-left: 22px;
}

.head .iconfont {
    font-size: inherit;
    background: url(/style/img/reg.png) left no-repeat;
    padding-left: 30px;
}

.top {
    margin: 0 auto;
    width: 1200px;
    height: 70px;
}

.shorttitle {
    width: 320px;
    overflow: hidden;
    float: left;
}

.logo {
    float: left;
}

.top .logo img{
    max-width: 160px;
}

.logo a {
    float: left;
    overflow: hidden;
    color: #6591b7;
}

.top .logo .hot {
    font-size: 12px;
    line-height: 12px;
    color: #ffffff;
    padding: 4px 8px;
    background-color: #ff9100;
    top: 40px;
    margin-left: 10px;
    position: absolute;
    border: 1px solid #ff9100;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.top span a {
    float: left;
    line-height: 60px;
    font-size: 30px;
    color: #6591b7;
    font-weight: 600;
    margin-right: 5px;
}

.topa a {
    margin-left: 18px;
    color: #666;
    font-size: 16px;
    font-weight: 600;
    line-height: 60px;
}

.topa a:hover {
    color: #f59506;
}

.topa a.current {
    color: #f59506;
}

.search2 {
    width: 300px;
    height: 34px;
    line-height: 34px;
    margin: 10px 0;
    position: relative;
}

.search2 input.text {
    background-color: #f1f1f1;
    height: 34px;
    line-height: 34px;
    width: 208px;
    border: 1px solid #f1f1f1;
    color: #333;
    outline: 0;
    font-size: 12px;
    padding-left: 10px;
}

.search2 input.search_btn:hover {
    background-color: #ff0400;
}

.search2 input.search_btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    border: 0;
    background-color: #f57d21;
    color: #fff;
    font-size: 16px;
}

.banner_main {
    height: 380px;
    width: 100%;
    background-color: #ffffff;
    overflow: hidden;
    background: url(http://www.828i.com/style/img/bannerpaiqi-bak.jpg) no-repeat center center;
    clear: both;
    background-size: 100% 100%;
}

.banner_main p {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}

.banner_main .hotcity {
    color: rgb(255, 255, 255);
    text-align: center;
    font-size: 14px;
}

.banner_main .hotcity a {
    color: rgb(255, 255, 255);
    display: inline-block;
    padding: 0 3px;
    font-size: 14px;
}

.pro-name {
    padding-top: 80px;
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1px;
    overflow: hidden;
}

.search {
    width: 540px;
    height: 50px;
    line-height: 39px;
    margin: 40px auto;
    position: relative;
}

.search .select {
    width: 90px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 90px;
    top: 0px;
    border: 0;
    font-size: 15px;
    color: #ff8404;
    font-weight: 500;
    padding-left: 5px;
}

.search input.text {
    background-color: #fff;
    height: 50px;
    line-height: 50px;
    width: 448px;
    border: 1px solid #ffffff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    color: #b5b4b4;
    outline: 0;
    font-size: 16px;
    font-weight: 400;
    text-indent: 20px;
}

.search input.text:hover {
    border: 1px solid #ffffff;
}

.search input.search_btn {
    position: absolute;
    width: 90px;
    height: 52px;
    line-height: 52px;
    cursor: pointer;
    border: 0;
    background-color: #ff0000;
    color: #fff;
    font-size: 18px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}

.search input.search_btn:hover {
    background-color: #fb9211;
    color: #fff;
}

.level-box {
    width: 1200px;
    overflow: hidden;
}

.level {
    background-color: #fffdfd;
    padding: 2px 0;
    overflow: hidden;
    padding-left: 1px;
}

.level ul li {
    float: left;
    position: relative;
    width: 108px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #f3f3f3;
    margin: -1px 0 0 -1px;
    text-align: center;
    color: #333;
    background: #fff;
    font-size: 15px;
}

.level ul li a {
    display: inline-block;
    width: 108px;
    height: 50px;
}

.level ul li a:hover {
    background: #9caebd;
    color: #ffffff;
}

.level ul li.current a {
    background: #9caebd;
    color: #fff;
}

.level ul li .more a {
    background: #ffffff;
    color: #333;
}

.bgwhite{background: #ffffff;}
.wrap {margin: 0 auto;width: 1200px;overflow: hidden;}
.bg01 {background-image: url(/style/img/bg3.jpg);background-repeat: no-repeat;background-position: center top;}
.bg1 {background-image: url(/style/img/bg1.jpg);background-repeat: no-repeat;background-position: center top;}
.bg2 {background: linear-gradient(90deg, rgb(250 250 250) 0%, rgb(199 199 199) 100%);display: -moz-box;display: -ms-flexbox;position: relative;}
.bg3 {background-image: url(/style/img/bg3.jpg);background-repeat: no-repeat;background-position: center top;}
.bg4 {display: flex;position: relative;background: linear-gradient(90deg, rgb(250 250 250) 0%, rgb(199 199 199) 100%);display: -moz-box;display: -ms-flexbox;}
.bg5 {position: relative;background: linear-gradient(90deg, rgb(250 250 250) 0%, rgb(199 199 199) 100%);display: -moz-box;display: -ms-flexbox;}
.bg6 {position: relative;background: #f1f2f0;}
.bg7 {background-image: url(/style/img/bg7.jpg);background-repeat: no-repeat;background-position: center top;}
.bg8 {background-image: url(/style/img/bg3.jpg);background-repeat: no-repeat;background-position: center top;}
.bg9 {background-image: url(/style/img/bgnews1.jpg);background-repeat: no-repeat;background-position: center top;}
.bgnews3{background: #fff;overflow: hidden;padding: 15px 15px 10px 15px;}

/*视频 手风琴*/
.fold_wrap{width:1200px;height:260px;margin: 0 auto;padding-top: 30px;overflow:hidden;}
.fold_wrap li{float:left;width:130px;height:260px;position:relative;overflow:hidden;cursor:pointer;}
.fold_wrap li .mask_b{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;background: rgb(0 0 0 / 44%);_background:#B2B2B2;}
.fold_wrap li.active .mask_b{background:none;}
.fold_wrap li .mask_b h3{color:#fff;width:30px;margin:0 auto;display:block;font: 20px/24px Microsoft Yahei;position:relative;padding:30px 0 0 0;}
.fold_wrap li.big{width:322px;}
.fold_wrap li .adv_intro{ width:92%; height:40px; padding:5px 4%; position:absolute;left:0; bottom:-50px;background:#37D; color:#FFF; overflow:hidden;}
.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}
.pic_auto{width:100%;height:100%;}
.pic_auto img{
    width: 100%;
    height: 100%;
}

.authorities {position: relative;overflow: hidden;margin-top: 20px;float: left;}
.authorities-box.rich{background: #b3349e;margin-left: 22px;margin-top: 20px;}
.authorities-box.gdp1{background: #cd3c3c;margin-left: 22px;margin-top: 20px;}

.authorities-box{float:left;width: 365px;padding:10px;background: #6f75d7;}
.authorities-bar{position: relative;padding:0 10px;color: #fff; }
.authorities-bar .title{height: 32px;line-height: 32px;font-size: 20px;font-weight: 600;}
.authorities-bar .sub-title{height:24px;line-height: 24px;font-size: 14px;font-weight: 300;opacity: .6;}
.authorities-bar .more{position: absolute;top:16px;right:0;height: 24px;line-height: 24px;color:#fff;font-size: 12px;font-weight: lighter; }
.authorities-bar .more i{margin-left: 6px;font-size: 12px;font-weight: lighter;}
.authorities-table{margin-top: 10px;background: #fff;-webkit-border-radius: 6px;border-radius: 6px;overflow: hidden;}
.authorities-table-head{height: 56px;line-height: 56px;background: #f2f2f2;font-size: 18px;}
.authorities-table-head span{float: left;display: block;text-align: center;}
.authorities-table-head .colum-a{width: 15%;}
.authorities-table-head .colum-b{width: 70%;}
.authorities-table-head .colum-c{width: 15%;}
.authorities-table-body ul li{height: 56px;/* overflow: hidden; */}
.authorities-table-body ul li:nth-child(2n){background: #f2f2f2;}
.authorities-table-body ul li .colum-a{float: left;width: 10%;text-align: center;box-sizing: border-box;}
.authorities-table-body ul li .colum-b{float: left;width: 75%;height: 36px;line-height: 36px;padding: 10px;box-sizing: border-box;}
.authorities-table-body ul li .colum-c{float: left;width: 15%;height: 36px;line-height: 36px;padding: 10px;color: #999;text-align: center;box-sizing: border-box;}
.authorities-table-body ul li .num{display: inline-block;width: 20px;height: 29px;margin-top: 12px;line-height: 33px;text-align: center;color: #fff;background: url(/style/img/icons-tops.png) no-repeat -108px 0;background-size: 127px 29px;}
.authorities-table-body ul li .num.num1{background-position: 0 0;}
.authorities-table-body ul li .num.num2{background-position:-36px  0;}
.authorities-table-body ul li .num.num3{background-position:-72px  0;}
.authorities-table-body ul li .country .thumb{float: left;display: inline-block;width: 48px;height: 36px;margin-right: 10px;}
.authorities-table-body ul li .country p{/* float: left; */height: 36px;color: #1d75a3;overflow: hidden;}
.authorities-table-body ul li .richer .thumb{float: left;display: inline-block;width: 36px;height: 36px;margin-right: 10px;-webkit-border-radius: 100%;-moz-border-radius: 100%; border-radius: 100%; overflow: hidden;}
.authorities-table-body ul li .richer p{/* float: left; */color: #1d75a3;}
.authorities-table-body ul li .car-type p{color: #1d75a3;text-align: center;}
.jingxuan {
}

.jingxuan .note {
    width: 400px;
    margin-left: 370px;
    font-size: 26px;
    color: #fbfbfb;
    font=weight: 700;
    line-height: 30px;
    text-align: center;
    padding: 12px 20px;
    border-radius: 10px;
    display: inline-block;
    background-color: #689ae4;
    box-shadow: 0 1px 1px #6c7177;
    margin-bottom: 40px
}

.jingxuan ul {
    margin-left: -20px;
}

.jingxuan ul li {
    float: left;
    margin: 10px 0 10px 20px;
    width: 285px;
    overflow: hidden;
    background: #ffffff;
}

.jingxuan ul li:hover {
    background: #ffffff;
}


.jingxuan ul li a:hover {
    color: #f00
}

.jingxuan ul li img {
    width: 285px;
    height: 160px;
}

.jingxuan ul li p {
    width: 254px;
    height: 36px;
    line-height: 36px;
    display: block;
    padding: 10px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.jingxuan ul li p a {
    color: #41697b;
    overflow: hidden;
    font-weight: 550;
    font-size: 18px;
}

.jingxuan ul li a:hover img {
    opacity: .6
}

.hot-title {
    overflow: hidden;
    height: 40px;
}

.hot-title .brand01 {
    float: left;
}

.hot-title .brand01 span {
    display: block;
    float: left;
    width: 40px;
    height: 44px;
    background: url(/style/img/sy_03.png) no-repeat 0 6px;
}

.hot-title .brand01 h3 {
    font-size: 24px;
    color: #ff4545;
    font-weight: 600;
    line-height: 40px;
    float: left;
    overflow: hidden;
    position: relative;
}

.hot-title .brand01 .en {
    font-size: 14px;
    color: #909090;
    padding-left: 15px;
    float: left;
    line-height: 40px;
}

.hot-title .brand02 {
    float: left;
}

.hot-title .brand02 span {
    display: block;
    float: left;
    width: 40px;
    height: 44px;
    background: url(/style/img/sy_42.png) no-repeat 0 6px;
}

.hot-title .brand02 h3 {
    font-size: 24px;
    color: #ff4545;
    font-weight: 600;
    line-height: 40px;
    float: left;
    overflow: hidden;
    position: relative;
}

.hot-title .brand02 .en {
    font-size: 14px;
    color: #828282;
    padding-left: 15px;
    float: left;
    line-height: 40px;
}

.hot-title .brand03 {
    float: left;
}

.hot-title .brand03 span {
    display: block;
    float: left;
    width: 40px;
    height: 44px;
    background: url(/style/img/sy_41.png) no-repeat 0 6px;
}

.hot-title .brand03 h3 {
    font-size: 24px;
    color: #ff4545;
    font-weight: 600;
    line-height: 40px;
    float: left;
    overflow: hidden;
    position: relative;
}

.hot-title .brand03 .en {
    font-size: 18px;
    color: #b5b5b5;
    padding-left: 5px;
    float: left;
    line-height: 40px;
}

.hot-title .brand04 {
    float: left;
}

.hot-title .brand04 span {
    display: block;
    float: left;
    width: 40px;
    height: 44px;
    background: url(/style/img/sy_42.png) no-repeat 0 6px;
}

.hot-title .brand04 h3 {
    font-size: 24px;
    color: #ff4545;
    font-weight: 600;
    line-height: 40px;
    float: left;
    overflow: hidden;
    position: relative;
}

.hot-title .brand04 .en {
    font-size: 18px;
    color: #b5b5b5;
    padding-left: 5px;
    float: left;
    line-height: 40px;
}

.hot-title .tit a {
    font-size: 14px;
    float: right;
    color: #252525;
    line-height: 40px;
    font-weight: normal;
    margin: 0 15px;
}

.hot-info-tab {
    width: 1200px;
    margin-bottom: 10px;
}

.hot-info-tab .con {
    margin-left: -15px;
}

.hot-info-tab .con .swiper-slide {
    width: 229px;
    float: left;
    margin: 10px 0 5px 14px;
    transition: all .8s ease 0s;
    background: #ffffff;
    position: relative;
}

.hot-info-tab .con .swiper-slide i {
    width: 30px;
    height: 20px;
    line-height: 20px;
    color: #ffee00;
    position: absolute;
    top: 5px;
    left: 0;
}

.has-icon {
    display: block;
}

.hot-info-tab .con .swiper-slide .butie {
    width: 90px;
    height: 40px;
    position: absolute;
    top: 5px;
    left: -18px;
    background: url(/style/img/butie30.png) no-repeat center center / 70% auto;
}

.hot-info-tab .con .swiper-slide img {
    border: 0;
    width: 199px;
    height: 120px;
    padding: 5px 15px;
    vertical-align: top;
}



.hot-info-tab .con .swiper-slide:hover {
    transform: scale(1.0);
    box-shadow: 0 0 25px rgba(108, 108, 108, 0.35);
}

.hot-info-tab .con .swiper-slide .data {
    font-size: 14px;
    color: #9a9a9a;
    padding: 10px;
    line-height: 25px;
    background: #fff;
    font-weight: 600;
    border-top: 1px solid #efefef;
}

.hot-info-tab .con .swiper-slide .data .price {
    color: #9a9a9a;
    font-size: 14px;
    height: 24px;
    font-weight: 500;
}

.hot-info-tab .con .swiper-slide .data .price span {
    font: 500 16px/33px Arial;
    color: #ff0000;
}

.hot-info-tab .con .swiper-slide .data .price .numbg {
    font: 500 12px/33px Arial;
    color: #e2891b;
}

.hot-info-tab .con .swiper-slide .data .price .num {
    display: none;
}

.hot-info-tab .con .swiper-slide .data .time {
    margin: 10px 0 5px;
    font-size: 12px;
    line-height: 14px;
    color: #9a9a9a;
    overflow: hidden;
    font-weight: 500;
}

.hot-info-tab .con .swiper-slide .data .info {
    background: url(/style/img/redu.png) no-repeat 0 4px;
    background-size: 14px;
    font-size: 12px;
    color: #9a9a9a;
    overflow: hidden;
    padding-left: 20px;
}

.hot-info-tab .con .swiper-slide .data .info span {
    color: #9a9a9a;
    font-weight: 500;
}

.hot-info-tab .con .swiper-slide .data h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
    height: 44px;
}

.hot-info-tab .con .swiper-slide .data a {
    color: #666;
}

.hot-info-tab .con .swiper-slide .data:hover a {
    color: #0776ec;
}

.hot_1 {
    font-size: 10px;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
    margin-right: 2px;
    background-color: #ff0000;
}

.hot_2 {
    font-size: 10px;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
    margin-right: 2px;
    background-color: #00b78b;
}

.hot-con {
    margin-left: -10px;
}

.hot-con .hot-list {
    width: 229px;
    float: left;
    margin: 10px 0 10px 10px;
    border: 1px solid #efefef;
    transition: all .8s ease 0s;
    background: #ffffff;
}

.hot-con .hot-list img {
    border: 0;
    width: 230px;
    height: 150px;
    vertical-align: top;
}

.hot-con .hot-list:hover {
    transform: scale(1.0);
    box-shadow: 0 0 25px rgba(108, 108, 108, 0.35);
}

.hot-con .hot-list .data {
    font-size: 14px;
    width: 208px;
    color: #9a9a9a;
    padding: 10px;
    line-height: 25px;
    text-align: center;
    background: #ffffff;
    border-top: 1px solid #efefef;
}

.title-a {height: 40px;line-height: 40px;font-size: 20px;font-weight: 600;color: #333;border-bottom: 1px #e5e5e5 solid;padding-bottom: 6px;}
.title-a span {position: relative;float: left;height: 40px;line-height: 40px;padding-bottom: 6px;border-bottom: 1px solid #264391}
.title-a span strong {color: #264391;}
.title-a span.hot::after {content: '';position: absolute;top: -5px;right: -20px;display: block;width: 17px;height: 12px;background: url(../images/hot_1.png) no-repeat;}
.title-a .more {float: right;color: #999;font-size: 14px;font-weight: normal;margin-top: 6px;}

.nws-left {
    float: left;
    width: 260px;
    background: #fff;
}

.nws-ask-first a {
    display: block;
    overflow: hidden;
}

.nws-ask-first a img {
    width: 260px;
    height: 160px;
}

.nws-ask-first a .bt {
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
}

.nws-ask-first a .ms {
    font-size: 14px;
    line-height: 24px;
    color: #999;
}

.nws-ask ul li {
    position: relative;
    padding: 6px 0 6px 16px;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.nws-ask ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #ccc;
}

.nws-ask ul li a {
    font-size: 15px;
    color: #333;
}

.nws-right {
    float: right;
    width: 310px;
}

.nws-right ul li {
    padding: 18px 0;
    border-bottom: 1px dashed #efefef;
    overflow: hidden;
}

.nws-right ul li:first-child {
    padding-top: 0;
}

.nws-right ul li:last-child {
    border-bottom: 0;
}

.nws-right ul li a img {
    float: left;
    width: 100px;
    height: 67px;
}

.nws-right ul li a .chara {
    float: right;
    width: 200px;
}

.nws-right ul li a .chara .bt {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    max-height: 40px;
    overflow: hidden;
}

.nws-right ul li a .chara p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    line-height: 22px;
    margin-top: 4px;
    color: #999;
}

.titles-tl{height:48px;line-height:48px;overflow: hidden;padding-top: 10px;}
.titles-tl .bt .title{display: inline-block;height:48px;margin:0 20px;line-height:48px;font-size: 24px;font-weight: 600;color: #262626;}
.titles-tl .bt .title i{
    display: block;
    float: left;
    width: 40px;
    height: 44px;
    background: url(/style/img/sy_03.png) no-repeat 0 10px;
}
.titles-tl .subtitle{font-size: 14px; color: #999;}
.titles-tl .more {float: right;position: relative;display: inline-block;height: 48px;line-height: 48px;padding-right: 16px;color: #a78f8f;font-size: 14px;}
.titles-tl .more:before {content: '';position: absolute;top: 0;bottom: 0;right: 8px;display: inline-block; width: 4px; height: 4px;-webkit-border-radius: 50%;margin:auto;-moz-border-radius: 50%;border-radius: 50%;background: #b2b3c5;}
.titles-tl .more:after {content: '';position: absolute;top: 0;bottom: 0;right: 0;display: inline-block;width: 4px;height: 4px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #ddd; margin: auto;}

.hs-left{float: left;width: 370px;margin-left: 15px;}
.hs-left-first a{display:block;overflow: hidden;}
.hs-left-first a img{display: block;width:380px;height:253px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.hs-left-first{padding-bottom: 12px;border-bottom: 1px solid #f2f2f2;}
.hs-left-first a .bt{height:36px;margin-bottom: 6px; line-height:36px;font-size:20px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;color:#333;}
.hs-left-first a .ms{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size:16px; line-height:30px;color: #999;}
.hs-left-list ul li {position: relative;padding: 5px 0;height: 24px;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hs-left-list ul li a {font-size: 16px;color: #333;}
.hs-middle{float:left;display: inline-block;width:400px;margin-left: 20px;}
.hs-middle ul li{padding: 16px 0;border-bottom:1px dashed #efefef;overflow: hidden;}
.hs-middle ul li:first-child{padding-top:0;}
.hs-middle ul li:last-child{border-bottom:0;}
.hs-middle ul li a img{float:right;width:120px;height:80px;margin-left: 15px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.hs-middle ul li a .bt{display: block;font-size:18px;line-height:28px; color: #333; max-height: 56px; overflow: hidden;}
.hs-middle ul li a  p{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;line-height:22px;margin-top:10px;color: #999;}
.hs-right{float: right;width: 350px;font-size: 14px;margin-right: 15px;}
.hs-right ul{margin-top: 20px;}
.hs-right ul li{height: 100px;overflow: hidden;}
.hs-right ul li span{float: left;width: 50px;text-align: center;color: #888;}
.hs-right ul li .items{width: 330px;height: 50px;line-height: 50px;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f2f2f2;}
.hs-right ul li .items a{color: #446b99;}
.hs-right ul li .items2{width: 330px;height: 50px;line-height: 50px;float: left;overflow: hidden;background: #ffffff;text-overflow: ellipsis;white-space: nowrap;}
.ebdy-l{float: left;width: 760px;padding:10px 20px 20px 20px;background: #fff;}
.ebdy-l-left{float: left;width:380px;}


.titles-c{height:40px;line-height:40px;overflow: hidden;}
.titles-c .bt .title{display: inline-block;height:40px;line-height:48px;font-size: 20px;font-weight: 600;color: #262626;}

/* superslide */
.slideBox {
	overflow: hidden;
	position: relative;
}

.slideBox .hd {
	height: 10px;
	overflow: hidden;
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 1;
}

.slideBox .hd ul {
	display: block;
	overflow: hidden;
	zoom: 1;
}

.slideBox .hd ul li {
	float: left;
	width: 10px;
	height: 10px;
	line-height: 10px;
	overflow: hidden;
	margin-right: 5px;
	text-align: center;
	border-radius: 50%;
	background: #CDCDCD;
	color: #000;
	cursor: pointer;
	text-indent: -999em;
}

.slideBox .hd ul li.on {
	background: #F60;
	color: #fff;
}

.slideBox .bd ul {
	overflow: hidden;
	z-index: 0;
	zoom: 1;
}

.slideBox .bd li {
	zoom: 1;
}

.slideBox .prev,
.slideBox .next {
	position: absolute;
	top: 50%;
	margin-top: -36px;
	display: block;
	width: 36px;
	height: 54px;
	background-image: url(/style/img/slider-arrow.png);
	background-color: rgba(0, 0, 0, 0.5);
	background-repeat: no-repeat;
}

.slideBox .prev {
	left: -36px;
}

.slideBox .next {
	right: -36px;
	background-position: 0 bottom;
}

.slideBox .prev:hover,
.slideBox .next:hover {
	background-color: rgba(0, 0, 0, 1);
}

.slideBox .prevStop {
	display: none;
}
.slideBox .nextStop {display: none;
}

.slideBox.focus {
	width: 380px;
	height: 233px;
}


.slideBox.focus .hd {
	height: 40px;
	right: 5px;
	bottom: 0px;
	z-index: 1;
}

.slideBox.focus .hd ul li {
	width: 20px;
	height: 20px;
	line-height: 19px;
}

.slideBox.focus .hd .pageState {
	color: #FFF;
	font-size: 16px;
	line-height: 40px;
	letter-spacing: 3px;
}

.slideBox.focus .hd .pageState span {
	font-size: 20px;
	color: #f5d806;
}

.slideBox.focus .bd img {
	width: 380px;
	height: 233px;
	display: block;
}

.slideBox.focus .bd a {
	display: block;
	position: relative;
}

.slideBox.focus .bd h3 {
	padding: 10px;
	text-align: left;
	font-size: 16px;
}

.slideBox.focus .bd h3 p {
	width: 85%;
}

.tit-Agba {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    filter: progid: DXImageTransform.Microsoft.Gradient(startColorStr=#CC000000, endColorStr=#CC000000);
    background-color: rgb(0 0 0 / 42%);
    zoom: 1;
}

.ebdy-l{float: left;width: 760px;padding: 10px 20px 0px 20px;background: #fff;}
.ebdy-l-left{float: left;width:380px;}
.ebdy-focus{position:relative;width:380px;height:320px;border-bottom: 1px solid #f2f2f2; }
.dbdy-focus-list{position:relative;width:380px;height:320px;overflow:hidden;}
.dbdy-focus-list ul{position:relative;width:3000px;}
.dbdy-focus-list ul li{position:relative;float:left;width:380px;height:320px;}
.dbdy-focus-list ul li a .thumbs{width:380px;height:253px;-webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px; overflow:hidden;}
.dbdy-focus-list ul li a .thumbs img{width:380px;height:253px;}
.dbdy-focus-list ul li a .tit{height: 32px;margin-top:10px;line-height: 32px;font-size:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dbdy-focus-control{position: absolute; top:220px;width: 100%; text-align: center;}
.dbdy-focus-control ul li{display: inline-block;width:24px;height:5px;margin-left:6px; background:#fff;-webkit-transition: all .3s;-moz-transition: all .3s; transition: all .3s;  cursor:pointer;}
.dbdy-focus-control ul li.on{height: 8px;background:#fd8d27;}
.ebdy-l-list ul li{padding:18px 0;border-bottom:1px dashed #efefef;overflow: hidden;}
.ebdy-l-list ul li:first-child{padding-top:0;}
.ebdy-l-list ul li:last-child{border-bottom:0;}
.ebdy-l-list ul li a img{float:right;width:120px;height:80px;margin-left: 15px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.ebdy-l-list ul li a .bt{display: block;font-size:18px;line-height:28px; color: #333; max-height: 56px; overflow: hidden;}
.ebdy-l-list ul li a .time {font-size: 12px;line-height: 20px;color: #999;padding-top: 30px;}
.ebdy-l-list ul li a p{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;line-height:22px;margin-top:10px;color: #999;}
.ebdy-l-mid{float: right;width: 350px;border-left: 1px dashed #dad6d6;}
.ebdy-l-mid ul li{height: 36px;line-height: 36px;margin: 11px 0;font-size: 18px;padding-left: 20px;color: #999;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ebdy-l-mid ul li a{margin-left:8px;}
.ebdy-l-mid ul li .tag{color: #888;margin-right: 8px;}
.ebdy-r{float: right;width: 340px;padding: 10px 20px 20px 20px;background: #fff;}
.ebdy-r ul li{padding:18px 0;border-bottom:1px dashed #efefef;overflow: hidden;}
.ebdy-r ul li:first-child{padding-top:0;}
.ebdy-r ul li:last-child{border-bottom:0;}
.ebdy-r ul li a img{float:right;width:80px;height:80px;margin-left: 15px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.ebdy-r ul li a .bt{display: block;height: 28px;font-size:18px;line-height:28px; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ebdy-r ul li a p{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:14px;line-height:22px;margin-top:10px;color: #999;}
.ebdy-r ul li a .time{font-size: 12px;line-height: 20px;color: #999;}

.news-list {
    width: 1200px
}

.news-list ul {
    float: left;
    background: #fff;
    padding: 10px 15px 10px 15px;
    margin: 10px 0 15px;
}

.news-list li {
    width: 380px;
    float: left;
    position: relative;
    transition: all .3s ease-in-out;
    margin: 8px 5px;
    background: #ecefec;
}

.news-list .date {
    width: 140px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    top: 12px;
    right: 8px;
    font-size: 13px;
    font-family: "微软雅黑";
    text-align: right;
    color: #999
}

.news-list li:hover {
    color: #06f;
    -webkit-transform: translate(0,-3px);
    box-shadow: 0 25px 30px -10px #d8d5d5
}

.news-list img {
    width: 160px;
    height: 105px;
    display: block;
    float: left;
    margin: 0 10px 0 0;
    position: relative
}

.news-list .brand_right {
    height: 105px;
    float: left;
    width: 210px;
    overflow: hidden
}

.news-list .brand_right .title {
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 16px;
    width: 250px;
    font-weight: 700;
    overflow: hidden;
    color: #333
}

.news-list .brand_right .info {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    padding-top: 13px;
    width: 250px;
    overflow: hidden

}

.news-list .brand_right .info span {
    color: #999
}

.news-list .brand_right .info .zongbu {
    margin-right: 20px;
    overflow: hidden;
    display: block;
    float: left
}

.news-list .brand_right .info .money {
    color: #f00;
    font-size: 14px;
    overflow: hidden
}

.news-list .brand_right .info .sub {
    height: 22px;
    width: 60px;
    line-height: 22px;
    margin-right: 10px;
    font-size: 14px
}

.relative-ranks h3 {
    height: 40px;
    line-height: 40px;
    font-size: 24px;
    margin-top: 10px;
    color: #ff9314
}

.relative-ranks ul {
    float: left;
    display: inline-block;
    overflow: hidden;
    margin: 0 0 20px -20px
}

.relative-ranks ul li {
    float: left;
    display: inline-block;
    width: 283px;
    height: 40px;
    margin: 14px 0 0 20px;
    line-height: 40px;
    font-size: 14px;
    border: 1px solid #d1d8e1;

    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.relative-ranks ul li a {
    position: relative;
    display: block;
    background: #d1d8e1;
    height: 40px;
    text-align: center;
    z-index: 2;
    overflow: hidden
}

.relative-ranks ul li:hover {
    border: 1px solid #2a99e2
}

.relative-ranks ul li a:hover {
    color: #fff
}

.relative-ranks ul li a:before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #2a99e2;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.relative-ranks ul li a:hover::before {
    width: 100%
}

.contact{font-size: 30px;color: #fe741c;padding-bottom: 20px;}
.contact span{font-weight: bold;margin-right: 20px;}

.link {
    margin: 0 auto;
    width: 1200px;
    border-bottom: 1px solid #535353;
    padding: 30px 0px 10px;
}

.link_t {
    height: 33px;
    line-height: 33px;
    color: #666;
    font-size: 18px
}

.link_t b {
    float: left;
    color: #fff;
}

.link_t span {
    float: right;
    padding-top: 3px;
    font-size: 14px;
    color: #999;
}

.link ul {
    width: 100%;
    overflow: hidden;
    clear: both;
    font-size: 14px;
    padding: 5px 0
}

.link li a {
    float: left;
    color: #999;
    line-height: 24px;
    padding-right: 15px;
    white-space: nowrap;
}

.bottom {
    background: #2d2d2d;
    min-width: 1200px;
}

.footer {
    width: 1200px;
    padding: 20px 0;
    margin: 0 auto;
    overflow: hidden;
}

.footer-fl {
    float: left;
    width: 800px;
    overflow: hidden;
}

.footer-fl p {
    color: #fff;
    overflow: hidden;
    font-size: 14px;
}

.footer-fl .jieshao {
    overflow: hidden;
    margin-top: 15px;
    position: relative;
}

.footer-fl .jieshao p {
    color: #999;
    font-size: 14px;
}


.footer-fl .jieshao p a {
    color: #999;
}

.bottom .footer-fl .jieshao p a:hover {
    color: #fdeb0d
}

.footer-fl .law {
    overflow: hidden;
    margin-top: 10px;
    position: relative
}

.footer-fl .law p {
    color: #cecece;
    font-size: 14px;
}

.footer-fl .beian {
    overflow: hidden;
    margin-top: 10px;
    position: relative
}

.footer-fl .beian p {
    color: #999;
    font-size: 14px;
}

.footer-fl .beian p a {
    color: #b1b0b0;
}

.footer-fl p a {
    color: #fff;
    font-size: 16px;
    margin-right: 20px;
}

.footer-fl p a:hover {
    color: #fb0000
}

.bottom .footer-fr {
    float: right;
    width: 320px;
    height: 150px;
}

.footer .footer-fr .footer-code {
    width: 110px;
    height: 150px;
    float: right;
    margin: 0 20px;
}

.footer .footer-fr .footer-code img {
    width: 110px;
    height: 110px;
    border: 1px solid #efefef;
}

.footer .footer-fr .footer-code p {
    width: 110px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    padding-top: 5px;
}

.footer-static {
    text-align: center;
    font-size: 14px;
    box-sizing: border-box;
    background: #000000;
    padding: 8px;
    color: #7b7b7b;
}

.footer-static>span {
    display: block;
}

.footer-static>span>a {
    color: #7b7b7b;
}