@charset "UTF-8";

article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}
*,:before,:after{box-sizing:border-box;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0; display:block; width:auto; max-width:100%;}
ul,dl,li,dt,dd{list-style:none;}
body,html{min-height:100%; min-width: 1240px; margin: 0 auto; }
body{font-family:Microsoft YaHei;font-size:14px; color:#333;-webkit-tap-highlight-color:rgba(255,255,255,0); overflow-x:hidden; background:#f5f5f5;}
pre{font-family:Microsoft YaHei; white-space:pre-wrap;word-wrap: break-word;}
a{font-size:14px;text-decoration:none;transition:ease .65s; color:#333; outline:none;}
.clearfix:after{content:""; display:block; clear:both;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input[type="text"],input[type="password"],input[type="search"],textarea,select{outline: none;font-family:Microsoft YaHei;-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; }
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {銆€color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {銆€color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.fl{float:left;}
.fr{float:right;}
.z-container {width:1200px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width:1400px;height:auto;clear: both;margin: 0 auto;}
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.ellipsis4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.ellipsis5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;text-overflow:ellipsis;}
.ellipsis6{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;text-overflow:ellipsis;}

.z_flex{display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row;flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.clear{ clear: both;}
*:before,
*:after {
  z-index: -1;
}
/*鍒嗕韩*/
#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}
/*娴忚鍣ㄦ粴鍔ㄦ潯*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

.swiper-slide {  -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform}
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: transform; transition-property: transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
.swiper-container-fade .swiper-slide{    pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active{pointer-events:auto; z-index: 3;}
.swiper-container-fade .swiper-slide{opacity:0!important;}
.swiper-container-fade .swiper-slide-active{opacity:1!important;} 
.z_header_topbar{ width: 100%; height:38px;background:rgba(245,245,245,1); line-height: 38px;font-size:12px;color:rgba(102,102,102,1);}
.z_header_topbar a{font-size:12px;color:rgba(102,102,102,1);}
.z_city{ display: inline-block; background: url(../img/dz.png) no-repeat left center; padding-left: 20px;font-weight:400; padding-right: 20px; margin-right: 20px; position: relative; }
.z_city::before{ content: ""; display: block; width: 1px; height: 10px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1;background:rgba(230,230,230,1);} 
.z_hot_tel{ background: url(../img/tel1.png) no-repeat left center; padding-left: 26px;line-height: 38px; display: inline-block;}
.z_hot_tel .num{color: #2879FF;}
.z_top_btn{ display: inline-block; margin-left: 20px;}
.z_top_btn:hover{color: #2879FF; font-weight: bold;}
.z_header_con{ padding: 15px 0;}
.z_logo{ display: block; height: 46px; margin: 11px 0;}
.z_logo img{ display: block; height: 100%;}
.z_kf_hot{ width:270px;height:70px;background:rgba(245,245,245,1);border-radius:5px; padding: 15px 20px; box-sizing: border-box; float: left;}
.z_kf_hot img{ float: left; height: 42px;}
.z_kf_hot em{ display: block; font-size:24px;font-weight:bold;font-style:italic;color:rgba(40,121,255,1);letter-spacing: 0px;}
.z_kf_hot .info{ text-align: right;font-size:12px;font-weight:400;color:rgba(40,121,255,1);}
.z_kf_hot .info span{ letter-spacing: 8px;}
.z_box_a{ position:relative;float: left;}
.z_box_a a{ display: inline-block;min-width:70px; position: relative; padding:8px 10px; margin-left: 15px; box-sizing: border-box; text-align: center;height:70px;background:rgba(245,245,245,1);border-radius:5px;}
.z_box_a h3{color:rgba(102,102,102,1); font-size: 12px; margin-bottom: 5px;}
.z_box_a .icon img{ margin: 0 auto; display: block;}
.z_box_a a::before{ content: ""; display: block; width: 6px; height: 6px; background: url(../img/arr.png) no-repeat center; background-size: 100% auto; position: absolute; left: 50%; bottom: 6px; transform: translateX(-50%); z-index: 1;}
.z_menu_tit{  height: 50px; width: 100%; padding: 0 20px; box-sizing: border-box; line-height: 50px; color: #fff; background:#2879FF;
box-shadow:0px 5px 9px 1px rgba(0, 0, 0, 0.02); position: relative; cursor: pointer; float: left;}

.z_menu_tit::before{ content: ""; display: block; width: 15px; height: 12px; background: url(../img/menu.png) no-repeat center; background-size: 100% auto; position: absolute; right: 20px; top:
50%; transform: translateY(-50%); z-index: 1;}
.z_menu_warp{ position: relative; float: left;width: 240px; z-index: 5;}
.z_menu_warp.on .z_menu_mask{ display: none;}
.z_menu_mask{ width: 100%; position: absolute; left: 0; top:100%; height:500px; background:rgba(13,13,103,.5); padding: 20px 0;}
.z_menu_mask dt .icon{float: left; margin-right: 8px;}
.z_menu_mask dt{ margin-bottom: 10px;}
.z_menu_mask dl { position: relative; color: #fff; margin-bottom: 35px;}
.z_menu_mask dl:last-child{ margin-bottom: 0;}
.z_menu_mask .arrow-img{
	position: absolute;
	top: 35px;
    right: 20px;
}
.z_menu_mask .arrow-img .img{
	width: 25px;
}
.z_menu_mask a{ color: #fff;}
.z_menu_mask .z_menu_a a{ display: inline-block; padding: 0 5px;}
.z_menu_mask .z_menu_a a:first-child{ padding-left: 0;}
.z_menu_mask .z_menu_a a:hover{ color: #2879FF;}
.z_header_nav{ float:left;}
.z_header_nav li{ float: left; line-height: 50px;}
.z_header_nav li a{ display: block; padding: 0 30px; color: #222;font-weight:400;}
.z_header_nav li.active a,.z_header_nav li:hover a{ color: #2879FF;}
.z_banner{ overflow: hidden;position: relative;}
.z_banner .bd li img{ display:block; width: 100%;}
.z_banner .hd{ width: 100%; position: absolute; left: 0; bottom: 20px; z-index: 2; text-align: center;}
.z_banner .hd li{ display: inline-block; width: 8px; height: 8px; background: rgba(255,255,255,.5); border-radius: 50%; margin: 0 5px;}
.z_banner .hd li.on{ width: 16px; background: #fff; border-radius: 4px;}
.z_banner{ height: 500px;}
.imgbg{ width: 100%; height: 100%; background-position:center; background-size: 100% 100% !important; background-repeat: no-repeat; transition: ease .8s;}
.z_index_page{ padding: 20px 0; }
.z_index_book{ width: 100%; background: url(../img/bg1.png) no-repeat center; background-size: cover; padding: 35px 0;}
.z_index_book .z_row{width: 800px; margin: 0 auto;}
.z_book_nav{ margin-bottom: 15px;}
.z_book_nav a{ display: inline-block; padding: 0 15px; height: 24px; line-height: 24px; color: #fff; margin-right: 25px;position: relative;}
.z_book_nav a.active{ background: #ff9535; }
.z_book_nav a.active::before{ content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 14px; height: 7px; bottom: -7px; background: url(../img/arr2.png) no-repeat center; background-size: 100% 100%; z-index: 1;}
.z_book_form{ width: 100%; background: #fff; border-radius: 5px; overflow: hidden; height: 50px;}
.z_book_form li{ float: left; height: 50px; position: relative; font-size: 16px;}
.z_book_form li::before{ content: ""; display: block; width: 1px; height: 20px; background: #CCCCCC; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.z_book_form li:last-child::before{ display: none;}
.z_book_form .z_sel_warp{ width: 220px; background: url(../img/arr3.png) no-repeat right 20px center; text-align: center;}
.z_book_form .z_sel_warp .z_sel_text{ padding-left: 22px; height: 50px; display: block; text-align: center; width: 100%;}
.z_book_form .input_text{ width: 215px; padding: 0 20px; box-sizing: border-box; height: 50px;}
.z_book_form .z_book_btn{ width: 150px;height: 50px; background: #ff9535; color: #fff; border: none; font-size: 16px; cursor: pointer;}
.z_index_service{ background: #fff; padding: 0 10px; box-sizing: border-box;}
.z_index_tit{ line-height: 65px;}
.z_index_tit .title{ font-size:20px; color: #333 ; float: left;}
.z_header_warp{ background: #fff;}
.z_index_service{ padding-bottom: 25px;}
.z_index_service .title{ background: url(../img/zs.png) no-repeat left center; padding-left:35px!important;}
.z_index_service .mores{ float: right; background: url(../img/arr4.png) no-repeat right center; padding-right: 20px;}
.z_index_more:hover{ color: #2879FF;}
.z_service_warp li{ width: 228px; height: 228px; float: left; margin-left: 10px; text-align: center; padding: 20px; box-sizing: border-box;}
.z_service_warp li .icon{ margin: 0 auto; display: block; max-height: 44px; margin-top: 15px;}
.z_service_warp li a{ display: block; width: 100%; height: 100%; color: #fff;}

.z_service_warp li h3{ font-size: 16px; margin-bottom: 10px;}
.z_service_warp li .info{ margin: 22px 0;}
.z_service_warp li .more{ display: block; margin: 0 auto; width: 118px; height: 34px; border:1px solid #fff;border-radius:5px; line-height: 32px;}
.z_service_warp ul{ margin-left: -10px;} 
.z_service_warp li:nth-child(1){background:linear-gradient(-40deg,rgba(152,224,95,1) 0%,rgba(13,227,172,1) 100%);}
.z_service_warp li:nth-child(2){background:linear-gradient(-40deg,rgba(1,94,234,1) 0%,rgba(0,192,250,1) 100%);}
.z_service_warp li:nth-child(3){background:linear-gradient(-40deg,rgba(153,41,234,1) 0%,rgba(88,8,251,1) 100%);}
.z_service_warp li:nth-child(4){background:linear-gradient(-40deg,rgba(255,147,76,1) 0%,rgba(252,104,111,1) 100%);}
.z_service_warp li:nth-child(5){background:linear-gradient(-40deg,rgba(226,146,40,1) 0%,rgba(255,211,69,1) 100%);}
.z_index_box{ background: #fff; padding: 24px; box-sizing: border-box;}
.z_index_box .z_flwarp{ width: 240px; height: 334px; float: left; position: relative; background-size: cover; background-position: center;background-repeat: no-repeat; padding: 45px 20px; box-sizing: border-box; color: #fff;}
.z_index_box .z_flwarp h3{ font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.z_index_box .z_flwarp h4{ line-height: 24px; margin-bottom: 30px;}
.z_index_box .z_flwarp .slg span{ display: inline-block; background: rgba(225,225,225,.5); padding: 2px 5px; margin-right: 5px; margin-bottom: 5px;}
.z_index_box .z_flwarp .more{ display: block; height: 38px; width:200px; border:1px solid #fff; line-height: 38px; text-align: center; color: #fff; font-size: 16px; position: absolute; left: 20px; bottom: 30px;}
.z_index_box .z_flwarp .more:hover{ background: #ff9535; border-color:#ff9535;}
.z_index_box .z_fcwarp{ width: 610px; float: left;}
.z_index_box .z_fcwarp li{ width: 50%; float: left; padding: 20px 26px; box-sizing: border-box; height: 167px;  position: relative;}
.z_index_box .z_fcwarp li h3{ font-size: 16px; font-weight: bold; color: #222; margin-bottom: 6px;}
.z_index_box .z_fcwarp li h4{ color: #999; font-size: 12px;}
.z_index_box .z_fcwarp li .more{ display: inline-block; height:24px; line-height: 22px; color: #2879FF;position: absolute; left: 26px; bottom: 30px; font-size: 12px;border:1px solid rgba(40,121,255,1); min-width: 70px; text-align: center;}
.z_index_box .z_fcwarp li .more:hover{ background: #2879FF; color: #fff; }
.z_index_box .z_fcwarp li .icon{ position: absolute; right:10px; bottom: 20px;}
.z_index_box .z_fcwarp .icon img{ display: block; max-height: 74px; max-width: 74px;}
.z_index_box .z_frwarp{width: 280px;height: 334px; float: right; padding: 18px 0; position: relative;}
.z_index_box .z_frwarp .tit{font-size:18px;font-weight:bold;color:rgba(34,34,34,1); margin-bottom: 15px;}
.z_index_box .z_fu_a{ max-height: 254px; overflow: hidden;}
.z_index_box .z_fu_a a{ display: inline-block;font-size:12px;font-weight:400;color:rgba(51,51,51,1); margin-right: 20px; margin-bottom: 14px;}
.z_index_box .z_fu_a a.on,.z_index_box .z_fu_a a:hover{ color: #2879FF;}
.z_index_box .z_frwarp .all{ position: absolute; right: 20px; bottom:0px; color: #2879FF; text-decoration: underline;}
.z_index_boxwarp .z_index_tit .title,.z_index_tit .title{ padding-left: 20px; position: relative;}
.z_index_boxwarp .z_index_tit .title::before,.z_index_tit .title::before{ content: ""; display: block; width: 5px; height: 20px; background: #000; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_index_adv{ width: 100%; height: 150px; display: flex; align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover; text-align: center; color: #fff; margin: 20px 0;}
.z_index_adv h3 span{ display: inline-block; position: relative; font-size: 24px; margin-bottom: 15px;}
.z_index_adv h3 span::before{ content: ""; display: block; z-index: 1;width:70px;height:1px;background:rgba(255,255,255,1); position: absolute; left: -90px; top: 50%; top: 50%; transform: translateY(-50%);}
.z_index_adv h3 span::after{ content: ""; display: block; z-index: 1;width:70px;height:1px;background:rgba(255,255,255,1); position: absolute; right: -90px; top: 50%; top: 50%; transform: translateY(-50%);}
.z_sl_warp{ background: #fff; padding: 20px; box-sizing: border-box; padding-top: 0;}
.z_sl_flwarp{ width: 690px; float: left;}
.z_sl_flwarp ul{ margin-left: -0.%;}
.z_sl_flwarp li{ width: 32.6%; float: left; margin-left: 0.7%;}
.z_sl_flwarp li a{ display: block; width: 100%; height: 100%; color: #fff;}
.z_sl_flwarp li .imgbox1{ height: 285px;  color: #fff; padding: 15px; box-sizing: border-box; text-align: center; color: #fff;}
.z_sl_flwarp li h3{ font-size: 20px; font-weight: bold; margin-bottom: 10px; margin-top: 30px;}
.z_sl_flwarp li h4{font-size: 16px;}
.z_sl_flwarp li .desc{ font-size:14px; line-height: 24px; margin: 28px  0;}
.z_index_more{ display: block; width: 100%; height: 38px; line-height: 36px; border:1px solid #fff; box-sizing: border-box; text-align: center;}
.z_sl_flwarp li .imgbox2{ width: 100%; height: 135px;}
.z_sl_frwarp{ width: 456px; height: 420px; position: relative; float: right;}
.z_sl_frwarp .infobox{ width: 100%; position: absolute; left: 0; bottom: 0;  background: #D6E5FF; padding:28px 36px; padding-right: 140px; box-sizing: border-box; color: #2879FF;
}
.z_sl_frwarp .infobox h3{font-size: 18px; margin-bottom: 10px;font-weight:400;}
.z_sl_frwarp .infobox .z_index_more{ border:none;background:rgba(40,121,255,1); color: #fff; width: 130px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.z_demo_tit{ text-align: center; padding: 40px 0;}
.z_demo_tit h3{ font-size: 39px; line-height: 39px; margin-bottom: 10px; color: #2C2C2C;}
.z_demo_tit h4 .en{ display: inline-block; font-size: 24px; font-weight:400;color: #fff; text-transform: uppercase; background: #2879FF; padding: 5px 10px;}
.z_demo_tit h4{ position: relative;z-index: 1;}
.z_demo_tit h4::before{ content: ""; display: block; width: 100%; height: 2px; background: #2879FF; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_event_swiper{ width: 800px; height: 400px; overflow: hidden; float: left;}
.z_event_swiper li{ width: 100%; height: 100%;}
.z_event_swiper li a{ display: block; width: 100%; height: 100%; color: #fff;}
.z_event_swiper li .infobox{ width: 100%; position: absolute; left: 0; bottom: 0; background:rgba(0,0,0,.5); padding:32px 24px; box-sizing: border-box;}
.z_event_swiper li h3{ font-size: 24px; line-height: 38px; font-weight: bold; width: 60%; float: left;}
.z_event_swiper li .z_index_more{ width: 138px; float: right;}
.z_event_swiper li .desc{ line-height: 24px; margin-top: 10px;}
.z_event_bar{ width: 380px; height: 400px; background: #EDEDED; float: right; padding: 30px; padding-top: 20px;  box-sizing: border-box;overflow: hidden;}
.z_event_bar li{ margin-bottom: 15px; }
.z_event_bar li:last-child{ margin-bottom: 0;}
.z_event_bar li a{ display: block; font-weight: bold; width: 100%; padding: 18px 0; font-size: 16px; padding-left: 20px; position: relative;}
.z_event_bar li a::before{ content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #222222; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.z_event_bar li{ border-bottom:1px dashed #222222}
.z_event_bar li:hover  a{ color: #2879FF;}
.z_event_bar li:hover a::before{ background:#2879FF ;}
.z_index_tit .title span{ font-size: 14px; color: #999;}
.z_news_warp{ width: 590px; background: #fff; padding: 0 24px; box-sizing: border-box; height: 415px; overflow: hidden;}
.z_news_tit{ line-height: 65px;}
.z_news_tit .tit{ font-size: 18px;}
.z_news_tit .fr{ color: #666666;}
.z_news_tit .fr:hover{ color: #2879FF;}
.z_frist_news{ margin-bottom: 25px;}
.z_frist_news a{ display: block; width: 100%; height: 100%;}
.z_frist_news a:hover{color: #2879FF;}
.z_frist_news .imgbox{ width: 180px; height: 120px; float: left}
.z_frist_news .infobox{ float: right; width: 338px; padding: 5px 0;}
.z_frist_news .infobox h3{ font-size: 16px;}
.z_frist_news .infobox h4{ height: 48px; color: #999; line-height: 24px; margin: 10px 0;}
.z_frist_news .infobox .time{color: #999;}
.z_news_list li a{ display: block; width: 100%; line-height: 50px; height: 50px; overflow: hidden;}
.z_news_list li .tit{ padding-left: 20px; position: relative; display: inline-block; width: 77%; color: #333333;}
.z_news_list li .tit::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #222222;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.z_news_list li .fr{ color: #666; font-size: 12px;}
.z_news_list li{ border-top: 1px dashed #d6d6d6;}
.z_news_list li:hover .tit,.z_news_list li:hover .fr{ color: #2879FF;}
.z_news_box{ width: 386px; height: 330px; overflow: hidden; background: #fff; padding: 0 24px; box-sizing: border-box; float: left; margin-top: 20px;}
.z_news_box:nth-child(2){ margin: 0 21px;margin-top: 20px;}
.z_index_btmwarp{ width: 100%; background: #fff;}
.z_index_icon{ padding: 40px 0; border-bottom: 1px solid #F5F5F5;}
.z_index_icon ul{ display: flex; justify-content: space-between;}
.z_index_icon li{ float: left; width: 25%; display: flex; align-items: center;}
.z_index_icon li .icon{ flex-shrink: 0; margin-right: 20px; width: 50px;}
.z_index_icon li h3{ font-size: 18px; font-weight: bold; margin-bottom: 10px;}
.z_index_icon li .desc{font-size: 12px; line-height: 24px; color: #999999;}
.z_index_logo{ padding: 20px 0;}
.z_logo_nav{ display: inline-block;border-radius: 0 34px 0 0; border: 1px solid #2879ff; margin-bottom: 20px;}
.z_logo_nav li{ float: left; min-width: 116px; height: 34px; cursor: pointer; box-sizing: border-box; text-align: center; line-height: 34px; color: #2879FF; font-size: 16px;}
.z_logo_nav li.on{ background: #2879FF; color: #fff;border-radius: 0 34px 0 0; }
.z_logo_child{ overflow: hidden; display: none;}
.z_logo_child.on{ display: block;}
.z_logo_child li{ width: 150px; height: 150px; float: left;}
.z_logo_child li a{ display: block; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: center;}
.z_logo_child li img{ display: block; max-width: 100%; max-height: 100%;}
.z_footer{ width: 100%; background: #2879FF; color: #fff;}
.z_foot_top{ padding-top: 50px;}
.z_foot_fl{ width: 330px; float: left;}
.z_foot_logo img{ display: block; max-height: 66px;}
.z_foot_logo h3{font-weight:400; font-size: 20px;}
.z_foot_tel{ background: url(../img/tel2.png) no-repeat left center; padding-left: 32px; font-size: 24px; font-weight: bold; margin: 20px 0;}
.z_foot_selbox{ width: 210px; height: 30px; background: #fff; border-radius: 15px; padding: 0 10px; box-sizing: border-box;}
.z_foot_company h3{ margin-bottom: 10px;}
.z_foot_selbox select{ width: 100%;background: url(../img/arr.png) no-repeat right  center; padding-right: 10px; box-sizing: border-box; height: 100%; font-size: 12px; color: #2879ff;}
.z_foot_fc{ float: left;}
.z_foot_fc dl{ float: left; margin-right: 1.16vw;}
.z_foot_fc a{ color: #fff; display: block;}
.z_foot_fc dt { margin-bottom: 20px;}
.z_foot_fc dt a{ font-size: 16px; font-weight: 400;}
.z_foot_fc dd a{ line-height: 24px; font-size: 12px;}
.z_foot_fr{ float: right; width: 250px;}

.z_foot_code .codebox{ width: 90px; text-align: center;}
.z_foot_code .codebox h3{ font-size: 12px; margin-bottom: 10px;}
.z_foot_map{ margin-top: 20px;}
.z_foot_map img{ display: block; max-width: 100%;}
.z_foot_btm{text-align: center;}
.z_foot_copy{font-size: 12px;}
.z_foot_img{ padding: 20px 0;}
.z_foot_img ul{display: flex; align-items: center; justify-content: center;}
.z_foot_img li{ display: inline-block; margin: 0 25px;}
.z_slide_bar{position: fixed; right: 50px; top: 50%; transform: translateY(-50%); z-index: 2;box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.04)}
.z_slide_bar li{ position: relative; display: flex; align-items: center;justify-content: center; cursor: pointer; text-align: center; height: 90px; width:60px; background: #fff; padding: 10px 0; border-bottom: 1px solid #F5F5F5; }
.z_slide_bar li .tit{font-size: 12px;margin-top: 5px;}
.z_slide_bar li .iconfont{font-size: 28px; color:#2879ff;}
.z_slide_bar li .z_wxcode{ width: 90px; height: 90px; position: absolute; left: -100px; transition: ease 1s; opacity: 0; top: 0; border: 2px solid #fff; box-sizing: border-box;}
.z_slide_bar li.z_retop{ display: flex; align-items: center; justify-content: center; height: 60px;}
.z_slide_bar li.z_retop .iconfont{ font-size: 20px; color: #8a919c;}
.z_slide_bar li:hover .z_wxcode{ opacity: 1;}
.z_slide_bar li:hover{ background:#2879ff ; color: #fff;}
.z_slide_bar li:hover .iconfont,.z_slide_bar li:hover .tit{ color: #fff;}
.z_slide_bar li:hover .z_tel_warp{ transform: translateX(0); opacity: 1; visibility: visible; z-index: -1;}
.z_tel_warp{ width: 388px; transition: ease .8s; transform: translate(100%); opacity: 0; visibility: hidden; position: absolute; left: -400px; top: 0; background: #fff; text-align: left;box-shadow:0px 2px 10px 0px rgba(0, 0, 0, 0.04); padding: 35px 24px; box-sizing: border-box;}
.z_tel_warp .tit{ font-size:14px;font-weight:400;color:rgba(102,102,102,1);line-height:16px;}
.z_tel_warp  h3{font-size:18px;font-weight:bold;color:rgba(40,121,255,1);line-height:16px; margin: 12px 0;}
.z_tel_warp  h4{font-size:12px;font-weight:400;color:rgba(153,153,153,1);line-height:16px;}
.z_tel_warp  .desc{ border-bottom: 1px solid #F5F5F5; padding-bottom: 20px;}
.z_tel_warp .tit1{ line-height: 40px;font-size:14px;font-weight:400;color:rgba(102,102,102,1);}
.z_tell_input .text{width:240px;
height:40px;
border:1px solid rgba(245,245,245,1); float: left; padding: 0 15px; box-sizing: border-box; border-right: none;}
.z_tell_input .btn{ display: block;float: left; width:100px;height:40px;line-height: 40px; text-align: center; background:rgba(40,121,255,1);font-size:14px;color: #fff;font-weight:400;}
.z_tel_warp .ts{font-size:12px;font-weight:400;color:rgba(255,106,40,1);line-height:16px; margin-top: 10px;}
/* 宸ュ晢鏈嶅姟 */
.z_other_banner{ width: 100%; height: 420px;}
.z_ptb20{ padding: 20px 0;}
.z_sousuo_warp{ width: 100%; background: url(../img/bg2.jpg) no-repeat center; background-size: cover; padding: 40px 0; padding-bottom: 30px; box-sizing: border-box;}
.z_sousuo_warp .z_row{ width: 900px; margin: 0 auto;}
.z_search_box{ border-radius: 10px; overflow: hidden; margin-bottom: 25px;}
.z_search_box .text{ width: 83.3%; float: left; height: 60px; background: #fff; padding: 0 25px; box-sizing: border-box;font-size: 16px;}
.z_search_box .btn{ width: 16.7%; float: right; height: 60px; background: #2879FF; line-height: 60px; text-align: center; color: #fff; font-size: 16px;}
.z_search_words{ color: #fff;}
.z_search_words a{ color: #fff; display: inline-block; margin:0 10px ; margin-bottom: 10px;}
.z_gs_warp{ margin-top: 80px;}
.z_gongs_tit{ text-align: center; margin-bottom: 40px;}
.z_gongs_tit span{ font-size:28px;font-weight:bold;color:rgba(34,34,34,1); position: relative; display: inline-block; min-width: 300px;}
.z_gongs_tit span::before{content: ""; display: block; width: 115px; height: 17px; position: absolute; left: -115px; background: url(../img/arr_l.png) no-repeat center; background-size: 100% 100%; top: 50%; transform: translateY(-50%);z-index: 1;}
.z_gongs_tit span::after{content: ""; display: block; width: 115px; height: 17px; position: absolute; right: -115px; background: url(../img/arr_r.png) no-repeat center; background-size: 100% 100%; top: 50%; transform: translateY(-50%);z-index: 1;}
.z_gongs_tit2 span{ color: #fff;}
.z_gongs_tit2 span::before{ background-image: url(../img/arr_l2.png);}
.z_gongs_tit2 span::after{ background-image: url(../img/arr_r2.png);}
.z_gsbox_list ul{ margin-left: -20px;}
.z_gsbox_list li{ width: 285px; margin-left: 20px; height: 300px; float: left; position: relative; border-radius: 10px; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 40px ; box-sizing: border-box; }
.z_gsbox_list li a{ display: block; width: 100%; height: 100%; color: #fff; text-align: center;}
.z_gsbox_list li .icon img{ display: block; margin: 0 auto;}
.z_gsbox_list li .icon{ height: 55px; display: flex; align-items: center; justify-content: center;}
.z_gsbox_list li .tit{ font-size: 16px; margin: 10px 0;}
.z_gsbox_list li .desc{ text-align: left; font-size: 12px;}
.z_gsbox_list li .z_index_more{ width: 118px;height: 34px; border-radius:5px; margin: 0 auto; line-height: 32px; position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%);}
.z_gongs_icon ul{ margin-left: -20px;}
.z_gongs_icon li{  margin-left: 20px;float: left; width:285px;height:180px;margin-bottom: 20px; background:rgba(255,255,255,1);box-shadow:0px 8px 13px 0px rgba(0, 0, 0, 0.1); padding: 27px 20px; box-sizing: border-box;  text-align: center
;}
.z_gongs_icon li .icon { height: 42px;}
.z_gongs_icon li .icon img{ margin: 0 auto;display: block; max-height: 100%;}
.z_gongs_icon li h3{font-size:16px;font-weight:400;color:rgba(51,51,51,1); margin: 15px 0;}
.z_gongs_icon li .z_index_more{ width: 118px; height: 34px; line-height: 32px; margin: 0 auto; border-color: #2879FF; color: #2879FF;border-radius:5px;}
.z_gongs_icon li .z_index_more:hover{color: #fff;}
.z_service_lcwarp{background:rgba(250,250,250,1); padding: 50px 0;}
.z_service_lcwarp .z-container{}
.z_lc_list ul{  margin-top: 100px; display: flex;}

.z_lc_list li{  float: left;  position: relative;}
.z_lc_list li{ flex: 1; padding: 0 10px; box-sizing: border-box;}
.z_lc_list li::before{ content: ""; display: block; width: 18px; height: 17px; background: url(../img/arr6.png) no-repeat center; background-size: cover; position: absolute; right: -9px; top: 60px; z-index: 1;}
.z_lc_list li:last-child::before{ display: none;}
.z_lc_list li .icon{ max-height: 138px;}
.z_lc_list li .icon img{ display: block; margin: 0 auto; max-height: 100%;}
.z_lc_list li h3{font-size:16px;font-weight:bold;color:rgba(77,77,77,1); margin: 12px 0; text-align: center;}
.z_lc_list li .desc{color: #878787; line-height: 24px;}
.z_lc_list li .ts{ color: #ff8838;line-height: 24px;}
.z_lc_list2 li{ width: 152px; margin-left: 22.6px;}
.z_lc_list2 ul{ margin-left: -22.6px;}
.z_lc_list2 li::before{right: -20px;}
.z_advan_warp{ width: 100%; background: url(../img/bg3.png) no-repeat center; background-size: cover; padding: 50px 0;}
.z_advan_head { display: flex;}
.z_advan_he,.z_advan_me{ width: 510px; float: left;}
.z_advan_c{ width:180px; text-align: center; float: left;}
.z_advan_head .z_advan_he{ text-align: right;  }
.z_advan_head .tit{ font-size: 30px; font-weight: bold; color: #fff;margin-top: 45px; padding: 0 130px; box-sizing: border-box;}
.z_advan_head .z_advan_c img{ display: block; margin: 0 auto; height: 94px;}
.z_mingxi_warp{ padding: 70px 0; }
.z_mingxi_box{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); padding: 50px 90px; box-sizing: border-box;}
.z_mingxi_box ul{ width: 50%; float: left;}
.z_mingxi_box li{ line-height: 38px; margin-bottom: 40px; color: #666; font-size: 16px; }
.z_mingxi_box li em{ display: inline-block;width:38px;height:38px; margin-right: 15px; line-height: 38px;background:rgba(40,121,255,1);border-radius:5px;text-align: center; color: #fff; font-size: 20px; font-weight: bold;}
.z_mingxi_box li span{ font-size: 20px; color: #333333;}
.z_mingxi_box li:nth-child(even) em{ background: #28B6FF;}
.z_mingxi_ts{ text-align: center; color: #FF6A28;}
.z_ziliao_warp{ background: #FAFAFA; padding: 70px 0;}
.z_ziliso_list ul{ margin-left: -26px; margin-top: 70px;}
.z_ziliso_list li{ width: 280px; float: left; margin-left: 26px; background: #fff; text-align: center; padding: 40px 0; margin-bottom: 50px;}
.z_ziliso_list li .imgbox img{ display: block; margin: 0 auto;}
.z_ziliso_list li .tit{font-size: 16px; margin-top: 30px;}
.z_index_more2{ margin: 0 auto;width:180px;height:50px;border:1px solid rgba(40,121,255,1);border-radius:5px; line-height: 48px; text-align: center; color: #2879FF; font-size: 16px; margin: 0 auto;}
.z_index_more:hover{ background: #2879FF; color: #fff;}
.z_question_warp{background: #2879FF; padding: 60px 0; padding-bottom: 0; height: 320px; margin-bottom: 240px;}
.z_question_warp .z_gongs_tit{ margin-bottom: 70px;}
.z_question_swiper{ overflow: hidden; position: relative; width: 1550px; margin: 0 auto; padding: 20px 0; bottom: 0px;}
.z_question_swiper .btn{ display: block; cursor: pointer; width: 45px; height: 45px; background: #fff; z-index: 5; position: absolute;  top: 50%; transform: translateY(-50%);}
.z_question_swiper .prev{ left:467px; background: url(../img/arr_l3.png) no-repeat center; background-size: 100% 100% ;}
.z_question_swiper .next{right: 468px; background: url(../img/arr_r3.png) no-repeat center; background-size: 100% 100% ;}
.z_question_swiper li{ background:rgba(255,255,255,1);box-shadow:0px 12px 17px 1px rgba(0, 0, 0, 0.08);border-radius:20px;}
.z_question_swiper li a{ padding: 40px; box-sizing: border-box; display: block; width: 100%; height: 100%;}
.z_question_swiper li .tit{ font-size: 16px;font-weight:400;}
.z_question_swiper li .desc{line-height: 24px; color: #999999; min-height: 72px;}
.z_question_swiper li .line{ width: 80px; height: 2px; background: #2879FF; margin: 20px 0;}
.z_question_swiper li{  transition: 300ms;transform: scale(0.8);}
.z_question_swiper li.swiper-slide-active,.z_question_swiper li.swiper-slide-duplicate-active{transform: scale(1);}
.z_question_warp .z_index_more{ margin: 50px auto;}
.z_advan_warp2{ padding: 80px 0;}
.z_advan_warp2 .z_gongs_tit{ margin-bottom: 60px;}
.z_compare_box{ width: 340px; float: left; margin-top: 40px; }
.z_compare_box .tit{height:82px; line-height: 82px; text-align: center;color: #fff;
background:rgba(156,159,177,1); width: 100%; position: relative;font-size:26px;}
.z_compare_box .tit::before{ content: ""; display: block; width: 20px; height: 20px;background: #9C9FB1; z-index: 1; position: absolute; left: 50%; margin-left: -10px;bottom: -10px; transform: rotate(45deg); }
.z_compare_box .tit span{ display: inline-block;font-weight:bold;  display: inline-block; margin: 0 15px;}
.z_compare_li{border:1px solid rgba(156,159,177,1); padding-top: 10px; box-sizing: border-box;}
.z_compare_li li{ border-bottom: 1px dotted #9C9FB1; display: flex; align-items: center; line-height: 30px; font-size: 16px; color: #878787; padding: 10px 20px;}
.z_compare_li li .gou{ display: inline-block; flex-shrink: 0; margin-right: 10px; width: 20px; height: 20px; background: url(../img/gou.png) no-repeat center; background-size: cover;}
.z_compare_li li :last-child{ border-bottom: none;}
.z_compare_box_active{ width: 400px; margin: 0 60px; position: relative;background:rgba(242,251,255,1);} 
.z_compare_box_active::before{ content: ""; display: block;width: 110px; height: 110px; background: url(../img/vs2.png) no-repeat center; background-size: 100% 100%; position: absolute; left: -85px; top:167px; z-index: 1;}
.z_compare_box_active::after{ content: ""; display: block;width: 110px; height: 110px; background: url(../img/vs2.png) no-repeat center; background-size: 100% 100%; position: absolute; right: -85px; top:167px; z-index: 1;}
.z_compare_box_active .tit{background:linear-gradient(180deg,rgba(40,121,255,1) 0%,rgba(63,194,255,1) 100%);}
.z_compare_box_active .tit::before{background:rgba(63,192,255,1);}
.z_compare_box_active .z_compare_li{border-color:#2879FF ;}
.z_compare_box_active .z_compare_li li{ color: #2879FF; font-weight: bold;}
.z_compare_box_active .z_compare_li li .gou{ background-image: url(../img/gou1.png);}
.z_xinxi_tit{ position: absolute; left: 0; top: 0;}
.z_xinxi_tit h3{font-size:30px;font-weight:bold; text-transform: uppercase; border-left: 6px solid #222;color: #222; padding-left: 16px; height: 30px; line-height: 30px;}
.z_xinxi_tit h4{font-size:28px; font-weight: bold; padding-left: 20px;}
.z_xinxi_box { margin-bottom: 60px;}
.z_xinxi_box .imgbox{ width: 760px; float: right;}
.z_xinxi_box .imgbox img{ display: block; max-width: 100%;}
.z_xinxi_box { position: relative;}
.z_xinxi_box .infobox{ position: absolute; left: 0; bottom: 60px;background:rgba(40,121,255,.6); color: #fff; padding: 50px; box-sizing: border-box; width: 610px; box-sizing: border-box;}
.z_xinxi_box  .tit{position: relative; padding-left: 80px; margin-bottom: 40px;}
.z_xinxi_box  .tit h3{font-size:28px;font-weight:bold;color:rgba(255,255,255,1);}
.z_xinxi_box  .tit h4{font-size:16px;font-weight:400;color:rgba(255,255,255,1); text-transform: uppercase}
.z_xinxi_box  .tit .num{ position: absolute; left: 0; top: 0; font-size: 62px;height:58px; line-height: 58px;font-weight:400;color:rgba(255,255,255,1)}
.z_xinxi_box .desc{ font-size: 18px; line-height: 30px;}
.z_xinxi_box:nth-child(even) .imgbox{ float: left;}
.z_xinxi_box:nth-child(even) .infobox{left: auto; right: 0; background:rgba(0,0,0,.6);}
.z_xinxi_warp .z-container{ position: relative;}
.z_ziliao_list ul{ margin-bottom: 30px; }
.z_ziliao_list li{ float: left; width: 161px; margin-left: 81px; text-align: center;}
.z_ziliao_list li:first-child{ margin-left: 35px;}
.z_ziliao_list li .tit{ line-height: 60px; color: #222222; font-size: 16px;}

.z_shengji_box  .imgbox,.z_shengji_box  .infobox{ width: 50%; height: 400px; float: left; box-sizing: border-box;}
.z_shengji_box  .infobox{border:1px solid rgba(245,245,245,1); padding: 65px; box-sizing: border-box; position: relative; height: auto; min-height: 400px;}
.z_shengji_box h3{font-size:24px; color: #333;font-weight:bold;}
.z_shengji_box h4{font-size:16px;font-weight:400;color:rgba(153,153,153,1); margin: 20px 0;}
.z_shengji_box .line{width:20px;height:4px;background:rgba(40,121,255,1);}
.z_shengji_box .desc p{ color: #666666; font-size: 16px; padding-left: 15px; position: relative; margin-top: 20px;}
.z_shengji_box .desc p::before{ content: ""; display: block; width:4px;height:4px;background:rgba(40,121,255,1);border-radius:50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_shengji_box:nth-child(even) .imgbox{ float: right;}
.z_shengji_box .num{ width: 68px; height: 76px; text-align: center; padding-left: 14px; padding-top: 10px; box-sizing: border-box; background: url(../img/titbg.png) no-repeat top center; background-size: cover; position: absolute; right: 30px; top: -8px; text-align: center; color: #fff;}
.z_shengji_box .num em{ display: block; font-size: 17px;}
.z_shengji_box:nth-child(even) .num{ right: auto; left: 30px;}
.z_compare_box2{ width: 514px;background:rgba(255,255,255,1);border-radius:10px; overflow: hidden; float: left; margin-top: 40px; box-shadow: 0 10px 20px rgba(0,0,0,.1);}
.z_compare_box2 .tit{height:64px;background:rgba(64,75,99,1);border-radius:10px 0px 0px 0px; width: 100%; line-height: 64px; text-align: center; color: #fff; font-size: 24px; font-weight: bold;}
.z_compare_li2 li{padding: 20px 10px; box-sizing: border-box;}
.z_compare_li2 li:nth-child(even){ background: #F4F4F4;}
.z_compare_li2 li h3{font-size:18px;font-weight:400;color:rgba(34,34,34,1); margin-bottom: 10px;}
.z_compare_li2 li h4{font-size:14px;font-weight:400;color:rgba(153,153,153,1);}
.z_compare_box_active2{ width:685px; margin-top: 0;}
.z_compare_box_active2 .tit{background:#FF7532}
.z_compare_box_active2 .z_compare_li2 li{ padding-left: 85px; box-sizing: border-box;position: relative;}
.z_compare_box_active2 .z_compare_li2 li .num{ position: absolute; left: 20px; top: 20px; font-size:36px;font-weight:bold;color:rgba(255,211,196,1);}
.z_compare_box_active2 .z_compare_li2 li h3{font-size:18px;font-weight:bold;color:rgba(253,96,20,1);}
.z_compare_box_active2 .z_compare_li2 li h4{font-size:16px;font-weight:400;color:rgba(219,155,124,1);}
.z_compare_box_active2 .z_compare_li2 li:nth-child(even){
	background:#fff9f6 ;
}
.z_imporant_warp{ background: #FAFAFA; padding: 80px 0;}
.z_imporant_img { margin-top:70px;}
.z_imporant_img img{ display: block; max-width: 100%; margin: 0 auto;}
.z_sucess_case{ padding: 60px 0;}
.z_sucess_case .z_gongs_tit{ margin-bottom: 70px;}
.z_case_logo  ul{ margin-left: -20px;}
.z_case_logo li{ width: 224px; height: 100px; padding: 10px; box-sizing: border-box; float: left;background:rgba(255,255,255,1);
box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.1); margin-left: 20px; margin-top: 20px; }
.z_case_logo li img{ max-width: 100%; max-height: 100%; display: block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.z_case_logo li:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.z_case_logo li a{ display: flex; width: 100%; height: 100%;display: flex; align-items: center; justify-content: center;}

.z_wz_bar{ width: 100%; height:60px;background:rgba(250,250,250,1); line-height: 60px; color: #333333; font-size: 14px;}
.z_wz_bar a{display: inline-block; font-size: 14px;color: #333333; padding: 0 5px;}
.z_wz_bar a:hover{ color: #2879FF;}
._citys { width: 450px; display: inline-block; border: 2px solid #eee; padding: 5px; position: relative; background: #fff; }
._citys span { color: #56b4f8; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #56b4f8; cursor: pointer; }
._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 2px solid #56b4f8; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 15px; color: #888; width: 80px; text-align: center; cursor: pointer; }
.citySel { background-color: #56b4f8; color: #fff !important; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 83px; height: 35px; display: inline-block; background-color: #f5f5f5; color: #666; margin-left: 6px; margin-top: 3px; line-height: 35px; text-align: center; cursor: pointer; font-size: 13px; overflow: hidden; }
._citys1 a:hover { color: #fff; background-color: #56b4f8; }
.AreaS { background-color: #56b4f8 !important; color: #fff !important; }
.z_pro_head { padding: 40px 0;}
.z_pro_img{ width: 450px; height: 350px; float:left}
.z_pro_infobox{width: 640px; float: left; margin-left: 50px;}
.z_pro_infobox h3{font-size:22px;font-weight:400;color:rgba(51,51,51,1);line-height:29px;}
.z_pro_infobox h4{font-size:14px;font-weight:400;color:rgba(40,121,255,1);line-height:29px}
.z_pro_infobox .titbar{ margin-bottom: 20px;}
.z_pro_cs dl{ display: flex; margin-bottom: 5px;}
.z_pro_cs dl dt{ flex-shrink: 0; width: 50px; color: #333333; font-size: 14px; line-height: 30px;}
.z_pro_choose a{display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; border:1px solid rgba(237,237,237,1); margin-right: 15px; margin-bottom: 15px;}
.z_pro_choose a.on{ border-color: #2879FF;; color: #fff; background: #2879FF;}
.z_pro_city #city{ height:30px;
border:1px solid rgba(237,237,237,1); min-width: 140px; padding: 0 15px; padding-right: 30px; box-sizing: border-box; background: url(../img/arr7.png) no-repeat right 10px center;}
.z_conntact_btn{ display: block;width:152px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; margin-top: 50px;
height:40px;
background:rgba(40,121,255,1);}
.z_pro_flwarp{ width: 300px; float: left;}
.z_tj_guwen{border:1px solid rgba(250,250,250,1); box-sizing: border-box; margin-bottom: 40px;}
.z_tj_guwen .tit{ width: 100%; height: 40px; line-height: 40px; background:rgba(250,250,250,1); padding: 0 15px;}
.z_tj_guwen .tit .more{ float: right; font-size: 12px;}
.z_tj_guwen .tit .more:hover{ color:#2879FF;}
.z_tj_guwen li{ display: flex; align-items: center; padding: 25px 14px;  box-sizing: border-box; position: relative;transition: ease .4s; border-bottom: 1px solid #fafafa;}
.z_tj_guwen li .touxiang{ width: 70px; height: 70px; float: left; border-radius: 50%; overflow: hidden; flex-shrink: 0; margin-right: 20px; }
.z_tj_guwen li .touxiang img{ display: block; width: 100%; height: 100%;}
.z_tj_guwen li .box{float:left; text-align: center; color: #999999;}
.z_tj_guwen li .box em{ display: block; color: #FF2E2E;}
.z_tj_guwen li .infobox{ width:180px; float: left;}
.z_tj_guwen li .name{ margin-bottom:15px;}
.z_tj_guwen li .csbox{ display: flex; justify-content: space-between;}
.z_tj_guwen li .btnwarp{ position: absolute; left: 0; bottom: 5px; padding: 0 14px; box-sizing: border-box; width: 100%; transition: ease .4s; opacity: 0;}
.z_tj_guwen li .btnwarp .btn{ display:block;width:100px; text-align: center; color: #fff; line-height: 22px; font-size: 12px; margin-right: 30px; float: left;
height:24px;
background:rgba(40,121,255,1);}
.z_tj_guwen li .btnwarp .btn2{ background:none; border:1px solid #2879FF; color: #2879FF; margin-right: 0;}
.z_tj_guwen li:hover .btnwarp{ opacity: 1;}
.z_tj_guwen li:hover{background: #F1F6FF;padding-bottom: 35px;}
.z_yw_tit{height:18px;font-size:18px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(40,121,255,1);line-height:18px; border-left: 6px solid #2879FF; padding-left: 10px;}
.z_yw_first{ margin: 20px 0;}
.z_yw_first a{ display: block; width: 100%; height: 100%;}
.z_yw_first{ height: 174px; width: 100%; position: relative; overflow: hidden;}
.z_yw_first .pm{ position: absolute; left: 0; top: 10px; width: 60px; height: 24px; background: url(../img/top.png) no-repeat center; background-size: 100% 100%; text-align: center; line-height: 24px; color: #fff; font-size: 12px; z-index: 1;}
.z_yw_first .tit{ width: 100%; position: absolute; left: 0; bottom: 0;background:rgba(0,0,0,.5); color: #fff; padding: 10px 15px; box-sizing: border-box; font-size: 16px; line-height: 20px;}
.z_yw_list li{ padding: 20px 0; border-top:1px solid #F5F5F5;}
.z_yw_list li a{ display: block; width: 100%; height: 100%;}
.z_yw_list li .imgbg{ width: 100px; height: 75px; float: left; margin-right: 15px; position: relative;}
.z_yw_list li .num{ position: absolute; left: 0; top: 0; background: #FF6A28;width:20px;
height:20px; line-height: 20px; text-align: center; color: #fff; font-size: 12px;}
.z_yw_list li h3{ font-size: 16px; line-height: 24px; color: #333; margin-bottom: 10px;}
.z_yw_list li span{color: #666666}
.z_yw_list li .lb{ background: url(../img/lb.png) no-repeat left center; padding-left: 20px; float: right;}
.z_yw_list li:hover h3{ color: #2879FF;}
.z_pro_frwarp{ width: 850px; float: right;}
.z_tab_nav{ width: 100%; height: 40px; line-height: 40px; background: #FAFAFA; margin-bottom: 20px;}
.z_tab_nav li{ float: left; padding: 0 30px; position: relative; min-width: 120px; text-align: center; cursor: pointer; font-size: 14px;}
.z_tab_nav li::before{ content: ""; display: block; width:0%; position: absolute; left: 0; height: 2px; background: #2879FF; transition: ease .4s; z-index: 1;}
.z_tab_nav li.on::before{ width: 100%;}
.z_tab_nav li.on{ color: #2879FF;}
.z_fuwu_box{width:100%; padding: 30px 25px; box-sizing: border-box;background:rgba(250,250,250,1);border:1px solid rgba(237,237,237,1); margin-bottom: 20px;}
.z_fuwu_box .flwarp{ width: 360px; float: left;}
.z_fuwu_box .titbar{ margin-bottom: 20px;}
.z_fuwu_box .titbar h3{font-size:18px;font-weight:400;color:rgba(51,51,51,1);line-height:29px;}
.z_fuwu_box .titbar h4{font-size:14px;font-weight:400;color:rgba(40,121,255,1);line-height:29px;}
.z_fuwu_li li{height:32px; width: 100%; line-height: 30px; box-sizing: border-box;
background:rgba(255,255,255,1);
border:1px solid rgba(237,237,237,1); margin-bottom: 10px;}
.z_fuwu_li li:last-child{ margin-bottom: 0;}
.z_fuwu_li li .num{ display: block;float: left;width:30px; font-weight: bold;
height:30px;
background:rgba(255,100,46,1); text-align: center; font-style: italic; color: #fff; text-align: center; line-height: 30px;}
.z_fuwu_li li .text{ float: left; display: block; width: 210px; margin: 0 10px; color: #FF642E;}
.z_fuwu_li li .price{ float: right; font-size:12px;font-weight:400;text-decoration:line-through;color:rgba(102,102,102,1);line-height:29px; margin-right: 10px;}
.z_fuwu_box .frwarp{ float: right;}
.z_fuwu_box .infobar{ margin-bottom: 20px; position: relative;}
.z_fuwu_box .infobar .tc{ color: #666666; margin-bottom: 10px;}
.z_fuwu_box .infobar .tc span{font-size: 18px; color: #FF2828; font-weight: bold;}
.z_fuwu_box .infobar .old{ color:#666666;}
.z_fuwu_box .infobar .btn{ display: inline-block;min-width:100px; text-align: center; color: #fff; line-height: 24px; position: absolute; right: 0; top: 50%; transform: translateY(-50%);
height:24px;
background:rgba(40,121,255,1);}
.z_proxq_content img{ max-width: 100%; line-height: 24px;}
.z_tab_child{display: none;}
.z_tab_child.on{ display: block;}
.z_news_banner{ width: 100%; margin: 0; }
.z_news_banner .z-container{height: 200px; position: relative;}
.z_banner_text{  color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.z_banner_text h3{font-size: 50px; font-weight: bold;}
.z_banner_text h4{ text-transform: uppercase; font-size: 22px; font-style: italic;font-weight: bold;}
.z_page_nav{ position: absolute; right: 0; bottom: 0; height:46px;
background:rgba(255,255,255,1);
border-radius:20px 20px 0px 0px; display: inline-block;}
.z_page_nav a{ display: inline-block;min-width:125px;  text-align: center; position: relative; font-size: 16px; line-height: 46px;}
.z_page_nav a.active,.z_page_nav a:hover{background:rgba(40,121,255,1);
border-radius:20px 20px 0px 0px; color: #fff;}
.z_page_nav a::before{content: ""; display: block; width:1px;height:16px;background:rgba(230,230,230,1); position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.z_page_nav a:last-child::before,.z_page_nav a.active::before{ display: none;}
.z_news_page{ padding: 20px 0;background: #F5F5F5; }
.z_news_page .z-container{ width: 1400px;}
.z_news_flwarp{ width: 68.5%; float: left}
.z_news_swiper{ width: 100%; height: auto;}
.z_news_swiper li a{ display: block; width: 100%; height: 100%;}
.z_news_swiper li img{ display: block; width: 100%;}
.z_gg_list { margin: 20px 0;}
.z_gg_list ul{ margin-left: -1.425%;}
.z_gg_list li{ width: 31.875%; height: 170px; float: left; margin-left: 1.425%;background: #fff;}
.z_gg_list li a{ display: block; width: 100%; height: 100%;}
.z_gg_list li img{ display: block; width: 100%;}
.news_list li{ background: #fff; padding: 20px; box-sizing: border-box; border-bottom: 1px solid #f5f5f5;}
.news_list li .imgbox{ width: 320px; height: 180px; float: left; margin-right: 25px; overflow: hidden;}
.news_list li h3{ font-size: 16px; font-weight: bold; line-height:50px;}
.news_list li .desc{color:rgba(153,153,153,1); font-size: 12px; margin-bottom: 25px;
line-height:24px;}
.news_list li .time{ margin-bottom: 10px;}
.news_list li .time,.news_list li span{ color: #999;font-size: 12px;}
.news_list li span{ padding-left: 25px; }
.news_list li .lb{ background: url(../img/lb.png) no-repeat left center;}
.news_list li .like{ background: url(../img/like.png) no-repeat left center; float: right; color: #FC4C4F;}
.news_list li:hover h3{ color: #2879FF;}
.news_list li:hover .imgbg{ transform: scale(1.1,1.1);}
.z_news_frwarp{ width: 30%; float: right;}
.z_top_adv{ margin-bottom: 20px;}
.z_top_adv a{ display: block; width: 100%;}
.z_top_adv img{ display: block;}
.z_right_box{ background: #fff; padding: 0 20px; padding-top: 20px; box-sizing: border-box; margin-bottom: 20px;}
.z_right_box .z_yw_tit{ }
/*.z_pages_bar{ text-align: center; margin: 50px 0;}
.z_pages_bar a{ display: inline-block;border:1px solid rgba(230,230,230,1);
border-radius:2px; background: #fff; height: 36px; line-height: 34px; width: 36px; text-align: center; color: #646464; font-size: 12px; margin: 0 5px;}
.z_pages_bar .btn{ width: auto; padding: 0 15px;}
.z_pages_bar a.active,.z_pages_bar a:hover{ background: #2879FF; border-color: #2879FF;; color: #fff;}*/
.z_pages_bar{ text-align: center; margin: 50px 0;}
.z_pages_bar li{ display: inline-block;border:1px solid rgba(230,230,230,1);
    border-radius:2px; background: #fff; height: 36px; line-height: 34px; width: 36px; text-align: center; color: #646464; font-size: 12px; margin: 0 5px;}
.z_pages_bar .btn{ width: auto; padding: 0 15px;}
.z_pages_bar li.active,.z_pages_bar li:hover{ background: #2879FF; border-color: #2879FF;;}
.z_pages_bar li:hover a { color: #fff;}
.z_banner_text2 h3{ font-size: 40px; font-weight: normal; margin-bottom: 10px;}
.z_banner_text2 h3 span{ font-size: 26px; font-weight: normal; font-style: italic;}
.z_banner_text2 h4{ font-weight: normal; font-size: 12px;} 
.z_about_page{ padding: 50px 0; }
.z_about_page .z-container{}
.z_about_con{ line-height: 24px; min-height: 400px;}
.z_contact_tit { text-align: center; margin-top: 20px; margin-bottom: 40px;}
.z_contact_tit h3{ font-size: 30px; font-weight: bold; margin-bottom: 10px;}
.z_contact_tit h4{ color: #999;}
.z_contact_wrap{ width: 100%; background: url(../img/conatct_bg.png) no-repeat center; background-size: cover; padding:30px 0;}
.z_contact_box{ width: 395px; min-height: 565px; background:url(../img/bg8.png) no-repeat top center; background-size: cover; float: left; padding: 40px 25px; box-sizing: border-box; margin-top: 55px;}
.z_contact_box .icon img{ display: block; margin: 0 auto;}
.z_contact_box .tit{font-size:18px;font-weight:400;color:rgba(40,121,255,1);line-height:27px; margin: 25px 0; margin-bottom: 10px;}
.z_contact_box .desc{font-size:16px; text-align: center; line-height: 30px;font-weight:400;color:rgba(102,102,102,1);}
.z_contact_box .infobox{ text-align: center;}
.z_contact_box  .z_city_all{ margin-top: 80px;}
.z_city_all a{ display: inline-block; padding: 0 16px; height: 30px; line-height: 30px; margin-bottom: 10px;}
.z_city_all a.on{ background: #2879FF; color: #fff;}
.z_city_map{ float: right; width: 820px; position: relative; margin-right: -50px;z-index: 1;}
.z_city_map img{ display: block;width: 100%;}
.z_city_map .dzicon{ position: absolute; left: 444px; bottom: 164px; z-index: 1; width: 23px; height: 29px; background: url(../img/dw.png) no-repeat center top; background-size: 100% auto;}
.z_city_info{ position: absolute; left: 295px; bottom: 212px;}
.z_city_info .imgbg{ width: 100px; height: 100px; float: left;}
.z_city_info .infobox{ background: #fff; width: 220px; float: left; height: 100px; padding: 15px; box-sizing: border-box;}
.z_city_info .infobox h3{ font-size: 18px; margin-bottom: 10px;}
.z_city_info .infobox h4{ color: #666666;}
.z_city_info::before{ content: ""; display: block;width:20px;height:20px;background:rgba(255,255,255,1); position: absolute; left: 150px; bottom: -10px; transform: rotate(45deg); z-index: 1;}

.z_contact_btm .tit{ text-align: center; padding: 36px; font-size: 18px;}
.z_contact_way{ margin: 90px 0; margin-top: 50px;}
.z_contact_way li{ float: left; display: flex; align-items: center;font-size:26px;font-weight:400;color:rgba(34,34,34,1);line-height:40px;}
.z_contact_way li .icon{ float: left; margin-right: 20px;}
.z_contact_way ul{ display: flex; justify-content: space-between;}
.z_contact_way li a{color:#2879FF;font-size:26px;font-weight:400;}
.z_contact_form{ box-shadow: 0 0 10px rgba(0,0,0,.1); padding: 50px 125px; box-sizing: border-box; margin-bottom: 60px;}
.z_form{ margin-top: 50px;}
.z_form ul{ margin-left: -20px;}
.z_form li{ width: 303px; margin-left: 20px; float: left; margin-bottom: 20px; }
.z_form .text{ width: 100%; height:40px;border:1px solid rgba(230,230,230,1); box-sizing: border-box; padding: 0 20px;}
.z_form .texta{ height: 70px; padding: 10px 20px;}
.z_form_btn{ display: block; width:225px;height:56px;background:rgba(40,121,255,1);border-radius:28px; margin: 0 auto; line-height: 46px; text-align: center; color: #fff; font-size: 16px;margin-top: 50px;  border: none; cursor: pointer;}
.z_honor_tit{ font-size:24px;font-weight:400;color:rgba(51,51,51,1);line-height:27px; margin-bottom: 60px;}
.z_honor_tit span{font-size:16px; color: #999999;}
.z_wenti_page{ background: #fafafa; padding: 40px 0; }
.z_wenti_page .z-container{ width: 1280px;}
.z_wenti_nav{ width: 170px; float: left;}
.z_wenti_nav a{ display: block; width: 100%; height: 50px;font-size: 18px; color: #222; line-height: 50px; text-align: center; border:1px solid #dddddd; box-sizing: border-box; margin-bottom: 20px;}
.z_wenti_nav a.active,.z_wenti_nav a:hover{ background: #2879FF; color: #fff;  border-color: #2879FF;}
.z_wenti_warp{ width: 1080px; border: 1px solid #dddddd; background: #fff; box-sizing: border-box; padding: 0 40px; float: right;}
.z_wenti_box{ border-bottom: 1px dashed #dddddd; padding: 30px 0; line-height: 24px; color: #666666;}
.z_wenti_box:last-child{ border-bottom: none;}
.z_wenti_box .zm{ font-size: 16px; display: inline-block; margin-right: 15px; flex-shrink: 0;}
.z_wenti_box .ask{font-size: 16px; display: flex;  margin-bottom: 10px;}
.z_wenti_box .ask .zm{ color:#fd470c;}
.z_wenti_box .answer{display: flex;font-size: 15px;}
.z_wenti_box .answer .zm{ color: #207efd;}
.ask_a span{ display: inline-block; border:1px solid #dddddd; padding: 4px 15px; color: #666666; margin-right: 12px;}
.ask_a{ padding-left: 26px; box-sizing: border-box; margin-top: 15px;}
.z_guwen_page{ padding: 40px 0; padding-bottom: 60px;}
.z_guwen_nav{ height:60px;background:rgba(250,250,250,1); margin-bottom: 30px; line-height: 60px; padding: 0 20px; box-sizing: border-box; color: #666666; font-size: 14px;}
.z_guwen_nav a{ display: inline-block; margin-left:40px; color: #666666;}
.z_guwen_nav a.active,.z_guwen_nav a:hover{ color: #2879FF;}
.z_guwen_list ul{ margin-left: -20px;}
.z_guwen_list li{ width:224px;margin-left: 20px; margin-bottom: 20px; float: left; background:rgba(255,255,255,1);box-shadow:0px 5px 15px 0px rgba(0, 0, 0, 0.04); text-align: center; padding: 22px 10px; box-sizing: border-box;}
.z_guwen_list li .touxiang{ width: 70px; height: 70px; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.z_guwen_list li .touxiang img{ display: block; width: 100%; height: 100%;}
.z_guwen_list li .name{ font-size: 16px; margin: 15px 0; color: #222222;}
.z_guwen_list li .bar{ width: 50%; float: left; color: #999999;}
.z_guwen_list li .bar em{ display: block; color: #FF2E2E;}
.z_guwen_list li .btn{ display: block;width:90px; line-height: 30px; text-align: center; color: #fff; font-size:12px;
height:30px;
background:rgba(40,121,255,1);}
.z_guwen_list li .btn1{border:1px solid rgba(40,121,255,1); background: none; color: #207EFD; line-height: 28px;}
.z_guwen_list li  .btnwarp{ margin-top: 22px;}
.z_news_swiper2{ box-shadow: 0 0 20px rgba(0,0,0,.1); margin-bottom: 80px;}
.z_artic_page{ padding: 30px 0;}
.z_artic_flwarp{ width: 62.8%; float: left;}
.z_artic_tit h3{font-size:30px;font-weight:bold;color:rgba(51,51,51,1);line-height:29px;}
.z_artic_tit h4 {color: #999999; margin: 40px 0;}
.z_artic_tit h4 span{ display: inline-block;color: #999999; display: inline-block; padding: 0 15px;}
.z_artic_tit h4 span:first-child{ padding-left: 0;}
.z_artic_zyao{ color: #999999;}
.z_artic_adv{ margin: 40px 0; width: 100%; min-height:150px; padding: 24px; box-sizing: border-box; padding-right: 226px;}
.z_artic_adv .tit{ font-size:16px;font-weight:400;color:rgba(255,255,255,1);line-height:30px; margin-bottom: 10px;}
.z_artic_form .text{width:230px;height:40px;background:rgba(255,255,255,1); float: left; padding: 0 14px; box-sizing: border-box;}
.z_artic_form  .btn{ display: block;width:110px;height:40px;background:rgba(255,83,83,1); line-height: 40px; text-align: center; color: #fff; float: left;}
.z_artic_con{ font-size:16px;font-weight:400;color:rgba(34,34,34,1);line-height:36px;}
.z_artic_con img{ max-width: 100%!important;}
.z_artic_words{ padding: 40px 0; border-bottom: 1px solid #E6E6E6; line-height: 34px;}
.z_artic_words a{ display: inline-block;min-width:90px; padding: 0 10px; text-align: center; line-height: 34px; margin-left:20px ;height:34px;border:1px solid rgba(204,204,204,1);}
.z_artic_xg{ padding: 50px 0;}
.xg_flwarp{ width: 40%; float: left;}
.xg_flwarp .tit{height:14px;font-size:14px;font-weight:400; line-height: 14px; border-left: 2px solid #2879FF; padding-left: 10px;}
.xg_flwarp .xg_a{ padding-left: 12px; box-sizing: border-box;}
.xg_flwarp .xg_a a{ display: block; height: 20px; line-height: 20px; margin-top: 28px; color: #333333;}
.xg_flwarp .xg_a a:hover{ color: #2879FF;}
.xg_frwarp{ width: 41%; float: right;}
.xg_frwarp .tit { color: #333; margin-bottom: 20px;}
.xg_frwarp .tit img{display: inline-block; margin-right: 10px;}
.z_js_form .text{ display: block; width: 100%; height:50px;background:rgba(244,244,244,1); padding: 0 20px; box-sizing: border-box; margin-bottom: 20px;}
.z_js_form  .btn{ display: block; width: 47.2%; height:50px;background:rgba(251,151,60,1); text-align: center; line-height: 50px; text-align: center; color: #fff; font-size: 16px;}
.z_js_form  .fr{ background: #2879FF;}
.z_topbtm_bar{height:70px; margin-bottom: 30px;background:rgba(249,249,249,1); width: 100%; height: 70px; overflow: hidden; padding: 0 25px; box-sizing: border-box;}
.z_topbtm_bar a{ display: block; width: 45%; height: 70px; line-height: 70px; color: #999999;}
.z_topbtm_bar a:hover { color: #2879FF;}
.z_topbtm_bar a.fr{ text-align: right;}
.z_tuwen_list ul{ margin-left: -1.5%;}
.z_tuwen_list li{ width: 31.8%; float: left;  margin-left: 1.5%;}
.z_tuwen_list li .imgbox{ width: 100%; height: 150px; overflow: hidden;}
.z_tuwen_list li .imgbg{ transform: scale(1.1,1.1);}
.z_tuwen_list li .tit{ height: 45px; line-height: 45px; padding: 0 15px; box-sizing: border-box; color:#333;}
.z_tuwen_list li:hover .tit{ color: #2879FF;}
.z_artic_frwarp{ float: right; width: 30%;}
.z_baojia_form{ width: 100%; box-sizing: border-box;border:1px solid rgba(245,245,245,1); padding: 0 20px; padding-bottom: 20px; margin-bottom: 30px;}
.z_baojia_form .tit{ text-align:center;font-size:24px;font-weight:bold;color:rgba(34,34,34,1);line-height:90px;}
.z_baojia_form .text{height:60px;background:rgba(249,249,249,1); display: block; padding: 0 20px; box-sizing: border-box; margin-bottom: 20px;}
.z_baojia_btn{ display: block;height:60px;background:linear-gradient(90deg,rgba(255,210,52,1) 0%,rgba(255,158,52,1) 100%); line-height: 60px; text-align: center; color: #fff; font-size: 18px;}
.z_read_warp .tit{ border-bottom: 1px solid #F5F5F5;position: relative;}
.z_read_warp .tit a{ position: relative; padding: 20px 0;font-size:20px;  float: left;font-weight:bold; margin-right: 30px; }
.z_read_warp .tit a.on::before{ content:""; display: block;width:30px;height:4px;background:rgba(40,121,255,1); position: absolute; left: 50%; transform: translateX(-50%); bottom: -1px; z-index: 1;}
.z_read_list a{ display: block; height: 60px; line-height: 60px; border-bottom: 1px solid #F5F5F5; padding-left: 20px; position: relative; color: #222222;}
.z_read_list a::before{ content: ""; display: block; width:5px;height:5px;background:rgba(40,121,255,1);border-radius:50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.z_read_list a:hover{ color: #2879FF;}
.z_read_warp{ margin-bottom: 50px;}
.z_top_adv2{ margin-bottom: 30px;}
.z_slg_warp{ padding: 20px 0; }
.z_slg_warp a{ display: inline-block;height:34px;border:1px solid rgba(230,230,230,1); padding: 0 14px; line-height: 32px; text-align: center; margin-right: 8px; margin-bottom: 10px;}
.z_slg_warp a:hover{ background: #2879FF; color: #fff; border-color: #2879FF;}
.z_404_page{ width: 100%; height: 100vh; display: block;}
.z_xuanfu_bar{ width: 100%; height:100px;background:rgba(40,121,255,1);transition: ease 1s; transform: translateX(100%); visibility: hidden; position: fixed; left: 0; bottom: 0; z-index: 9; display: flex; align-items: center; justify-content: center;}
.z_xuanfu_bar.on{ transform: translate(0); visibility: visible;}
.z_shengji_warp{ padding-bottom: 90px;}
.z_xuanfu_from{ margin-left:60px;}
.z_xuanfu_from .text{height:40px;background:rgba(255,255,255,1);border-radius:10px; width: 300px;font-size: 18px; padding: 0 10px; box-sizing: border-box; display: block; margin-bottom: 25px;}
.z_xuanfu_from  .btn{ display: block;width:130px;height:40px; line-height: 40px; color: #fff; text-align: center; font-size: 18px;background:rgba(0,202,252,1);border-radius:5px;}
.z_xuanfu_from  .fr{background:rgba(255,86,86,1);}
.z_close_pop{ width: 40px; height:40px;  cursor: pointer; background: url(../img/close.png) no-repeat center; background-size: 100% 100%; position: absolute; right: 50px; top: 20px;}
.z_xuanfu_btn{width:300px; cursor: pointer; transition: ease 1s;height:100px;background:rgba(40,121,255,1);border-radius:0px 100px 100px 0px; position: fixed; visibility: visible; left: 0; bottom: 0; text-align: right; line-height: 100px;  opacity:0.5;color: #fff; padding-right:40px; box-sizing: border-box;}
.z_xuanfu_btn .iconfont{ font-size: 32px;}
.z_xuanfu_btn.on{ transform: translateX(-100%); visibility: hidden;}
.z_xuanfu_btn .img{
    opacity:0.9;
    position: absolute;
    top: -80px;
    right: 80px;
    width: 200px;
    height: 200px;
}
.z_mask{ width: 100%; height: 100%; display: none; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; z-index: 12;}
.z_result_pop{width:440px; display: none; position: fixed; left: 50%; top: 50%; margin-left: -220px; margin-top: -150px; z-index: 13;background:rgba(255,255,255,1);border-radius:10px; overflow: hidden;}
.z_pop_tit{ height:60px;line-height: 60px;background:rgba(40,121,255,1);border-radius:10px 10px 0px 0px; text-align: center; width: 100%; font-size: 18px; color: #fff; position: relative;}
.z_close_result{ width: 60px; height: 60px;  position: absolute; right: 0; top: 0; background: url(../img/cha.png) no-repeat center; cursor: pointer;}
.z_result_con{ padding: 20px; box-sizing: border-box; text-align: center;}
.z_result_con h3{ font-size: 16px;}
.z_result_con .num{ font-size: 16px; margin: 30px 0;}
.z_result_con .num em{ font-size: 24px; color: #FF3333;}
.z_result_con  .ts{font-size:12px;font-weight:400;color:rgba(153,153,153,1); margin-bottom: 10px;}
.z_result_con .z_sure_btn{ width:160px; display: block; margin: 0 auto; line-height: 50px; color: #fff; font-size: 18px;height:50px;background:rgba(40,121,255,1);border-radius:10px;}


@media screen and (max-width:1440px) {
.z-container2{ width: 88%;}	
}

/* 棣栭〉 */
.focus-con{
    display: none;
    width: 340px;
    height: 140px;
    background-color: #fff;
    position: absolute;
    top: 85px;
    right: 0;
    z-index: 9;
    padding-left: 20px;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
}
.focus-con .focus-item{
    float: left;
    margin-top: 15px;
    width: 100px;
    text-align: center;
    color: #999;
    font-size: 14px;
}
.focus-con .img{
    display: block;
    margin: 10px auto 0;
    width: 80px;
    height: 80px;
}
.focus-con:after, .search-btn:after {
    content: '';
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    top: -14px;
    right: 28px;
}
.focus-con:after{
    right: 118px;
}
.search-con {
    display: none;
    padding: 30px 20px;
    width: 340px;
    height: 100px;
    background-color: #fff;
    position: absolute;
    top: 85px;
    right: 0;
    z-index: 9;
    box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
}
.search-con .input{
    padding: 0 15px;
    width: 220px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eee;
}
.search-con .img{
    display: inline-block;
    margin-right: 5px;
    width: 15px;
    height: 15px;
}
.search-con .img, .search-con .text{
    vertical-align: middle;
}
.search-btn {
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    border: 1px solid rgba(40,121,255,1);
}
.concat-us:hover+.focus-con{
    display: block
}
.search-us:hover+.search-con{
    display: block
}
.z_menu_item{
    padding: 0 20px ;
}
.z_menu_item:hover .ni-box{
    display: block;
}
.ni-box{
    display: none;
    width: 580px;
    background: #fff;
    position: absolute;
    top: 10px;
    left: 240px;
    z-index: 1;
    padding: 0 30px 23px 30px;
    box-sizing: border-box;
    display: none;
}
.ni-box1:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    left: -6px;
    top: 23px;
    border-right: 6px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.ni-box h2 {
    font-size: 16px;
    color: #333;
    font-weight: normal;
    border-left: 2px solid #8a8a8a;
    padding-left: 17px;
    margin: 30px 0 23px;
}
.ni-box-down {
    border-top: 1px solid #e5e5e5;
    padding-top: 20px;
}
.ni-box-down li {
    width: 170px;
    height: 14px;
    margin-bottom: 17px;
}
.ni-box-down li a {
    display: block;
    font-size: 14px;
    color: #666;
    border-left: 1px solid #e5e5e5;
    padding-left: 10px;
}
.z_book_form .z_sel_warp.z_sel_city{
	box-sizing: border-box;
	width: 132px;
	height: 54px;
	line-height: 54px;
	font-size: 14px;
	color: #333;
	position: relative;
}
.z_book_form .input_name.z_sel_name{
	box-sizing: border-box;
	    width: 200px;
	    height: 54px;
	    font: 14px/22px '寰蒋闆呴粦';
	    color: #333;
	    outline: 0;
	    border: none;
	    margin: 0;
	    padding: 5px 20px 5px 14px;
	    background: none;
	}
}

.z_book_form .z_sel_warp.z_sel_trade {
	box-sizing: border-box;
	width: 156px;
	height: 54px;
	font: 14px/22px '寰蒋闆呴粦';
	color: #333;
	outline: 0;
	border: none;
	margin: 0;
	padding: 5px 20px 5px 14px;
	background: none;
}
.z_book_form .z_sel_warp.z_sel_suffix{
	width: 162px;
	height: 54px;
	box-sizing: border-box;
	position: relative;
	font: 14px/54px '寰蒋闆呴粦';
	color: #999;
	padding-left: 18px;
}
.z_book_form .input_text.z_sel_sale{
	    width: 430px;
	    height: 54px;
	    box-sizing: border-box;
	    position: relative;
	    font: 14px/54px '寰蒋闆呴粦';
	    color: #999;
}
.z_book_form .input_text.z_sel_year,
.z_book_form .input_text.z_sel_profit,
.z_book_form .input_text.z_sel_share{
	    box-sizing: border-box;
	    width: 150px;
	    height: 54px;
	    font: 14px/22px '寰蒋闆呴粦';
	    color: #333;
	    outline: 0;
	    border: none;
	    margin: 0;
	    padding: 5px 20px 5px 18px;
	    background: none;
}
.z_book_form .z_sel_warp.z_sel_type{
	    width: 200px;
	    height: 54px;
	    box-sizing: border-box;
	    position: relative;
	    font: 14px/54px '寰蒋闆呴粦';
	    color: #333;
	    padding-left: 18px;
}
.z_book_form li:nth-last-child(2)::before{
	display: none;
}
.z_book_form{
	display: none;
}
.z_book_form0{ display: block; }