
@charset "utf-8";
/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    margin: 0;
    padding: 0;
    color:#333;
    font-size:14px; 
}
button, html, input, textarea {
    font-family: Helvetica,Arial,STXihei,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
header, section, footer, aside, nav, main, article, figure {
    display: block;
}
html, body {
    width: 100%;
   
      overflow-x: hidden;
}
@media only screen and (max-width: 767px) and (min-width: 320px) {
  .pcbanner {    display: none;
}
  .mbanner {
    display: block;
    background-color: #fff;
}
  .hlwgg {    
    width: 80%;
    padding: 50px 10%;
    background: url(http://share.106578.com/images/X_2.jpg);
    background-size: 100%;
}
.hlwgg p {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 34px;
}
.hlwgg .hlwgg_title {
    font-size: 16px;
    font-weight: bold;
    line-height: 34px;
}
.hlwgg .hlwgg_img {
    text-align: center;
}
.hlwgg img {
    width: 100%;
    margin: 50px auto;
}
.hlwgg p a {
    padding: 0px 10px;
}
.hlwgg .tel-color {
    font-size: 16px;
    color: #0B19EB;
}
}
img, video {
    vertical-align: top;
    border: 0;
    width: 100%;
}
ul, li {
    list-style: none;
}
a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-decoration: none;
    cursor: pointer;
    color: #333;
}
@font-face {
    font-family: 'icomoon-yunxin';
    src: url(/fonts/icomoon-hfy.eot);
    src: url(/fonts/icomoon-hfy-ie6.eot#iefix) format('embedded-opentype'), url(/fonts/icomoon-hfy.ttf) format('truetype'), url(/fonts/icomoon-hfy.woff) format('woff'), url(/fonts/icomoon-hfy.svg) format('svg');
    font-weight: normal;
    font-style: normal;
}

.fi {
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-family: icomoon-yunxin !important;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fi-quotl:before {
    content: "\e906"
}

.fi-audio:before {
    content: "\e901"
}

.fi-ren:before {
    content: "\e902"
}

.fi-sms:before {
    content: "\e903"
}

.fi-up:before {
    content: "\e904"
}

.fi-video:before {
    content: "\e905"
}

.fi-arrowd:before {
    content: "\e911"
}

.fi-arrowl:before {
    content: "\e912"
}

.fi-arrowr:before {
    content: "\e913"
}

.fi-close:before {
    content: "\e920"
}

.fi-right:before {
    content: "\e924"
}

.fi-question:before {
    content: "\e932"
}

.fi-earphone:before {
    content: "\e900"
}

.fi-tel:before {
    content: "\e910"
}

.fi-tel2:before {
    content: "\e91d"
}

.fi-imglobal:before {
    content: "\e918"
}

.fi-imsafe:before {
    content: "\e919"
}

.fi-imsure:before {
    content: "\e91a"
}

.fi-global:before {
    content: "\e909"
}

.fi-thread:before {
    content: "\e908"
}

.fi-sure:before {
    content: "\e90a"
}

.fi-exclamation:before {
    content: "\e922"
}

.fi-info:before {
    content: "\e921"
}
/*通用样式*/
.fl {
    float: left;display:block;
}

.fr {
    float: right;
    display: block;
}

.clear {
    clear: both;
}
/**header*/

 .tel_7{ color: #fff; text-align: center;font-size: 16px; margin: 30px 0px;font-weight: 600;}
.tel_8{clear: both;    width: 250px;margin: 0px auto;height: 50px;}
  .tel_8 a{ width:120px; padding:10px 0px;float: left;font-size: 16px;}
  
.mheader {
height: 80px;
background: #2716dd;
position: relative;
top: 0px;
width: 100%; 
z-index: 999999;
box-shadow: 0px 0px 3px #fff;
}
/*.swiper-wrapper{top:-60px;}
.banner_img{position: absolute;
    width: 100%;display:none;
    height: auto;
    top: 0px;
    z-index: -1;}*/
.conbg .mheader,.mprice .mheader{background: #202d40;box-shadow:0px 0px 6px #202d40;}
.mheader .logo img {
height: 56px;
width:auto;
margin-top: 10px;
}
@media screen and (max-width:400px) {
.mheader .logo img {
height: 56px;
margin-top: 12px;
}
}
@media screen and (max-width:360px) {
.mheader .logo img {
height: 56px;
margin-top:12px;
}
}
.mheader .kf {
height: 45px;
width: 70px;
margin-top:18px;
background: url("/images/menu.png") left no-repeat;
background-size: 140px;
}

.mheader .munt {
height: 45px;
width: 70px;margin-top:18px;
background: url("/images/menu.png") right no-repeat;
background-size: 140px;
}
.m-kf{
position: fixed;
    top: 60px;
    right: 0;
   
    left: 0;
    z-index: 6;
    display: none;
    overflow-y: scroll;
    padding-top: 0;
    background: #fff;
    color: #fff;
   
    border-radius:0px 0px 10px 10px;
    box-shadow: 0px 0px 10px #333;
    width: 95%;
    margin: auto;

}
.kf-cc{        width: 47%;
    display: inline-block;
    background: #f5f6f6;
   
    text-align: center;
    padding: 35px 0px;
    border-radius: 10px;}
.kf-tel{    width: 47%;
    display: inline-block;
    background: #f5f6f6;
   
    text-align: center;
     padding: 35px 0px;
    border-radius: 10px;}
.kf-cc img,.kf-tel img{margin:20px 0px;}
.kf-cc p,.kf-tel p{line-height:30px;}
.fweight{font-weight:600;}
.KFBox-header {
 width: 90%;
  margin:auto;
   
}
.m-kf .KFBox-header .kf-close {
   border: 2px solid #cccece;
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 20px;
    display: block;
    line-height: 40px;
    margin-bottom: 30px;
    border-radius: 10px;
   
}
.m-menu {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 6;
display: none;
overflow-y: scroll;
padding-top: 0;
background: rgba(0,0,0,.9);
color: #fff;

}

.m-menu .menu-header {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 9;
width: 100%;
height: 45px;

background: #161616;
}
.m-menu .menu-header .fi-close {
float: right;
display: block;
width: 46px;
text-align: center;
font-size: 20px;
margin-top: 15px;color:#fff;
}
.m-menu .scroll-wrap {
margin-top: 45px;
height: -webkit-calc(100% - 90px);
height: -moz-calc(100% - 90px);
height: calc(100% - 90px);
}
.m-menu .menu-nav-main {
padding-bottom: 100px;
}

.m-menu .menu-nav-main a {
display: block;
color: #fff;
}

.m-menu .menu-nav-main ul {
width: 100%;
}

.m-menu .menu-nav-main li {
overflow: hidden;
padding: 0 14px;
height: 48px;
vertical-align: middle;
font-size: 18px;
line-height: 48px;color:#fff;
}

.m-menu .menu-nav-main li.open-product {
height: auto;
}

.m-menu .menu-nav-main li.active {
background: rgba(0,0,0,.5);
}

.m-menu .menu-nav-main .fi-arrowd, .m-menu .menu-nav-main .fi-up {
float: right;
margin-top: 15px;
vertical-align: middle;
font-size: 18px;
}

.m-menu .menu-nav-child {
position: relative;
left: -28px;
width: 100%;
}

.m-menu .menu-nav-child li {
padding-left: 50px;
background: #2f3034;
font-size: 16px;
}

.m-menu .menu-nav-child li.active {
background: #272728;
}

.m-menu .menu-contact {
display: block;
margin: 18px auto 13px;
width: 90%;
height: 40px;
border: 1px solid #fff;
color: #fff;
text-align: center;
font-size: 16px;
line-height: 40px;
}

#productMenu {
background: #2f3034;
}
.title,.box .title {
   margin:30px auto;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}
.f-hd {
display: none;
}
    /***banner*/
.swiper-container {
  width: 100%;top:-20px;
}

.swiper-slide {
  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; 
}
.hfyxmt{    position: absolute;left: 30px; right: 0px;
    top: 180px;    width: 312px;
    margin:0px auto;}

.hfyxmt ul li{float:left; margin:5px;font-size: 10px;}

.hfyxmt ul li img{width:40px;height:40px;}
.banner_po{padding:10px 5px; color:#fff;
    top: 50px; position:absolute;}
.banner_po p{ font-size:18px;
    line-height: 28px;
    font-weight: 600;}

.c_fe9030{color:#fe9030;}
.c_2a69ee{color:#2a69ee}

.swiper-container .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff5358;
}
.shichuang{text-align:Center;}
.shichuang img{width: 80%; margin:10px auto;}
.pyq_bjb{width: 300px;
    margin: 30px auto;/* margin-top:-10px; */
    line-height: 60px;
    font-size: 18px;
    background: #ff5d67;
    text-align: center;}
.pyq_bjb a{display:block;color:#fff;}

.section_head {
   width: 80%;
    font-weight: 600;
    color: #202d40;
    margin: 60px auto;
    text-align: center;
    line-height: 1.5;
}
.title_16{ font-size:16px;}
.title_14{ font-size:14px;}

 .section_list .section_item{
  position: relative;
    float: left;
    width: 40%;
    padding: 10px 4%;
    text-align: center; min-height:180px;
}

.section_list .section_item2 {
    position: relative;
    
    width: 70%;
    margin:20px auto;
    text-align: center;
    min-height: 180px;
}

.section_list .section_item2 .summary {
    padding-top: 15px;
    line-height: 1.65;
    text-align: center;
    font-size: 15px;
    color: #111111;
    margin: 0 auto;
}

.section-3 .section_list .section_item2 .img img {
    border: 2px dashed #ff5d67;
}

.section-2 .section_list .section_item{clear:both; width: 100%;    box-shadow: 0px 1px 1px #ff5d67;}
.section-2 .section_list .section_item:hover  img{

  transform:scale(1.1) ;
    transition: 0.3s;
}
.section-2 .section_list .section_item .img {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    float: left;
    width: 40%;
}

.section-2 .section_list .section_item .summary{    float: right;
    width: 50%;
    padding-right: 6%;}
.section-2 .section_list .section_item .img img{ width:80%;}
.section-2 .section_list .section_item .text {
    font-size: 16px;
    color: #373d40;
      float:left;
    font-weight: 600;
   width:60%;
    text-align: center;
}
 .section_list .section_item .summary {
    padding-top: 15px;
    line-height: 1.65;
    text-align: left;
    font-size: 12px;
    color: #9b9ba3;
 
    margin: 0 auto;
}


.section-3 .section_list .section_item .label {
    position: absolute;
    right: 10px;
    top: 10px;
}
.section-3 .section_list .section_item .label  img{width:64px;}
.section-3 .section_list .section_item .img img{border:2px dashed #ff5d67;}
.section-7 .section_body .section7_bg1{background: url(/images/dsp/images/yy01.png) no-repeat center; background-size: 100% 100%;    width: 235px;float: none;
    margin: 10px auto;}
.section-7 .section_body .section7_bg2{background: url(/images/dsp/images/yy02.png) no-repeat center; background-size: 100% 100%;    width: 235px;float: none;
    margin: 10px auto;}
.section-7 .section_body .section7_bg3{background: url(/images/dsp/images/yy03.png) no-repeat center; background-size: 100% 100%;    width: 235px;float: none;
    margin: 10px auto;}
.section-7 .section_body .section7_bg4{background: url(/images/dsp/images/yy04.png) no-repeat center; background-size: 100% 100%;    margin: 10px auto;  width: 235px;float: none;
   }
.section-7 .section_body p {color:#fff;
  margin-top:10px;
  text-align:center; padding:0px 5px;
}
.section-7 .section_body p.title {
  margin-top:190px;    font-size: 20px;
    font-weight: 600;

}
.section-7 .section_list .section_item .summary{color:#fff;}
.section-8 .section_list .section_item{    width: 30%;
    padding: 10px 0px;}
.section-8 .section_list .section_item1 {
    width: 80%;
    margin: auto;
}

.section-8 .section_list .section_item:nth-child(2){padding: 10px 2%;}
.section-8 .section_body p.title {
 font-size:20px;}
.section-8 .section_list .section_item .summary{    text-align: center;}

.section-8 .section_list .section_item1 .summary {
    text-align: center;
}

.sales-7-titie{margin: 20px auto;
    font-size: 16px;
    font-weight: 600;
    text-align: center;}
.swiper-container2{ position:relative;}
.swiper-container2 .swiper-slide{background: url(/images/dsp/images/salesbg.png) no-repeat center;
    background-size: 100%;
    height: 220px;}
.swiper-container2 .sales-7-sweiper-con  {
    padding:0px 10px ;
    text-indent: 40px; font-size:10px;
    text-align: left;
}
.swiper-container2 .sales-7-sweiper-cont {
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.swiper-button-next, .swiper-button-prev{color:#bfbcbc;}
/*动态资讯*/
.box_list {margin:0px auto 30px;  width:80%;  padding: 0px 5px;}
.box_list li{color: #656565;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #D9D9D9;
    height: 30px;
  line-height:30px;
    padding-left: .06rem;}
  
.box_list li span:first-child {
    display: inline-block;
    max-width:60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.box_list li span:last-child {
    float: right;
}
/******/
.sales-8-wrap {
clear:both;
}
.sales-8-title {
    font-size: 16px;
   font-weight:600;
    text-align: center;
    line-height: 56px;
    margin-top: 20px;
}
.sales-8-items {
    margin: 20px auto 0;
    overflow: hidden;
    width: 320px;
}
.sales-8-item {
    float: left;
    width: 140px;
    height: 90px;
    margin: 0 8px 30px;
    background: url(/images/dsp/images/sales-8-items-bg.png) no-repeat center;
  background-size: 100%;
}
.sales-8-item-t {
    font-size: 24px;
    color: #FFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 30px;
    text-shadow: 0 4px 8px #000;
    margin-top: 21px;
}
.sales-8-item-l {
    width: 20px;
    height: 4px;
    margin: 22px auto 0;
    background: #fff;
}
.sales-8-item-icon1 {
    background-position: 0 0;
}
.sales-8-item-icon2 {background-position: 0 -95px;}
.sales-8-item-icon3 {background-position: 0 -190px;}
.sales-8-item-icon4 {background-position: 0 -285px;}
.sales-8-item-icon5 {background-position: 0 -380px;}
.sales-8-item-icon6 { background-position: 0 -475px;}
.sales-8-item-icon7 {background-position: 0 -570px;}
.sales-8-item-icon8 {background-position: 0 -665px;}

/**/
.zs_body{    width: 100%;margin:0px auto; }
.zs_body ul li{ margin: 10px;border: 2px solid #cecece;padding: 10px; box-shadow: 1px 1px 5px; line-height:24px;color:#666;background: #e8e8e83d; margin: 0px auto;width: 80%;margin:10px auto;}
.zs_body ul li .zs_img{width: 60px; height: 60px;margin: auto;background: #f9f9f9;border-radius: 50%;text-align: center; overflow: hidden;position: relative;}
.zs_body ul li .zs_img img{margin: auto; position: absolute;left: 0px; right: 0px;top: 0px;bottom: 0px;width:58px;}
.zs_body ul li .zs_title{text-align: center;line-height: 40px;font-size: 20px;font-weight: 600; color:#333;}
.zs_body ul li .zs_cont{width: 80%;margin: 0px auto;}
/*底部*/
.mfooter{background:#202D40; padding:20px 22px; color:#fff;font-size:14px;}
.mfooter p{color:#fff; line-height:30px;font-size:16px; text-align: center;margin: 10px auto;}
.mfooter a,.footer p a{color:#fff;}
.mfooter p.t_more{font-size:16px;    text-align: left;}
.mfooter a.tel{  font-size: 16px;width: 100%; display: block;}
.mfooter dl{float:left; width:49%;margin-bottom: 50px;}
.mfooter dl dt{color:#fff;line-height:50px; font-size:16px; font-weight:600;}
.mfooter dl dd{color:#fff; font-size:14px; line-height:30px;}
.mfooter .clear hr{color:#fff; box-shadow:0px 0px 4px #ddd;}
.m_logo{margin: 30px 0px ; text-align: center;}
.m_logo img{width:80%;}
.mar_t20{margin-top:20px;}
 .m-tel-enroll {
    position: fixed;
    bottom: 0;left:0px;
    z-index: 99999;
    overflow: hidden;
    width: 100%;
    height: 55px;
    text-align: center;
}
 .m-tel-enroll .itm {
    position: relative;
    float: left;
    width: 50%;
    height: 110px;
    font-size: 16px;
    line-height: 55px;
    -webkit-user-select: none;
}
.m-tel-enroll .itm-1 {
    background-color: #e6e6e6;
    color: #0805f4;
    vertical-align: middle;
}
.m-tel-enroll .itm-2 {
    background-color:#0805f4;
    color: #fff;
    vertical-align: middle;
}
#cnzz_stat_icon_1279081112{display:none;}

.c_nner{position:relative;}
.c_nner p{position:absolute; top:10%; left:0px;right:0px; margin:auto; text-align:center;font-size:16px; font-weight:600; color:#fff;}

@media screen and (max-width:340px) {
  .banner_po p{ font-size:16px;}
  .section-2 .section_list .section_item .text {font-size:14px;}
  .title_16{font-size:14px;}
  .title_14 {font-size: 12px;}
  /**.zs_body ul li{height:360px;}**/
  .hfyxmt{left:8px;}
}
/*swiper-container4*/
.titlearea{width:80%; margin:50px auto;}
.gtitle{font-size:20px; line-height: 30px; color: #333; margin-bottom: 24px; font-weight: 700; text-align: center;}
.gsubtitle{ font-size: 16px;line-height: 26px;color: #999;text-align: center;}
.titlearea a{border-radius: 4px; height: 48px; width: 280px; background: #ffec01; text-direction: none; position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 30px auto;}

.swiper-container4{position:relative;}
.swiper-container4 .swiper-wrapper{height:400px; }
.swiper-container4 .swiper-wrapper .swiper-slide{height:400px;}
.swiper-container4 .swiper-wrapper .mban{     width: 80%;
    display: block;
    position: absolute;
    top:60px;
    z-index: 9;
    margin: auto;
    left: 0px;
    right: 0px;}
.swiper-container4 .swiper-wrapper .M_icon{position: absolute;
    bottom: 20px;
    width: 85%;
    z-index: 10;
    left: 0px;
    right: 0px;
    margin: auto;}
.swiper-container4 .swiper-wrapper .M_icon .title{display:inline-block; width:45%; height:40px; line-height:44px; border-radius:5px;margin: 10px auto;    font-size: 16px;    box-shadow: 0px 0px 2px;}
.swiper-container4 .swiper-pagination-bullet{    background: #5a0cea;}
.swiper-container4 .swiper-pagination-bullet-active{background: #D571A5;}
.slidebox{width: 80%;
    position: relative;
    height: 430px;
    box-shadow:0px 0px 7px rgba(0,0,0,.1);
    border-radius: 20px;}
.slidebox p{    line-height: 60px;}
.slidebox p span{background: #5b59dc;
    padding: 2px 6px;
    border-radius: 50%;
    color: #fff;
    margin-right: 10px;}
/*图标*/
.title__icon{width:20px;height:22px; margin:10px;margin-right:5px;display: flex;    justify-content: center;    align-items: center;    float: left; background:url("/images/dsp/images/geng_icon2.png");}
.title__text{display: flex;float: left;font-size: 12px;
    font-weight: 400;}
.block-itemhover .title__icon{background:url("/images/dsp/images/geng_icon2.png");}
.icon-0-1,.block-itemhover .icon-0-1{background-position:0px 0px;}
.icon-0-2,.block-itemhover .icon-0-2{background-position:0px -33px;}
.icon-0-3,.block-itemhover .icon-0-3{background-position:0px -66px;}
.icon-0-4,.block-itemhover .icon-0-4{background-position:0px -95px;}
.icon-0-5,.block-itemhover .icon-0-5{background-position:0px -123px;}
.icon-0-6,.block-itemhover .icon-0-6{background-position:0px -155px;}
.icon-0-7,.block-itemhover .icon-0-7{background-position:0px -186px;}
.icon-0-8,.block-itemhover .icon-0-8{background-position:0px -221px;}
.icon-0-9,.block-itemhover .icon-0-9{background-position:0px -252px;}
.icon-0-10,.block-itemhover .icon-0-10{background-position:0px -281px;}
.icon-0-11,.block-itemhover .icon-0-11{background-position:0px -314px;}
.icon-0-12,.block-itemhover .icon-0-12{background-position:0px 22px;}
@media screen and (max-width:320px) {
  .swiper-container4 .swiper-wrapper .M_icon .title{ font-size: 14px; }
}
