/*------------é‡ç½®æ ‡ç­¾æ ·å¼å¼€å§‹-----------------------------------------------------------------------------------*/
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, header, 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, header, 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}
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;clear: both;}
.fl{float:left;}
.fr{float:right;}

/*------------é‡ç½®æ ‡ç­¾æ ·å¼ç»“æŸ-----------------------------------------------------------------------------------*/
.zs_banner{width:100%;min-width:1200px;}
.zs_banner a{display:block;}
.zs_banner img{width:100%;}
/*为什么要做seo优化*/
.sectionbg{width:100%;background:#fff;}
.section{width:1200px;margin:0 auto;}
.youhua{position:relative;height: 710px;}
.youhua .pic0{position:absolute;width:459px;height:141px;top: 40px;left:50%;margin-left:-230px;}
.youhua .pic1{position:absolute;width:70%;top: 199px;left:5%;}
.youhua .pic2{position:absolute;width:30%;top: 220px;left:60%;}
/*是否面临以下问题*/
.wentibg{background:url(../img/wentibg.jpg);}
.wenti {position:relative;height: 540px;}
.seotitle{font-size:36px;color:#fff;text-align: center;padding-top: 45px;}
.black{color:#333;}
.seotitle span{font-size:18px;display:block;margin-top:20px;}
.wenti>.content{margin-top: 40px;}
.wenti>.content .text{width:578px;margin:0 80px;}
.wenti>.content .text .btn{display:block;margin-top:35px;margin-left:150px;width:195px;height:45px;
	text-align:center;line-height:45px;color:#fff;font-size:18px;border:1px solid #fff;
	transition:all .3s;-webkit-transition:all .3s;
}
.wenti>.content .text .btn:hover{background:#fff;color:#1171ff;}
.wenti>.content .pic{width:328px;height:378px;}
.jiejuebg{height: 820px;}
.wenti>.jiejue .list{width:25%;height:300px;float:left;position:relative;}
.wenti>.jiejue .list2{width:50%;}
.wenti>.jiejue .list .item{position:relative;}
.wenti>.jiejue .list .item .pics{width:100%;height:100%;overflow:hidden;}
.wenti>.jiejue .list .item .pics img{width:100%;height:100%;transition:all .3s;-webkit-transition:all .3s;}
.wenti>.jiejue .list .item h1{position: absolute;z-index:2;width:100%;color: #fff;font-size:34px;top:0;left:0;text-align: center;margin:30px 0;}
.wenti>.jiejue .list .item h1 span{display: block;font-size:16px;color:#fff;margin-top:10px;}
.wenti>.jiejue .list>a>.item_hover{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:3;
	text-align:center;line-height:2;transition:all .3s;-webkit-transition:all .3s;}
.wenti>.jiejue .list>a>.item_hover p{margin-top:100px;color:#fff;font-size: 16px;}
.wenti>.jiejue .list:hover .item_hover{display:block;transition:all .3s;-webkit-transition:all .3s;}
.wenti>.jiejue .list:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);}
/*商企云的价值*/
.jiazhibg{height:380px;background:url(../img/jiazhibg.jpg);text-align: center;}
.jiazhibg .jiazhipic{width:1011px;height:164px;padding-top:97px;margin: 0 auto;}
.jiazhibg .btn{display:inline-block;width:140px;height:44px;line-height:44px;margin-top:20px;border-radius:4px;
	text-align:center;background:#f1bd0b;color:#fff;transition:all .3s;-webkit-transition:all .3s;font-size: 16px;}
.jiazhibg .btn:hover{background:#fff;color:#f1bd0b;}
/*为什么要选我们而不是其他公司？*/
.choose{margin: 50px 0;text-align:center;}
.choose img{width: 77%;}
/*优势*/
.youshibg{height:800px;background:url(../img/seotuiguangyoushibg.jpg);background-size:cover;}
.youshi .list{margin-top:50px;}
.youshi .list .item{width:25.33333%;padding:50px 1.5%;margin:0 1.5%;text-align:center;float:left;transition:all .3s;-webkit-transition:all .3s;}
.youshi .list .item img{display:inline-block;width:auto;height:auto;margin:0 0 30px 0;}
.youshi .list .item p{font-size:20px;color:#fff;}
.youshi .list .item:hover{transform:translate3d(0,-20px,0);-webkit-transform:translate3d(0,-20px,0);box-shadow: 0px 0px 20px rgba(0,0,0,0.8);}
/*合作*/
.hezuo{background:#fff;margin-top:-50px;}
.hezuo .seotitle{padding-top:50px;}
.hezuo ul {margin: 30px 0;}
.hezuo ul li{width:25%;height:150px;float:left;transition:all .5s;-webkit-transition:all .5s;}
.hezuo ul li:hover{transform:rotateX(360deg);-webkit-transform:rotateX(360deg);}
.hezuo ul li.item1{background:url(../img/h001.png) no-repeat center center;background-size:50%;}
.hezuo ul li.item2{background:url(../img/h002.png) no-repeat center center;background-size:60%;}
.hezuo ul li.item3{background:url(../img/h003.png) no-repeat center center;background-size:60%;}
.hezuo ul li.item4{background:url(../img/h004.png) no-repeat center center;background-size:50%;}
.hezuo ul li.item5{background:url(../img/h005.png) no-repeat center center;background-size:50%;}
.hezuo ul li.item6{background:url(../img/h006.jpg) no-repeat center center;background-size:60%;}
.hezuo ul li.item7{background:url(../img/h007.png) no-repeat center center;background-size:70%;}
.hezuo ul li.item8{background:url(../img/h008.png) no-repeat center center;background-size:50%;}
.hezuo ul li.item9{background:url(../img/h009.png) no-repeat center center;background-size:60%;}
.hezuo ul li.item10{background:url(../img/h0010.png) no-repeat center center;background-size:70%;}
.hezuo ul li.item11{background:url(../img/h0011.png) no-repeat center center;background-size:60%;}
.hezuo ul li.item12{background:url(../img/h0012.png) no-repeat center center;background-size:70%;}

.hezuo ul li.item1:hover{background:url(../img/h01.png) no-repeat center center;background-size:50%;}
.hezuo ul li.item2:hover{background:url(../img/h02.png) no-repeat center center;background-size:60%;}
.hezuo ul li.item3:hover{background:url(../img/h03.png) no-repeat center center;background-size:60%;}
.hezuo ul li.item4:hover{background:url(../img/h04.png) no-repeat center center;background-size:50%;}
.hezuo ul li.item5:hover{background:url(../img/h05.png) no-repeat center center;background-size:50%;}
.hezuo ul li.item6:hover{background:url(../img/h06.jpg) no-repeat center center;background-size:60%;}
.hezuo ul li.item7:hover{background:url(../img/h07.png) no-repeat center center;background-size:70%;}
.hezuo ul li.item8:hover{background:url(../img/h08.png) no-repeat center center;background-size:50%;}
.hezuo ul li.item9:hover{background:url(../img/h09.png) no-repeat center center;background-size:60%;}
.hezuo ul li.item10:hover{background:url(../img/h010.png) no-repeat center center;background-size:70%;}
.hezuo ul li.item11:hover{background:url(../img/h011.png) no-repeat center center;background-size:60%;}
.hezuo ul li.item12:hover{background:url(../img/h012.png) no-repeat center center;background-size:70%;}

/*立即咨询*/
.ready {
    background: url(../img/zs_zsbg.jpg) no-repeat;
    background-size: cover;
}
.ready div.content {
    overflow: hidden;
}
.ready div.content div.left {
    float: left;
    padding: 45px 0;
}
.ready div.content div.left .span1 {
    margin:0 80px 0 100px;
}
.ready div.content div.left span {	
    color: #fff;
    font-size: 40px;
    display:inline-block;
    text-align: center;
    margin-top: 7px;
}

.ready div.content div.left a {
    color: #fff;
    display: inline-block;
    width: 180px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border: 1px solid #fff;
    border-radius: 22px;
    font-size: 18px;transition:all .3s;-webkit-transition:all .3s;
}
.ready div.content div.left a.btn1:hover {
    background-color: #0777b6;
    border: 1px solid #0777b6;
}


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

/*留言板*/
.msgbg{width:100%;background:#eee;padding: 50px 0;}
.reservation-con{width:900px;margin: 0 auto;}
#_msg1 input, #_msg1 select, #_msg1 textarea{ border:1px solid #ccc; color:#666;}
input[type='radio']{width:20px;height:20px;vertical-align: middle;}
#_msg1 #quick_liuyan1 {width: 450px;overflow: hidden;border: 1px solid #2b82f3;margin: 10px auto 20px auto;float: left;}
#quick_liuyan1 .title {position: relative;height: 60px;overflow: hidden;text-align: right;padding: 0 10px;margin:0;line-height: 60px;background: #2b82f3;}
#_msg1 .title a { display: inline-block; line-height: 30px; font-family: "Microsoft Yahei"; margin-right: 10px; }
#_msg1 .title strong {font-size: 16px;float: left;margin-left: 10px;color: #fff;}
#_msg1 .title strong b { font-size: 16px; padding-right: 5px; color: #fff; }
#_msg1 .title strong em { color: #fff; padding-left: 10px; font-style:normal; font-weight:normal; font-size:12px;}
#_msg1 .title strong span { padding-left: 5px; }
#_msg1 .title span {display: inline-block;line-height: 60px;float:none;font-size:12px;color: #fff;}
#_msg1 .hr1 { border-top: 1px solid #bebebe; border-bottom: 2px solid #f3f3f3; margin-bottom: 15px; font-size: 0;}
#_msg1 .star { color: #dd2218; display: inline-block; padding: 0 5px; vertical-align: middle;}
#_msg1 .star1 {color:#FFF;display: inline-block;padding: 0 5px;vertical-align: middle;}
#_msg1 .quick_liuyan_con { overflow: hidden;margin-top: 30px;}
#_msg1 .quick_liuyan_con p { margin-bottom: 10px;}
#_msg1 .item-right input { padding: 5px 2px;}
#_msg1 .item-right label { margin-left: 10px; font-size: 16px; color: #333333;}
#_msg1 .quick_liuyan_con .liuyan_area span { line-height: 30px; float: left;}
input[type="radio"] {
    -webkit-appearance: radio;
    box-sizing: border-box;
}
#_msg1 .btn-mesSubmit,.ads-txtLogin { float: left; line-height: 36px;}
#_msg1 .btn-mesSubmit a { }
#_msg1 textarea {font: 14px "Microsoft Yahei";padding: 5px;color: #666;resize: none;height: 100px;width: 260px;}
#_msg1 .pop_liuyan { position: absolute; top: 140px; right: 8px; width: 300px; height: 230px; border: 2px solid #ff5871;}
#_msg1 .pop_liuyan dl { position: relative;}
#_msg1 .pop_liuyan dl .pop_liuyan_icon { position: absolute; left: -9px; top: 180px;;  width: 7px; height: 15px;}
#_msg1 .pop_liuyan dt { height: 28px; line-height: 28px; background: #ff5871; font-size: 14px; color: #fff; text-indent: 12px;}
#_msg1 .pop_liuyan dd ul li { height: 28px; line-height: 28px; margin: 0 12px; overflow:hidden;}
#_msg1 .bbdashed { border-bottom: 1px dashed #ccc;}
#_msg1 .item { margin-bottom:16px; _height: 31px; text-align: left}
#_msg1 .item span { display: block; float: left; width: 88px; margin-right: 10px; text-align: right; min-height: 2px; line-height: 30px; font-size: 16px; color: #333333;}
#_msg1 .item:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
#_msg1 .item input[type="text"] {padding: 6px;width: 260px;font-size: 14px;}
#_msg1 .item input[type="text"]:focus { outline: 1px solid #2b82f3; border-color: #2b82f3;}
#_msg1 .item textarea:focus { outline: 1px solid #2b82f3; border-color: #2b82f3;}
#_msg1 .item input:disabled,
#_msg1 .item textarea:disabled,
#_msg1 .item select:disabled{ background:#eee;}
#_msg1 .item-right { float: left;}
#_msg1 .item-right select { 24px; height: 28px; line-height: 28px; text-align: left; font-size: 14px; }
#_msg1 .item-right select:focus { outline: 1px solid #2b82f3; border-color: #2b82f3;}
#_msg1 .item-right #msgProvince1{width: 120px;}
#_msg1 .item-right #msgCity1{width: 100px;}
#_msg1 .item-right #msgXian1{width: 100px;}
/*add checkbox start*/
#_msg1 .item_checkbox{
    margin-top: -15px;
    margin-bottom: 5px;
}
#_msg1 .item_checkbox .item-right input{
    vertical-align:middle; margin-bottom: 2px;
}
#_msg1 .item_checkbox .item-right span{
    padding-left: 6px; font-size: 12px; display: inline-block; float: none; width: 200px; text-align: left; line-height: 12px;
}
/*add checkbox end*/
#_msg1 .item

#_msg1 select.c-money { width: 180px; padding-left:36px !important;}
#_msg1 .box-address { margin-top: 3px;}
#_msg1 .box-address input { width: 315px !important;}
#_msg1 .clause * { vertical-align: middle}
#_msg1 .clause label { margin-left: 0}
#_msg1 .clause a { text-decoration: none}
#_msg1 .clause a:hover { color: #f70000 !important}
#_msg1 .clause a b { font-family: sans-serif; font-weight: normal; font-size: 11px;}
#_msg1 .item .btn-mesSubmit{display: block;width:154px;height:36px;border: 1px solid #ccc;border-radius: 5px;line-height:30px;float: left;color: #2b82f3;font-size: 18px;margin-left: 150px;margin-right: 30px;font-family: Microsoft Yahei;cursor: pointer;}
#_msg1 .item .btn-mesSubmit:hover {background: #2b82f3;color: #fff;}
#_msg1 .item .btn-mesSubmit:disabled{ background:#ccc;}

.reservation-con .rereservation-phone{float:right;width:380px;text-align:center;margin-top: 30px;}
.reservation-con .rereservation-phone .icon-phone{display:inline-block;margin-top:25px;width:80px;height:82px;background-image:url(../img/icon-all.png);background-image:-webkit-image-set(url(../img/icon-all.png) 1x,url(../img/icon-all@2x.png) 2x);background-repeat:no-repeat;background-position:0 -380px}
.reservation-con .rereservation-phone .phone-number{font-size:42px;color:#008de8;font-weight:700;margin:20px 0}
.reservation-con .rereservation-phone .time{color:#000;font-size:14px}
.reservation-con h3.title{font-size:26px;/* margin-bottom: 10px; */line-height:1;font-family:dsp,PingFangSC-Light,'helvetica neue','hiragino sans gb',tahoma,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;}
.reservation-con .reservation-word{font-size:14px;color:#666;margin: 20px 0;}
.open-account .invite-agency{text-align:center;margin:30px 0 0}
.open-account .invite-agency .btn{padding:6px 30px}
.reservation-pop{display:none;width:100%;height:100%;left:0;top:0;position:fixed;z-index:99999;background:#666;background:rgba(0,0,0,.7)}
.reservation-pop .pop-wrap{overflow-y:scroll;padding:0 75px;width:450px;height:690px}
.reservation-pop .pop-con{padding:45px 0;text-align:center;position:absolute;left:50%;margin-left:-300px;top:50%;margin-top:-390px;background-color:#fff;color:#000;border-radius:3px;-webkit-box-shadow:2px 5px 12px rgba(0,0,0,.1);box-shadow:2px 5px 12px rgba(0,0,0,.1)}
.reservation-pop .pop-con .reservation-points{padding-bottom:30px;margin-bottom:35px;border-bottom:1px solid #e9e9e9}
.reservation-pop .pop-con h4{font-size:24px;margin:20px 0}
.reservation-pop .pop-con p{font-size:16px;line-height:2;color:#000}
.reservation-pop .pop-con p>span{color:#008de8}
.reservation-pop .pop-con .btn{width:160px;padding:12px 0}