@charset "utf-8";

/* CSS Document */
*{ margin:0; padding:0;}

@font-face {
    font-family: "PingFangSCRegular";
    src: url("../fonts/PingFangSCRegular.woff2") format("woff2"),
    url("../fonts/PingFangSCRegular.woff") format("woff"),
    url("../fonts/PingFangSCRegular.ttf") format("truetype"),
    url("../fonts/PingFangSCRegular.eot") format("embedded-opentype"),
    url("../fonts/PingFangSCRegular.svg") format("svg"),
    url("../fonts/PingFangSCRegular.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "PingFang Bold";
    src: url("../fonts/PingFang Bold.woff2") format("woff2"),
    url("../fonts/PingFang Bold.woff") format("woff"),
    url("../fonts/PingFang Bold.ttf") format("truetype"),
    url("../fonts/PingFang Bold.eot") format("embedded-opentype"),
    url("../fonts/PingFang Bold.svg") format("svg"),
    url("../fonts/PingFang Bold.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

body{ color:#000; font-size:12px; line-height:22px; font-family: "PingFang SC", "KaiGenGothicSC-Regular", "Microsoft Yahei", Arial, sans-serif; min-width: 1200px;}
ul,li{ list-style:none; margin-bottom: 0;}
img{ border:none; display:inline-block;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:none; }
i{ font-style:normal;}
dl,dd,p{ margin-bottom: 0;}
input,textarea,select{ outline:none; font-family: "PingFangSCRegular","Microsoft YaHei";}
h1,h2,h3,h4,h5,h6{ font-style:normal; font-weight:normal; list-style:none; margin-bottom: 0;}
.clear{ clear:both;}

.container-fluid:after{ content: ""; display: block; clear: both;}
.container:after{ content: ""; display: block; clear: both;}
.top_butt{ display: none;}

/*导航*/
header{ padding: 20px 0; background: #fff;}
.logo{ float: left;}
.topTel{ float: right; background: url(../images/tel.png) left center no-repeat; padding-left: 30px; margin-top: 15px;}
.topTel span{ font-size: 18px; color: #000;}


.head_nav{ float: right; background: url(../images/nav_hx.jpg) right center no-repeat; margin-right: 35px; margin-top: 12px; padding-right: 20px; }
.head_nav h2{ display: none;}
.head_nav ul li{ margin: 0 23px; height: 30px; float: left; text-align: center; position: relative;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.head_nav ul li .fa_link{ display: block; color: #000; font-size:16px; line-height: 30px; }
.head_nav ul li:hover .fa_link{ color: #0779D9;}

.head_nav ul li .fa-list-ul{ display: none;}
.head_nav ul li .top_down{ display: none;}

.navTwo{ display: none; position: absolute; left: 0; top: 100%; width: 100%; text-align: center; background: #E70012; z-index: 9;}
.navTwo dd{ margin-bottom: auto; height: 40px; border-bottom: solid 1px #BF0010;}
.navTwo a{ font-size: 14px !important; line-height: 40px !important; color: #fff; display: block; }
.navTwo dd:hover{ background: #BF0010;}



/*banner*/

.banner{ width: 100%; margin: 0 auto; position: relative;}
.banner:after{ content: ""; display: block; clear: both; }
.swiper_banner {
    float: left;
    width: 100%;
    height: 600px;
    position: relative;
    overflow: hidden;
}

.swiper_banner .swiper-slide {
    position: relative;
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-size: cover !important;
}
.swiper_banner .swiper-pagination{ bottom: 20px !important;}
.swiper_banner .swiper-pagination span{ width: 72px; height:4px; background:rgba(255,255,255,0.7); opacity:1; margin: 0 6px !important; border-radius: 0; }
.swiper_banner .swiper-pagination .swiper-pagination-bullet-active{  background:rgba(255,255,255,1);}

.swiper_m{ width: 1200px; margin: 0 auto;}
.swiper_ma{ float: left; width: 100%; text-align: left; font-size: 30px; color: #ffd34f; line-height: 50px; font-family: "PingFang Bold";}
.swiper_mb{ float: left; width: 100%; text-align: left; font-size: 18px; color: #fff; line-height: 30px; margin-top: 30px;}
.swiper_mc{ float: left; width: 100%; text-align: left; margin-top: 45px;}
.swiper_mc a{ display: block; width: 130px; height: 42px; float: left; font-size: 16px; line-height: 42px; margin-right: 24px; text-align: center;}
.swiper_mc a.linka{ background: #037BDA; color: #fff;}
.swiper_mc a.linkb{ background: #fff; color: #037BDA;}
.swiper_mc a:hover{ box-shadow: 0 0 10px #efefef;}


/*index_data*/
.index_data{ background: #EDF6FF; height: 80px;}
.wap_img{ display: none; float: left; width: 100%;}
.data_d{ width: 33.33%; float: left;}
.data_div{ width: 100%; line-height: 80px; text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: url(../images/a_4.jpg) right center no-repeat;

}
.index_data .data_d:last-child .data_div{ background: none;}
.data_div img{ display: inline-block; position: relative;}
.data_div span{ display: inline-block; font-size: 18px; color: #333; line-height: 80px; margin-left:10px;}


/*index_a*/
.index_a{ padding-top: 75px; padding-bottom: 75px; background: #fff; overflow: hidden;}
.index_a_div{float: left; width: 100%;}
.index_a_div .index_a_img{ max-width: 100%; float: right;}
.index_a_ico{float: left; width: 100%; background: url(../images/c1.png) left center no-repeat; padding-left: 50px; margin-top: 30px;}
.index_a_ico span{ color: #00d85a; font-size: 32px; line-height: 32px; font-family: "PingFang Bold";}

.index_a_msa{ float: left; width: 100%; margin-top: 10px;}
.index_a_msa p{ font-size: 16px; color: #555; line-height: 24px;}

.index_a_title{ float: left; width: 100%; margin-top: 24px;}
.index_a_title span{ font-size: 20px; color: #555; line-height: 30px; font-family: "PingFang Bold";}

.index_a_list{ float: left; width: 100%;}
.index_a_list ul li{ width: 100%; float: left; margin-top: 25px;}
.index_a_list ul li .lista_span{ font-size: 16px; color: #555555; font-family: "PingFang Bold"; background: url(../images/c2.png) left center no-repeat; padding-left: 28px; line-height: 26px;}
.index_a_list ul li .lista_p{ font-size: 14px; color: #999; padding-left: 28px; margin-top: 5px;}


.index_a_link{ float: left; width: 100%; margin-top: 25px;}
.index_a_link a{ width: 110px; height: 36px; display: inline-block; text-align: center; line-height: 35px; font-size: 16px; margin-right: 15px; position: relative;}
.urla_1{  background: #1DD342; color: #fff; border-radius: 2px; border: solid 1px #1DD342;}
.urla_1:hover{ opacity: 0.8; color: #fff;}
.urla_2{  color: #4c4f4c; border-radius: 2px; border: solid 1px #cccccc;}
.urla_2:hover{ opacity: 0.8; color: #4c4f4c;}
.urla_3 i{ position: absolute; right: 5px; top: 15px; background: url(../images/jta.png) center center no-repeat; width: 11px; height: 7px;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.urla_3:hover{ color: #4c4f4c;}
.urla_3:hover i{ right: 2px;}

/*index_b*/
.index_b{ padding-top: 90px; padding-bottom: 90px; background: #EDF6FF; overflow: hidden;}
.index_b_div{float: left; width: 100%;}
.index_b_div .index_b_img{ max-width: 100%; float: left; margin-top: 30px;}
.index_b_ico{float: left; width: 100%; background: url(../images/c3.png) left center no-repeat; padding-left: 50px;}
.index_b_ico span{ color: #ff6f27; font-size: 32px; line-height: 32px; font-family: "PingFang Bold";}

.index_b_msa{ float: left; width: 100%; margin-top: 10px;}
.index_b_msa p{ font-size: 16px; color: #555; line-height: 24px;}

.index_b_title{ float: left; width: 100%; margin-top: 24px;}
.index_b_title span{ font-size: 20px; color: #555; line-height: 30px; font-family: "PingFang Bold";}

.index_b_list{ float: left; width: 100%;}
.index_b_list ul li{ width: 100%; float: left; margin-top: 25px;}
.index_b_list ul li .listb_span{ font-size: 16px; color: #555555; font-family: "PingFang Bold"; background: url(../images/c4.png) left center no-repeat; padding-left: 28px; line-height: 26px;}
.index_b_list ul li .listb_p{ font-size: 14px; color: #999; padding-left: 28px; margin-top: 5px;}

.index_b_link{ float: left; width: 100%; margin-top: 25px;}
.index_b_link a{ width: 110px; height: 36px; display: inline-block; text-align: center; line-height: 35px; font-size: 16px; margin-right: 15px; position: relative;}
.urlb_1{  background: #FF6F28; color: #fff; border-radius: 2px; border: solid 1px #FF6F28;}
.urlb_1:hover{ opacity: 0.8; color: #fff;}
.urlb_2{  color: #4c4f4c; border-radius: 2px; border: solid 1px #cccccc;}
.urlb_2:hover{ opacity: 0.8; color: #4c4f4c;}
.urlb_3 i{ position: absolute; right: 5px; top: 15px; background: url(../images/jta.png) center center no-repeat; width: 11px; height: 7px;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.urlb_3:hover{ color: #4c4f4c;}
.urlb_3:hover i{ right: 2px;}

/*index_c*/
.index_c{ padding-top: 80px; padding-bottom: 80px; background: #fff; overflow: hidden;}
.index_c_div{float: left; width: 100%;}
.index_c_div .index_c_img{ max-width: 100%; float: right; margin-top: 30px;}
.index_c_ico{float: left; width: 100%; background: url(../images/c5.png) left center no-repeat; padding-left: 50px;}
.index_c_ico span{ color: #0067ed; font-size: 32px; line-height: 32px; font-family: "PingFang Bold";}

.index_c_msa{ float: left; width: 100%; margin-top: 10px;}
.index_c_msa p{ font-size: 16px; color: #555; line-height: 24px;}

.index_c_title{ float: left; width: 100%; margin-top: 24px;}
.index_c_title span{ font-size: 20px; color: #555; line-height: 30px; font-family: "PingFang Bold";}

.index_c_list{ float: left; width: 100%;}
.index_c_list ul li{ width: 100%; float: left; margin-top: 25px;}
.index_c_list ul li .listc_span{ font-size: 16px; color: #555555; font-family: "PingFang Bold"; background: url(../images/c6.png) left center no-repeat; padding-left: 28px; line-height: 26px;}
.index_c_list ul li .listc_p{ font-size: 14px; color: #999; padding-left: 28px; margin-top: 5px;}

.index_c_link{ float: left; width: 100%; margin-top: 25px;}
.index_c_link a{ width: 110px; height: 36px; display: inline-block; text-align: center; line-height: 35px; font-size: 16px; margin-right: 15px; position: relative;}
.urlc_1{  background: #0067ED; color: #fff; border-radius: 2px; border: solid 1px #0067ED;}
.urlc_1:hover{ opacity: 0.8; color: #fff;}
.urlc_2{  color: #4c4f4c; border-radius: 2px; border: solid 1px #cccccc;}
.urlc_2:hover{ opacity: 0.8; color: #4c4f4c;}
.urlc_3 i{ position: absolute; right: 5px; top: 15px; background: url(../images/jta.png) center center no-repeat; width: 11px; height: 7px;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.urlc_3:hover{ color: #4c4f4c;}
.urlc_3:hover i{ right: 2px;}

/*index_d*/
.index_d{ padding-top: 90px; background: #EDF6FF; overflow: hidden;}
.index_d_div{float: left; width: 100%;}
.index_d_div .index_d_img{ max-width: 100%; float: left; }
.index_d_ico{float: left; width: 100%; }
.index_d_ico span{ color: #333; font-size: 32px; line-height: 32px; font-family: "PingFang Bold";}

.index_d_msa{ float: left; width: 100%; margin-top: 30px;}
.index_d_msa p{ font-size: 18px; color: #555; line-height: 24px;}


.index_d_list{ float: left; width: 100%; margin-top: 25px;}

.index_divd{ width: 100%; display: inline-block; margin: 15px 0;}
.index_divd img{ margin-right: 10px;}
.index_divd span{ font-size: 16px; line-height: 48px;}


.index_d_link{ float: left; width: 100%; margin-top: 25px;}
.index_d_link a{ width: 110px; height: 36px; display: inline-block; text-align: left; line-height: 35px; font-size: 16px; margin-right: 15px; position: relative;}
.index_d_link a i{ position: absolute; right:25px; top: 14px; background: url(../images/jta.png) center center no-repeat; width: 11px; height: 7px;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.index_d_link a:hover{ color: #4c4f4c;}
.index_d_link a:hover i{ right: 20px;}


.index_e{ padding-top: 85px; padding-bottom: 85px; background: #fff; overflow: hidden;}
.index_e_title{ width: 100%; text-align: center;}
.index_e_title span{ display: inline-block;; font-size: 36px; color: #333; line-height: 36px; font-family: "PingFang Bold"; margin-bottom: 20px;}
.index_e_title p{ font-size: 16px; color: #777; display:block;}
.index_e_title i{ width: 90px; height: 3px; display: inline-block; background: #0067ED; margin-top: 25px;}

.index_e_list{ width: 100%; margin-top: 28px;}
.index_e_list ul li{ float: left; margin: 8px;}
.index_e_list ul li img{ max-width: 100%; border: solid 1px #DDDDDD; overflow: hidden;}

.index_e_link{ width: 100%; text-align: center; margin-top: 40px;}
.index_e_link a{ display: inline-block; line-height: 24px; font-size: 16px; color: #555555; border: solid 1px #cccccc; padding: 20px 70px;}


/*index_f*/
.index_f{ background: url(../images/l_bj.jpg) top center no-repeat; height: 324px; background-size: cover !important; padding-top: 80px; padding-bottom:75px;}
.index_f_title{ width: 100%; font-size: 26px; color: #fff; font-family: "PingFang Bold"; line-height: 46px; text-align: center;}
.index_f_link{  width: 100%; text-align: center; margin-top: 30px;}
.index_f_link a{ display: inline-block; width: 218px; height: 46px; line-height: 46px; color: #fff; font-size: 16px; background: #0167ED; border-radius: 2px; overflow: hidden;}

/*footer*/

.footer_top{ background: #222222; padding-top: 58px; padding-bottom: 58px;}
.dblogo{ float: left;}
.dblogo img{ max-width: 100%;}

.db_nav{ float: left; margin-left: 150px;}
.db_nav span{ color: #eee; font-size: 16px; line-height: 24px; display: block; margin-bottom: 10px;}
.db_nav ul li{width: 100%;}
.db_nav ul li a{ font-size: 14px; color: #aaa; line-height: 24px;}
.db_nav ul li a:hover{ color: #fff;}

.db_lxxx{ float: left; margin-left: 160px;text-align:left;}
.db_lxxx span{ color: #eee; font-size: 16px; line-height: 24px; display: block; margin-bottom: 10px;}
.db_lxxx ul li{width: 100%; margin-bottom: 5px;}
.db_lxxx ul li i{ display: inline-block; font-size: 14px; color: #aaa; line-height: 24px;}
.db_lxxx ul li p{ display: inline-block; font-size: 14px; color: #aaa; line-height: 24px;}


.footEwm{ float: right;}
.footEwm img{ max-width: 100%;}


.footer_bottom{ background: #1B1B1B; line-height: 24px; color: #fff;  text-align: center; padding: 20px 0; font-size: 14px;}
.footer_bottom a{ color: #fff;}

/*体验页面*/

.ny_banner{ height: 378px; overflow: hidden; position: relative;}
.ty_bara{ display: block; font-family: "PingFang Bold"; font-size: 36px; color: #fff; line-height: 36px; text-align: center; margin-top: 75px;}
.ty_bara{ display: block; text-align: center; margin-top: 40px;}
.ty_bara ul li{ display: inline-block; margin: 0 20px;}
.ty_bara ul li span{ display: block; margin-top: 8px; font-family: "PingFang Bold"; color: #fff; font-size: 18px;}

.ty_barc{ display: block; font-family: "PingFangSCRegular"; font-size: 18px; color: #fff; line-height: 30px; text-align: center; margin-top: 35px;}

.ty_m{ background: #f7f7f7; padding-top: 90px; padding-bottom: 90px;}
.ty_m_div{ background: #fff; width: 100%; float: left; padding: 45px 30px; box-shadow: 0 0 10px #ccc;}
.ty_m_bt{ display: block; width: 100%; float: left; font-size: 18px; font-family: "PingFang Bold"; margin-bottom: 24px;}

.ty_form_div{ width: 100%; float: left; border-bottom: 1px solid #dadee7; position: relative;}
.ty_form_text{
    font-family: "Microsoft YaHei";
    font-size: 14px;
    float: left;
    position: relative;
    z-index: 1;
    line-height: inherit;
    height: 39px;
    padding: 7px 0;
    color: #1e2330;
    outline: none;
    border: 0 none;
    background: none;
    box-sizing: border-box;
    width: 100%;
}
.ty_form_text::placeholder{ font-size: 16px; color: #a8abb3;}
.ty_form_div i{ position: absolute; top: 10px; left: -10px; color: #ff4222; font-size: 14px;}


.ty_form_a{ width: 100%; display: block; float: left;}

.ty_form_add{ margin-top: 20px; width: 48%; float: left;}
.ty_form_h2{ font-size: 14px; color:#a8abb3; margin-bottom: 15px; display: block; position: relative;}
.ty_form_h2 i{ position: absolute; top: 2px; left: -10px; color: #ff4222; font-size: 14px;}

.ty_form_add .ty_add_select{ width: 48%; float: left; height: 40px; border: solid 1px #dadee7; border-radius: 3px; overflow: hidden; font-size: 14px;font-family: "Microsoft YaHei"; padding: 0 10px;}
.ty_form_add .ty_add_select:last-child{ float: right;}


.ty_form_hy{ width: 24%; float: left; margin-left: 2%;  margin-top: 20px;}
.ty_form_hy .ty_add_select{ width: 100%; height: 40px; border: solid 1px #dadee7; border-radius: 3px; overflow: hidden; font-size: 14px; font-family: "Microsoft YaHei"; padding: 0 10px;}

.ty_form_num{ width: 24%; float: right;  margin-top: 20px; margin-bottom: 32px;}
.ty_form_num .ty_add_select{ width: 100%; height: 40px; border: solid 1px #dadee7; border-radius: 3px; overflow: hidden; font-size: 14px; font-family: "Microsoft YaHei"; padding: 0 10px;}

.ty_form_b{ width: 100%; display: block; float: left;}
.ty_form_b ul li{ width: 24%; float: left; margin-right: 1.33%; position: relative;}
.ty_form_b ul li:last-child{ float: right; margin-right: 0;}
.ty_form_b ul li i{ position: absolute; top: 10px; left: -10px; color: #ff4222; font-size: 14px;}
.ty_form_xx{ width: 100%; border: 0; border-bottom: solid 1px #dadee7; color: #1e2330; height: 40px; font-size: 14px; font-family: "Microsoft YaHei";}
.ty_form_xx::placeholder{ font-size: 16px; color: #a8abb3;}

.ty_form_db{ width: 100%; float: left; height: 100px; margin-top: 38px;}

.ty_form_button{ width: 220px; height: 60px; border-radius: 3px; float: left; background: #18db3c; text-align: center; color: #fff; border: 0; font-size: 20px;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.ty_form_button:hover{ background: #00b321;}
.ty_form_desc{ float: left; margin-left: 18px; padding-top: 8px; color:#a8abb3; font-size: 14px; line-height: 24px;}
.ty_form_desc span{ display: inline-block; color: #ff4222; font-size: 14px;}


/*联系页面*/
.lx_banner{ height: 378px; overflow: hidden; position: relative; padding-top: 55px;}

.lx_m{ padding-top: 58px; padding-bottom: 58px; background: #F7F7F7;}
.lx_m_div{ background: #fff; width: 100%;}
.lx_m_left{ width: 100%; padding-left: 26px; margin-bottom: 50px;}
.lx_m_left h2{ font-size: 20px; color: #333333; font-family: "PingFangSCRegular"; line-height: 24px; display: block; margin-top: 50px;}
.lx_m_left span{ font-size: 15px; color: #999999; font-family: "PingFangSCRegular"; text-transform: uppercase; line-height: 22px; display: block; margin-top: 5px;}
.lx_m_left p{ font-size: 15px; color: #999999;  line-height: 30px; margin-top: 38px;text-align:left;}

.lx_m_right{ width: 100%; background: url(../images/lx_right.jpg) top center no-repeat; position: relative; height: 100%; display: block; float: left; margin-bottom: 40px;}
.lx_m_right h2{ font-size: 20px; color: #fff; font-family: "PingFangSCRegular"; line-height: 24px; display: block; margin-left: 26px; margin-top: 50px; }
.lx_m_right span{ font-size: 15px; color: #999999; font-family: "PingFangSCRegular"; text-transform: uppercase; line-height: 22px; display: block; margin-left: 26px; margin-top: 5px;}

.lx_m_ly{ width: 90%; margin-left: 5%; margin-top: 15px;}
.lx_m_text{ width: 100%; float: left; border: 0; border-bottom: solid 1px #fff; background: none; height: 40px; color: #fff; font-size: 14px;}
.lx_m_text::placeholder{ font-size: 14px; color: #444; color: #ddd;}

.lx_m_textarea{ width: 100%; float: left; border: 0; border-bottom: solid 1px #fff; background: none; height: 40px; margin-top: 15px; height: 100px; color:#fff; font-size: 14px;}
.lx_m_textarea::placeholder{ font-size: 14px; color: #444; color: #ddd;}

.lx_m_butt{ width: 90%; margin-left: 5%; margin-top: 20px;}
.lx_button{ width: 118px; height: 36px; border: 0; font-size: 16px;}
.lx_button:hover{ opacity: 0.8;}
.lx_but_a{ background: #ea4d4c; color: #fff;}
.lx_but_b{ background: #ffffff; color: #555555; margin-left: 15px;}


.lx_m_map{ width: 100%; margin-top: 35px; position: relative; overflow: hidden;}
.lx_m_map img{ max-width: 100%;}


/*企点呼叫中心页面*/
.hjzx_banner{ height: 500px; overflow: hidden; position: relative;}
.hj_bara{ width: 100%; display: block; position: relative; margin-top: 135px;}
.hj_bara span{ display: block; background: url(../images/hj_1.png) left center no-repeat; font-size: 30px; color: #333; line-height: 34px; margin-bottom: 35px; padding-left: 40px; font-family: "PingFang Bold";}
.hj_bara p{ display: block; font-size: 30px; color: #333; line-height: 40px; font-family: "PingFang Bold";}


.hj_squrl{ width: 160px; height: 50px; background: #037BDA; text-align: center; margin-top: 30px;}
.hj_squrl a{ display: block; color: #fff; font-size: 18px; line-height: 50px;}
.hj_squrl:hover{ opacity: 0.8;}

.hjzx_m{ background: #fff; overflow: hidden;}
.hjzx_div{ padding: 60px 0;}
.hjzx_row{ padding-bottom: 50px;}
.hjzx_a_text{ width: 100%; position: relative;}
.hjzx_a_text h2{ font-family: "PingFang Bold"; font-size: 36px; color: #333; line-height: 40px; margin-top: 70px; margin-bottom: 10px;}
.hjzx_a_text p{ font-family: "PingFangSCRegular"; font-size: 18px; color: #666; line-height: 24px;}
.hjzx_a_list{ width: 100%; margin-top: 30px;}
.hjzx_a_list ul li{ width: 100%; margin-bottom: 25px; padding-left: 50px;}
.hjzx_a_list ul li span{ display: block; font-size: 20px; color: #333; line-height: 26px; font-family: "PingFang Bold"; margin-bottom: 6px;}
.hjzx_a_list ul li p{ display: block; font-size: 16px; color: #666; line-height: 24px; font-family: "PingFangSCRegular";}
.hjico_1{ background: url(../images/hjico_1.png) left 10px no-repeat;}
.hjico_2{ background: url(../images/hjico_2.png) left 10px no-repeat;}
.hjico_3{ background: url(../images/hjico_3.png) left 10px no-repeat;}
.hjzx_url{ width: 160px; height: 50px; background: #037BDA; text-align: center;}
.hjzx_url a{ display: block; font-size: 18px;  color: #fff; line-height: 50px; font-family: "PingFangSCRegular"; background: url(../images/jtb.png) 82% center no-repeat;}
.hjzx_url:hover{ opacity: 0.8;}


.hjzx_a_img{ width:100%; text-align: right;}
.hjzx_a_img img{ max-width: 100%;}

.hjzx_b_img{ width: 100%; text-align: left;}
.hjzx_bdiv{ width: 90%; float: right;}
.hjico_4{ background: url(../images/hjico_4.png) left 10px no-repeat;}
.hjico_5{ background: url(../images/hjico_5.png) left 10px no-repeat;}
.hjico_6{ background: url(../images/hjico_6.png) left 10px no-repeat;}

.hjico_7{ background: url(../images/hjico_7.png) left 10px no-repeat;}
.hjico_8{ background: url(../images/hjico_8.png) left 10px no-repeat;}
.hjico_9{ background: url(../images/hjico_9.png) left 10px no-repeat;}

.hjico_10{ background: url(../images/hjico_10.png) left 10px no-repeat;}
.hjico_11{ background: url(../images/hjico_11.png) left 10px no-repeat;}
.hjico_12{ background: url(../images/hjico_12.png) left 10px no-repeat;}

.hjico_13{ background: url(../images/hjico_13.png) left 10px no-repeat;}
.hjico_14{ background: url(../images/hjico_14.png) left 10px no-repeat;}
.hjico_15{ background: url(../images/hjico_15.png) left 10px no-repeat;}

.hjzx_c_title{ width: 100%; text-align: center; display: block; position: relative;}
.hjzx_c_title span{ display:block; font-family: "PingFang Bold"; font-size: 36px; color: #333; line-height: 40px; margin-bottom: 15px;}
.hjzx_c_title i{ display: inline-block;  width: 90px; height: 3px; background: #007CD6;}

.hjzx_c_list{ margin-top: 55px;}
.hjzx_c_list ul li{ margin-bottom: 40px;}
.hjzx_c_div{ width: 100%;}
.hjzx_c_ico{ width: 100%; text-align: center;}
.hjzx_c_t{ width: 100%; text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
}
.hjzx_c_t span{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #222;
}
.hjzx_c_p{ width: 100%; text-align: left; padding: 0 10%;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 24px;
    color: #999;
}

.hjzx_d{ width: 100%; margin-top: 35px; height: 305px; display: inline-block;}
.hjzx_d_left{
    background: url(../images/hj_a.png) top center no-repeat;
}
.hjzx_dd{
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 580px;
    height: 299px;
    border-radius: 2px;
    color: #222;
    padding-top: 40px;
    padding-left: 40px;
    -moz-text-align-last: left;
    text-align-last: left;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    cursor: pointer;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px 0px rgba(31, 45, 61, 0.15);
    box-shadow: 0 1px 2px 0px rgba(31, 45, 61, 0.15);
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;

}
.hjzx_d .hjzx_dd:hover{ margin-top: -5px;}
.hjzx_dd span{
    font-size: 44px;
    font-weight: bold;
    color: #222;
}
.hjzx_dd span i{
    font-size: 22px;
}
.hjzx_dd p{
    margin: 20px 0 0 0;
    font-size: 20px;
}
.hjzx_dd a{
    margin: 20px 0 0 0;
    font-size: 20px;
    position: absolute;
    left: 40px;
    bottom: 40px;
    font-size: 20px;
    color: #222;
    padding-right: 10px;
}
.hjzx_dd a i{ margin-left: 10px;}


.hjzx_d_right{
    float: right;
    background: url(../images/hj_b.png) top center no-repeat;

}

.hjzx_qx{ padding-top: 35px; padding-bottom: 35px; background: #FAFAFA;}
.hjzx_qx_m{ display: block; width: 100%;}

.hjzx_qx_div{ width: 100%; text-align: center;}
.hjzx_qx_div span{ display: block; margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    color: #222;
}
.hjzx_qx_div p{
    padding-top: 10px;
    font-size: 14px;
    color: #999;
    line-height: 20px;
}


/*企业QQ页面*/
.qyqq_bara{ width: 100%; display: block; position: relative; margin-top: 135px;}
.qyqq_bara span{ display: block; background: url(../images/qyqq_1.png) left center no-repeat; font-size: 30px; color: #333; line-height: 34px; margin-bottom: 35px; padding-left: 40px; font-family: "PingFang Bold";}
.qyqq_bara span i{ font-size: 18px;}
.qyqq_bara p{ display: block; font-size: 30px; color: #333; line-height: 40px; font-family: "PingFang Bold";}

.hjzx_a_text span{ position: absolute; top: -30px; left: 0; font-size: 18px; line-height: 24px; color: #027bd9; font-family: "PingFang Bold";}
.qyqq_a{ background: #fff; padding: 50px 0;}
.qyqq_b{ background: #f7f7f7; padding: 50px 0;}

.qyqq_1{ background: url(../images/qq_1.png) left 10px no-repeat;}
.qyqq_2{ background: url(../images/qq_2.png) left 10px no-repeat;}
.qyqq_3{ background: url(../images/qq_3.png) left 10px no-repeat;}
.qyqq_4{ background: url(../images/qq_4.png) left 10px no-repeat;}
.qyqq_5{ background: url(../images/qq_5.png) left 10px no-repeat;}
.qyqq_6{ background: url(../images/qq_6.png) left 10px no-repeat;}
.qyqq_7{ background: url(../images/qq_7.png) left 10px no-repeat;}
.qyqq_8{ background: url(../images/qq_8.png) left 10px no-repeat;}
.qyqq_9{ background: url(../images/qq_9.png) left 10px no-repeat;}
.qyqq_10{ background: url(../images/qq_10.png) left 10px no-repeat;}
.qyqq_11{ background: url(../images/qq_11.png) left 10px no-repeat;}
.qyqq_12{ background: url(../images/qq_12.png) left 10px no-repeat;}
.qyqq_13{ background: url(../images/qq_13.png) left 10px no-repeat;}
.qyqq_14{ background: url(../images/qq_14.png) left 10px no-repeat;}

.qq_d_left{
    background: url(../images/hj_c.png) top center no-repeat;
}
.qq_d_right{
    float: right;;
    background: url(../images/hj_d.png) top center no-repeat;
}

/*企点客服页面*/


.kf_bara{ width: 100%; display: block; position: relative; margin-top: 135px;}
.kf_bara span{ display: block; background: url(../images/kf_a.png) left center no-repeat; font-size: 30px; color: #333; line-height: 34px; margin-bottom: 35px; padding-left: 40px; font-family: "PingFang Bold";}
.kf_bara span i{ font-size: 18px;}
.kf_bara p{ display: block; font-size: 30px; color: #333; line-height: 40px; font-family: "PingFang Bold";}

.kf_i1{ background: url(../images/kf_i1.png) left 10px no-repeat;}
.kf_i2{ background: url(../images/kf_i2.png) left 10px no-repeat;}
.kf_i3{ background: url(../images/kf_i3.png) left 10px no-repeat;}
.kf_i4{ background: url(../images/kf_i4.png) left 10px no-repeat;}
.kf_i5{ background: url(../images/kf_i5.png) left 10px no-repeat;}
.kf_i6{ background: url(../images/kf_i6.png) left 10px no-repeat;}
.kf_i7{ background: url(../images/kf_i7.png) left 10px no-repeat;}
.kf_i8{ background: url(../images/kf_i8.png) left 10px no-repeat;}
.kf_i9{ background: url(../images/kf_i9.png) left 10px no-repeat;}
.kf_i10{ background: url(../images/kf_i10.png) left 10px no-repeat;}
.kf_i11{ background: url(../images/kf_i11.png) left 10px no-repeat;}
.kf_i12{ background: url(../images/kf_i12.png) left 10px no-repeat;}
.kf_i13{ background: url(../images/kf_i13.png) left 10px no-repeat;}
.kf_i14{ background: url(../images/kf_i14.png) left 10px no-repeat;}
.kf_i15{ background: url(../images/kf_i15.png) left 10px no-repeat;}
.kf_i16{ background: url(../images/kf_i16.png) left 10px no-repeat;}
.kf_i17{ background: url(../images/kf_i17.png) left 10px no-repeat;}
.kf_i18{ background: url(../images/kf_i18.png) left 10px no-repeat;}
.kf_i19{ background: url(../images/kf_i19.png) left 10px no-repeat;}
.kf_i20{ background: url(../images/kf_i20.png) left 10px no-repeat;}
.kf_i21{ background: url(../images/kf_i21.png) left 10px no-repeat;}
.kf_i22{ background: url(../images/kf_i22.png) left 10px no-repeat;}
.kf_i23{ background: url(../images/kf_i23.png) left 10px no-repeat;}
.kf_i24{ background: url(../images/kf_i24.png) left 10px no-repeat;}
.kf_i25{ background: url(../images/kf_i25.png) left 10px no-repeat;}
.kf_i26{ background: url(../images/kf_i26.png) left 10px no-repeat;}
.kf_i27{ background: url(../images/kf_i27.png) left 10px no-repeat;}
.kf_i28{ background: url(../images/kf_i28.png) left 10px no-repeat;}
.kf_i29{ background: url(../images/kf_i29.png) left 10px no-repeat;}

/*价格页面*/


.ty_banner{ height: 378px; overflow: hidden; position: relative; background: #0167ED;}
.ty_ban_left{ position: absolute; left:0; bottom: 0;}
.ty_ban_right{ position: absolute; top: 0; right: 0;}


.jg_banner{ height: 378px; overflow: hidden; position: relative; background: #0167ED;}


.jg_bara{ display: block; font-family: "PingFangSCRegular"; font-size: 60px; color: #fff; line-height: 60px; text-align: center; margin-top: 150px;}


.jg_m{  width: 100%; position: relative; background: #fff; }
.jg_switch{ float: left; display: block; width: 100%; margin-top: -80px; font-size:0;}
.jg_switch_butt{ width: 100%; text-align: center; position: relative;}
.jg_switch_butt .qh_butt{ display: inline-block; width: 200px; height: 80px; line-height: 80px; font-size: 20px; text-align: center; color: #fff; cursor: pointer;}
.jg_switch_butt .qh_butt:hover{ background: #0C80FF;}

.qh_butt.on{ background: #fff; color: #000;}
.qh_butt.on:hover{ background: #fff;}

.jg_switch_butt .qh_butt:nth-child(1){ background: url(../images/qh1.png) 25% center no-repeat;}
.jg_switch_butt .qh_butt.on:nth-child(1){ background: url(../images/qh_1.png) 25% center no-repeat,#fff;}

.jg_switch_butt .qh_butt:nth-child(2){ background: url(../images/qh2.png) 25% center no-repeat;}
.jg_switch_butt .qh_butt.on:nth-child(2){ background: url(../images/qh_2.png) 25% center no-repeat,#fff;}

.jg_switch_butt .qh_butt:nth-child(3){ background: url(../images/qh3.png) 8% center no-repeat;}
.jg_switch_butt .qh_butt.on:nth-child(3){ background: url(../images/qh_3.png) 8% center no-repeat,#fff;}


.jg_switch_div{ width: 100%; float: left; position: relative; margin-top: 42px;}

.switch_A{ display: none; width: 100%; float: left; position: relative;}
.kf_hf{ width: 100%; margin-bottom: 30px;}
.kf_hf img{ width: 100%;}

.wap_switch_butt{ display: none;}
.wap_yxtc_qqbut{ display: none;}

.switch_row{ width: 100%;}
.switch_row .switch_li{ width: 282px; float: left; margin-right: 20px;}
.switch_row .switch_li:nth-child(4){ float: right; margin-right: 0;}
.switch_row .switch_li .switch_li_div{ border: solid 1px #D9DCE1; overflow: hidden;}
.switch_row .switch_li .switch_li_div{ width: 100%; padding-top: 40px; padding-left:18px; padding-right: 18px;}
.switch_row .switch_li:nth-child(1) .switch_li_div{ border-top: solid 10px #00CD28;}
.switch_row .switch_li:nth-child(2) .switch_li_div{ border-top: solid 10px #0168E8;}
.switch_row .switch_li:nth-child(3) .switch_li_div{ border-top: solid 10px #002A7F;}
.switch_row .switch_li:nth-child(4) .switch_li_div{ border-top: solid 10px #FF9230;}


.not-tet-title{ display: block; color: #000;
    font-size: 40px;
    color: #000000;
    letter-spacing: 0;
    line-height: 40px;
    text-align: left;
}
.content-text{
    height: 111px;
}
.not-tet-describe{
    margin-top: 16px;
    font-size: 15px;
    color: #000000;
    letter-spacing: 0;
    text-align: left;
    line-height: 22px;
}

.standard-service{
    border-bottom: 1px solid #d8dde5;
}
.switch_row .switch_li:nth-child(1) .standard-service{
    margin-bottom: 87px;
}

.standard-service .standard-service-p{
    overflow: hidden;
    font-size: 18px;
    color: #000;
    text-align: left;
}
.standard-service .standard-service-p span {
    font-size: 24px;
    float: right;
}
.standard-service .standard-service-p2 {
    font-size: 14px;
    color: #a9a9a9;
    text-align: right;
    padding: 6px 0 18px 0;
    margin: 0;
    position: relative;
}
.standard-service .after{
    margin-top: 18px;
}
.standard-service .after .kefu {
    font-style: normal;
    position: relative;
}
.standard-service .standard-service-p2 .after-tips {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 1px;
    top: 4px;
    width: 66px;
    height: 24px;
    border: 1px solid #D8DDE5;
    border-radius: 2px;
    padding: 5px;
    font-size: 12px;
    line-height: 12px;
    color: #999;
    text-align: center;
}


.standard-service-a {
    display: inline-block;
    margin-top: 37px;
    margin-bottom: 30px;
    width: 111px;
    height: 40px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
}
.refer-a{
    background: #00CF27;
    border: 1px solid #00CF27;
}
.refer-b{
    margin-left: 14px;
    background: #fff;
    color: #000000;
    border: 1px solid #d8dde5;
}
.refer-c{
    background: #0067ed;
    border: 1px solid #0067ed;
}

.major-text{
    font-size: 13px;
    color: #a9a9a9;
    text-align: left;
    padding: 6px 0 10px 0;
    margin: 0;
}

.major-service-a{
    display: inline-block;
    margin-top: 0;
    margin-bottom: 30px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
    background: #002982;
}
.major-service-a:hover{ color: #fff;}

.major-service-b{
    background: #FF9233;
    display: inline-block;
    margin-top:194px;
    margin-bottom: 30px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
}
.major-service-b:hover{ color: #fff;}
.major-service-c{
    background: #0067ed;
    display: inline-block;
    margin-top:0;
    margin-bottom: 30px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
}
.major-service-c:hover{ color: #fff;}

.major-service-d{
    background: #FF9233;
    display: inline-block;
    margin-top:191px;
    margin-bottom: 30px;
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #ffffff;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    line-height: 40px;
    border-radius: 3px;
}
.major-service-d:hover{ color: #fff;}

.switch_li_ms{ width: 100%; margin-top: 25px;}


.switch_li_butt{ width: 100%; float: left;}
.qhk_butt{
    float: left;
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    line-height: 45px;
    height: 45px;
    margin-bottom: 20px;
}
.qhk_butt.on{
    border-top: none;
    border-right: none;
    border-bottom: 2px solid rgb(0, 103, 237);
    border-left: none;
    border-image: initial;
    color: rgb(0, 103, 237);
    padding-bottom: 6px;
}

.switch_li_qhk{ width: 100%; float: left;}

.qh_qhk{ width: 100%; float: left;}
.qh_qhk_a{ display: block;}
.qh_qhk_b{ display: none;}


.qh_qhk .client{
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    color: #90949e;
    line-height: 16px;
    text-align: left;
}
.qh_qhk ul{ width: 100%; float: left;}
.qh_qhk ul li{
    float: left;
    width: 100%;
     font-size: 16px;
    color: #000;
    margin-top: 8px; margin-bottom: 8px;
}
.qh_qhk ul li p{ margin-left: 20px; line-height: 24px;}
.qh_bj_a ul li{
    background: url(../images/dh_1.png) left center no-repeat;
}
.qh_bj_b ul li{
    background: url(../images/dh_2.png) left center no-repeat;
}
.qh_bj_c ul li{
    background: url(../images/dh_3.png) left center no-repeat;
}
.qh_client{ background: none !important;}
.qh_client p{ margin-left: 0 !important;}
.qh_client p i{ font-weight: bold;}

.qh_bj_d ul li{
    background: url(../images/dh_4.png) left center no-repeat;
}

.switch_yxtc{ width: 100%; float: left;}
.switch_yxtc_li{ width: 30%; float: left; margin-right: 5%;
}
.switch_yxtc_wbk{
    float: left;
    padding: 40px 25px 0;
    border: 1px solid #D8DDE5;
    border-top: none;

}


.switch_yxtc_li:nth-child(3){ float: right; margin-right: 0 !important;}
.switch_yxtc_a{ border-top: solid 10px #0067ED;}
.switch_yxtc_b{ border-top: solid 10px #ff9232;}
.switch_yxtc_c{ border-top: solid 10px #4a70ff;}


.standard-service-l{ margin-top: 84px;}
.switch_yxtc_li .standard-service-a{ width: 147px;}
.switch_yxtc_li .standard-service-a .refer-c{background: #4a70ff;}
.switch_yxtc_li .refer-c:hover { color: #fff;}
.switch_yxtc_li .refer-b:hover { color: #000;}

.switch_yxtc_bot{ width: 100%; float: left; margin-top:30px;}
.switch_yxtc_li .qh_qhk ul{ float: left; margin-bottom: 10px;}

.switch_yxA{ margin-top: 30px;}


.switch_qqbb{ width: 100%; float: left;}
.switch_qq_li{ width: 48%; float: left; }
.switch_qq_bk{ width: 100%; float: left; border: solid 1px #d8dde5; padding: 0 34px; position: relative; height: 746px;}
.switch_qq_li:nth-child(2){ float: right;}
.switch_qq_a{ border-top: 10px solid #00cc26;}
.switch_qq_b{ border-top: 10px solid #002982;}
.switch_qq_li h2 {
    text-align: center;
    font-size: 40px;
    padding-top: 40px;
    color: #000000;
    letter-spacing: 0;
    line-height: 40px;
    padding-bottom: 39px;
    margin: 0;
    font-weight: 400;
    border-bottom: 1px solid #e2e6ed;
}
.switch_qq_li .switch_qq_bk p{
    padding: 0 0 0 10px;
    border-bottom: 1px solid #e2e6ed;
    font-size: 22px;
    color: #1e2330;
    height: 60px;
    padding-top: 16px;
}
.first-p {
    font-size: 16px !important;
}
.switch_qq_li .switch_qq_bk p span:nth-child(1){
    padding: 0;
    width: 140px;
    float: left;
    text-align: left;
}

.switch_qq_li .switch_qq_bk p span:nth-child(2){
    width: 170px;
    float: left;
    text-align: right;
}

.switch_qq_li .switch_qq_bk p span:nth-child(3){
    float: right;
    padding: 0 10px 0 0;
}
.padx {
    height: 60px;
}
.intro {
    font-size: 16px;
    color: #a9a9a9;
    text-align: left;
    padding-left: 10px;
    margin-top: 10px;
}
.intro > i {
    line-height: 16px;
    color: #ff4422;
    position: relative;
    top: 3px;
}
.switch_qq_bts {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 25px;
    text-align: center;
}
.switch_qq_bts .standard-service-a{
    display: inline-block;
    text-align: center;
    width: 140px;
    height: 40px;
    line-height: 40px;
    margin-top: 50px;
    margin-right: 10px;
    color: #fff;
}

.buy_a{ background: #00cc26; color: #fff;}
.buy_b{ background: #002982; color: #fff;}
.buy_c{ background: #fff; color: #000 !important;  border: 1px solid #d8dde5;}

.switch_qq_list{ width: 100%; float: left; margin-top: 48px;}
.switch_qq_li .qh_qhk{ margin-top: 38px;
    display: block;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.switch_qq_qhbk{ width:50%; min-height: 330px; float: left; padding-left: 55px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.wd_m{ background: #F7F7F7; margin-top: 80px; padding-top: 58px; padding-bottom: 100px;}
.wd_m_title{
    font-size: 32px;
    text-align: center;
    cursor: default;
    display: block;
    list-style: none;
    color: #1e2330;
    letter-spacing: 0;
    padding: 0 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #efeff4;
}
.wd_m_list{ width: 100%; display: block; }
.wd_m_list ul li{
    float: left;
    width: 100%;
    padding: 0 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #efeff4;
    cursor: pointer;
}
.wd_m_a{ width: 100%; display: block; float: left;}
.wd_m_a span{ display: block; width: 90%; float: left;
    font-size: 20px;
    color: #1e2330;
}
.wd_m_a i{ display: block; float: right; color: #D8DDE5; font-weight: bold; }


.wd_m_q{ width: 100%; display: none; float: left;}
.wd_m_q p{
    margin-top: 30px;
    font-size: 16px;
    color: #7b8396;
    letter-spacing: 0;
    line-height: 28px;
    text-align: justify;
}


/*浮动在线客服*/
.fd_zxkf{ width:75px; position:fixed; top: 200px; right: 0; background: #0067ED; z-index: 999;}

.fd_zxkf ul li{ width: 75px; height: 75px; float: left; border-bottom: solid 1px #005AD7; text-align: center; padding-top: 15px; position: relative;}
.fd_zxkf ul li span{ display: inline-block; font-size: 14px; color: #fff; margin-top: 5px;}
.fd_zxkf ul li:hover{ background: #0054C9;}
.ewm_div:hover .ewm_div_fd{ display: block;}
.ewm_div_fd{ display: none; width: 120px; height: 120px; background:#fff; padding: 5px; box-shadow: 0 0 5px #ccc; position: absolute; right: 80px; bottom: 0;}


/*二维码弹出层*/
.WeChat_butt{  cursor: pointer;}
.WeChat{
    width: 100%; height: 100%; top: -100%; opacity: 0; left: 0; background: rgba(0,0,0,0.7); position: fixed; z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.WeChat_active{ top: 0; opacity: 1;}
.WeChat_ewm{ display: inline-block;}
.WeChat_ewm img{ width: 150px;}

.WeChat_tar{ position: absolute; right: 20px; top: 20px;  width: 30px; height: 30px; z-index: 99999; cursor: pointer; }
.WeChat_tar .bari{ width: 30px; height: 2px; display: block; background: #fff; margin: 6px 0;
    border-radius: 25px;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.WeChat_tar .bari:nth-of-type(1) {
    -webkit-transform: translateY(13.5px) rotate(-40.5deg);
    -ms-transform: translateY(13.5px) rotate(-40.5deg);
    transform: translateY(8px) rotate(-40.5deg);
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.WeChat_tar .bari:nth-of-type(2) {
    opacity: 0;
}
.WeChat_tar .bari:nth-of-type(3) {
    -webkit-transform: translateY(-15px) rotate(45deg);
    -ms-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}