@charset "utf-8";
/*通用*/
/*body{background-color: #f0f0f0;}*/
.speak-news{text-align: center;line-height: 50px;}
section{padding:1.5em 0;margin:50px 0;overflow:hidden;text-align:center;}
.header{font-weight:300!important;}
.button{font-weight:normal!important;}
.more-button{padding:50px;text-align:center;}
.clear{clear:both;}
.redfont{color:red!important;}
.whitefont{color:#fff!important;}
.greenfont{color:#B5CC18;}
.price .redfont, .price .greenfont{font-size:25px;}
.pad50{padding-bottom:50px!important;}
.add a{color:black;}
.add a:hover{color:black;}



/*首页顶部菜单*/
#main_menu{background:0 0;transition:all .5s;border:0;box-shadow: 0 0 0;height:50px;font-size:12px;}
#main_menu:hover,#main_menu.active{background:#171717;}
#main_menu .item{color:rgba(255, 255, 255, 0.87);border:0;}
#main_menu .item:before{height:0;}
#main_menu .ui.menu .red.active.item, .ui.red.menu .active.item{border-color: #DB2828!important;color: rgba(255, 255, 255, 0.87)!important;}
#main_menu .logo{width:10em!important;}
.header_wrap{height:50px;width:100%;background:#171717;}
/*首页banner*/
/*.banner.inner{height:200px;background:url("../img/intro_back.png");padding-top:100px;}*/
/*.banner.templates{height:300px;background:url("../img/intro_back.png");padding-top:100px;}*/
/*.banner.inner .ui.header, .banner.templates .ui.header{text-align:center;color:#fff;font-weight:300;}*/
/*.banner.inner p, .banner.templates p{text-align:center;color:#fff;font-size:15px;}*/
.banner.fourinone{background:url("../img/banner-back-0715.jpg");padding-top:100px;height:500px;}
/*.banner.fenxiao{background:url("../img/bg.jpg");padding-top:50px;height:540px;}*/
/*.banner.fourinone a img{height:400px;margin-left:80px;}*/
.banner.index{height:550px;overflow:hidden;background:url("../img/bg_1.gif") no-repeat center center;background-size:100%;}
.banner.inner{height:350px;overflow:hidden;background:url("../img/bg_3.png") no-repeat center center;background-size:100%;text-align:center;}
.banner.text{width:800px;margin:150px auto 0 auto;color:#fff;text-align: center;}
.banner.inner .banner.text{width:600px;margin:100px auto 0 auto;color:#fff;}
.banner.text .header{color:#fff;}
.banner.text .huge.header{font-size:50px;color:#fff;height:50px;}
.banner.text .large.sub.header{font-size:25px;color:#fff;font-weight:300;height:40px;}
.banner.text .input, .banner.text .button{margin:50px 0;}
.banner.text .hotpoint{font-size:18px;color:#fff;font-weight:300;height:50px;text-align:center;}
.banner.text .hotpoint span{margin:0 20px;}
/*首页统计*/
.striped .statistic i, .striped .statistic .value, .striped .statistic .label{color:#fff!important;}
/*首页热点*/
.circle-img{background:url("../img/bg_icon_1.png") no-repeat;width:122px;height:122px;margin:50px auto 20px auto;}
.circle-img.icon1{background-position:0 0;}
.circle-img.icon2{background-position:-123px 0;}
.circle-img.icon3{background-position:-245px 0;}
.circle-img.icon4{background-position:-378px 0;}
.circle-img.icon5{background-position:-498px 0;}
section.striped{background:url(../img/bg_7.png) center top;color:#fff;padding: 3.5em 0;}
.app-img{background:url("../img/index_appicon.png") no-repeat;width:100px;height:100px;margin:50px auto 20px auto;transition: all .3s;}
.all3tran>div:hover .app-img{transform: scale(1.1);}
.app-img.icon1{background-position:0 0;}
.app-img.icon2{background-position:-101px 0;}
.app-img.icon3{background-position:-202px 0;}
.app-img.icon4{background-position:-303px 0;}
.app-img.icon5{background-position:-404px 0;}
.app-img.icon6{background-position:0 -101px;}
.app-img.icon7{background-position:-101px -101px;}
.app-img.icon8{background-position:-202px -101px;}
.app-img.icon9{background-position:-303px -101px;}
.app-img.icon10{background-position:-404px -101px;}
.bx_container{position:relative; margin: 0 auto;overflow:hidden;width:1043px;}
.bx_container ul{margin-top: 40px;list-style:none;}
.bx_container ul li{width:149px;float:left; overflow:hidden; cursor:pointer;}
.bx_container ul li.marr-50{margin-right: -50px;}
.bx_container ul li img{width: 149px; height: 88px;vertical-align: middle;}
.bx_container ul li a{display:block;position:relative}
.bx_container ul li a i{display:block;position:absolute;width:149px; height:88px;left:0px;top:0px;}
.bx_container ul li a:hover i{opacity:0}
.steps{text-align:left;}
.bottom.text{width:425px;color: rgba(0, 0, 0, 0.87);margin:20px auto;}
.diyimg{margin-top:100px;}
.regcon{position:relative;top:100px;}
.regopen{width:400px;margin:50px auto}
.regcon .column{margin:0 50px;}
.regcon .action, .regopen .action{margin:20px 0 0 0;}
/*首页案例展示*/
.cases .popup img{width:100px;}


/*价格页面*/
table .check.circle.icon{color:#B5CC18;font-size:18px;}
table .remove.circle.icon{color:#F2711C;font-size:18px;}
.ui.definition.table tr td:first-child{font-weight:normal;}

/*底部bottom*/
#bottom{background:#333;color:#666;text-align:center;}
#bottom a{color:#999; }
#bottom a:hover{color:#eee;}
#bottom .footer{padding:20px 10px;}
#bottom .copyright{padding:20px 10px;border-top:1px solid #555;}
#bottom p span{margin: 0 7px;}
/*登陆注册*/
.loginbox{width:300px;margin:0 auto;}
.banner.login.inner{background-repeat: repeat!important;}

/*四合一内页*/
.section#shiqiyi{background:url("../img/bottom-back.jpg") no-repeat;height:380px;}
.section.intro .card .image{height:200px;}
.section.intro .card .image img{width:auto;max-width:100%;height:200px;margin:0 auto;}
.section.intro ul{list-style: none;padding:0;}
/*分销内页*/
.section.fenxiaointro .card{border-radius:80px;overflow:hidden;}
.section.fenxiaointro .card.good .image{background-color:#F51608}
.icon-01, .icon-02, .icon-03, .icon-04, .icon-05, .icon-06,.icon-07, .icon-08, .icon-09, .icon-10, .icon-11, .icon-12
{background: url("../img/painpoit-icon.png") no-repeat;width:90px;height:90px;margin:5px auto 0 auto;}
.icon-01{background-position: 20px 25px;}
.icon-02{background-position: -140px 25px;}
.icon-03{background-position: -290px 25px;}
.icon-04{background-position: -440px 25px;}
.icon-05{background-position: -590px 25px;}
.icon-06{background-position: -740px 25px;}
.icon-07{background-position: 20px -125px;}
.icon-08{background-position: -140px -125px;}
.icon-09{background-position: -290px -125px;}
.icon-10{background-position: -440px -125px;}
.icon-11{background-position: -590px -125px;}
.icon-12{background-position: -740px -125px;}
.tableft, .tabright{width:350px;vertical-align:top;}
.tableft .header, .tabright .header{border-top:1px solid #0084b4;padding-top:30px;margin-top:30px!important;}
.tabcenter{text-align:center;}
.tabright{text-align:right;}
#ad-01{background:url("../img/adv01.png") no-repeat center center;height:208px;border-top: 1px solid #E3E3E3;border-bottom: 1px solid #E3E3E3;}
.liyilian{background-color:#F43226;padding:25px}
.liyilian img{width:100%;}
.banner.fenxiaodown{height:600px;}
.banner.fenxiaodown .rslides a{display:block;height:600px;padding:50px 0;}
.banner.fenxiaodown .rslides a .header{color:#fff;font-weight:normal}
.banner.fenxiaodown .redbanner{background-color:#F43226;}
.banner.fenxiaodown .greenbanner{background-color:#05A57A;}
.banner.fenxiaodown .bluebanner{background-color:#3484E6;}
.banner.fenxiaodown .yellowbanner{background-color:#BAB382;}
.banner.fenxiaodown li img{max-height:300px;width:auto;margin:80px auto 80px auto;float:none;vertical-align:middle;border:0;}
.fxFunctionBg{width: 100%;background: #F3F3F3;padding-bottom: 20px;}
.functionList ul{overflow: hidden;zoom: 1;list-style:none;padding:0;margin:0;}
.functionList li{float: left;width: 25%;}
.functionList li .fImg {background: #FFC322;width: 118px;height: 118px;line-height: 118px;border-radius: 100% 100%;margin: 0 auto;position: relative;z-index: 10;top:-14px;}
.functionList li .funImg{position: relative;text-align: center;height: 150px;padding-top: 30px;}
.functionList li .fBg{filter: alpha(opacity=30);-moz-opacity: 0.3;opacity: 0.3;width: 150px;height: 150px;border-radius: 100%;position: absolute;left: 50%;margin-left: -75px;top: 50%;margin-top: -75px;}
.functionList li .funImg div{background: #FFC322;}
.functionList li.f02 .funImg div{background: #F63;}
.functionList li.f03 .funImg div{background: #3484E6;}
.functionList li h2{color: #FFC322;line-height: 35px;font-weight: normal;margin-bottom: 10px;text-align:center;}
.functionList li.f02 h2 {color: #F63;}
.functionList li.f03 h2 {color: #3484E6;}
.functionList li.f04 h2 {color: #1A9FEF;}
.functionList li .fDetails{text-align:center;margin-bottom: 50px;}
.functionList li:hover img {-webkit-transform: rotate(360deg);transform: rotate(360deg);-webkit-transition: 0.3s linear;transition: 0.3s ease-in;}
/*模板 内页*/
.tempmenu{margin:30px auto 0 auto;width:568px;}
.templates.pointing.menu{margin-top:0;}

/*支付方式*/
.zhifubao{width:6em!important;}

/*产品介绍*/
/*theme*/
.theme{
    width: 1200px;
    margin: 65px auto;
}
.theme h1.title{
    text-align: center;
    font-size: 36px;
    color:#6b6b6b;
    font-weight: 300;
}
.theme h3.title{
    text-align: center;
    font-size: 30px;
    color:#6b6b6b;
    font-weight:300;
}
.theme h2.title{
    text-align: center;
    font-size: 14px;
    color:#6b6b6b;
    font-weight: 300;
}

.theme p{
    font-size: 20px;
    line-height: 40px;
}

.theme ul{
    overflow: hidden;
    width: 610px;
    margin: 30px auto;
    list-style: none;
    padding: 0;
}

.theme ul li{
    float: left;
    text-align: center;
    margin: 0 66px;
    color: #6b6b6b;
}
.theme ul li p.img{
    width: 50px;
    height: 50px;
    border:solid 1px #f60;
    border-radius: 50%;
    margin: 20px auto;
    text-align: center;
    line-height: 50px;
    color:#f60;
}
.theme ul li p.money{
    color:#f60;
    margin-top: 15px;
}
.theme ul li p.money span{
    padding-left: 5px;
}
.theme ul li p.button{
    margin:40px 0;
}
.theme ul li p.button a{
    border:solid 1px #f60;
    padding: 9px 23px;
    color: #f60;
}
.theme ul li p.button a:hover{
    border:solid 1px #f60;
    color: #fff;
    background: #f60;
}
.theme h1.title span{
    font-size: 36px;
    font-weight: bold;
}
.theme .nav{
    text-align: center;
    margin-top: 80px;
}
.theme .nav a{
    padding: 10px 15px;
    border: solid 1px #6b6b6b;
    border-radius: 5px;
    color: #6b6b6b;
    font-size: 12px;
    margin: 10px;
}
.theme .nav a:hover{
    color: #ed4646;
    border:solid 1px #ed4646;
    border-radius: 5px;
}
.titleImg {
    background: url(../../default/images/font.png);
    margin: 0 auto;
}
.titleImg1{
    background-position: -25px -30px;
    height: 50px;
    width: 160px;
}
.titleImg2{
    background-position: -25px -102px;
    height: 50px;
    width: 160px;
}
.titleImg3{
    background-position: -25px -181px;
    height: 50px;
    width: 238px;
}
.titleImg4{
    background-position: -25px -261px;
    height: 50px;
    width: 240px;
}
.titleImg5{
    background-position: -25px -340px;
    height: 50px;
    width: 290px;
}
.titleImg6{
    background-position: -25px -421px;
    height: 50px;
    width: 205px;
}
.sectionFeature li {
    display: inline-block;
    margin-right: 72px;
    text-align: center;
    float: left;
}
.sectionFeature li span {
    display: block;
    margin: 0 auto;
    height: 60px;
    line-height: 60px;
}
div.gicon{
    display: inline-block;
    vertical-align: middle;
    background-image: url(../../default/images/ico.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
}
.iconGesture {
    background-position: -10px -10px;
}
.iconBill {
    background-position: -70px -10px;
}
.iconMobile {
    background-position: -130px -10px;
}
.iconCloud {
    background-position: -190px -10px;
}
.iconData{
    background-position: -10px -70px;
}
.iconEquity{
    background-position: -70px -70px;
}
.iconLottery{
    background-position: -130px -70px;
}
.iconSEO{
    background-position: -10px -130px;
}
.iconCompetence{
    background-position: -70px -130px;
}
.iconCustomize{
    background-position: -130px -130px;
}
.iconFunction{
    background-position: -190px -130px;
}
.iconSwitch{
    background-position: -10px -190px;
}
.iconCoupon{
    background-position: -10px -250px;
}
.iconIntegral{
    background-position: -70px -250px;
}
.iconUpgrade{
    background-position: -130px -250px;
}
.iconUI{
    background-position: -10px -310px;
}
.iconOperation {
    background-position: -70px -310px;
}
.iconGrade {
    background-position: -130px -310px;
}
.iconDiscern{
    background-position: -130px -190px;
}
.bannera img{width:100%;height:auto;}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 165px;
}
#fp-nav ul, .fp-slidesNav ul {
    margin: 0;
    padding: 0;
}
#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}
#fp-nav ul li a, .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span {
    background: #333;
}
/*购物车*/
.grey.statistic .value i, .grey.statistic .label{color:#ccc;font-weight:300}
#pro-detail img{width:100%;}
.img.tab{text-align:center;}
.img.tab img{height:400px;}
/*客服悬浮窗*/
/* suspend */
.online-service{width:40px;height:298px;position:fixed;top:330px;right:0;overflow:hidden;z-index:9999;}
.online-service dl{width:120px;height:298px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;margin:0;}
.online-service dl dt{width:40px;height:298px;background:url("../img/service-online.png");position:absolute;top:0;left:0;cursor:pointer;}
.online-service dl dd{margin:0;}
.online-service dl dd:hover .value{color:#00ACD6!important;}
.online-service dl dd .statistic{width:120px;height:100px;background:#ffffff;margin:0;padding:10px 0 10px 0;text-align:center;border-bottom:1px solid #ddd;text-decoration: auto;}
/* 案例幻灯 */
.rslides_tabs {list-style: none;font-size: 18px;margin: 0 auto;padding: 10px 0;text-align: center;width: 1043px;bottom: 0;z-index: 99;background: rgba(0, 0, 0, 0.11);}
.rslides_tabs li {display: inline;float: none;margin-right: 5px;}
.rslides_tabs li:first-child {margin-left: 0;}
.rslides_tabs a {color: #fff;padding: 9px;display: inline;background: #fff;border-radius: 8px;width: 16px;height: 16px;font-size: 0px;transition: padding .5s;}
.rslides_tabs .rslides_here a {padding-right: 20px;}
.rslides_nav{display:block;width:52px;height:93px;background-color:#fff;position:relative;top:-260px;background:url("../img/slide.png") no-repeat;}
.rslides1_nav.prev{left:-20px;float:left;background-position:left top;}
.rslides1_nav.next{right:-20px;float:right;background-position:right top;}
.rslide-item{margin:0;padding:0;}
.topad{padding:15px;position:fixed;width:100%;height:auto;line-height:30px;border-bottom:1px solid #e1e1e1;background:#CC4B4B;bottom:0;z-index:999;color:#FFFFFF;}
.topad .container{position:relative;}
#box-close{font-size:24px;color:#fff;position:absolute;right:-50px;top:-5px;padding:5px 10px;border:1px solid #FFB9B9;}



body, p, h1, h2, h3, h4, h5, h6, form, input, ul, li, dd, dl, textarea {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-weight: normal;
    font-style: normal;
}
.w_full news{width:1127px;margin-bottom:-100px;}

.fl{float:left;}

.news li{
    width: 350px;
    height: 240px;
    background: #fafafa;
    border: 1px solid #cecece;
    margin-right: 25px;
    margin-bottom: 25px;
}
.news li:nth-child(3n){
	margin-right:0;
}
.news img {
	margin-top: 5px;
    padding-bottom: 5px;
	transition:all 1s;
}
.news li:hover img{
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg); 
}
.news p {
	text-align: left;
    font-size: 14px;
    color: #636363;
    line-height: 40px;
    padding-left: 10px;
	width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news span {
    font: 12px/18px "微软雅黑";
    color: #a7a7a7;
    padding: 0px 10px;
}
section.news {
    margin-top: 0;margin-bottom: 0;
    padding-top: .5em;padding-bottom:0em;
}
.Copyright_img {
    margin-top: 10px;
	margin-bottom: -10px;}
	
	
	
	
/* 弹窗 */
.modal{position:fixed;width:100%;left:0; top:0;right: 0;bottom: 0;z-index:10000;}
.modal .con{position:relative;overflow:hidden;z-index: 1;width:800px;margin:8% auto 0;}
.modal .con img{display:black;margin:0px;padding:0px}
.modal .close{position:absolute; right: 10px;top: 10px;font-size: 36px;z-index: 1;color: #fff;text-decoration: none;}

.modal_bg{background-color:#000; position:fixed; left:0; top:0;right: 0;bottom: 0; display:black; width:100%; height:1000px;opacity:0.4;filter: alpha(opacity=40);-moz-opacity: 0.4;}
/* 遮罩层背景半透明的部分 */






/** 专注云购系统x年x月js hzy-160907 **/
.personnumber {
    width: 455px;
    height: 29px;
    margin-left: auto !important;
    margin-right: auto !important;
}
.personnumber a {
    margin-top: -15px;!important;
    display: block;
    width: 455px;
    height: 29px;
    cursor: pointer;

}
.personnumber ul {
    width: 330px;
    position: relative;
    list-style: none;
    margin: 0 auto;

}
.personnumber li.nobor {
    width: 129px;
    border: 0 none;
}
.personnumber li.gray6 {
    width: 218px;
    font-size: .85714286em;
    line-height: 29px;
    _line-height: 31px;
    color: #666;
    background: #fff;
}
.personnumber li.gray7 {
    width: 15px;
    font-size: .85714286em;
    line-height: 29px;
    _line-height: 31px;
    color: #666;
    background: #fff;
}
.personnumber li.gray8 {
    width: 30px;
    font-size: .85714286em;
    line-height: 29px;
    _line-height: 31px;
    color: #666;
    background: #fff;
}
.personnumber a li {
    display: block;
    width: 14px;
    color: #232323;
    position: relative;
}

.personnumber li.u-secondary {
    width: 67px;
    position: relative;
    text-align: left;
}
.personnumber li {
    padding:0px;
    float: left;
    display: block;
    height: 27px;
    line-height: 27px;
    text-align: left;
    margin: 0 2px;
    border-radius: 1px;
    overflow: hidden;
}
.personnumber li.num{}
.personnumber li.num cite{margin-top: 2px; width: 10px; height: 100px; word-wrap:break-word; position:absolute;font-style:normal}
.personnumber li.num .cite2{margin-top: 5px;}
.personnumber li.num cite em{width: 10px; text-decoration:none;display: block;font-style:normal}
/** 专注云购系统x年x月js hzy-160907 **/