@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; height:auto;}
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(/m/fonts/icomoon-hfy.eot); src: url(/m/fonts/icomoon-hfy-ie6.eot#iefix) format('embedded-opentype'), url(/m/fonts/icomoon-hfy.ttf) format('truetype'), url(/m/fonts/icomoon-hfy.woff) format('woff'), url(/m/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;}
.mar_top30{margin-top: 30px;}
p.detail{color:#333;line-height:30px;}
/**header

.swiper-wrapper{height:390px;}
*/
.section-1 .dhwz div{text-align:center;}
.section-1 .button {
    line-height: 36px;
    border-radius: 20px;
  
    background: #1e5cff;
    width: 140px;
    text-align: center;
    display: inline-block;
    margin: 10px 5px;
    color: #fff;
}
  @media only screen and (max-width: 320px){	
.section-1 .button{width: 120px;}
  }
.mheader{height: 60px;position:relative;top: 0px;width: 100%;z-index: 99;}


.mheader .logo img {height: 45px;width:auto;margin-top: 10px;}
@media screen and (max-width:400px) {
.mheader .logo img {
height: 40px;
margin-top: 12px;
}
}
@media screen and (max-width:360px) {
.mheader .logo img {
height: 35px;
margin-top:15px;
}
}
.mheader .kf {
height: 45px;
width: 70px;
margin-top:10px;
background: url("../images/menu.png?v=1") left no-repeat;
background-size: 140px;
}

.mheader .munt {
height: 45px;
width: 70px;margin-top:10px;
background: url("../images/menu.png?v=1") 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 .title{
    margin: 30px auto;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}
.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;
overflow-x: hidden;
}

.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,#productMenu2{background: #2f3034;}

.f-hd {
display: none;
}
p.more{text-align:center;}
p.title{font-size:16px; font-weight:500;line-height: 50px;}
.section{    padding: 60px 5% 40px;}
.section-1{position:relative;top:-60px;padding:0px;}
.section-1 .dhwz{position: absolute;bottom: 30%;width: 90%;margin: 0px auto;left: 0px;right: 0px;color: #fff;}
.section-1 .dhwz .register {text-align: center;}
.section-1 .dhwz .register img{    width: 70%;}
.section-1 .dhwz .button img{ width: 100%;}
.section-1 p{color:#fff;text-align: center;     font-size: 18px;    line-height: 30px;}
.section-1 p.title-1{font-size:24px;    line-height: 40px;}

.section-2{margin-top:-120px;}
/************/
.j-center-block{padding:3px 10px;position: relative;text-align:center;}
.horizontal-line{display: none;width: 100%;height: 1px;border-bottom: 1px solid #cccccc;clear: both;margin: 20px 0px; padding-top: 20px;}
.j-title-box p{text-align: center;font-weight:600;font-size:16px; line-height:30px;}
.description{position: absolute;z-index: 9;bottom:85px;width: 200px;left: 0px;right: 0px;margin: auto;}

.section-2 .j-center-block .item {clear: both; padding-top: 20px;}
.section-2 .j-center-block .item img{width:80px;    margin: 20px;}
.section-2 .j-center-block .item-2 img{}
.section-2 .j-center-block .item .text {}
.section-2 .j-center-block .item .text p.title{font-size:18px;line-height: 40px;}
.section-2 .j-center-block .item .text p{font-size:12px;line-height:20px;}
.section-2 .j-center-block p{text-align:center}

.section-3{background:#fff;}
.section-3 .icon-group{width:240px; height:240px; border:5px solid #eee; position:relative; margin:30px auto;}
.section-3 .icon-group .icon{    width: 82px;height: 82px; position:absolute;   }
.section-3 .icon-group .icon-1 { left: -41px;top: -41px;
    background: url("/Templates/cn2017/images/push_target_icon_1_1.svg"),#fff; background-size: cover;
}
.section-3 .icon-group .icon-2 {left: -41px;bottom:  -41px;
    background: url("/Templates/cn2017/images/push_target_icon_2_1.svg"),#fff; background-size: cover;
}
.section-3 .icon-group .icon-3 {right:  -41px;bottom: -41px;
    background: url("/Templates/cn2017/images/push_target_icon_3_1.svg"),#fff; background-size: cover;
}
.section-3 .icon-group .icon-4 { right:  -41px;top: -41px;
    background: url("/Templates/cn2017/images/push_target_icon_4_1.svg"),#fff; background-size: cover;
}
.section-3 .icon-group .icon p{position: absolute;bottom: -30px; text-align: center;width: 82px; font-size: 12px;font-weight: 600;}

/*******/
.section-4{}
.section-4 .feature-list{text-align:center;}

/*******/
.section-5{background:#fff;}
.section-5 .info{position:relative;width:80%;margin:20px auto;}
.section-5 .info p{position:absolute;top: 0px;bottom: 0px;left:45%;margin: auto; width: 60px;height: 34px;font-size: 10px;}
/*******/
.section-6{}
.section-6 .icon-group{margin-top: 20px;}
.section-6 .icon-group .item-1{display:none;    width: 30%; margin: auto;}
.section-6 .icon-group  .pic-box{ text-align: center;}
.section-6 .icon-group  .pic-box img{width:50%;}
.section-7{background:#fff;}
.section-7 .price-intro{}
.section-7 .price-intro .item{width: 70%;    margin: 30px auto;box-shadow: rgb(0 136 204 / 34%) 0px 0px 8px 1px; padding: 35px 0px 15px;border-radius: 8px; transition-duration: 0.4s;}
.section-7 .price-intro .item .name{font-size: 18px;text-align: center;}
.section-7 .price-intro .item .list{    margin-top: 30px; padding-left: 22px;}
.section-7 .price-intro .item .list li{height: 22px;line-height: 22px;margin-bottom: 20px;background: url(/Templates/cn2017/images/price_border_blue.png) left center / contain no-repeat;}
.section-7 .price-intro .item .list li p.feature{font-size: 12px; padding-left: 37px;    text-align: left;}
.section-7 .price-intro .button{width: 142px; height: 40px;line-height: 40px;font-size: 16px;margin-bottom: 20px;background-color: #4b9de7; color: white; border-radius: 22px; border: none;margin: 10px auto 30px; cursor: pointer;outline: none; display: block;text-align:center;}


.section-8{}
.section-9{background:#fff;}
.product-region-box{width:100%;margin:0 auto;}
.product-region-box h2{font-weight:600;text-align:center;font-size:18px;color:#525252;letter-spacing:2px;margin:19px 0 42px 0;}
.product-region-1-box{width:100%;border:1px solid #EBEBEB;margin-bottom:120px;}
.product-region-2-box{width:100%;padding:25px 0;}
.product-region-2-box li{text-align:center;width:90%;margin:20px auto;background:#F7F7F7;box-shadow:0 0 20px 0 rgba(155,155,155,0.22);transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;}

.product-region-2-box li:hover{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}
.product-region-2-box li:hover .product-region-2-box-img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);}
.product-region-2-box li:hover h3{color:#0084F6;}
.product-region-2-box-img{float: left;width:72px;height:72px;margin:27px 20px;transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;}
.product-region-2-box-div{box-sizing:border-box;padding:27px 20px;height:190px;background:#FFFFFF;}
.product-region-2-box-div h3{font-weight:normal;font-size:13px;color:#525252;margin-bottom:10px;}
.product-region-2-box-div p{text-align:left;font-size:14px;color:#7A7A7A;letter-spacing:0;line-height:20px;padding:0px 9px;}
.outer{zoom:1}
.outer:after{clear:both;content:".";display:block;width:0;height:0;visibility:hidden}	  
.section-10{}
 /*I*转盘*/
 /*通用*/
.phoneShow{position:relative;width:90%;margin:0 auto;height:460px;}
.phoneShow .itemTitle{position:relative;margin:0 auto;width:100%;}
.phoneShow .itemTitle div{position:absolute;width:75px;height:77px; }
.phoneShow .itemTitle div:nth-child(1){top:20px;left:-15px;}
.phoneShow .itemTitle div:nth-child(2){top:90px;left:-10px;}
.phoneShow .itemTitle div:nth-child(3){top:160px;left:-15px;}
.phoneShow .itemTitle div:nth-child(4){top:230px;left:-10px;}
.phoneShow .itemTitle div:nth-child(5){top:300px;left:-15px;}
.phoneShow .itemTitle div:nth-child(6){top:370px;left:-10px;}
.phoneShow .itemTitle div:nth-child(7){top:20px;left:auto;right:-7%;}
.phoneShow .itemTitle div:nth-child(8){top:90px;left:auto;right:-5%;}
.phoneShow .itemTitle div:nth-child(9){top:160px;left:auto;right:-7%;}
.phoneShow .itemTitle div:nth-child(10){top:230px;left:auto;right:-5%;}
.phoneShow .itemTitle div:nth-child(11){top:300px;left:auto;right:-7%;}
.phoneShow .itemTitle div:nth-child(12){top:370px;left:auto;right:-5%;}
.phoneShow .itemTitle .icon{float:left;padding:15px 5px 0 5px;width:48px;height:48px;background:url(/images/sms-icon2.png) center center no-repeat;    background-size: 100% 100%;text-align:center;font-size:10px;line-height:15px;color:#999;}
.phoneShow .itemTitle .b-line{float:left;width:15px;height:55px;color:#06C;line-height:55px;}
.phoneShow .itemTitle .b-line hr{display:none;margin-top:35px}
.phoneShow .itemTitle .active .icon{color:#fff;background-image:url(/images/sms-icon1.png);}
.phoneShow .itemTitle .active .b-line hr{display:block;}

.phoneShow .center{position:absolute;top:0;left:50px;width:70%;height:460px;z-index:9;}
.phoneShow .center img{width:100%;}

.phoneShow .center ul{padding-top:45px;padding-left:6px;padding-right:6px;width:auto;height:425px;font-size:12px;word-break:break-all}
.phoneShow .center li{display:none}
.phoneShow .center li.active{display:block}
.phoneShow .center li .show-body{position:absolute;top:-165px;left:-20%;width:130%;text-align:center;}
.phoneShow .center li .show-body .scontent-title{font-size:24px;margin-bottom:10px;}
.phoneShow .center li .show-body .scontent-detail{font-size:16px;line-height:1.5}
.phoneShow .center video{position:absolute;left:0px;top:51px;}
.phoneShow .center .video{display:block;}
.phoneShow .center .video_m{display:none;}
.pyq_bjb2 a,.pyq_bjb a{width: 80%;} 

.product-region-box .describe{width:85%;margin:auto;font-size: 14px;    line-height: 24px;}
.titlearea{width:85%;}
.gtitle{ font-size: 20px;}
.gsubtitle{font-size: 14px;}
  .title-zh{display:block;margin-top:80px;/* font-family:-webkit-pictograph; */line-height:0;}
.title-zh a{position:relative;display:block;margin:30px auto;width:300px;height:159px;}
.title-zh .text1{position:absolute;top:24px;width:100%;text-align:center;display:block;color:#fff;font-weight:600;font-size:20px;line-height:32px;}
.title-zh .text2{position:absolute;top:60px;width:100%;text-align:center;display:block;color:#fff;font-weight:600;font-size:20px;line-height:32px;}
.title-zh .text3{position:absolute;top:0;left:263px;display:block;color:#0816E9;font-weight:600;font-size:13px;line-height:22px;}
.title-zh .text4{position:absolute;top:16px;left:263px;display:block;color:#0816E9;font-weight:600;font-size:13px;line-height:22px;}
.t_button {width:80%;margin:10px auto 0px;}


#main .box3 h1 {    font-size: 18px;
    color: #333;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
#main .box3 .title {
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px;
}
.price_title {
    padding: 60px 0 0;
    font-weight: 600;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
  
}
.tab-content { overflow: hidden; margin: 0 auto; padding: 32px 0 40px; width: 100%; text-align: center;}
.box-item{position:relative;display:inline-block;vertical-align:top;-moz-box-sizing:border-box;box-sizing:border-box;width:220px;height:340px;cursor:pointer;border:2px solid #d3d3e0;margin:20px auto;}
.tt{display:block;margin:0 auto 28px;width:110px;height:30px;line-height:30px;font-size:14px;color:#fff;background-color:#F90F00;border-bottom-left-radius:8px;border-bottom-right-radius:8px;position:relative;margin-top:-2px;}
.price{display:block;width:200px;height:44px;line-height:44px;font-size:24px;color:#2c2d46;margin:0px 10px;}
.cost-price{border-bottom:2px solid #CDCDCD;}
.per-price{display:inline-block;margin:25px auto 14px;height:16px;line-height:16px;font-size:16px;color:#f84c51;}
.buy{display:block;margin:0 auto;width:160px;height:44px;line-height:44px;vertical-align:baseline;border-radius:4px;font-size:16px;}
.blue-item .u-btn-blank {    color: #F90F00;    border: 1px solid #F90F00;}
.num {display: block; line-height: 20px;text-decoration: none; font-size: 10px; padding: 0px 40px;color: #aaa;height: 60px;}
.cost-price {border-bottom: 2px solid #CDCDCD;}
/**底部**/
.m-tel-enroll {position: fixed;bottom: 0;z-index: 99999;overflow: hidden;width: 100%;height: 55px;left: 0px;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:#3204ff;vertical-align: middle;}
.m-tel-enroll .itm-2 {background-color:#3204ff;color: #fff;vertical-align: middle;}
/*底部*/
.mfooter{background:#202D40; padding:20px 22px; color:#fff;font-size:14px;    text-align: center; line-height:30px;    margin-bottom: 50px;}
.mfooter p{color:#fff; line-height:30px;font-size:1.2em; /*padding-left:20px;*/margin: 20px auto; }
.mfooter a,.footer p a{color:#fff;}
.mfooter p.t_more{font-size:16px;    text-align: left;}
.mfooter a.tel{  font-size: 1.2em;width: 100%; display: block;margin: 10px 0px;letter-spacing: 2px;
}
.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;}
.dl_glht{display:block; line-height:50px; margin:20px auto; background:#1e5cff; font-size:18px;border-radius:25px; text-align:center;}
.title-zh a{position:relative;display:block;margin:30px auto;width:240px;height:130px;}

.swiper-container99{height:500px;}
/*198*/
.margin_top120{margin-top:-60px;padding: 0px 5% ;}
.gongnengsm{padding: 60px 5% 40px;}
.gongnengsm-bt{    font-size: 16px;text-align: center;font-weight: 600; margin-bottom: 20px;}
.gongnengsm-bg{    line-height: 30px;background: #f9f9f9;}
.gongnengsm2{margin: 20px auto; box-shadow: 0px 0px 5px 1px #f0f0f0; padding: 10px;line-height: 30px;}
.gongnengsm2 h4{text-align: center; font-weight: 500;}
.section-5 .icon-group .item{float:left;width:33%;    margin-top: 20px;}
.section-5 .icon-group .item img{width: 60px; height: 60px;}
.section-5 .feature-list{padding:0px 20px;    text-align: center;}
.section-5 .feature-list .item {margin:20px 0px;    border-bottom: 1px dashed #c1c0c0;}
.section-5 .feature-list .pic-box img{width:50%; margin:20px;}
.section-5 .feature-list .item h3{font-size:16px; line-height:40px;}
.section-9 table{margin-bottom: 30px; box-shadow: 0px 0px 5px 1px #f0f0f0; padding: 10px;}
.section-9 table td img{width:80%;}
.section-9 table td .wz_biaoti{line-height:30px;}