* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.cle {clear: both;}
.box1200 {width: 1200px;margin: auto;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content: '';display: block;clear: both;}
.table {display: table;}
.table_cell {display: table-cell;vertical-align: middle;}

.status {height: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.1);position: relative;z-index: 7;}
.status_l .span1 {font-size: 12px;color: #ffffff;line-height: 39px;margin-right: 35px;}
.status_l .a1 {font-size: 12px;color: #ffff00; line-height: 39px; margin-right: 18px; position: relative;}
.status_l .a1:after {content: ''; display: block; width: 1px; height: 13px; background: rgba(234, 234, 234, 0.2); position: absolute; top: 50%; right: -9px; margin-top: -6.5px;}
.status_l .a2 {font-size: 12px; color: #ffffff; line-height: 39px;}
.status_r .a1 {display: inline-block; font-size: 12px; color: #ffffff; line-height: 39px; margin-right: 29px; position: relative;}
.status_r .a1:after {content: ''; display: block; width: 1px; height: 13px; background: rgba(234, 234, 234, 0.2); position: absolute; top: 50%; right: -18px; margin-top: -6.5px;}
.status_r .span2 { color: #ffffff; font-size: 12px; line-height: 39px;}
.status_r .span2 span { font-weight: bold;}

.nav { height: 80px; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.1); z-index: 3;}
.nav_logo { display: block; height: 79px; width: 141px; position: relative;}
.nav_logo img { position: absolute; top: 0; left: 0; bottom: 0; margin: auto;}
.nav_r .a2 { float: left; font-size: 16px; color: #ffffff; line-height: 79px; position: relative; margin: 0 15px; transform: all .3s; text-align: center;}
.nav_r .a2:hover .nav_ul { display: block;}
.nav_r .a2:last-child { margin-right: 0;}
.nav_r .a2.active { font-weight: bold;}
.nav_r .a2.active:after { content: ''; display: block; width: 100%; height: 2px; background: #ff6d00; position: absolute; bottom: 0; left: 0;}
.nav_r .a2 i { display: block; position: absolute; top: 0; right: -13px; width: 9px; height: 100%; background: url("../images/nav_icon1.png") no-repeat center;}
.nav_r .a2.gzh { width: 112px;}
.nav_r .a3 { font-size: 16px; color: #ffffff; line-height: 79px; position: relative;}
.nav_ul { position: absolute; top: 50px; left: 50%; width: 180px; margin-left: -90px; padding: 25px 0px 5px 0; text-align: left; display: none; border-radius: 0 0 4px 4px;}
.nav_select { background: #fff; /* padding: 13px 10px; */ position: relative; /* border-radius: 4px; */}
.nav_select:after { content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -8px;}
.nav_li { width: 100%; height: 40px; line-height: 40px; background: #fff; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; color: rgba(43, 43, 43, 1); text-align: center;}
.nav_li { font-size: 14px; color: rgba(43, 43, 43, 1); transition: 0.3s; background: transparent;}
.nav_li:hover { font-size: 14px; color: #EF6900; transition: 0.3s; background: rgba(239, 105, 0, 0.1);}

.banner { margin-top: -120px;}
.banner_swipe { position: relative;}
.banner_swipe_each { height: 650px; background: url("../images/banner_1.jpg") no-repeat center;}
.banner_swipe_center { padding-top: 245px; position: relative;}
.banner_swipe_center .p1 { font-size: 56px; color: #ffffff; line-height: 56px;}

.banner_swipe_center .p2 { font-size: 24px; color: #ffffff; line-height: 24px; margin-top: 19px;}
.banner_swipe_center .p2 span { position: relative; margin: 0 17px;}
.banner_swipe_center .p2 span:first-child { margin-left: 0;}
.banner_swipe_center .p2 span:after { content: ''; display: block; position: absolute; top: 50%; right: -23px; width: 6px; height: 6px; border-radius: 100%; background: #ffffff; margin-top: -3px;}
.banner_swipe_center .p2 span:nth-child(3):after { content: none;}
.banner_swipe_center .p2:after { content: ''; display: block; width: 37px; height: 3px; background: #fff; margin: 50px 0 30px 0;}
.banner_swipe_center .p3 { font-size: 12px; color: #ffffff; line-height: 14px; margin-bottom: 15px;}
.banner_swipe_center .dongtai { position: absolute; top: 78px; right: 268px; animation: moving 2s infinite linear alternate;}
.banner_swipe_unmove { position: absolute; top: 500px; left: 50%; margin-left: -600px;}
.banner_swipe_input { width: 665px; height: 52px; border-radius: 26px; background: #fff; padding: 5px;}
.banner_swipe_input .banner_select { float: left; margin-left: 20px; width: 98px; margin-top: 5px; position: relative; height: 100%;}
.banner_swipe_input .banner_select_active { line-height: 42px; font-size: 14px; color: #666666; background: url("../images/banner_icon1.png") no-repeat center right 13px; position: relative; display: block; width: 100%; height: 100%;}
.banner_swipe_input .banner_select a.banner_select_active { padding-left: 0; text-align: left;}
.banner_swipe_input .banner_select .select1 { position: absolute; top: 42px; left: -25px; width: 116px; z-index: 99999; display: none; padding: 13px 0;}
.banner_swipe_input .banner_select .select1_in { background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); position: relative; padding: 9px 0; border-radius: 4px;}
.banner_swipe_input .banner_select .select1_in:after { content: ''; display: block; width: 0; height: 0; border: 8px solid transparent; border-bottom-color: #fff; position: absolute; top: -16px; left: 50%; margin-left: -8px;}
.banner_select:hover .select1 { display: block;}
.banner_swipe_input .banner_select a { height: 36px; line-height: 36px; display: block; transition: 0.3s; text-align: center;}
.banner_swipe_input .banner_select a:hover { color: #EF6900; background: rgba(239, 105, 0, 0.08);}
.banner_swipe_input .banner_select a.banner_select_active:hover { color: #666666; background: url(../images/banner_icon1.png) no-repeat center right 13px;}
.banner_swipe_input .banner_select .a4 { font-size: 14px; color: #666666;}
.banner_swipe_input .banner_input { width: 350px; padding:0 0 0 25px; height: 42px; border: none; font-size: 14px; color: #cbcbcb; text-align: left; transition: 0.3s; background: none;}
.banner_swipe_input .banner_btn { text-align: right; width: 295px; float: right;}
.leibie a { width: 48px; height: 22px; text-align: center; line-height: 22px; background: #eef8ff; border-radius: 11px; font-size: 12px; color: #666666; margin-left: 5px; display: inline-block;}
.leibie a:first-child { margin: 0;}
.banner_swipe_input .banner_btn .a6 { width: 102px; height: 42px; background: #ff6d00; display: inline-block; border-radius: 21px; text-align: center; line-height: 42px; margin-left: 15px; font-size: 16px; color: #ffffff; cursor: pointer;}
.banner_swipe_point { position: absolute; top: 588px; left: 50%; margin-left: -600px;}
.banner_swipe_hd { overflow: hidden; float: left;}
.banner_swipe_hd .a7 { float: left; width: 10px; height: 10px; border-radius: 100%; background: rgba(255, 255, 255, 0.5); margin-right: 10px;}
.banner_swipe_hd .a7.on { background: #fff;}
.banner_swipe .span1 { float: left; margin-left: 50px; position: relative; font-size: 14px; color: #ffffff; line-height: 14px; margin-top: -3px;}
.banner_swipe .span1:before { content: ''; display: block; width: 41px; height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; top: 50%; left: -50px;}
@keyframes moving { from {  transform: translateY(-5px); } to {transform: translateY(5px); }}

.data { height: 120px; margin-top: -120px; position: relative; z-index: 3; border-top: 1px solid rgba(255, 255, 255, 0.1);}
.data_1 { float: left; width: 238px; height: 119px; text-align: center; padding-top: 30px; position: relative;}

.data_1:not(:first-child)::after { content: ''; display: block; width: 1px; height: 49px; background: rgba(255, 255, 255, 0.1); position: absolute; top: 50%; left: 0; margin-top: -24.5px;}
.data_1 .span2 { font-size: 36px; color: #ffffff; line-height: 36px; font-weight: bold; position: relative;}
.data_1 .span2:after { content: ''; display: block; position: absolute; top: 5px; right: -15px; width: 11px; height: 11px; background: url("../images/data_icon1.png") no-repeat center;}
.data_1 .span3 { font-size: 12px; color: #ffffff; line-height: 12px; margin-top: 15px; display: block;}
.data_1 .span4 { font-size: 36px; color: #ffffff; line-height: 36px; font-weight: bold; position: relative;}
.data_1 .span4:after { content: ''; display: block; position: absolute; top: 5px; right: -15px; width: 11px; height: 11px; background: url("../images/data_icon2.png") no-repeat center;}
.data_1:first-child { width: 160px; text-align: left;}
.data_2 { width: 192px; text-align: center;}
.data_swipe { float: right; width: 240px; height: 120px; background: rgba(0, 0, 0, 0.1); text-align: center; position: relative; overflow: hidden;}
.data_swipe_slide { padding-top: 26px;}
.data_swipe .p1 { font-size: 36px; color: #ffe169; font-weight: bold; line-height: 36px;}
.data_swipe .p2 { font-size: 14px; color: #ffffff; line-height: 14px; margin-top: 10px;}
.data_swipe_prev,.data_swipe_next { display: block; position: absolute; top: 48px; left: 10px; width: 20px; height: 20px; background: url("../images/data_icon3.png") no-repeat center;}
.data_swipe_next { right: 10px; left: auto; background: url("../images/data_icon4.png") no-repeat center;}
.data_swipe_hd { text-align: center; position: absolute; bottom: 10px; left: 0; width: 100%;}
.data_swipe_hd .point { display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: rgba(255, 255, 255, 0.5); margin: 0 2px;}
.data_swipe_hd .point.on { background: #fff;}

.common_title { float: left; font-size: 36px; color: #000000; line-height: 36px; font-weight: normal; position: relative; width: 100%;}
.common_title .span1 { color: #ff6d00;}
.common_title .span2 { font-size: 14px; color: #999999; line-height: 14px; margin-left: 11px;}
.common_types { float: right; overflow: hidden; font-size: 14px;}
.common_types a { margin: 0px 10px; padding: 5px; display: inline-block;}
.common_types a:link { margin: 0px 15px;}
.common_types a:last-child { margin: 0px 0px 0px 15px}
.common_types a:hover { transition: 0.3s; color: #ff6d00; font-weight: bold; border-bottom: 2px solid #ff6d00;}
.common_types .type { font-size: 14px; color: #333333; line-height: 14px; transition: 0.3s; position: relative; padding-bottom: 14px; margin-right: 32px; float: left;}

.dispaly{ display: block;}

/* .common_types .type:hover { color: #ff6d00;}*/

.common_types .type.on { color: #ff6d00; font-weight: bold;}
.common_types .type.on:after { content: ''; display: block; width: 100%; height: 3px; background: #ff6d00; position: absolute; bottom: 0; left: 0;}
.common_types .more { font-size: 14px; color: #333333; line-height: 14px; float: left; margin-right: 5px;}

.value { background: #eef8ff; padding-top: 80px;}
.value_ul { margin-top: 68px;}
.value_li { width: 294px; height: 360px; background: #ffffff; padding-top: 55px; position: relative;}
.value_li_img { position: absolute; top: -38px; left: 50%; margin-left: -32.5px;}
.value_li .p1 { text-align: center; font-size: 24px; color: #333333; line-height: 24px;}

.value_li .p2 { font-size: 14px; color: #999999; line-height: 14px; margin-top: 15px; text-align: center;}
.value_li_box { margin-top: 45px; padding-left: 30px;}
.value_li_box .span4 { float: left; width: 130px; height: 17px; text-align: left; margin-bottom: 21px; font-size: 14px; color: #666666; line-height: 17px;}
.value_li_box .span4.hot { color: #ff6d00;}
.value_li_box .span4.hot i { display: inline-block; width: 13px; height: 17px; background: url("../images/value_icon5.png") no-repeat center; margin-left: 3px; vertical-align: middle; margin-top: -2px;}
.value_li:not(:last-child) { margin-right: 8px;}
.value_li_btn { display: block; width: 148px; height: 41px; text-align: center; line-height: 41px; border-radius: 20.5px; font-size: 14px; color: #ffffff; background: linear-gradient(to right, #c7ced8, #9faab7); box-shadow: 0 0 0 rgba(255, 255, 255, 0); transition: 0.3s; margin: 15px auto auto auto;}
.value_li_btn:hover { background: #ff6d00; color:#fff; box-shadow: 0 10px 30px rgba(255, 109, 0, 0.5);}

.value_li .p3 { text-align: center; font-size: 12px; color: #999999; line-height: 12px; margin-top: 22px;}

.advantage { background: #eef8ff; padding: 80px 0;}
.advantage_detail { margin-top: 40px;}
.advantage_detail_l { width: 294px; height: 408px; background: #fff;}
.advantage_detail_l .advantage_detail_img { height: 132px; padding-top: 72px;}
.advantage_detail_l .p2 { margin-top: 15px;}
.advantage_detail_ul { width: 904px; overflow: hidden;}
.advantage_detail_li { width: 294px; height: 200px; float: left; margin: 0 0 7px 7px; background: #fff;}
.advantage_detail_li:nth-child(4),.advantage_detail_li:nth-child(5),.advantage_detail_li:nth-child(6) { margin-bottom: 0;}
.advantage_detail_img { text-align: center; height: 94px; padding-top: 32px;}
.advantage_detail .p1 { font-size: 18px; color: #333333; line-height: 18px; text-align: center;}
.advantage_detail .p2 { font-size: 14px; color: #999999; line-height: 24px; margin-top: 10px; text-align: center;}
.advantage_detail_btn { display: block; width: 148px; height: 41px; text-align: center; line-height: 41px; border-radius: 20.5px; font-size: 14px; color: #ffffff; background: #ff6d00; box-shadow: 0 10px 30px rgba(255, 109, 0, 0.5); margin: 55px auto auto auto;}
.advantage_detail_btn:hover{color:#fff;}

.trend { height: 720px; background: url("../images/trend_bg.jpg") no-repeat center; padding-top: 65px;}
.trend .common_title { color: #fff;}
.trend .common_title .span2 { color: #fff;}
.trend_swipe_title { width: 1200px; overflow: hidden; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-top: -14px;}
.trend_swipe_title .title { float: right; padding: 0 5px 15px 5px; font-size: 14px; color: #ffffff; position: relative; margin-left: 30px; transition: 0.3s;}
.trend_swipe_title .title.on { font-weight: bold;}
.trend_swipe_title .title.on:after { content: ''; display: block; width: 100%; height: 3px; position: absolute; bottom: 0; left: 0; z-index: 3; background: #fff;}
.trend_swipe_slide { animation: fadeOut 0.3s linear; display: none;}
.trend_swipe_slide.on { animation: fadeIn 0.3s linear; display: block;}
.trend_swipe_slide:nth-child(2) .trend_swipe_top1 { width: 100%;}
.trend_swipe_top { height: 130px; margin-top: 48px;}
.trend_swipe_top1 { width: 548px; padding-left: 24px; position: relative;}
.trend_swipe_top1:first-child { margin-right: 70px;}
.trend_swipe_top1:after { content: ''; display: block; width: 16px; height: 16px; background: url("../images/trend_icon1.png") no-repeat center; position: absolute; top: 8px; left: 0;}
.trend_swipe_top1 .p1 { font-size: 18px; color: #ffffff; font-weight: bold; line-height: 30px;}
.trend_swipe_top1 .p2 { font-size: 14px; color: #ffffff; line-height: 30px; margin-top: 10px; opacity: 0.8;}

.trend_swipe_body .trend_li { width: 284px; height: 300px; background: #fff; position: relative;}
.trend_swipe_body .trend_li .p1 { font-size: 14px; color: #333333; margin: 12px 0 0 22px;}
.trend_swipe_body .trend_li img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.trend_swipe_body .trend_li:not(:last-child) { margin-right: 14px;}

@keyframes fadeIn {from {opacity: 0; }to {opacity: 1; }}
@keyframes fadeOut {from {opacity: 1;}to {opacity: 0;}}

.index_news_box { margin: 40px 0 0 0; padding: 0;}
.index_news_l { float: left; background: #fff; width: 900px; border-right: 1px solid #eaeaea;}
.index_news_t { padding: 58px 50px 0 250px; height: 280px; background: url(../images/dynamic_bg.png) no-repeat center;}
.index_news_t .btn { display: block; width: 102px; height: 32px; border: 1px solid rgba(255, 255, 255, 0.2); text-align: center; line-height: 30px; font-size: 12px; color: #ffffff; margin-top: 20px;}
.index_news_t .btn a { color: #fff;}
.index_news_t .btn a:hover { background: #fff; color: #ff6d00;}
.index_news_t .btn i { display: inline-block; width: 0; height: 0; border: 3px solid transparent; border-left-color: #fff; margin-left: 5px;}
.index_news_r { float: right; background: #fff; width: 300px;}

.dynamic { padding-top: 80px; background: #eef8ff;}
.dynamic_swipe { width: 900px; height: 691px; background: #fff; margin-top: 43px; float: left;}
.dynamic_swipe_bd { height: 691px; overflow: hidden;}
.dynamic_swipe_slide { height: 691px;}
.dynamic_swipe_bd { display: block; height: 691px;}
.dynamic_swipe_top { height: 280px; background: url("../images/dynamic_bg.png") no-repeat center; padding: 58px 50px 0 250px;}
.dynamic_swipe_top .p1 { display: block; font-size: 18px; color: #ffffff; font-weight: bold; line-height: 18px; padding-bottom: 26px; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.dynamic_swipe_top .p2 { font-size: 14px; color: #ffffff; line-height: 30px; margin-top: 17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.dynamic_swipe_top .btn { display: block; width: 102px; height: 32px; border: 1px solid rgba(255, 255, 255, 0.2); text-align: center; line-height: 30px; font-size: 12px; color: #ffffff; margin-top: 20px;}
.dynamic_swipe_top .btn i { display: inline-block; width: 0; height: 0; border: 3px solid transparent; border-left-color: #fff; margin-left: 5px;}
.dynamic_swipe_body { margin-top: 40px;}
.dynamic_swipe_q { padding-left: 70px; float: left;}
.dynamic_swipe_q:first-child { border-right: 1px solid #eaeaea;}
.dynamic_swipe_q:first-child .dynamic_swipe_q1 { padding-right: 90px; width: 50%; float: left; /* padding-top: 20px; */ position: relative;}
.dynamic_swipe_q:first-child .dynamic_swipe_q1:nth-of-type(1)::after{ content: ""; width: 1px; height: 337px; background: gainsboro; position: absolute; top: 0; left: 88%;}
.dynamic_swipe_q:first-child .dynamic_swipe_q1:nth-of-type(3),.dynamic_swipe_q1:nth-of-type(4){ padding-top: 25px;}
.dynamic_swipe_q1 { padding-right: 30px;}
.dynamic_swipe_q1 .p1 { font-size: 18px; color: #333333; line-height: 26px; position: relative; display: block; width: 355px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.dynamic_swipe_q1 .p1:before { content: ''; display: block; width: 26px; height: 26px; background: url("../images/dynamic_icon1.png") no-repeat center; position: absolute; top: 50%; left: -38px; margin-top: -13px;}
.dynamic_swipe_q1 .p2 { font-size: 12px; color: #999999; height: 63px; line-height: 22px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.dynamic_swipe_q1 .btn { display: block; width: 102px; height: 32px; border: 1px solid #eaeaea; text-align: center; line-height: 30px; font-size: 12px; color: #666666; margin-top: 25px;}
.dynamic_swipe_q1 .btn i { display: inline-block; width: 0; height: 0; border: 3px solid transparent; border-left-color: #666666; margin-left: 5px;}
.dynamic_hot { width: 300px; height: 691px; background: #fff; margin-top: 43px; border: 1px solid #eaeaea; float: right; padding: 38px 28px 0 28px;}
.dynamic_hot .p1 { font-size: 18px; color: #333333; line-height: 18px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea;}
.dynamic_hot_row1 { padding: 40px 0 0 25px;}
.dynamic_hot_row1 .p2 { position: relative;}
.dynamic_hot_row1 .p2 a { font-size: 18px; color: #333333; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 100%;}
.dynamic_hot_row1 .p2:before { content: ''; display: block; width: 18px; height: 18px; background: url("../images/dynamic_icon2.png") no-repeat center; position: absolute; top: 0; left: -25px;}
.dynamic_hot_row1 .p3 { position: relative;}
.dynamic_hot_row1 .p3 a { display: block; width: 100%; font-size: 12px; color: #666666; line-height: 22px; margin-top: 17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.dynamic_hot_row1 .p3:before { content: ''; display: block; width: 18px; height: 18px; background: url("../images/dynamic_icon3.png") no-repeat center; position: absolute; top: 3px; left: -25px;}
.dynamic_hot_btn { display: block; width: 102px; height: 32px; text-align: center; line-height: 32px; font-size: 12px; color: #ffffff; background: #ff6d00; margin: 13px 0 10px 0;}
.dynamic_hot_btn i { display: inline-block; width: 0; height: 0; border: 3px solid transparent; border-left-color: #fff; margin-left: 5px;}
.dynamic_hot_q { display: block; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; height: 78px; line-height: 78px; font-size: 14px; color: #333333; border-bottom: 1px solid #eaeaea; background: url("../images/dynamic_icon4.png") no-repeat center left;}
.dynamic_hot_q:last-child { border: none;}

.promise { background: #eef8ff; padding-top: 80px;}
.promise_list { margin-top: 30px;}
.promise_each { width: 236px; height: 300px; background: #ffffff;}
.promise_each .img { height: 160px; text-align: center; padding-top: 48px;}
.promise_each .p1 { font-size: 18px; color: #333333; line-height: 18px; text-align: center;}
.promise_each .p1:after { content: ''; display: block; width: 20px; height: 4px; background: url("../images/promise_icon6.png") no-repeat center; margin: 16px auto auto auto;}
.promise_each .p2 { text-align: center; font-size: 14px; color: #999999; line-height: 30px; margin-top: 12px;}
.promise_each:not(:last-child) { margin-right: 5px;}

.recommend { padding-top: 80px; background: #eef8ff;}
.recommend_swipe { position: relative;}
.recommend_swipe_l { padding-top: 52px; float: left;}
.recommend_swipe_type { width: 240px; height: 654px; background: url("../images/re_bg.jpg") no-repeat center; padding-top: 44px;}
.recommend_swipe_type .table { width: 100%; height: 94px; padding-left: 22px; position: relative;}
.recommend_swipe_type .table .p1 { font-size: 14px; color: #fff; line-height: 20px; padding-left: 26px;}
.recommend_swipe_type .table .cell_type { margin-top: 15px;}
.recommend_swipe_type .table .cell_type .a1 { float: left; font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 14px; margin-right: 32px;}
.recommend_swipe_type .table .dy { background: url("../images/re_icon1_h.png") no-repeat center left;}
.recommend_swipe_type .table .ks { background: url("../images/re_icon2_h.png") no-repeat center left;}
.recommend_swipe_type .table .wx { background: url("../images/re_icon3_h.png") no-repeat center left;}
.recommend_swipe_type .table .wb { background: url("../images/re_icon4_h.png") no-repeat center left;}
.recommend_swipe_type .table .hs { background: url("../images/re_icon5_h.png") no-repeat center left;}
.recommend_swipe_type .table .qt { background: url("../images/re_icon6_h.png") no-repeat center left;}
.recommend_swipe_type .table:not(:last-child):after { content: ''; display: block; width: 195px; height: 1px; background: rgba(255, 255, 255, 0.1); position: absolute; bottom: 0; left: 22px;}
.recommend_swipe_type .table:nth-child(5) .cell_type .a1 { margin-right: 15px;}
.recommend_swipe_type .table.on { background: #fff;    cursor: pointer;}
.recommend_swipe_type .table.on:before { content: ''; display: block; width: 3px; height: 100%; background: #ff6d00; position: absolute; top: 0; left: 0;}
.recommend_swipe_type .table.on .p1 { color: #333333;}
.recommend_swipe_type .table.on .cell_type .a1 { color: #666666;}
.recommend_swipe_type .table.on .dy { background: url("../images/re_icon2.png") no-repeat center left;}
.recommend_swipe_type .table.on .ks { background: url("../images/re_icon3.png") no-repeat center left;}
.recommend_swipe_type .table.on .wx { background: url("../images/re_icon1.png") no-repeat center left;}
.recommend_swipe_type .table.on .wb { background: url("../images/re_icon4.png") no-repeat center left;}
.recommend_swipe_type .table.on .hs { background: url("../images/re_icon5.png") no-repeat center left;}
.recommend_swipe_type .table.on .qt { background: url("../images/re_icon6.png") no-repeat center left;}
.recommend_swipe_r { width: 960px; position: absolute; top: 0; right: 0;}
.recommend_swipe_r1 { display: none;}
.recommend_swipe_r1.on { display: block;}
.recommend_swipe_rt { height: 52px; text-align: right;}
.recommend_swipe_rt .a2 { font-size: 14px; color: #333333; line-height: 14px; position: relative; margin-right: 36px;}
.recommend_swipe_rt .a2:hover { transition: 0.3s; color: #ff6d00; font-weight: bold; border-bottom: 2px solid #ff6d00;}
/* .recommend_swipe_rt .a2.hover_on { color: #ff6d00; font-weight: bold;}
.recommend_swipe_rt .a2.hover_on:after { content: ''; display: block; width: 43px; height: 3px; background: #ff6d00; position: absolute; bottom: -10px; left: -7px;}
*/
.recommend_swipe_rt .more { font-size: 14px; color: #333333; line-height: 14px;}
.recommend_swipe_rb { background: #fff;}
.recommend_swipe_rb .re_slide { display: none; position: relative;}
.recommend_swipe_rb .re_slide:after { content: ''; display: block; width: 1px; height: 579px; background: #f0f0f0; position: absolute; top: 20px; left: 50%; visibility: visible;}
.recommend_swipe_rb .re_slide.on { display: block;}
.recommend_swipe_rb .r_each { float: left; width: 50%; height: 327px; padding: 50px 30px 0 30px;}
.recommend_swipe_rb .r_each_top { display: block; padding: 0 0 30px 52px; border-bottom: 1px solid #f0f0f0; position: relative;}
.recommend_swipe_rb .r_each_top .p3 { height: 48px; font-size: 16px; color: #333333; line-height: 24px; position: relative; width: 340px;}
.recommend_swipe_rb .r_each_top .p3 .img { width: 40px; height: 40px; position: absolute; top: 6px; left: -52px;}
.recommend_swipe_rb .r_each_top .p4 { font-size: 12px; color: #999999; line-height: 12px; margin-top: 10px; max-width: 330px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.recommend_swipe_rb .r_each_top .collect { display: block; width: 16px; height: 16px; background: url("../images/re_icon7.png") no-repeat center; position: absolute; top: 50px; right: 0px;}
.recommend_swipe_rb .r_each_top .collect.on { background: url("../images/re_icon7_h.png") no-repeat center;}
.recommend_swipe_rb .r_each:nth-child(1),.recommend_swipe_rb .r_each:nth-child(2) { border-bottom: 1px solid #f0f0f0;}
.recommend_swipe_rb .r_each_b { margin-top: 18px; display: block;}
.recommend_swipe_rb .r_each_b .small_each { width: 110px; text-align: center; float: left; border-left: 1px solid #f0f0f0;}
.recommend_swipe_rb .r_each_b .small_each .p5 { font-size: 14px; color: #333333; line-height: 14px;}
.recommend_swipe_rb .r_each_b .small_each .p6 { font-size: 12px; color: #999999; line-height: 12px; margin-top: 15px;}
.recommend_swipe_rb .r_each_b .small_each:first-child { width: 80px; text-align: left; border: none;}
.recommend_swipe_rb .r_each_f { margin-top: 28px; display: block;}
.recommend_swipe_rb .r_each_fl .p7 { font-size: 12px; color: #666666; line-height: 12px;}
.recommend_swipe_rb .r_each_fl .p8 { font-size: 30px; color: #ff5722; font-weight: bold; line-height: 30px; margin-top: 12px;}
.recommend_swipe_rb .r_each_fr { width: 102px; height: 32px; background: #ff6d00; text-align: center; line-height: 32px; font-size: 12px; color: #ffffff; margin-top: 12px;}
.recommend_swipe_rb .r_each_fr i { display: inline-block; width: 0; height: 0; border: 3px solid transparent; border-left-color: #fff; margin-left: 5px;}

.custom { background: #eef8ff; padding: 80px 0 105px 0;}
.custom_body { padding: 40px; background: #fff; margin-top: 30px;}
.custom_body_type .a1 { font-size: 14px; color: #666666; line-height: 14px; padding: 0 12px; float: left;}
.custom_body_type .a1.on { font-weight: bold; color: #ff6d00;}
.custom_body_type .a1:first-child { padding-left: 0; border-right: 1px solid #eaeaea;}
.custom_body_form { margin-top: 20px;}
.custom_body_each { width: 274px; height: 64px; background: #f2f4f5; margin-right: 8px;}
.custom_body_each select { width: 100%; height: 100%; border: none; outline: none; background: transparent; padding: 0 35px; background: url("../images/custom_icon1.png") no-repeat center left 15px;}
.custom_body_each input { width: 100%; height: 100%; padding: 0 35px; background: transparent;}
.custom_body_each:nth-child(2) input { background: url("../images/custom_icon2.png") no-repeat center left 15px;}
.custom_body_each:nth-child(3) input { background: url("../images/custom_icon3.png") no-repeat center left 15px;}
.custom_body .btn { float: left; width: 274px; height: 64px; background: #ff6d00; text-align: center; line-height: 64px; font-size: 18px; color: #ffffff;}

.footer { background: #1F1F24;}
.footer_box { padding: 70px 0 45px 0;}
.flink{background:#252529;color:#d8d5e4;}
.flink a{color:#a8a6b3;}
.flink a:hover{color:#fff;}
.flink_con{padding:30px 0 15px;}
.flink_t{padding: 0 0 10px;border-bottom: 1px solid #313036;}
.flink_title{float:left;color:#d8d5e4;font-size:14px;line-height:28px;font-weight:bold;}
.flink_more{float:right; color:#313036;}
.flink_more a{padding:5px 10px;}
.flink_list{padding:15px 0;}
.flink_list ul{overflow:hidden;}
.flink_list ul li{float:left;}
.flink_list ul li a{padding:3px 5px;font-size:14px;}
.flink_list ul li:first-child a{padding:3px 5px 3px 0px;}
.copyright{border-top: 1px solid #313036;line-height: 50px;margin-top: 20px;}
.footer{border-top:1px solid #313036;padding: 20px 0 0;color: #747474;}
.copytop-left{width: 40%;float: left;line-height: 23px;}
.copytop p{font-size: 14px;padding: 5px 0;color: #a8a6b3;}
.copytop-center{width: 40%;float: left;line-height: 23px;padding: 0 0 0 20px;}
.copytop-center ul li{float: left;margin-right: 15px;}
.copytop-center ul a{color: #747474;}
.copytop-center ul a:hover{color: #fd42499e;}
.copytop-right{float: right;width: 20%;}
.copytop-right ul li{float: left;margin: 10px 0;}
.copytop-right ul li a{padding:5px 10px;border: 1px solid #747474;border-radius: 25px;margin: 0 5px 5px 0;color: #747474;}
.copytop-right ul li a:hover{background:#fd42499e;color: #fff;border: 1px solid #fd42499e;}
.copytop-right p{ text-align:center}
.xg-qrcode__wrap { position: absolute; right: 0; bottom: 0; width: 322px; height: 182px; -webkit-transform: translateY(100%); transform: translateY(100%); border: 1px solid #e6e6e6; display: none; z-index: 600; background-color: #fff; z-index: 9999;}
.xg-qrcode:hover .xg-qrcode__wrap { display: block}
.xg-qrcode__item { width: 160px; height: 182px; text-align: center; float: left; padding-top: 15px; position: relative}
.xg-qrcode__item:first-child:before { content: ""; display: block; position: absolute; width: 1px; height: 123px; top: 17px; left: 159px; background: #eee}
.xg-qrcode__item img { display: block; width: 125px; height: 125px; margin: 0 auto}
.xg-qrcode__item p { color: #5d5d5d; font-size: 12px; text-align: center;}
.bq{ margin-top:20px}
.biaoqian{float: right;width: 99%;}
.biaoqian ul li{float: left;margin: 10px 0;}
.biaoqian ul li a{padding:5px 10px;border: 1px solid #747474;border-radius: 25px;margin: 0 5px 5px 0;color: #747474;}
.biaoqian ul li a:hover{background:#fd42499e;color: #fff;border: 1px solid #fd42499e;}