/*------------重置标签样式开始-----------------------------------------------------------------------------------*/
body,html{font-family:微软雅黑,'Microsoft YaHei','Hiragino Sans GB',Helvetica,Arial,'Lucida Grande',sans-serif;font-size:14px;}
*{padding:0;margin:0;color:#333333;font-family:微软雅黑,"arial","Microsoft YaHei","Helvetica Neue";}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, headererss, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:微软雅黑,"arial","Microsoft YaHei","Helvetica Neue";
}
input {font-family:微软雅黑,"arial","Microsoft YaHei","Helvetica Neue";-webkit-appearance:none;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, headererss, hgroup, menu, nav, section, main {
	display: block;
}
body {
	line-height: 1;
}
ol, ul,li{
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{text-decoration:none;outline:none;-webkit-outline:none;}
a:focus{outline:none;-webkit-outline:none}
/*textarea:focus,input:focus{outline:1px solid yellow;}*/
input[type=text]:focus{-webkit-appearance:none;border:none;outline:none;}
a:hover{text-decoration:none;cursor:pointer;}
img{display:inline-block;border:none;width:auto;height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
/*h1,h2{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}*/
.clearfix{}
.clearfix:after{content: '';display: block;clearfix: both;}
.fl{float:left;}
.fr{float:right;}

/*------------重置标签样式结束-----------------------------------------------------------------------------------*/
.zs_banner{width:100%;min-width:1200px;}
/*特点*/
.tedianbg{background:#fff;border-bottom:1px solid #ccc;width:100%;}
.tedian{width:1200px;margin:0 auto;}
.tedian li{float:left;width:25%;box-sizing: border-box;transition: all .3s;}
.tedian li:hover{transform: translateY(-5px);}
.tedian li .icon{
	height: 110px;
    width: 80px;
    overflow: hidden;
    float: left;
    text-align: center;
    padding-top: 40px;
    }
.tedian li .info{
    float: left;
    width: 150px;
    padding-top: 20px;
}
.tedian li:hover .info h1,.tedian li:hover .info p{color:#1c82ff;}
.tedian li .icon i{display:block;width:47px;height:47px;background: url(../img/zs_main.png) -47px 0;}
.tedian li i.icon1{background-position:-47px 0;}
.tedian li:nth-child(1):hover .icon1{background-position:0 0;}

.tedian li i.icon2{background-position:-47px -47px;height:54px;}
.tedian li:nth-child(2):hover .icon2{background-position:0 -47px;}

.tedian li i.icon3{background-position:-47px -102px;height:43px;}
.tedian li:nth-child(3):hover .icon3{background-position:0 -102px;}

.tedian li i.icon4{background-position:-47px -145px;}
.tedian li:nth-child(4):hover .icon4{background-position:0 -145px;}
.tedian li .info h1{color: #333;
    font-size: 18px;
    line-height: 46px;
}
.tedian li .info p{
    color: #585858;
    font-size: 14px;
    line-height: 24px;
}

/*产品齐全——满足不同企业网络营销需求*/
.section>.headererss{padding-top: 60px;
    padding-bottom: 30px;
    position: relative;}
.section>.headererss .title{
	text-align: center;
	width:1200px;
	margin:0 auto;
    color: #393939;
    font-size: 28px;
    line-height: 1;
}
.section>.headererss:after {
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background-color: #1c82ff;
    position: absolute;
    left: 50%;
    bottom: 4px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.chanpins>div.headererss {
    margin-bottom: 60px;
}
.wrapper {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
li.chanpin_item {
	box-sizing: border-box;
    border: 1px solid #e1e1e1;
    border-left:none;
    background-color: #fff;
    width: 266px;
    height: 480px;
    overflow: hidden;
    float: left;
    transition: all .3s;
}
li.chanpin_item:first-of-type {
    border-left: 1px solid #e1e1e1;
}
li.chanpin_item div.show {
    text-align: center;
}
li.chanpin_item div.show div.headererss {
    height: 170px;
    background-color: #ececec;
}
li.chanpin_item div.show div.headererss div.icon {
    padding-top: 30px;text-align: center;height: 60px;
}
li.chanpin_item div.hover_show div.headererss div.icon i,li.chanpin_item div.show div.headererss div.icon i{
    display:inline-block;width:53px;height: 46px;margin-bottom:10px;background:url(../img/zs_main.png) -53px -192px;
}
li.chanpin_item div.show div.headererss div.icon .icon2{height: 44px;background:url(../img/zs_main.png) -53px -238px;}
li.chanpin_item div.show div.headererss div.icon .icon3{height: 49px;background:url(../img/zs_main.png) -53px -282px;}
li.chanpin_item div.show div.headererss div.icon .icon4{height: 44px;background:url(../img/zs_main.png) -53px -331px;}

li.chanpin_item div.hover_show div.headererss div.icon .icon1{height: 44px;background:url(../img/zs_main.png) 0 -192px;}
li.chanpin_item div.hover_show div.headererss div.icon .icon2{height: 44px;background:url(../img/zs_main.png) 0 -238px;}
li.chanpin_item div.hover_show div.headererss div.icon .icon3{height: 49px;background:url(../img/zs_main.png) 0 -282px;}
li.chanpin_item div.hover_show div.headererss div.icon .icon4{height: 44px;background:url(../img/zs_main.png) 0 -331px;}
li.chanpin_item div.show div.headererss h3.title {
    color: #100a00;
    font-size: 20px;
    line-height: 2;
	height: 44px;
}
li.chanpin_item div.show div.headererss p.intro {
    color: #6a6a6a;
    font-size: 14px;
}
.chanpins div.content {
    height: 530px;
}

li.chanpin_item div.show div.content ul li {
    line-height: 50px;
    font-size: 14px;
    color: #666;
}
li.chanpin_item.on {
    position: relative;
    z-index: 333;
    border: 1px solid #21c3ff;
    width: 400px;
    height: 530px;
    margin-top: -25px;
    box-shadow: 0 10px 30px #1c82ff;
}
li.chanpin_item .hover_show{display:none;}
li.chanpin_item.on div.hover_show{display: block;}
li.chanpin_item.on div.hover_show div.headererss {
    background-color: #1c82ff;
    color: #fff;
    padding: 20px 30px;
}
li.chanpin_item.on div.hover_show div.headererss div.up {
    padding-top: 10px;
    overflow: hidden;
}
li.chanpin_item.on div.hover_show div.headererss div.up div.left {
    float: left;
    width: 70px;
}
li.chanpin_item.on div.hover_show div.headererss div.up div.right {
    float: left;
}
li.chanpin_item.on div.hover_show div.headererss div.up div.right p.title {
    font-size: 20px;
    line-height: 2;
    font-weight: bold;
    color: #fff;
    text-align: left;
    padding: 0;
    height: 44px;
}
li.chanpin_item.on div.hover_show div.headererss div.up div.right p.intro {
    font-size: 14px;
    color: #fff;
}
li.chanpin_item.on div.hover_show div.headererss div.down {
    padding-top: 35px;
    text-align: center;
}
li.chanpin_item.on div.hover_show div.headererss div.down a.btn {
    display: inline-block;
    padding: 13px 40px;
    font-size: 14px;
    border: 1px solid #fff;
    color: #fff;
    line-height: 1;
    transition: all .3s;
}
li.chanpin_item.on div.hover_show div.headererss div.down a.btn:hover{background: #fff;color:#1c82ff;}
li.chanpin_item.on div.hover_show div.content {
    padding: 40px;
}
li.chanpin_item.on div.hover_show div.content p.intro {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}
li.chanpin_item.on div.hover_show div.content hr {
    margin: 25px auto;
    width: 60%;
    height: 0;
    border-top: 1px solid #e1e1e1;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
li.chanpin_item.on div.hover_show div.content div.item {
    margin-bottom: 30px;
    font-size: 14px;
}

li.chanpin_item.on div.hover_show div.content div.item p.title {
    color: #666;
    margin-bottom: 13px;
}
li.chanpin_item.on div.hover_show div.content div.item p.con {
    color: #a6a6a6;
}

li.chanpin_item.on div.hover_show div.content .btn_box {
    text-align: center;
}
li.chanpin_item.on div.hover_show div.content .btn_box a.btn {
    display: inline-block;
    padding: 10px 15px;
    color: #fff;
    background-color: #1c82ff;
    font-size: 12px;
}

/*互联网创业切入绝佳黄金机遇 与商企云合作共享千亿商机*/
.shangji ul.content {
    overflow: hidden;
    padding: 15px;
    padding-top: 20px;
}
li.shangji_item{
	float:left;
	box-sizing:border-box;
    width: 320px;
    margin: 10px 35px;
    height: 280px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    text-align: center;
    border: 1px solid transparent;
}
li.shangji_item div.icon {
    margin-top: 40px;
    margin-bottom: 40px;
    height: 60px;
}
li.shangji_item div.icon i{display: inline-block;width:51px;height:64px;background: url(../img/zs_main.png) -117px 0;}
li.shangji_item div.icon .icon2{height:51px;background-position:-117px -64px;}
li.shangji_item div.icon .icon3{height:57px;background-position:-117px -115px;}
li.shangji_item div.icon .icon4{height:79px;background-position:-117px -172px;}
li.shangji_item div.icon .icon5{width:64px;height:51px;background-position:-117px -251px;}
li.shangji_item div.icon .icon6{height:48px;background-position:-117px -302px;}
li.shangji_item:nth-child(1):hover .icon1{background-position:-181px 0;}
li.shangji_item:nth-child(2):hover .icon2{background-position:-181px -64px;}
li.shangji_item:nth-child(3):hover .icon3{background-position:-181px -115px;}
li.shangji_item:nth-child(4):hover .icon4{background-position:-181px -172px;}
li.shangji_item:nth-child(5):hover .icon5{background-position:-181px -251px;}
li.shangji_item:nth-child(6):hover .icon6{background-position:-181px -302px;}

li.shangji_item p.title {
    font-size: 22px;
    margin-bottom: 15px;
}
li.shangji_item p.intro {
    font-size: 14px;
    line-height: 2;
    color: #999;
}
li.shangji_item.active, li.shangji_item:hover {
    border: 1px solid #1c82ff;
    box-shadow: 0 0 30px #1c82ff;
}
.shangji .btn_box{text-align: center;margin-bottom: 50px;}
.shangji .btn_box a.btn {
    line-height: 1;
    padding: 15px 40px;
    border: 1px solid #1c82ff;
    color: #1c82ff;
    font-size: 18px;
    display: inline-block;
    transition: all .3s;
}
.shangji .btn_box a.btn:hover{
	background: #1c82ff;
	color:#fff;
}
/*成功案例*/
.case{ 
   	height: 850px;
    background: url(../img/zs_case.jpg) 50% no-repeat;
    background-size: cover;
}
.case div.headererss h1.title{color:#fff;}
li.case_item{
	background: #fff;
	float:left;
	width:390px;
	height:580px;
	margin:30px 5px;
	padding:30px 10px 10px;	
	box-sizing: border-box;
	border: 1px solid transparent;
}
li.case_item:hover{
	border: 1px solid #1c82ff;
    box-shadow: 0 0 15px #1c82ff;
}
li.case_item>.title{font-size:28px;color:#1c82ff;text-align: center;}
li.case_item>.pic{ 
    width: 370px;
    height: 510px;}

/*为什么他们都选择商企云*/
.why ul.content {
    padding: 15px;
    padding-top: 55px;
}
li.why_item {
    float: left;
    box-sizing: border-box;
    border: 1px solid #b6b6b6;
    width: 280px;
    height: 400px;
    margin-right: 15px;
    padding: 40px 30px;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
}
li.why_item:hover {
    border: 1px solid #1c82ff;
    box-shadow: 0 0 15px #1c82ff;
    -webkit-transform: translateY(-14px);
    transform: translateY(-14px);
}
li.why_item div.icon {
    padding-bottom: 40px;
    height:60px;
}
li.why_item div.icon i{display: inline-block;width:64px;height:60px;background:url(../img/zs_main.png) -252px 0;}
li.why_item div.icon .icon2{height:57px;background-position:-252px -60px;}
li.why_item div.icon .icon3{height:71px;background-position:-252px -117px;}
li.why_item div.icon .icon4{height:57px;background-position:-252px -188px;}
li.why_item:nth-child(1):hover .icon1{background-position:-320px 0;}
li.why_item:nth-child(2):hover .icon2{background-position:-320px -60px;}
li.why_item:nth-child(3):hover .icon3{background-position:-320px -117px;}
li.why_item:nth-child(4):hover .icon4{background-position:-320px -188px;}

li.why_item p.title {
    font-size: 24px;
    color: #666;
}
li.why_item p.info {
    margin-top: 30px;
    font-size: 14px;
    line-height: 2;
    color: #666;
}
/*他们都选择了商企云 十年品质如一 值得信赖*/
.road .content {
    padding: 40px 0;
}
/*立即咨询*/
.ready {
    background: url(../img/zs_zsbg.jpg) 50% no-repeat;
    background-size: cover;
    height: 136px;
}
.ready div.content {
    overflow: hidden;
}
.ready div.content div.left {
    float: left;
    width: 970px;
    padding: 45px 0;
}
.ready div.content div.left .span1 {
    width: 380px;
    text-align: center;
}
.ready div.content div.left span {	
    color: #fff;
    font-size: 24px;
    float: left;
    text-align: center;
    margin-top: 7px;
}

.ready div.content div.left a {
    float: left;
    color: #fff;
    display: block;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #fff;
    border-radius: 20px;
    font-size: 14px;
}
.ready div.content div.left a.btn1:hover {
    background-color: #0777b6;
    border: 1px solid #0777b6;
}
.ready div.content div.left a.btn2:hover {
    background-color: #febe33;
    border: 1px solid #febe33;
}
.ready div.content div.left .span2, .ready div.content div.left .span3 {
    width: 130px;
}

.ready div.content div.right {
    float: right;
    width: 218px;
    padding-top: 24px;
}