html{overflow-x:hidden; overflow-y:auto;color:#555555;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,textarea,p{
	margin:0;
	padding:0;
	font-family: Arial, simsun, Verdana, Lucida, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
} 
body{ font-size: 18px; background-color: #FFF; }
hr{ padding:0; margin:0;}
img { border:0;vertical-align:middle;} 
em,strong{font-style:normal;font-weight:normal;} 
ul, li, dl, dt, dd, ol { list-style:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
a{text-decoration:none; cursor:pointer; color:#434343;}
a:hover{ color:#c41305}
button, input, select, textarea {  margin: 0;  font-family: inherit;  outline-offset: 0;  outline-style: none;  outline-width: 0;  -webkit-font-smoothing: inherit;  background-image: none; }
.none{display:none;}
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;width:0;height:0;}
hr{border:0 #f3f3f3 solid;border-top-width:1px;clear:both;height:0}
.clearfix{zoom:1;}
.clearfix:after{ content:"."; height:0; display:block; clear:both; visibility:hidden;}
#wraper{width:960px;margin:0 auto;}/*页面区域*/
i {display: block;}




a:link , a:visited {font-family: Arial, Helvetica, sans-serif;font-size:18px;color: #555555;text-decoration: none;}
a:focus {outline-style:none; -moz-outline-style: none;}
.left{ float:left;}
.right{ float:right;}
.rounded {transition: all 300ms ease-in-out;}
.suspension-mobile{ display: none;}


#top { }
#header { z-index: 4000; }
.top-shadow { position: absolute; background: url(../Images/top-shadow.png) repeat-x scroll 0 0; height: 4px; width: 100%; z-index: 100; opacity: 0.5; }
.home .bottom-shadow { top: 446px; }
.fullwidth-map .bottom-shadow { top: 396px; }
.fullwidth-map { margin: 0 auto; overflow: hidden; clear: both; position: relative; }
.fullwidth-map iframe { left: 50%; margin-left: -960px; position: relative; }
.logo { position: relative; height: 60px; }
.logo img { display: block; position: absolute; bottom: 0; }
#navigation { float: right; position: relative; z-index: 10000; }
ul#mainnav { float: left; position: relative; display: block; z-index: 1001; }
ul#mainnav li { display: inline-block; float: left; position: relative; z-index: 1000; _width: 100px; }
ul#mainnav > li { background: url(../Images/nav-bg.png) no-repeat scroll right center; }
ul#mainnav > li.prev-item, ul#mainnav > li.previ-item { background: none; }
ul#mainnav > li:last-child { background: none; }
ul#mainnav li a { font: 14px/20px Open Sans, Helvetica, Arial, sans-serif; position: relative; font-weight: 600; color: #686868; margin: 0; padding: 0 20px; height: 86px; line-height: 86px; display: inline-block; *display:block; /* IE7 Hack */
-webkit-transition: color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear; -moz-transition: color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear; -o-transition: color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear; transition: color 0.1s linear, background 0.1s linear, border-left-color 0.1s linear, border-bottom-color 0.1s linear; z-index: 100; }
ul#mainnav > li > a > span { border-bottom: 1px dotted #fff; padding-bottom: 2px; }
ul#mainnav > li.item-active > a { color: #fff; }
ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active { color: #fff; }
ul#mainnav li ul li a.sf-with-ul:hover, ul#mainnav li ul li a.sf-with-ul:active { background: #444; color: #fff; }
ul#mainnav li.item-active ul li a { color: #444; text-align: left }
ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a.current { color: #fff; }
ul#mainnav li ul li a.current { color: #444; background: #fff; }
ul#mainnav li ul li a.current:hover { color: #fff; background: #444; }
ul#mainnav li ul li { background: #fff; margin: 0; float: left; width: 100%; }
ul#mainnav li ul li a, ul#mainnav li ul li ul li a, ul#mainnav li ul li a:visited, ul#mainnav li ul li a:active { /* visited pseudo selector so IE6 applies text colour*/ height: 37px; line-height: 37px; width: 170px; padding: 0 15px; display: block; background: #fff; text-decoration: none; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; z-index: 1100; position: relative; font-size: 11px !important; text-transform: uppercase; }
.nav-first-item { z-index: 1000; position: relative; }
#nav ul#mainnav > li > ul > li.nav-last-item > a, #nav ul#mainnav > li > ul > li > ul > li.nav-last-item > a { border-bottom: 0 none; }
ul#mainnav li ul li a:hover, ul#mainnav li ul li ul li a:hover { background: #444; color: #fff; margin-bottom: 0px; border-bottom: 1px solid #444; border-left: 1px solid #444; }
ul#mainnav > li.sfHover > a { background: #e60012; color: #fff; }
.homepage-services { width: 1140px; }
.one-half { width: 550px; }
.one-third { }
.two-third { float: right !important }
.one-fourth { width: 265px; position: relative; margin-right: 20px; float: left; }
.three-fourth { width: 835px; }
.one-sixth { width: 170px; }
.five-sixth { width: 930px; }
.one-half, .two-third, .one-third, .three-fourth, .one-sixth, .five-sixth { position: relative; margin-right: 20px; float: left; }
.fl { float: left }
.fr { float: right }
.center { text-align: center }
.mr20 { margin-right: 20px; _margin-right: 19px; }
.mr30 { margin-right: 33px; }
.mr40 { margin-right: 40px; }
.blank { height: 20px; display: block }
.services { overflow: hidden; margin-bottom: 80px; }
.homepage-services .service-item { text-align: center; padding: 20px 10px 10px; border: 1px solid #efefef; -webkit-transition: background 0.2s linear; -moz-transition: background 0.2s linear; -o-transition: background 0.2s linear; transition: background 0.2s linear; }
.homepage-services .service-item:hover { background: #f7f7f7; }
.homepage-services .service-item i { float: none; margin: 0; width: 100%; height: 48px; /*	line-height: 48px;	
*/ font-size: 42px; display: block; overflow: hidden; }
.homepage-services h3.service { margin-top: 20px; border-bottom: 1px dotted #ccc; display: inline-block; clear: both; }
.icon-time { background: url(../Images/icon-time.gif) no-repeat center top }
.icon-check { background: url(../Images/icon-check.gif) no-repeat center top }
.icon-cogs { background: url(../Images/icon-cogs.gif) no-repeat center top }
.icon-laptop { background: url(../Images/icon-laptop.gif) no-repeat center top }
.clients { overflow: hidden; border: 1px solid #f1f1f1; text-align: center; clear: both; }
.clients li { display: inline-block; border-left: 1px solid #f1f1f1; text-align: center; padding: 0 11px; }
.clients li:first-child { border: none; }
.clients li img { vertical-align: middle; }
.clients li a { opacity: 0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)"; filter: alpha(opacity=15); display: inline-block; height: 120px; line-height: 120px; }
.intro { position: relative; padding: 40px 0; text-align: center; }
.intro h2 { font-size: 28px; font-weight: 300; margin-bottom: 16px; }
.intro h5 { font-size: 16px; }
.intro a:hover { color: #444; }
.centered-wrapper { width: 1200px; margin: 0 auto; }

/* 6.1 Slider */

.bannercontainer { background-color: #fff; width: 940px; position: relative; position: relative; margin-left: auto; margin-right: auto; max-height: 378px !important; }
.banner { width: 940px; height: 378px; position: relative; overflow: hidden; }
.bannercontainer-simple { padding: 0px; background-color: #fff; width: 940px; position: relative; position: relative; margin-left: auto; margin-right: auto; }
.banner-simple { width: 940px; height: 378px; position: relative; overflow: hidden; }
.fullwidthbanner-container { width: 100% !important; position: relative; padding: 0; max-height: 650px !important; _height:expression((documentElement.clientHeight > 650) ? "6500px" : "auto" );
overflow: hidden; }
.fullwidthbanner-container .fullwidthabnner { width: 100% !important; max-height: 650px !important; position: relative; }
 @media only screen and (min-width: 768px) and (max-width: 959px) {
.banner, .bannercontainer { width: 768px; height: 309px; }
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
.banner, .bannercontainer { width: 480px; height: 193px; }
}
 @media only screen and (min-width: 320px) and (max-width: 479px) {
.banner, .bannercontainer { width: 320px; height: 129px; }
}
 @media only screen and (max-width: 319px) {
.banner, .bannercontainer { width: 240px; height: 97px; }
}
/* captions */
.title_text { position: absolute; color: #323232; font-weight: 300; font-size: 18px; height: 42px; line-height: 42px; margin: 0px; padding: 0 10px; background: #ffffff; opacity: 0.9 !important; border-width: 0px; border-style: none; white-space: nowrap; }
.box-slide1 { position: absolute; color: #686868; font-weight: 400; font-size: 12px; line-height: 20px; height: auto; width: 300px; margin: 0px; padding: 20px; background: #fff; opacity: 0.9 !important; border-width: 0px; border-style: none; white-space: normal !important; display: block; }
.box-slide1 h2 { color: #f2003a }
.box-slide2 h2 { color: #f2003a !important; }
.box-slide2 { position: absolute; color: #686868; font-weight: 400; font-size: 12px; line-height: 20px; height: auto; width: 300px; margin: 0px; padding: 20px; background: #fff; opacity: 0.9 !important; border-width: 0px; border-style: none; white-space: normal !important; display: block; }
.box-slide2 a { color: #fff !important; }
.description_text { position: absolute; color: #d0d0d0; font-weight: 400; font-size: 14px; height: 36px; line-height: 36px; margin: 0px; padding: 0 10px; background: #393939; opacity: 0.9 !important; border-width: 0px; border-style: none; white-space: nowrap; }
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/*--- 6.2. Jcarousel ---*/

/* from red.css */
.logo a { background: url(../Images/logos.png?v=2) no-repeat scroll 0 0; width: 200px; height: 67px; text-indent: -9999px; top: 10px; display: block; position: relative; }
ul#mainnav .item-active { background: #e60012; color: #fff; text-align: center; }
ul#mainnav .item-active a { color: #fff; }
ul#mainnav li a.sf-with-ul:hover, ul#mainnav li a.sf-with-ul:active { background: #e60012; }
ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a.current { background: #e60012; }
ul.customlist li i { color: #e60012; }
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background: #e60012 !important; }
.tp-leftarrow:hover, .tp-rightarrow:hover { background-color: #e60012 !important; }


.warper{ max-width: 1200px; margin: 0 auto}

.header{ height: 80px; }
.header-bar{ height: 80px; border-bottom: 1px solid #eff1f2; position: fixed; top: 0; left: 0; width: 100%; z-index: 99; background: #fff;}
.header-bar:after{ content: ''; clear: both}
.header-bar{    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);}
.logo{ height: 30px; }
.logo a{ padding-top: 25px; display: block}
.logo img{ height: 30px;}


.clearfix:before,.clearfix:after{display: table;content: " ";clear: both;}
.beijing{ margin: 0 auto; min-width: 320px;  padding: 10px 0; clear:both; overflow: hidden;}
.beijing1{ margin: 0 auto; min-width: 320px;padding:10px; clear:both; overflow: hidden;  }
.blackscreen{ background: #000; opacity: 0.6; filter:alpha(opacity=60); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none;}

.index_top{ text-align: center; clear: both; overflow: hidden; padding: 10px 0; }
.index_top strong{ display: block; clear: both; overflow: hidden; color: #454545; line-height:48px; font-size:28px; font-weight:bold;}
.index_top big{ font-family: arial; color: #e60012; font-size: 24px; text-transform: uppercase; display: block; background-size: 200px auto !important; font-size: 20px; background-image: url(../Images/index1_02.png); background-repeat: no-repeat; background-position: center center; line-height:40px; }
.index_top p{ clear: both; overflow: hidden;font-size: 18px;}
.index_top small{ clear: both; overflow: hidden; font-size: 12px;font-family:arial;}

.index_more{ clear: both; overflow: hidden; padding: 15px 0; text-align: center;}
.index_more a{border: 1px solid #c41305; border-radius: 10px; line-height: 36px; padding:5px 25px; color: #c41305; overflow: hidden; display: inline-block;}
.index_more a:hover{ background: #c41305; color: #fff;}



@media only screen and (min-width:1160px) {
.beijing,.beijing1{width: 1160px;}

 }

.yahei {font-family: Microsoft Yahei, Arial, Tahoma, Verdana, sans-serif; }
.song{ font-family:'宋体';}
.ui-left{float:left; _display:inline;}
.ui-right{float:right; _display:inline;}
.ui-right a { font-size:12px;}
.clear{clear:both;}
.ui-clr{display:block; zoom:1;}
.ui-clr:after{clear:both; content:""; display:block; height:0; visibility:hidden;}
.hide{display:none;}

.mauto{ margin-left:auto; margin-right:auto;}
.overflow{ overflow:hidden;}
.center{ text-align:center;}
.text-overflow{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt6{margin-top:6px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt18{margin-top:18px;}.mt22{ margin-top:22px;}
.mb5{margin-bottom:5px;}.mb6{margin-bottom:6px;}.mb8{margin-bottom:8px;}.mb10{margin-bottom:10px;}.mb12{margin-bottom:12px;}.mb14{margin-bottom:14px;}.mb15{margin-bottom:15px;}.mb16{margin-bottom:16px;}.mb18{margin-bottom:18px;}.mb20{margin-bottom:20px;}.mb22{margin-bottom:22px;}.mb24{margin-bottom:24px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb42{margin-bottom:42px;}
.mr20{ margin-right:20px;}

.ft14{font-size:14px;}.ft16{font-size:16px;}.ft18{font-size:18px;}.ft20{font-size:20px;}

.full { width:100%;}
.container { width:1200px; margin-right: auto;margin-left: auto;}



.f-con dd p i,
.share-list li .detail i
{ background:url(../Images/tip.png) no-repeat;}

/**************index4**************/
.index4_list{ clear: both; overflow: hidden; margin:15px 0;}
.index4_list li{float: left; width: 50%; display: inline-block; overflow:hidden}
.index4_list li a{ border: 1px solid #e4e4e4; display: block; overflow: hidden; margin: 10px; }
.index4_list li a img{ width: 100%;}
.index4 .index_top big{background: url(../Images/index1_02.png) no-repeat center center; background-size: 200px auto !important; }


@media only screen and (min-width:480px) {
/**************index4**************/
.index4_list{  margin:15px 5px;}
.index4_list li{width:33.3333%;}
.index4_list li a{ margin:15px;}
}

@media only screen and (min-width:640px) {
/**************index2**************/
.index2{ background-size: 100% 100% !important;}

}

@media only screen and (min-width:960px) {

/**************index4**************/
.index4_list li{width:16.6666%;}

}


@media only screen and (min-width:1160px) {
/**************index**************/
.index_pc .index_1 .index_a,.case_list li .index_1 .index_a{ padding: 15px 5% 10px;}
.index_pc .index_1 .index_a a,.case_list li .index_1 .index_a a{line-height:28px;}
.index_pc .index_1 span a,.case_list li .index_1 span a{padding:15px;}
.index1_list a{ padding:0 10px;}
/**************index2**************/
.index2{ height: 698px;}
/**************index3**************/
.index3_list li em{width:255px; height: 160px;}
.index3_1{height:160px; }

}

@media only screen and (min-width:1220px) {
.index1 .beijing1{ width: 1220px;}
.index1_list .slider{overflow: hidden; padding: 10px 45px;}
.index1_list .slick-prev,.index1_list .slick-next{ width: 36px;}
}





.f-service{ background-color:#f6f6f6; padding:35px 0 40px;}
.f-contact{ background-color:#E54048; padding:30px 0 30px;}
.f-foot{ background-color:#333; padding:18px 0 20px;}
.footer .f-row{ _display:inline-block; width:100%; font-size:12px;}

.group-list{ float:left; padding-right:50px; padding-top:6px; border-right:1px solid #ddd;}
.group-list .group-item{ float:left; width:150px; margin-right:60px;}
.group-item h2{ height:22px; line-height:22px; font-size:14px; font-family:Microsoft Yahei; font-weight:normal; color:#333; border-bottom:1px solid #ddd;}
.group-item ul{ padding-top:10px; border-top:1px solid #fbfbfb;}
.group-item ul li{ line-height:20px; margin-bottom:7px; padding-left:12px; background:url(../Images/dot.gif) no-repeat 0 8px;}
.f-worktime{ float:right; width:225px; padding-top:68px; background-position:-425px 10px; line-height:16px; color:#333;}
.f-worktime .time{ padding-left:48px; margin-bottom:8px;}
.f-worktime .tell{ padding-left:48px; }
.f-worktime .tell i{ font-size:16px; color: #E54048; font-weight: normal; font-style: normal; }

.f-wx { width:320px; float:left;}
.f-wx span { font-size: 12px; color: #FFF; background-image: url(../Images/t-wx.png); background-repeat: no-repeat; background-position: left center; padding-left:30px; }
.wx-img { padding-top:20px; padding-left:20px;}
.wx-img li { float:left; margin-right:20px; margin-left:20px;}
.wx-img li p { text-align:center; font-size:14px; color:#fff500; line-height:30px;}
.f-con{ float:left; width:320px;}
.f-con dt{ margin-top:2px; line-height:18px; font-family:Arial; color:#ffdfce; font-size:17px; margin-bottom:10px;}
.f-con dd p{ line-height:20px; margin-bottom:6px; color:#fff;}
.f-con dd p a{ color: #fff; }
.f-con dd p a:hover{ text-decoration: underline; }
.f-con dd p i{ float:left; display:inline-block; width:22px; height:20px;}
.f-con dd p.tell i{ background-position:-584px -117px;}
.f-con dd p.mail i{ background-position:-584px -140px;}
.f-con dd p.mail a{ font-size:12px;}
.f-con dd p.add i{ background-position:-584px -170px;}
.f-con dd p.qq i{ background-position:-584px -197px;}
.f-con dd p.qq a{ font-size:12px;}

.f-msg{ float:right; width:450px;}
::-webkit-input-placeholder{color:#f1969a;}
::-moz-placeholder{color:#f1969a;}
:-moz-placeholder{color:#f1969a;}
.f-msg .area{ float:left; width:434px; height:45px; padding:5px 8px; background:#e22c35; line-height:18px; color:#ffc7c9; font-size:14px; border:0; margin-bottom:12px;}
.f-msg .txt{ float:left; width:200px; height:18px; padding:5px 8px; border:0; background:#e22c35; color:#ffc7c9; margin-right:10px; margin-bottom:12px; font-size:14px;}
.f-msg .txt2{ float: right; width:205px; margin-right:0; font-size:14px;}
.f-msg .btns{ float:left; width: auto; padding: 0 10px; height:31px; border:0; background:#fff500; cursor:pointer; font-size:14px;}

.f-time{ float: left; padding-left: 45px; color: #fff; }
.f-time dt{ color: #ffdfce; font-size: 16px; margin-bottom: 10px;}
.f-time dd{ line-height: 40px; height: 40px; overflow: hidden;}
.f-time dd b{ float: left; display:block; width: 35px; text-align: center; overflow: hidden; height: 40px; background: #e22c35; border-radius: 5px; font-size: 20px; font-weight: normal }
.f-time dd span{ float: left; padding: 0 5px; font-size: 20px; line-height: 35px; color: #fff; }

.f-logo{ width:72px; height:32px; padding-left:24px; background-position:24px -97px; margin-right:15px;}
.f-logo a{ display:block; width:100%; height:0; padding-top:32px; overflow:hidden;}
.copyright{ line-height:12px; display:inline-block; color:#ccc;}
.copyright a{ color:#e54048; font-size:12px;}
.f-links a{ margin-left:22px; color:#ccc;}
.f-links a:hover{ color:#e54048;}
.f-imgs{ padding:20px 0 0;text-align:right; }
.f-imgs a{ margin: 0; }
.f-imgs img{ background: #fff; }

.f-promise{ height: 55px; overflow: hidden; margin: 15px auto; width: 1160px;  }
.f-promise li{ float: left; display: block; height: 55px; overflow: hidden; padding-left: 80px; width: 275px; }
.f-promise li a{ display: block; float: left; height: 100%; width: 100%; color: #bbb; font-size: 12px; line-height: 1; }
.f-promise li a span{ font-size: 18px; color: #333; line-height: 1.8; }
.f-promise li a em{ display: block; float: left; width: 54px; height: 55px; background: url('../Images/footimg.gif') no-repeat; margin-right: 10px; }
.f-promise li.li1 a em{ background-position: 0 0; }
.f-promise li.li2 a em{ background-position: -54px 0; }
.f-promise li.li3 a em{ background-position: -108px 0; }
.f-promise li.li3 a{ margin-right: 0; }
.f-promise li.li4 a em{ background-position: -162px 0; }

@media all and (max-width:1160px){
	.full{ width:1160px;}
}


.youshi-box { width:100%; height:auto; overflow:hidden; background:#f3f3f3; }
.w-1160 { width:1160px; height:auto; overflow:hidden; margin:0 auto;}
.main-t { padding-top:30px; height:auto; display:block; overflow:hidden; padding-bottom:60px;}
.main-t li { width:290px; float:left; text-align:center; overflow:hidden;}
.main-t li h4 {color: #333;font-size:18px; line-height: 18px; padding: 18px 0 8px;}
.main-t li p {color: #7d7d7d; font-size: 14px; line-height: 20px; margin-top:15px;}

.index-pro { width:100%; height:auto; overflow:hidden; background:#f1f5f8;}
.pro-daohang { width:1220px; height:auto; overflow:hidden; margin:0 auto; padding-top:40px; padding-bottom:30px; padding-left:20px; }

.pro-daohang li{position: relative; z-index: 1;transition: transform .4s cubic-bezier(0.18,0.89,0.32,1.28),box-shadow .3s .15s;}
.pro-daohang li a{ display: block; padding: 30px 20px 0px 20px; text-align: center; height: 300px;  float:left; width:260px;  transition: all 300ms ease-in-out;}
.pro-daohang li i { width:125px; height:114px; display:block; margin:0 auto; }
.pro-daohang li i.s1 { background:url(../Images/index-pro-icon01.png);}
.pro-daohang li a:hover i.s1 { background:url(../Images/index-pro-icon01-h.png);}
.pro-daohang li i.s2 { background:url(../Images/index-pro-icon02.png); }
.pro-daohang li a:hover i.s2 { background:url(../Images/index-pro-icon02-h.png);}
.pro-daohang li i.s3 { background:url(../Images/index-pro-icon03.png); }
.pro-daohang li a:hover i.s3 { background:url(../Images/index-pro-icon03-h.png);}
.pro-daohang li i.s4 { background:url(../Images/index-pro-icon04.png); }
.pro-daohang li a:hover i.s4 { background:url(../Images/index-pro-icon04-h.png);}
.pro-daohang li h3 { line-height:50px; display:block; width:220px;  margin:0 auto; margin-top:20px; font-size:24px; }
.pro-daohang li a:hover h3 { color:#FFF; background:#000; font-weight:normal; }

.pro-daohang li a:hover{box-shadow: 0 0px 28px rgba(0, 0, 0, 0.5); z-index: 2;transform: matrix(1, 0, 0, 1, 0, -10);  background:#F00;}
.pro-daohang li p { font-size:14px; padding:15px 0 0 15px; line-height:24px;}
.pro-daohang li a:hover p { color:#FFF;}
.pro-daohang li {}


.dl-box { width: 100%; height:698px; background-image: url(../Images/index2_bg.jpg); background-repeat: no-repeat; background-position: center center; margin:0 auto;}
.dl-box .index_top big {background-size: 240px auto !important;}
.dl-nav { width:780px; height:40px; background:#1a1b18; margin:0 auto; margin-top:20px;}

/*=========mF_tab--========*/
.mF_tab {
	width:1140px;
	height: auto;



}
.mF_tab .btn2 {
	position:absolute;
	top:0px;
	left:160px;
	z-index:2;
	width:780px;
	background:#1a1b18;
}
.mF_tab .btn2 li { float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #FFF; cursor: pointer; background-image: url(../Images/dl-line.jpg); background-repeat: no-repeat; background-position: right center;cursor:pointer; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out; }
.mF_tab .btn2 li.current {
	height:40px;
	background:#e9120f;
	cursor:pointer; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;
}
.mF_tab .cont {
	position:absolute;
	top:40px;
	left:0;
	overflow:hidden;
}
.mF_tab .cont .swt {
	position:absolute;
	left:0;
	top:0;
}
.mF_tab .cont .swt li p {

}

.cont-t-01 { float: left; padding-left: 20px; padding-top:80px; height: auto; overflow: hidden; }
.cont-t-01 h4 { font-size:26px; color:#434343; text-align:center;}
.cont-t-01 span { width:450px; display:block; color:#434343; font-size:16px; line-height:36px; padding-top:10px;}
.cont-t-01 span p { line-height:36px;  letter-spacing:2px;}
.cont-t-01 em { padding:40px 0 0 100px; display:block;}
.cont-t-01 em a {
    border-radius: 4px;
    overflow: hidden;
    padding: 0 30px;
    color: #fff;
    display: inline-block;
    background: #e9120f;
    line-height: 42px;
}
.cont-t-01 em a:hover { background:#000;}
.cont-t-bg01 { background-image: url(../Images/cot_01.png); background-repeat: no-repeat; background-position: right bottom; } 
.cont-t-bg02 { background-image: url(../Images/cot_02.png); background-repeat: no-repeat; background-position: 540px bottom; } 
.cont-t-bg03 { background:url(../Images/cot_03.png); background-repeat: no-repeat; background-position: 620px 80px;} 
.cont-t-bg04 { background:url(../Images/cot_04.png); background-repeat: no-repeat; background-position: 580px 60px;} 
.cont-t-bg05 { background:url(../Images/cot_05.png); background-repeat: no-repeat; background-position: 580px 60px;} 
.cont-t-bg06 { background:url(../Images/cot_06.png); background-repeat: no-repeat; background-position: 580px 60px;}

.zhaoshang-bnaner { width: 100%; height: 350px; background-image: url(../Images/zs_banner.jpg); background-repeat: no-repeat; background-position: center; }
.weixin-bnaner {width: 100%; height: 550px; background-image: url(../Images/weixin_banner.jpg); background-repeat: no-repeat; background-position: center;}
.guanjia-banner {width: 100%; height: 550px; background-image: url(../Images/guanjia_banner.jpg); background-repeat: no-repeat; background-position: center;}
.about-banner {width: 100%; height: 300px; background-image: url(../Images/about_banner.jpg); background-repeat: no-repeat; background-position: center;}
.chekuang-banner {width: 100%; height: 550px; background-image: url(../Images/chekuang_banner.jpg); background-repeat: no-repeat; background-position: center;}
.baojia-box { width:1200px; height:auto; overflow:hidden; margin:0 auto;  text-align:center; padding-bottom:60px;}
.baojia-box h4 { font-size:30px; padding:40px 0px;}
.sjgj-box { width:400px; height:328px; background:#FFF; float:left;}

.sjgj-box h5 { text-align:center; font-size:12px; color:#FFF; padding-top:15px;} 
.shouji-a01 { width: 360px; height:90px; background-image: url(../Images/sjgj-box-a01.jpg); background-repeat: repeat-x; display:block; line-height:90px; color:#FFF; font-size:30px; position:relative; padding-left:40px;}
.shouji-a01 i { width:60px; height:90px;  display:block; background:url(../Images/sj-icon01.png); position:absolute; left:70px;}
.shouji-a02 { width:400px; height:165px; background:#0d79c9; display:block; border-bottom:solid 1px #0c6db5;}
.shouji-a02 font { font-size:30px; text-align:center; font-weight:bold; color:#FFF; padding:20px 0 20px 0; display:block;}
.shouji-a02 a { width:150px; height:40px; background:#FFF; display:block; margin:0 auto; line-height:40px; font-size:14px; color:#0d79c9;}
.shouji-a02 a:hover { background:#f9f9f9;}
.shouji-a03 { text-align:center; color:#FFF; font-size:14px; padding:15px 20px 9px 20px; line-height:24px; background:#0d79c9;}

.shouji-b01 { width: 300px; height:110px; background-image: url(../Images/sjgj-box-b01.jpg); background-repeat: repeat-x; line-height:110px; display:block; text-align:center; color:#FFF;  font-size:30px; position:relative; padding-left:100px;}
.shouji-b01 i { width:90px; height:110px;  display:block; background:url(../Images/sj-icon02.png); position:absolute; left:60px;}
.shouji-b02 { width:400px; height:165px; background:#73b400; display:block; border-bottom:solid 1px #68a200;}
.shouji-b02 font { font-size:30px; text-align:center; font-weight:bold; color:#FFF; padding:20px 0 20px 0; display:block;}
.shouji-b02 a { width:150px; height:40px; background:#FFF; display:block; margin:0 auto; line-height:40px; font-size:14px; color:#73b400;}
.shouji-b02 a:hover { background:#f9f9f9;}
.shouji-b03 { text-align:center; color:#FFF; font-size:14px; padding:15px 20px 9px; 20px; line-height:24px; background:#73b400;}

.shouji-c01 { width: 320px; height:90px; background-image: url(../Images/sjgj-box-c01.jpg); background-repeat: repeat-x; display:block; line-height:90px; color:#FFF; font-size:30px; position:relative; padding-left:80px;}
.shouji-c01 i { width:80px; height:90px;  display:block; background:url(../Images/sj-icon03.png); position:absolute; left:60px;}
.shouji-c02 { width:400px; height:165px; background:#ff6800; display:block; border-bottom:solid 1px #e65e00;}
.shouji-c02 font { font-size:30px; text-align:center; font-weight:bold; color:#FFF; padding:20px 0 20px 0; display:block;}
.shouji-c02 a { width:150px; height:40px; background:#FFF; display:block; margin:0 auto; line-height:40px; font-size:14px; color:#ff6800;}
.shouji-c02 a:hover { background:#f9f9f9;}
.shouji-c03 { text-align:center; color:#FFF; font-size:14px; padding:15px 25px 9px 25px; line-height:24px; background:#ff6800;}

.hezuo { width: 100%; height: 718px; background-image: url(../Images/yx-1.jpg); background-repeat: no-repeat; background-position: center; }
.hezuo h4 { font-size:30px; padding:40px 0px; text-align:center;}
.hezuo font { width:1200px; margin:0 auto; text-align:center; line-height:36px;  display:block; padding-top:30px; font-size:16px;}
.hezuo-box { width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.ms-tbox { width:390px; height:458px; border-top:solid 2px #ff6800; background:#FFF; text-align:center; color:#000; float:left; }
.ms-tbox h5 { text-align:center; font-size:24px; line-height:40px; padding-top:30px; }
.ms-tbox a { width:230px; height:48px; display:block; background:#ff6800; text-align:center; color:#FFF; line-height:48px; margin:0 auto; margin-top:40px; border-radius:2px;}
.ms-tbox a:hover { background:#e35d00;}
.ms-tbox span { margin:0px 30px; display:block; border-bottom:solid 1px #f2f2f2; padding-top:10px;}
.ms-tbox span h6 { line-height:48px; font-size:16px;}

.hezuoyoushi { width:1200px; height:560px; overflow:hidden; margin:0 auto; padding-bottom:30px;}
.hezuoyoushi h4 { font-size:30px; padding:40px 0px; text-align:center;}
.hezuoyoushi ul { width:1200px; padding-bottom:20px;}
.hezuoyoushi ul li { width:400px; height:240px; float:left; text-align:center;}
.hezuoyoushi ul li i { width:100px; height:90px; display:block;  margin:0 auto;}
.hezuoyoushi ul li h2 { color:#333333; line-height:40px; font-size:20px;}
.hezuoyoushi ul li h3 { color:#666666; line-height:24px; font-size:14px; margin:0 60px;}

.jiameng { width:100%; height:430px; background: url(../Images/jm_img.jpg);}
.jiameng h4 { font-size:30px; padding:40px 0px; text-align:center; color:#FFF;}
.jiameng ul { width:1200px; margin:0 auto;}
.jiameng ul li { width:590px; height:284px; overflow:hidden; background:#FFF; float:left; }
.jiameng ul li span { width:590px; height:54px;  display:block; text-align:center; line-height:54px; font-weight:bold; letter-spacing:2px; color:#FFF; font-size:24px;}
.jiameng ul li font { font-size:14px; padding:10px 30px; display:block; line-height:30px;}

.liucheng { width:100%; height:390px; overflow:hidden; background:#f5f5f5;}
.liucheng h4 {font-size:30px; padding:40px 0px; text-align:center; }
.liucheng a { width:230px; height:48px; display:block; background:#ff6800; border-radius:2px; text-align:center; margin:0 auto; color:#FFF; line-height:48px; margin-top:60px;}
.lc-pic { width: 1170px; height: 100px; margin: 0 auto; background-image: url(../Images/lc_pic_icon.jpg); background-repeat: no-repeat; background-position: top; padding-left:40px;}
.liucheng a:hover { background:#e35d00;}
.lc-pic font { padding:70px 0px 0 20px; display:block; float:left;}
.re-bg { width: 100%; height: 700px; overflow:hidden; background-image: url(../Images/re_bg.jpg); background-repeat: no-repeat; background-position: center top; }
.bd-box { width: 920px; height: 590px; background-color: #FFF; margin:0 auto; margin-top:40px; }
.app_one1 {}

.bd-box .app_one1 {
    height: 107px;
    line-height: 1.5;
    width: 100%;
    padding: 10px 0;
    max-width: 920px;
}
.bd-box .app_one1 {
    background: url(../Images/one_f1.jpg) no-repeat center 0;
    color: #fff;
    height: 90px;
    background-size: auto 100% !important;
    line-height: 2;
}
.bd-box .app_one1 strong {font-size:28px;}

.app_one1, .app_one2 {
    clear: both;
    overflow: hidden;
    margin: 0 auto;
    max-width: 820px;
    text-align: center;
    padding: 15px 0;
    line-height: 2;
}

.apply-form{ padding: 30px 0; }
.apply-form .warper{  padding: 0 50px; box-sizing: border-box;max-width: 760px}
.apply-form header h1{ font-size:36px; border-bottom: 1px solid #eee; padding: 30px 0;text-align: center}
.apply-form .warper.apply-form-content{ padding: 30px;}
.apply-form ul{ padding:0 100px;}
.apply-form ul li{ border: 1px solid #eee;  border-radius: 4px; margin-bottom:35px; padding: 0 15px; position: relative; overflow: hidden; transition: border-color .2s ,box-shadow .1s 0.25s cubic-bezier(0.215,0.61,0.355,1); box-shadow: 0 0 0 rgba(20, 255, 255, 0.4);}
.apply-form ul li.on{ box-shadow: 0 0 10px rgba(20, 255, 255, 0.4);  border-color: rgba(33, 194, 243, 0.8);}
.apply-form ul li .ico{ font-size: 14px; position: absolute; left:4px; top:8px; line-height: 40px; width: 30px; text-align: center}
.apply-form ul li .input{ padding-left: 30px;}
.apply-form input{  border:none; width: 100%; height: 40px; line-height: 40px; font-weight: bold; }
.apply-form input::-webkit-input-placeholder,.apply-form .input .placeholder{ font-size: 14px; color: #999; font-weight: normal }
.authcode-btn{ height: 30px; line-height: 30px;border-left: 1px solid #eee; padding-left: 15px; position: absolute; right: 15px; top: 5px;   }
.authcode-btn.disabled,.authcode-btn.disabled a{ color: #999; pointer-events: none }
.authcode-btn a{ height: 30px; line-height: 30px; color: #35aefb; display: block; cursor: pointer}
.hint{ position: fixed; z-index: 99999; top: 45%; left: 46%; padding: 15px; background: rgba(0, 0, 0, 0.4); border-radius: 6px; color: #fff; text-align: center;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); display: none}
.hint .ico{ margin:0 auto; margin-bottom:10px; }

.text-center .btn-warn { background: #c31304; width:230px; height:48px; display:block; border-radius:2px; text-align:center; line-height:48px; margin:0 auto; color:#FFF;}
.text-center .btn-warn:hover { background:#b20e00;}
.f1 { width:25px; height:25px; background:url(../Images/icon_f1.jpg);}
.f2 { width:25px; height:25px; background:url(../Images/icon_f2.jpg);}
.f3 { width:25px; height:25px; background:url(../Images/icon_f3.jpg);}
.f4 { width:25px; height:25px; background:url(../Images/icon_f4.jpg);}
.fd { width:33px; height:33px; background: url(../Images/icon_fd.png);}

/*微信营销平台*/
.weixin_page { width:100%; height: auto; overflow:hidden; text-align:center; padding-bottom:60px;}
.weixin_page h4 { font-size:36px; padding:60px 0;}
.soft_page { width:100%; height:auto; overflow:hidden; background:#f6f6f9; text-align:center;}
.soft_page h4 { font-size:48px; padding:50px 0 30px 0;}
.soft_page span { width:970px; display:block; margin:0 auto; line-height:32px; color:#666666; font-size:16px;}

/*购物流程切换模块*/
.flow-slide{ height: 820px; width: 1200px; position: relative; }
.flow-slide .hd{ position: absolute; z-index: 1; top: 214px; height: 100px; width: 1200px;}
.flow-slide .hd li{ position: absolute; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;}
.flow-slide .hd li img{ width: 100%; position: relative; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); transform: translate(0,-50%); box-shadow: 0 0 10px rgba(0,0,0,.15); -webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;}
.flow-slide .hd.hd-0 li:nth-child(1){ z-index: 3; width: 280px; height: 510px; left: 50%; margin-left: -140px; }
.flow-slide .hd.hd-0 li:nth-child(2){ z-index: 2; width: 240px; height: 510px; left: 50%; margin-left: 140px; padding-right: 180px;}
.flow-slide .hd.hd-0 li:nth-child(3){ z-index: 1; width: 200px; height: 510px; left: 50%; margin-left: 360px; }
.flow-slide .hd.hd-0 li:nth-child(4){ z-index: 1; width: 200px; height: 510px; left: 50%; margin-left: -560px; }
.flow-slide .hd.hd-0 li:nth-child(5){ z-index: 2; width: 240px; height: 510px; left: 50%; margin-left: -580px; padding-left: 180px;}
.flow-slide .hd.hd-1 li:nth-child(1){ z-index: 2; width: 240px; height: 510px; left: 50%; margin-left: -580px; padding-left: 180px; }
.flow-slide .hd.hd-1 li:nth-child(2){ z-index: 3; width: 280px; height: 510px; left: 50%; margin-left: -140px; }
.flow-slide .hd.hd-1 li:nth-child(3){ z-index: 2; width: 240px; height: 510px; left: 50%; margin-left: 140px; padding-right: 180px; }
.flow-slide .hd.hd-1 li:nth-child(4){ z-index: 1; width: 200px; height: 510px; left: 50%; margin-left: 360px; }
.flow-slide .hd.hd-1 li:nth-child(5){ z-index: 1; width: 200px; height: 510px; left: 50%; margin-left: -560px; }
.flow-slide .hd.hd-2 li:nth-child(3){ z-index: 3; width: 280px; height: 510px; left: 50%; margin-left: -140px; }
.flow-slide .hd.hd-2 li:nth-child(4){ z-index: 2; width: 240px; height: 510px; left: 50%; margin-left: 140px; padding-right: 180px; }
.flow-slide .hd.hd-2 li:nth-child(5){ z-index: 1; width: 200px; height: 510px; left: 50%; margin-left: 360px; }
.flow-slide .hd.hd-2 li:nth-child(1){ z-index: 1; width: 200px; height: 510px; left: 50%; margin-left: -560px; }
.flow-slide .hd.hd-2 li:nth-child(2){ z-index: 2; width: 240px; height: 510px; left: 50%; margin-left: -580px; padding-left: 180px; }
.flow-slide .hd.hd-3 li:nth-child(4){ z-index: 3; width: 280px; height: 510px; left: 50%; margin-left: -140px; }
.flow-slide .hd.hd-3 li:nth-child(5){ z-index: 2; width: 240px; height: 510px; left: 50%; margin-left: 140px; padding-right: 180px; }
.flow-slide .hd.hd-3 li:nth-child(1){ z-index: 1; width: 200px; height: 510px; left: 50%; margin-left: 360px; }
.flow-slide .hd.hd-3 li:nth-child(2){ z-index: 1; width: 200px; height: 510px; left: 50%; margin-left: -560px; }
.flow-slide .hd.hd-3 li:nth-child(3){ z-index: 2; width: 240px; height: 510px; left: 50%; margin-left: -580px; padding-left: 180px; }
.flow-slide .hd.hd-4 li:nth-child(5){ z-index: 3; width: 280px; height: 510px; left: 50%; margin-left: -140px; }
.flow-slide .hd.hd-4 li:nth-child(1){ z-index: 2; width: 240px; height: 510px; left: 50%; margin-left: 140px; padding-right: 180px; }
.flow-slide .hd.hd-4 li:nth-child(2){ z-index: 1; width: 200px; height: 510px; left: 50%; margin-left: 360px; }
.flow-slide .hd.hd-4 li:nth-child(3){ z-index: 1; width: 200px; height: 510px; left: 50%; margin-left: -560px; }
.flow-slide .hd.hd-4 li:nth-child(4){ z-index: 2; width: 240px; height: 510px; left: 50%; margin-left: -580px; padding-left: 180px; }
.flow-slide .bd-wrap{ position: absolute; z-index: 2; width: 280px; height: 510px; top: 124px; left: 50%; margin-left: -240px; overflow: hidden; background: url(../Images/5s.png) center top no-repeat; padding: 90px 100px 300px;}
.flow-slide .title{ width: 280px; text-align: center; position: absolute; left: 50%; margin-left: -140px; line-height: 32px; font-size: 24px; top: 60px;}
.flow-slide .title i{ width: 32px; height: 32px; line-height: 32px; display: inline-block; vertical-align: middle; color: #fff; font-size: 24px; background: #EC5151; border-radius: 16px; margin-right: 15px; font-style:normal;}

.sc-title {
    font-size: 36px;
    color: #333;
    text-align: center;
    line-height: 1;
    margin-bottom: 30px;
}

.sc-subtitle {
    font-size: 16px;
    color: #82939e;
    line-height: 2;
    margin-bottom: 40px;
    text-align: center;
}

.weshop-flow .container { padding-top:0px; padding-bottom:80px;}

/*前端界面模块-手机展示*/
.mobileface-slide{ padding-top: 30px; }
.mobileface-slide .bd{ float: left; width: 500px; height: 780px; overflow: hidden; background: url(../Images/5s.png) center top no-repeat;}
.mobileface-slide .bd li{ padding: 80px 0 120px 102px; }
.mobileface-slide .bd li img{ width: 295px; height: 520px; }
.mobileface-slide .hd{ margin-left: 500px; padding-top: 100px;}
.mobileface-slide .hd ul{}
.mobileface-slide .hd li{ float: left; margin-left: 50px;  margin-bottom: 40px; text-align: center;}
.mobileface-slide .hd li .hd-icon{ width: 100px; height: 100px; display: block; background: #BCBCBC center center no-repeat; border-radius: 15px; margin-bottom: 10px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}
.mobileface-slide .hd li.on { color: #F04E54; }
.mobileface-slide .hd li.on .hd-icon{ background-color: #F04E54; }
.mobileface-slide .hd li p{ font-size: 18px; }


/* ---------- 产品终端-微商城 ---------- */
.weshop-banner{ background: url(../Images/weshop_banner.jpg) center top no-repeat; height: 600px; }
.weshop-interface-slide .hd li .hd-icon-1{ background-image: url(../Images/weshop_interface_1.png); }
.weshop-interface-slide .hd li .hd-icon-2{ background-image: url(../Images/weshop_interface_2.png); }
.weshop-interface-slide .hd li .hd-icon-3{ background-image: url(../Images/weshop_interface_3.png); }
.weshop-interface-slide .hd li .hd-icon-4{ background-image: url(../Images/weshop_interface_4.png); }
.weshop-interface-slide .hd li .hd-icon-5{ background-image: url(../Images/weshop_interface_5.png); }
.weshop-interface-slide .hd li .hd-icon-6{ background-image: url(../Images/weshop_interface_6.png); }
.weshop-interface-slide .hd li .hd-icon-7{ background-image: url(../Images/weshop_interface_7.png); }
.weshop-interface-slide .hd li .hd-icon-8{ background-image: url(../Images/weshop_interface_8.png); }
.weshop-advantage .advantage-list li{ float: left; width: 400px; height: 200px;}
.weshop-advantage .advantage-list li .img{ float: left; width: 100px; }
.weshop-advantage .advantage-list li .text{ margin-left: 100px; margin-right: 60px; }
.weshop-advantage .advantage-list li .title{ font-size: 24px; margin-bottom: 15px; }
.weshop-advantage .advantage-list li p{ color: #82939e; line-height: 2; font-size: 14px;}

/*图层模块*/
.module-word{ padding-top: 80px; padding-bottom:40px; overflow: hidden;}
.qrcode-word{ padding-top: 80px; padding-bottom:100px; overflow: hidden;}
.module-gray{ background-color: #f6f9fc; }
.module-nightblue{ background-color: #0D3752; }
.module-black{ background-color: #3a424d; }
.module-bgbrand { background-image: url(../Images/seller_temp6_bg.jpg); background-repeat: no-repeat; padding-top: 80px; padding-bottom:100px; overflow: hidden; }
.ml50{ margin-left: 50px!important; }
.pb0{ padding-bottom: 0!important; }



/*更多功能*/
.weixin_more { width:100%; height:520px; overflow:hidden; background:#f8f9fa; text-align:center;}
.weixin_more h4 { font-size:42px; padding:80px 0 30px 0;}
.tech-list { width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.tech-list li { float:left; width:200px; display:block;}
.tech-list li .title { padding:10px 0 20px 0; color:#000; font-size:20px;}
.tech-list li p { font-size:14px; color:#737480; padding:0 30px;}

/* ---------- 产品终端-手机管家 ---------- */
.shopkeeper-banner{ background: url(../Images/shopkeeper_banner.jpg) center top no-repeat; height: 600px; }
.shopkeeper-convenient .center-image{ padding-top: 100px; }
.shopkeeper-convenient .convenient-list{ position: absolute; top: 0; }
.shopkeeper-convenient .convenient-list li{ position: absolute; width: 300px; }
.shopkeeper-convenient .convenient-list li.item-1{ text-align: right; left:-50px; top: 500px; }
.shopkeeper-convenient .convenient-list li.item-2{ text-align: center; left: 430px; top: 0; }
.shopkeeper-convenient .convenient-list li.item-3{ text-align: left; left: 920px; top: 500px; }
.shopkeeper-convenient .convenient-list li .title{ font-size: 22px; }
.shopkeeper-convenient .convenient-list li.item-1 .title{ color: #F6892F; }
.shopkeeper-convenient .convenient-list li.item-2 .title{ color: #6484FA; }
.shopkeeper-convenient .convenient-list li.item-3 .title{ color: #F65230; }
.shopkeeper-convenient .convenient-list li p{ color: #82939e; line-height: 2; font-size: 16px; }
.shopkeeper-pc .pc-list{ padding-left: 390px; background: url(../Images/shopkeeper_pc.png) left top no-repeat; height: 600px; }
.shopkeeper-pc .pc-list ul{ padding-top: 80px; }
.shopkeeper-pc .pc-list li{ float: left; width: 200px; height: 300px; padding: 20px; border-radius: 15px; background-color: #454D58; color: #fff; margin-left: 15px; }
.shopkeeper-pc .pc-list li i{ display: block; height: 155px; margin-bottom: 20px; }
.shopkeeper-pc .pc-list li.item-1 i{ background: url(../Images/shopkeeper_pc_1.png) center center no-repeat; }
.shopkeeper-pc .pc-list li.item-2 i{ background: url(../Images/shopkeeper_pc_2.png) center center no-repeat; }
.shopkeeper-pc .pc-list li.item-3 i{ background: url(../Images/shopkeeper_pc_3.png) center center no-repeat; }
.shopkeeper-pc .pc-list li .title{ font-size: 22px; margin-bottom: 10px; }
.shopkeeper-pc .pc-list li p{ font-size: 16px; }
.shopkeeper-mobile .center-image{ height: 600px; }
.shopkeeper-mobile .center-image img{ position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.shopkeeper-happy .happy-slide{ height: 650px; position: relative;}
.shopkeeper-happy .happy-slide .bd{ width: 1920px; margin-left: -360px; position: relative; z-index: 1 }
.shopkeeper-happy .happy-slide .hd{ position: absolute; z-index: 2; width: 579px; height: 232px; background: url(../Images/shopkeeper_happy_hd_bg.png) no-repeat center; right: 50px; top: 50%; margin-top: -115px; color: #fff;  text-align: center; }
.shopkeeper-happy .happy-slide .hd dl{ height: 110px; overflow: hidden;}
.shopkeeper-happy .happy-slide .hd dl img{ position: relative; top: 39px; }
.shopkeeper-happy .happy-slide .hd p{ font-size: 24px; line-height: 50px; margin-top: 10px;}
.shopkeeper-happy .happy-slide .hd ul{ width: 70px; height: 10px; overflow: hidden; margin: 20px auto 0;}
.shopkeeper-happy .happy-slide .hd ul li{ float: left; width: 10px; height: inherit; margin-right: 10px; border-radius: 50%; background-color: #868180; cursor: pointer; }
.shopkeeper-happy .happy-slide .hd ul li.last{margin-right: 0;}
.shopkeeper-happy .happy-slide .hd ul li.on{ background-color: #ededed; }
.shopkeeper-interface-slide .hd li .hd-icon{ background-image: url(../Images/shopkeeper_interface_icon.png); }
.shopkeeper-interface-slide .hd li .hd-icon-1{ background-position: 25px 5px; }
.shopkeeper-interface-slide .hd li .hd-icon-2{ background-position: 25px -79px; }
.shopkeeper-interface-slide .hd li .hd-icon-3{ background-position: 25px -177px; }
.shopkeeper-interface-slide .hd li .hd-icon-4{ background-position: 25px -267px; }
.shopkeeper-interface-slide .hd li .hd-icon-5{ background-position: 25px -352px; }
.shopkeeper-interface-slide .hd li .hd-icon-6{ background-position: 25px -442px; }
.shopkeeper-interface-slide .hd li .hd-icon-7{ background-position: 30px -534px; }
.shopkeeper-interface-slide .hd li .hd-icon-8{ background-position: 25px -627px; }
.shopkeeper-interface-slide .hd li p{ font-size: 16px; line-height: 3; }
.shopkeeper-visual{ background-image: url(../Images/shopkeeper_visual_bg.jpg); background-position: center bottom; background-repeat: no-repeat; }
.shopkeeper-visual .visual-list li{ float: left; width: 400px; text-align: center; }
.shopkeeper-visual .visual-list li .title{ display: inline-block; padding: 10px 30px; position: relative; color: #fff; background-color: #49B9EE; font-size: 16px; margin-bottom: 30px;}
.shopkeeper-visual .visual-list li .title:after{ content: ""; position: absolute; width: 0; height: 0; border-right: 6px solid transparent;  border-left: 6px solid transparent; border-top: 6px solid  #49B9EE; left: 50%; bottom: -6px; margin-left: -4px;}
.shopkeeper-visual .visual-list li img{ vertical-align: middle; }
.shopkeeper-login { overflow: visible; }
.shopkeeper-login .login-list{ position: relative; height: 818px; margin-bottom: -130px;}
.shopkeeper-login .login-list li{ position: absolute; }
.shopkeeper-login .login-list li p{ margin-bottom: -30px; padding-left: 70px; color: #82939e; font-size: 16px;}
.shopkeeper-login .login-list li.item-1{ top: 468px; left: 47px; }
.shopkeeper-login .login-list li.item-2{ top: 300px; left: 300px; }
.shopkeeper-login .login-list li.item-3{ top: 126px; left: 554px; }
.shopkeeper-dock{ padding-top: 100px; }
.module-gray{ background-color: #f6f9fc; }


/*按钮模块*/
.btn{ display: inline-block; font-size: 18px; color: #fff; background-color: #3DBAF7; padding: 12px 25px; border-radius: 15px; }
.btn:hover{ background-color: #24B2F7; }
.btn img{ vertical-align: middle; margin-right: 5px; }
.btn-danger{ background-color: #EC5151; }
.btn-danger:hover{ background-color: #F96565; }
.btn-3d{ border-radius: 10px; padding: 14px 50px; }
.btn-danger.btn-3d{ border-bottom: 5px solid #D33C3C; }
.btn-danger.btn-3d:hover{ border-bottom-color: #DC5353;}
.btn-3d:active{ border-bottom: 0 none; transform: translate(0,5px); margin-bottom: 5px;}
/*图片居中模块*/
.center-image{ position: relative; }
.center-image img{ position: relative; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); vertical-align: middle;}
/*鼠标经过卡片阴影模块*/
.module-card-raise{ -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.module-card-raise:hover{ -webkit-transform: translate(0,-10px); -moz-transform: translate(0,-10px); transform: translate(0,-10px); -webkit-box-shadow: 0 20px 20px #ddd; -moz-box-shadow: 0 20px 20px #ddd; box-shadow: 0 20px 20px #ddd;}


.about-box { width: 100%; height: 520px; background-image: url(../Images/about_bg.jpg); background-repeat: no-repeat; background-position: center top; }
.about-tt { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; background-image: url(../Images/about-img.png); background-position: right 120px; background-repeat: no-repeat; }
.about-title { padding-top:50px; float:left; }
.about-title h4 { font-size:40px; color:#000; float:left;}
.about-title h5 { font-size:24px; color:646464; float:left; padding-left:20px; padding-top:10px; float:left;}
.about-wz { width:760px; display:block; float:left; font-size:16px; padding-top:20px;}
.about-wz p { text-indent:2em; line-height:36px;}

.team-box { width:100%; height:500px; background:#17a9a4;}
.team-tt { width: 1200px; height: auto; overflow: hidden; margin: 0 auto; background-image: url(../Images/team-img.png); background-position: left 140px; background-repeat: no-repeat; }
.team-title { padding-top:50px; float:left; }
.team-title h4 { font-size:40px; color:#fcff00; float:left;}
.team-title h5 { font-size:24px; color:#FFF; float:left; padding-left:20px; padding-top:10px; float:left;}
.team-wz { width:760px; display:block; float: right; font-size:16px; padding-top:20px; color:#FFF;}
.team-wz p { text-indent:2em; line-height:36px;}


/* ---------- 产品终端-通用 ---------- */
.terminal-nav ul .channel_gray a{ color:#ccc;}
.terminal-nav{ width:100%; height:80px; background:#EC5051; position:relative; margin-top:-10px; z-index:54; line-height:80px; -webkit-transition: background .5s; -moz-transition: background .5s; transition: background .5s;}
.terminal-nav ul{ height:auto; margin:0 auto; overflow:hidden;}
.terminal-nav ul li{ float:left; margin-right:50px;}
.terminal-nav ul li.last{ margin-right:0;}
.terminal-nav ul li a{ color:#fff; font-size:16px;display:block; padding:0 15px;}
.terminal-nav ul li.current a{ font-weight:bold;}
.terminal-nav .down{ float:right; height:30px; line-height:30px; color:#ec5051; font-size:18px; padding:0 13px; background:#fff; border-radius:5px; margin-top:25px;}
.terminal-nav .down:hover{ background:#fbdcdc;}
.terminal-nav .wrap-line{ height:2px; background:#fff; top:62px;}
.terminal-nav .nav_icon{ width:40px; height:40px; float:left; margin:22px 60px 0 190px; background:url(../Images/terminal_nav_icon.png) no-repeat;}
.terminal-nav ul li{ margin-right:40px;}
.terminal-nav.app .nav_icon{ background-position:0 -45px; margin:30px 100px 0 0;}
.terminal-nav.app ul{ width:auto;}

.terminal-nav .container_center ul{ text-align:center;}
.terminal-nav .container_center ul li{ display:inline-block; float:none;}


/* ---------- 产品终端-PC端 ---------- */
.pc-banner{ height: 600px; background: url(../Images/mb_banner.jpg) center top no-repeat; }
.pc-goods .left-side{ width: 600px; float: left; margin-top: 60px;}
.pc-goods .right-side{ margin-left: 600px; }
.pc-goods .goods-list li{ float: left; margin-right: 60px; }
.pc-goods .goods-list .goods-icon{ display: block; height: 50px; background-position: center center; background-repeat: no-repeat; }
.pc-goods .goods-list .item-1 .goods-icon{ background-image: url(../Images/pc_goods_1.png); }
.pc-goods .goods-list .item-2 .goods-icon{ background-image: url(../Images/pc_goods_2.png); }
.pc-goods .goods-list .item-3 .goods-icon{ background-image: url(../Images/pc_goods_3.png); }
.pc-goods .goods-list .item-4 .goods-icon{ background-image: url(../Images/pc_goods_4.png); }
.pc-goods .goods-list p{ color: #82939e; font-size: 16px; text-align: center;}
.pc-activity .left-side{ width: 600px; float: left;}
.pc-activity .left-side .activity-slide{ position: relative; height: 594px;}
.pc-activity .left-side .activity-slide .bd-wrap{ position: absolute; right: 0; top:0; width: 960px; height: 594px; background: url(../Images/pc_activity.jpg) right top no-repeat; }
.pc-activity .left-side .activity-slide .bd{ margin-top: 23px; margin-left: 0px; }
.pc-activity .left-side .activity-slide .hd{ position: absolute; right: -630px; top: 200px; width: 600px; }
.pc-activity .left-side .activity-slide .hd li{ float: left; width: 100px; margin-left: 50px; margin-bottom: 20px;}
.pc-activity .left-side .activity-slide .hd .list-icon{ width: 100px; height: 100px; background: #CBCBCB url(../Images/pc_activity_icon.png) center center no-repeat; border-radius: 10px; margin-bottom: 20px; }
.pc-activity .left-side .activity-slide .hd .item-1 .list-icon{ background-position: -39px 24px; }
.pc-activity .left-side .activity-slide .hd .item-2 .list-icon{ background-position: -195px 24px; }
.pc-activity .left-side .activity-slide .hd .item-3 .list-icon{ background-position: -348px 24px; }
.pc-activity .left-side .activity-slide .hd .item-4 .list-icon{ background-position: -501px 24px; }
.pc-activity .left-side .activity-slide .hd .item-5 .list-icon{ background-position: -654px 24px; }
.pc-activity .left-side .activity-slide .hd .item-6 .list-icon{ background-position: -806px 24px; }
.pc-activity .left-side .activity-slide .hd .item-7 .list-icon{ background-position: -956px 24px; }
.pc-activity .left-side .activity-slide .hd .item-8 .list-icon{ background-position: -1111px 24px; }
.pc-activity .left-side .activity-slide .hd .on .list-icon{ background-color: #EB5252; }
.pc-activity .left-side .activity-slide .hd p{ font-size: 16px; color: #82939e; text-align: center;}
.pc-activity .right-side{ margin-left: 600px; }
.pc-buy .buy-slide{ position: relative; height: 630px;}
.pc-buy .buy-slide .bd{ text-align: center; }
.pc-buy .buy-slide .hd{ position: absolute; top: 0; width: 100%; }
.pc-buy .buy-slide .hd a{ position: absolute; top: 200px; height: 100px; line-height: 100px; font-size: 100px; color: #ddd; }
.pc-buy .buy-slide .hd a.prev{ left: 0; margin-left: 140px; }
.pc-buy .buy-slide .hd a.next{ right: 0; margin-right: 140px; }


/*系统概述*/
.commerce-banner{ background:url(../Images/commerce-banner.jpg) center center no-repeat; height:600px;}

.commerce_temp1{ height:884px; background:url(../Images/commerce_temp1_bg.jpg) center center no-repeat;}
.commerce_temp1 .container{ padding-top:80px;}
.container_left{ float:left; text-align:left;}
.container_left .sc-title,.container_left .sc-subtitle{ text-align:left;}
.commerce_temp1 .container_right{ position:absolute; top:80px; right:0;}

.commerce_temp2{ background:#fff;}
.commerce_temp2 .container_right{ padding:85px 55px 0 0}
.commerce_temp2 .container_right .sc-title{ margin-bottom:20px;}
.commerce_temp2 .container_right img{ padding-top:30px;}

.commerce_temp3{ background:url(../Images/commerce_temp3_bg.jpg) center center no-repeat;}
.commerce_temp3 .center-image .sc-subtitle{ position:absolute; bottom:110px; left:50%; margin:0 0 0 -216px;}

.commerce_temp5{ background:url(../Images/commerce_temp5_bg.jpg) center center no-repeat; padding:45px 0 65px;}
.commerce_temp5 .container_left{ margin-left:176px;}
.commerce_temp5 .container_right{ padding:40px 0 0 0;}
.commerce_temp5 .container_right p{ font-size:16px; color:#505050; margin-bottom:8px;}
.commerce_temp5 .container_right p a{ color:#2a94ee;}
.commerce_temp5 .container_right p a:hover{ color:#ec5051;}
.commerce_temp5 .container_right .btn{ margin-top:50px; padding:12px 50px;}





/* ---------- 功能亮点-核心功能 ---------- */
.core-banner{ background: url(../Images/core_banner.jpg) center top no-repeat; height: 600px; }
.core-front .front-list{ margin-right: -50px; }
.core-front .front-list li{ float: left; width: 325px; margin-right:90px; margin-bottom: 50px;}
.core-front .front-list li i{ background: url(../Images/core_front.png) no-repeat; width: 100px; height: 100px; float: left; }
.core-front .front-list li.item-1 i{ background-position: 0 0; }
.core-front .front-list li.item-2 i{ background-position: -441px 0; }
.core-front .front-list li.item-3 i{ background-position: -875px 0; }
.core-front .front-list li.item-4 i{ background-position: 0 -150px; }
.core-front .front-list li.item-5 i{ background-position: -441px -150px; }
.core-front .front-list li.item-6 i{ background-position: -875px -150px; }
.core-front .front-list li.item-7 i{ background-position: 0 -300px; }
.core-front .front-list li.item-8 i{ background-position: -441px -300px; }
.core-front .front-list li.item-9 i{ background-position: -875px -300px; }
.core-front .front-list li .text{ margin-left: 120px; }
.core-front .front-list li .title{ font-size: 20px; padding-top: 6px; margin-bottom: 10px; }
.core-front .front-list li p{ color: #82939e; font-size:12px; }
.core-goods .goods-list li{ float: left; width: 300px; text-align: center; margin-bottom: 50px;}
.core-goods .goods-list li i{ display: block; width: 180px; height: 180px; margin: 0 auto 20px; background: url(../Images/core_goods.png) no-repeat; }
.core-goods .goods-list li.item-1 i{ background-position: 0 0; }
.core-goods .goods-list li.item-2 i{ background-position: -280px 0; }
.core-goods .goods-list li.item-3 i{ background-position: -560px 0; }
.core-goods .goods-list li.item-4 i{ background-position: -840px 0; }
.core-goods .goods-list li.item-5 i{ background-position: 0 -344px; }
.core-goods .goods-list li.item-6 i{ background-position: -280px -344px; }
.core-goods .goods-list li.item-7 i{ background-position: -560px -344px; }
.core-goods .goods-list li.item-8 i{ background-position: -840px -344px; }
.core-goods .goods-list li .title{ font-size: 18px; margin-bottom: 10px;}
.core-goods .goods-list li p{ color: #82939e; font-size: 14px; line-height: 2;}
.core-express .text{ position: absolute; top: 100px; text-align: center; }
.core-express .text li{float: left; width: 250px;}
.core-express .text li.item-1{ margin-left: 260px; }
.core-express .text li.item-2{ margin-left: 190px; }
.core-express .text li .title{ font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.core-express .text li p{ line-height: 2; font-size: 14px;}


/*后台管理*/
.tl{ text-align:left;}
.tc{ text-align:center;}
.th_bg{ background-color: #ddd;}
.td_bg{ background-color: #F5F5F5;}

.pf-banner{ height:600px; background:url(../Images/pf-banner.png) center center no-repeat;}
.platform_demo_table{ width:900px; margin:0 auto;}
.platform_demo_table tr{ border-bottom:0; border-top:0;}
.platform_demo_table tr:last-child{ border-bottom:1px solid #ddd;}
.platform_demo_table th,.platform_demo_table td{ padding:0; height:50px; line-height:50px;}
.platform_demo_table th{ font-size:18px;}
.platform_demo_table td{ font-size:16px;}

.platform_demo_table .td1{ width:170px;}
.platform_demo_table .td2{ width:300px; padding-left:50px;}
.platform_demo_table .td3{ width:200px;}
.platform_demo_table .td4{ width:140px;}

.pf_temp2 .fill-list .item-1{ background:#f78125;}
.pf_temp2 .fill-list .item-2{ background:#38b9f5;}
.pf_temp2 .fill-list .item-3{ background:#ef5052;}
.pf_temp2 .fill-list .item-4{ background:#5d53ca;}
.pf_temp2 .fill-list li i{ background:url(../Images/pf_temp2_fill.png) no-repeat;}
.pf_temp2 .fill-list .item-1 i{ background-position:0 0;}
.pf_temp2 .fill-list .item-2 i{ background-position:0 -120px;}
.pf_temp2 .fill-list .item-3 i{ background-position:0 -240px;}
.pf_temp2 .fill-list .item-4 i{ background-position:0 -360px;}
.pf_temp2 .fill-list li p,.store_temp6 .fill-list li p{ font-size: 20px;}

.pf_temp3{ position:relative;}
.pf_temp3 .center-image{ padding:24px 0;}
.bannerBox{ display: block;position:absolute;left: 0;top: 0;overflow: hidden;z-index: -999;height: 100%;width: 100%;}
.bannerBox .slideBanner{ height: 100%;width: 100%;}
.bannerBox .slideBanner li{ display: block;overflow: hidden;width: 100%;height: 809px;}

.pf_temp4{ height:635px;}
.container_right{ float:right; position:relative; z-index:9;}
.container_right .sc-title,.container_right .sc-subtitle{ text-align:left;}
.pf_temp4 .center-image{ position:absolute; margin-top:20px; margin-left:115px;}

.pf_temp4{ height:635px;}
.container_right{ float:right; position:relative; z-index:9;}
.container_right .sc-title,.container_right .sc-subtitle{ text-align:left;}
.pf_temp4 .center-image{ position:absolute; margin-top:20px; margin-left:115px;}

.siderInfo .hd{ text-align:center; padding:0 0 30px; font-size:0;}
.siderInfo .hd li{ display:inline-block; width:94px; height:35px; line-height:35px; font-size:16px; color:#333; background:#e4eaec; margin-right:12px; text-align:center; position:relative; cursor:pointer;}
.siderInfo .hd li:last-child{ margin-right:0;}
.siderInfo .hd li.on{ background:#02b8d6; color:#fff;}
.siderInfo .hd li.on i{ width: 0px;height: 0px;border: 7px solid transparent;border-top-color:#02b8d6; position:absolute; bottom:-14px; left:41px;}
.siderInfo .bd{ width:1016px; margin:0 auto; position:relative;}
.siderInfo .bd li{ float:left; width:1016px; height: auto;}
.siderInfo .bd .prev,.siderInfo .bd .next{ width:25px; height:25px; background:url(../Images/pf_icon.png) no-repeat; display:block; position:absolute; top:50%; margin-top:-13px;}
.siderInfo .bd .prev{ left:-60px;}
.siderInfo .bd .next{ right:-60px; background-position:-25px 0;}
.siderInfo .bd .prev:hover{ background-position:0 -25px;}
.siderInfo .bd .next:hover{ background-position:-25px -25px;}

.pf_temp6{ background-color: #333; height:900px;}


/*商家后台*/
.seller-banner{ background:url(../Images/seller_banner.png) center center no-repeat; height:600px;}

.seller_temp2{ background:#f6f9fc; padding:110px 0 40px;}
.seller_temp2 .img{ width:970px; height:598px; margin:80px auto 0; position:relative;}
.seller_temp2 .right{ position:absolute; right:-48px; top:100px;}
.seller_temp2 .right .tiny{ float:left;}
.seller_temp2 .subtitle_text{ float:left; margin-top:-8px;}
.seller_temp2 .subtitle_text p{ font-size:16px; color:#82939e;}
.seller_temp2 .subtitle_text .p2{ margin-top:75px;}
.seller_temp2 .subtitle_text .p3{ margin-top:70px;}
.seller_temp2 .subtitle_text .p4{ margin-top:68px;}
.seller_temp2 .subtitle_text .p5{ margin-top:73px;}

.seller_temp3{ padding:80px 0;}
.seller_temp3 .item{ width:20%; float:left; margin-bottom:50px; text-align:center;}
.seller_temp3 .item i{ background:url(../Images/seller_temp3_tab.png) no-repeat; width:120px; height:120px; display:inline-block;}
.seller_temp3 .item p{ color:#82939e; font-size:16px; text-align:center; margin-top:10px;}
.seller_temp3 .item_1 i{ background-position:0 0;}
.seller_temp3 .item_2 i{ background-position:-242px 0;}
.seller_temp3 .item_3 i{ background-position:-484px 0;}
.seller_temp3 .item_4 i{ background-position:-726px 0;}
.seller_temp3 .item_5 i{ background-position:-968px 0;}
.seller_temp3 .item_6 i{ background-position:-1px -207px;}
.seller_temp3 .item_7 i{ background-position:-243px -207px;}
.seller_temp3 .item_8 i{ background-position:-485px -207px;}
.seller_temp3 .item_9 i{ background-position:-726px -207px;}
.seller_temp3 .item_10 i{ background-position:-968px -207px;}

.seller_temp4{ height:1038px; background:url(../Images/seller_temp4_bg.jpg) center center no-repeat; padding:0;}
.seller_temp4 .sc-title{ margin-top:80px;}
.seller_temp4 .sc-subtitle{ margin-bottom:50px;}
.seller_temp4 .img{ position:relative;}
.seller_temp4 .img .left{ float:left; margin-top:70px;}
.seller_temp4 .img .left img{ float:left; position:relative;}
.seller_temp4 .img .left .left_tiny{ position: absolute; z-index:11; margin-top:78px;}

.seller_temp4 .img .con{ width:970px; height:598px; position:absolute; left:120px; top:0; z-index:10;}
.seller_temp4 .img .right{ float:right; margin-top:60px;}
.seller_temp4 .img .right img{ float:right;  position:relative;}
.seller_temp4 .img .right .right_tiny{ position: absolute; z-index:12; top:20px; right:130px;}
/*.seller_temp4 .img .left_text_img{ position:absolute; left:0; top:68px; z-index:9;}
.seller_temp4 .img .right_text_img{ position:absolute; right:0; top:68px; z-index:9;}
.seller_temp4 .img .left_tiny{ position:absolute; left:140px; top:140px; z-index:11;}
.seller_temp4 .img .right_tiny{ position:absolute; right:140px; top:128px; z-index:11;}*/

.seller_temp5 .img{ position:absolute;transform:none; -webkit-transform:none; bottom:8px; left:140px;}

.seller_temp6{ height:803px; background:url(../Images/seller_temp6_bg.jpg) center center no-repeat; padding:0;}
.seller_temp6 .sc-title{ margin-top:80px;}
.seller_temp6 .img{ position:absolute; top:64px;transform:none; -webkit-transform:none; left:102px;}

.seller_temp7{ padding:160px 0 80px;}

/*
	服务支持
*/
.service_banner{ width: 100%; height:300px; background-image: url(../Images/list_banner.jpg); background-repeat: no-repeat; background-position: center top; }
.service_tabs{ width:100%; height:60px; background:#ec5051;}
.service_tabs ul{ float:left; width:1200px;}
.service_tabs span{ width:1200px; height:60px; line-height:60px; font-size:24px; color:#fff; float:left; text-align:center; position:relative; cursor:pointer;}
.service_tabs ul li{ width:240px; height:80px; line-height:80px; font-size:20px; color:#fff; float:left; text-align:center; position:relative; cursor:pointer;}
.service_tabs ul li.current,.service_tabs ul li:hover{ background:#dc3536;}
.service_tabs span i{width:0px;height:0px;border-top:10px solid #ec5051;border-left:15px solid transparent;border-right:15px solid transparent; position:absolute; top:60px; left:600px;}

.service_con{ width:1200px; margin:48px auto 100px;}
.service_con table{  border-collapse: collapse; font-size:16px; background:#fff; width:100%;}
.service_con table td,.service_con table th{ border:1px solid #dcdcdc; height:45px; line-height:45px; text-align:center;}
.service_con table th{ height:58px; line-height:58px; font-size:20px; font-weight:bold; color:#333; background:#ffefef; border-top:2px solid #ec5051;}
.service_con table .th1{ width:400px;}
.service_con table .td3{ width:165px;}
.service_con table .th3{ width:628px;}
.service_con table .td1{ width:68px;}
.service_con table .td1 span{ width:20px; display:block; line-height:20px; padding:0 0 0 34px; font-size:20px; color:#333;}
.service_con table .td2{ text-align:left; padding-left:30px; color:#333;}
.service_con table .td4{ text-align:left; padding-left:50px; padding-right:10px;}
.service_con table td .icon{ width:27px; height:25px; display:block; float:left; background-position:0 0; margin-left:65px;}
.service_con table td .icon.ok{ background-position:-9px -264px;}
.service_con table td .icon.no{ background-position:-52px -264px;}
.service_con table td .icon.error{ background-position:-54px -265px;}

.service_con table td .row1{ display:inline-block; *display:inline; *zoom:1; padding:20px 0; text-align:center;}
.service_con table td .row2{ line-height:35px;}

.icon{ background:url(../Images/ecsc_icon.png) no-repeat;}
.w1200 { width:1200px; margin:0 auto;}

/*车况模块*/
.ck_top_box { width:100%; height:600px; background:#f5f5f5;}

.dd-mid{width: 1200px;margin: 0 auto;}
.dd-pt1{height: 600px;overflow: hidden;}
.dd-font{height:46px; text-align:center; font-size:30px; color:#333; padding:40px 0 20px 0;}
.dd-pt1 ul{margin-top:40px; }

.dd-pt1 ul li{ float: left; width: 399px; height: 340px; position: relative; text-align: center; background-image: url(../Images/ck_top_line.jpg); background-repeat: no-repeat; background-position: right center; }
.dd-pt1 ul li.last{border-right: none;}
.dd-pt1 ul li span{display:block; width:300px; height:340px; margin:0 auto;   padding-top:20px; padding-bottom:15px; transition: transform .4s cubic-bezier(0.18,0.89,0.32,1.28),box-shadow .3s .15s;}
.dd-pt1 ul li span a {display: block; transition: all 300ms ease-in-out;}
.dd-pt1 ul li span:hover { background:#FFF; border-bottom:2px #e60012 solid; box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2); z-index: 2;transform: matrix(1, 0, 0, 1, 0, -10);}
.dd-pt1 ul li span h3 { font-size:24px; padding:10px 0;}
.dd-pt1 ul li span p { font-size:14px; padding:10px 25px; line-height:24px; color:#a0a0a0;}

.t-tac{text-align: center;}
.cl666{color: #666;}
.cl999{color: #999;}
.ft16{font-size: 16px;}
.ft18{font-size: 18px;}
.ft20{font-size: 20px;}

.dd-anal-box { background:#f5f5f5;}
.dd-anal{background: url(../Images/tin.jpg) no-repeat center center;height: 240px; text-align:center; color:#FFF; font-size:30px; padding-top:60px;}
.dd-anal-bt{width: 1058px;margin:-130px auto 0 auto;background: #fff;overflow: hidden; }
.dd-anal-bt ul{overflow:hidden;text-align: center;}
.dd-anal-bt ul.last{border-top:1px solid #e6e6e6;}
.dd-anal-bt ul li{float: left;width: 424px;margin: 90px 0 70px 0;padding: 0 52px;}
.dd-anal-bt ul li span{display:block;height:200px;}
.dd-anal-bt ul.last li span{height:240px;}
.dd-anal-bt ul li.brr{border-right: 1px dashed #eee;}
.dd-anal-bt ul li h4{color: #050505;font-size: 24px;line-height: 60px;margin-top: 15px;}
.dd-anal-bt ul li p{color: #999;font-size: 14px;line-height: 23px; padding:0 45px;}

.lc-title { text-align:center; font-size:30px; padding-bottom:40px;}


.font_tit {font-size:16px; color:#FFF; display:block; text-align:center; padding:20px 0 30px 0;}

/*分销拓客样式*/
.fenxiao-bnaner {}
.distribution_banner_bg{height:710px;margin-top:0px;background:url(../Images/distribution_banner_bg.jpg) no-repeat center; overflow:hidden; z-index:-1;}
.distribution_other{height:720px;margin-top:33px;margin-left:-33px;background:url(../Images//distribution_other.png) no-repeat center; overflow:hidden;}
.distribution_title{position: absolute;top:-20px;left:0px;width: 100%;height:362px;background: url(../Images/distribution_title.png) center 0 no-repeat;}
.z-index1{z-index:-1}
.distribution_page{position: absolute;top:292px;left:56px;width: 100%;height: 533px;background: url(../Images/distribution_mobile.png) center 0 no-repeat;}

/*======视觉盛宴======*/
.banner8{ background:url(../Images8.png) no-repeat center; overflow:hidden;}
.fg_light {
    -moz-animation: light 60s linear 0s infinite;
    -webkit-animation: light 60s linear 0s infinite;
    animation: light 60s linear 0s infinite;
    position: absolute;
    top: -400px;
    left: 0;
    width: 100%;
    height: 1920px;
    background: url(../Images/light_bg.png) center 0 no-repeat;
}
.fg_yun1 {
    -moz-animation: cloud1 6s ease-in-out 0s infinite;
    -webkit-animation: cloud1 6s ease-in-out 0s infinite;
    animation: cloud1 6s ease-in-out 0s infinite;
    position: absolute;
    top:186px;
    left: 0;
    width: 100%;
    height: 806px;
    background: url(../Images/fg1_yun1.png) center 0 no-repeat;
}
.fg_page {
    position: absolute;
    top: 225px;
    left: 0;
    width: 100%;
    height: 533px;
    background: url(../Images/fg_page.png) center 0 no-repeat;
}
.fg_yun2 {
    -moz-animation: cloud2 6s ease-in-out 0s infinite;
    -webkit-animation: cloud2 6s ease-in-out 0s infinite;
    animation: cloud2 6s ease-in-out 0s infinite;
    position: absolute;
    top:325px;
    left: 0;
    width: 100%;
    height: 764px;
    background: url(../Images/fg1_yun2.png) center 0 no-repeat;
}
.fg_other {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 764px;
    background: url(../Images/fg1_other.png) center 0 no-repeat;
}


.main{ width:100%; margin:auto; overflow:hidden}
.mainmid{ width:1210px; margin:auto; overflow:hidden;}
.mainbig{ width:1348px; margin:auto; overflow:hidden;}
.advcont_main{ width:1025px; margin:0 auto; overflow:hidden;}
.f_left{ float:left;}
.f_right{ float:right;}
.relative{ position:relative;}
.none{ display:none;}
.m_auto{ margin:0 auto;}


.core-front .front-list2{ margin-right: -50px; }
.core-front .front-list2 li{ float: left; width: 325px; margin-right:90px; margin-bottom: 50px;}
.core-front .front-list2 li i{ background: url(../Images/core_front2.png) no-repeat; width: 80px; height: 80px; float: left; }
.core-front .front-list2 li.item-1 i{ background-position: 0 0; }
.core-front .front-list2 li.item-2 i{ background-position: -441px 0; }
.core-front .front-list2 li.item-3 i{ background-position: -873px 0; }
.core-front .front-list2 li.item-4 i{ background-position: 0 -150px; }
.core-front .front-list2 li.item-5 i{ background-position: -441px -150px; }
.core-front .front-list2 li.item-6 i{ background-position: -873px -150px; }
.core-front .front-list2 li.item-7 i{ background-position: 0 -300px; }
.core-front .front-list2 li.item-8 i{ background-position: -441px -300px; }
.core-front .front-list2 li.item-9 i{ background-position: -873px -300px; }
.core-front .front-list2 li .text{ margin-left: 120px; }
.core-front .front-list2 li .title{ font-size: 20px; padding-top: 6px; margin-bottom: 10px; }
.core-front .front-list2 li p{ color: #82939e; font-size:16px; }
.core-goods .goods-list2 li{ float: left; width: 300px; text-align: center; margin-bottom: 50px;}
.core-goods .goods-list2 li i{ display: block; width: 180px; height: 180px; margin: 0 auto 20px; background: url(../Images/core_goods.png) no-repeat; }
.core-goods .goods-list2 li.item-1 i{ background-position: 0 0; }
.core-goods .goods-list2 li.item-2 i{ background-position: -280px 0; }
.core-goods .goods-list2 li.item-3 i{ background-position: -560px 0; }
.core-goods .goods-list2 li.item-4 i{ background-position: -840px 0; }
.core-goods .goods-list2 li.item-5 i{ background-position: 0 -344px; }
.core-goods .goods-list2 li.item-6 i{ background-position: -280px -344px; }
.core-goods .goods-list2 li.item-7 i{ background-position: -560px -344px; }
.core-goods .goods-list2 li.item-8 i{ background-position: -840px -344px; }
.core-goods .goods-list2 li .title{ font-size: 18px; margin-bottom: 10px;}
.core-goods .goods-list2 li p{ color: #82939e; font-size: 14px; line-height: 2;}
.core-express .text{ position: absolute; top: 100px; text-align: center; }
.core-express .text li{float: left; width: 250px;}
.core-express .text li.item-1{ margin-left: 260px; }
.core-express .text li.item-2{ margin-left: 190px; }
.core-express .text li .title{ font-size: 24px; font-weight: bold; margin-bottom: 20px;}
.core-express .text li p{ line-height: 2; font-size: 14px;}

.fx_index01_bg { background:url(../Images/fx_index_bg01.jpg);}
.fx-title { text-align:center; padding-top:30px; font-size:36px;}
.fx-title2 { text-align:center; font-size:36px; background:#35b777; color:#FFF; height:75px; line-height:75px;}
.img-center { text-align:center;}

.fx-tese{width:1220px; height:380px; margin:0 auto;}
.fx-tese li { width:280px; height:315px; background:#FFF; margin-right:25px; float:left;}
.fx-tese li i { width:100px; height:100px; background:url(../Images/fx_tese_icon.png) no-repeat; margin:0 auto; display:block; margin-top:20px;}
.fx-tese li.a01 i{ background-position: 0 0; }
.fx-tese li.a02 i{ background-position: -167px 0; }
.fx-tese li.a03 i{ background-position: -333px 0; }
.fx-tese li.a04 i{ background-position: -500px 0; }
.fx-tese li font { text-align:center; display:block; padding:20px 0; font-size:18px; color:#555555}
.fx-tese li span { display:block; color:#888888; font-size:14px; padding:0 20px; line-height:24px; }

/*视频中心样式*/
.shipin-banner {width: 100%; height: 300px; background-image: url(../Images/shipin_banner.jpg); background-repeat: no-repeat; background-position: center;}
.wrapper { width: 100%; max-width: 1349px; height: auto; margin: 0 auto; overflow:hidden;}

/*产品tab切换*/
.tab-title { min-width: 1210px; padding: 15px 0; background: #fff;}
.tab-title ul { width: 1210px; height: 36px; margin: 0 auto; line-height: 36px;}
.tab-title ul li { position: relative; float: left; margin-right: 15px; }
.tab-title ul li a { display: block; padding: 0 15px; color: #fff; text-decoration: none; font-size: 14px; font-weight:bold;}
.tab-title ul li i { display: none; position: absolute; left: 50%; width: 0; height: 0; margin-left: -6px; border-width: 6px; border-style: solid; border-color: #24a0d6 transparent transparent transparent;}
.tab-title ul .tabs-item1 { background: #7eb7f8;}
.tab-title ul .tabs-item2 { background: #89e580;}
.tab-title ul .tabs-item3 { background: #fc9674;}
.tab-title ul .tabs-item4 { background: #fdc97d;}
.tab-title ul .tabs-item5 { background: #fb85dd;}
.tab-title ul .tabs-item6 { background: #c188fd;}
.tab-title ul .tabs-item1 i { border-top-color: #7eb7f8;}
.tab-title ul .tabs-item2 i { border-top-color: #89e580;}
.tab-title ul .tabs-item3 i { border-top-color: #fc9674;}
.tab-title ul .tabs-item4 i { border-top-color: #fdc97d;}
.tab-title ul .tabs-item5 i { border-top-color: #fb85dd;}
.tab-title ul .tabs-item6 i { border-top-color: #c188fd;}
.tab-title ul li.active i { display: block;}





/*************************页面内容样式*******************************/

.layout-page { padding: 0 0 0 20px;}
.row .col-md-3, .row .col-md-5, .row .col-md-7, .row .col-md-12 { padding-left: 8px; padding-right: 8px;}
.row .panel { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); margin-bottom: 10px; border-radius: 0; background: #fff;}
.panel .panel-header { display: block; height: auto; padding: 6px 15px 0 15px; position: relative;}
.panel .panel-header h3 { display: block; font-size: 15px; font-weight: 400; text-transform: uppercase; color: #555; padding: 6px 0 10px; border-bottom: 1px solid #d7d7d7; line-height: 20px;}
.ng-binding span { display: block; line-height:18px;}

.help-body .content { position: relative; padding: 8px 20px 20px;}
.help-body .content a { font-size:14px; color:#00a2ca;}
.help-body .content .title { margin-bottom: 40px !important; font-size: 30px; font-weight: 500; line-height: 30px; color: #000;}
.help-body .content .page { padding-top: 0; margin-top: 20px;}
.help-body .content .list { margin-top: 25px; color: #d6dadd;}
.help-body .content .list ul { margin-right: 20px;}
.help-body .content .list ul li { margin: 20px 0; list-style: none; font-size: 14px;}
.help-body .content .list ul li .icon-func-list-style { position: relative; top: -3px; display: inline-block; width: 4px; height: 4px; margin-right: 6px; background: url(/./images/li-circle_b78cbd72d5b6636e1699ceae0ffd637b.png) no-repeat;}
.help-body .content .review { position: relative; height: 175px; padding-right: 200px; padding-left: 300px;}
.help-body .content .review .score { width: 280px; position: absolute; left: 0; text-align: center;}
.help-body .content .review .score h2 { padding: 30px 0 25px; font-size: 14px; color: #666;}
.help-body .content .review .score img { width: 42px; margin: 0 15px; cursor: pointer;}
.help-body .content .review .score .cause { height: 150px; padding: 20px 20px 0; text-align: left; border: 2px solid #9addf7;}
.help-body .content .review .score .cause li { margin-right: 10px; margin-bottom: 3px;}
.help-body .content .review .score .cause li input { margin-right: 10px;}
.help-body .content .review .related h1 { padding: 20px 40px 10px;}
.help-body .content .review .related li { width: 50%; height: 30px; line-height: 30px;}
.help-body .content .review .related li a { display: block; margin: 0 40px; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden;}
.help-body .content .review>div { height: 175px; background-color: #f8f8f8;}
.help-body .content .directory { position: fixed; right: 10px; bottom: 50px; width: 200px; max-height: 300px; overflow: hidden; opacity: 0; filter: alpha(opacity=0);}
.help-body .content .directory .cell { position: relative; padding: 20px 0 20px 40px; color: #239af8; transition-duration: .4s;}
.help-body .content .directory .cell ul { width: 140px;}
.help-body .content .directory .cell .sroll { position: fixed; right: 10px; width: 15px; height: 40px; border: 1px solid #b9b9b9; border-radius: 70px;}
.help-body .content .directory .cell .sroll i { display: block; height: 20px; line-height: 20px; color: #666; text-align: center; cursor: pointer;}
.help-body .content .directory .cell .sroll i:hover { color: #239af8;}
.help-body .content .directory .cell .sroll .icon-up3 { border-bottom: 1px solid #b9b9b9;}
.help-body .content .directory .cell .ring { position: absolute; left: 1px; width: 7px; height: 7px; border: 1px solid #b9b9b9; border-radius: 50%; background-color: #fff;}
.help-body .content .directory .cell .ring.action { z-index: 2; background-color: #239af8; border: 1px solid #239af8;}
.help-body .content .directory .cell .line { position: absolute; top: 0; bottom: 0; left: 20px; width: 1px; border-left: 1px solid #b9b9b9;}
.help-body .content .directory .cell li { position: relative; height: 30px; line-height: 30px; color: #239af8;}
.help-body .content .directory .cell li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.help-body .content .directory .cell li.level1:before { content: ''; position: absolute; top: 14px; left: -22px; display: inline-block; width: 5px; height: 5px; background-color: #dedede; border-radius: 10px;}
.help-body .content .directory .cell li.level2 { margin-left: 15px;}
.help-body .content .box2 { position: relative;}
.help-body .content .box2 .border { position: absolute; top: 5px; bottom: 0; left: 50%; width: 1px; border-left: 1px solid #ebebeb;}
.help-body .content .box2 .box2-cell { width: 45%;}
.help-body .content .box2 .box2-cell.last { margin-left: 10%;}
.help-body .content .box2 .box2-cell .cell-head { position: relative; height: 47px; border-bottom: 1px solid #ebebeb;}
.help-body .content .box2 .box2-cell .cell-head h2 { padding-right: 5px; font-size: 18px; color: #333; background-color: #fff; font-weight: bold;}
.help-body .content .box2 .box2-cell .cell-head a { position: absolute; top: 5px; left: 0; padding-right: 5px; font-size: 18px; font-weight: 500; color: #333; background-color: #fff;}
.help-body .content .box2 .box2-cell .cell-body { margin-bottom: 25px;}
.help-body .content .box2 .box2-cell .cell-body.close ul { height: 50px; overflow: hidden;}
.help-body .content .box2 .box2-cell .cell-body.close .more-btn:before { content: '\67E5\770B\66F4\591A';}
.help-body .content .box2 .box2-cell .cell-body ul { margin-top: 20px;}
.help-body .content .box2 .box2-cell .cell-body ul li { height: 35px; font-size: 14px; line-height: 40px; margin-right:20px;}
.help-body .content .box2 .box2-cell .cell-body ul li a:hover { color: #e60012; text-decoration: underline; } 
.help-body .content .box2 .box2-cell .cell-body .more-btn { height: 25px; margin-top: 15px; line-height: 25px; color: #00a1cc; text-align: center; cursor: pointer; background-color: #f0f7ff;}
.help-body .content .box2 .box2-cell .cell-body .more-btn:before { content: '\70B9\51FB\6536\8D77';}
.help-body .main-directory { position: relative;}
.help-body .main-directory.y-last { left: 60px;}
.help-body .main-directory.y-last:after { content: ''; position: absolute; top: 0; left: -90px; width: 1px; height: 100%; background: #ebedef;}
.help-body .main-directory h1 { height: 25px; font-size: 18px; color: #666;}
.help-body .main-directory ul { margin-bottom: 40px;}
.help-body .main-directory li>div { position: relative;}
.help-body .main-directory li>div i { position: absolute; top: 6px; left: 0; display: none;}
.help-body .main-directory li>div a { font-size: 14px; line-height: 45px;}


/*当前位置*/
.page-title { padding: 17px 0px; background: #fff; width:1000px; border-bottom: 1px solid #e5e5e5; height:20px;}
.page-title h5 { margin-left: 0; display: inline-block; text-indent: 10px; border-left: 2px solid #239af8; color: #333; font-size: 14px; float: left; height: 20px;}
.page-title .btn { line-height: 20px; min-width: 70px;}
.page-title .btn.page-title-btn.btn-default { margin-left: 20px;}
.page-title .btn.btn-primary { background: #48cfae; border-color: #46ceac;}
.page-title span { color: #999;}

.help-body { position: relative; width:998px; height: 100%; padding-top: 40px; background: #fff; border: 1px solid transparent; border-radius: 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);}
.help-body h1 { font-size:20px; font-weight:bold; padding:20px 10px;}

/********左侧样式********/
.layout-left .nav-box ul li.nav-item a i, .layout-left .nav-box ul li.nav-item > a span.arrow i, .layout-left .menu-toggle i, .layout-left .manager a i { background: url(../Images/common/nav_icon.png) no-repeat;}

/*左侧样式*/
.layout-left { width: 240px; float: left; display: inline-block; height: auto; position: absolute; top: 0; color: #fff; left: 0; transition: all 0.2s ease 0s;}
.layout-left .left-box { position: relative; top: 0; z-index: 2; height: auto; overflow:hidden}
.layout-left .left-box.fixed { position: fixed; top: 20px;}



/*用户中心*/
.layout-left .admin-box { padding: 10px 0; text-align: center; position: relative; border-bottom: 1px solid rgba(0,0,0,0.03); box-shadow: 0 2px 3px rgba(0,0,0,0.03);}
.layout-left .admin-portrait { width: 76px; margin-bottom: 7px; display: inline-block;}
.layout-left .admin-portrait img { width: 76px; border-radius: 100px !important; border: 1px solid #313654; border: 1px solid rgba(0,0,0,0.3);}
.layout-left .admin-box h4, .layout-left .admin-box p a { color: #fff;}
.layout-left .admin-box h4 { font-size: 16px; margin-bottom: 7px;}
.layout-left .admin-box p a { font-size: 12px;}
.layout-left .admin-box p a i.fa { margin-left: 6px; font-size: 12px;}

/*弹出菜单*/
.layout-left .manager { width: 80px; margin: auto; position: relative;}
.layout-left .manager a.dropdown-toggle { color: #fff;}
.layout-left .manager a.dropdown-toggle i { margin-left: 5px; transform: rotate(0deg); transition: all 300ms ease-in-out 0s; width: 10px; height: 10px; display: inline-block; background-position: -107px -67px; text-indent: -9999px;}
.layout-left .manager.open .dropdown-list { display: block;}
.layout-left .manager.open a.dropdown-toggle i { transform: rotate(180deg); transition: all 300ms ease-in-out 0s;}
.layout-left .manager:hover .dropdown-list { display: block;}
.layout-left .manager .dropdown-list { left: -8px;}
.layout-left .manager .dropdown-list::before { right: auto; left: 20px;}
.layout-left .manager .dropdown-list::after { right: auto; left: 21px;}

/*收起展开菜单按钮*/
.layout-left .menu-toggle { position: absolute; top: 0; right: 10px; cursor: pointer; text-align: center; display: block;}
.layout-left .menu-toggle i { color: #fff; margin: 0; background-position: top right; text-indent: -9999px; width: 20px; height: 20px; display: block;}

/*导航菜单*/
.layout-left .nav-box { min-height: 800px; margin-top: 0; position: relative; overflow: hidden;}
.layout-left .nav-box .nav-inner { position: relative; overflow: hidden;}
.layout-left .nav-box ul { position: relative; list-style: none;}
.layout-left .nav-box ul.nav-list { padding-bottom: 20px;}
.layout-left .nav-box ul li.nav-item { position: relative; background-color: transparent;}
.layout-left .nav-box ul li.nav-item > a, .layout-left .nav-box ul li.nav-item > a i { color: #fff;}
.layout-left .nav-box ul li.nav-item > a { font-size: 14px; height: 42px; line-height: 42px; display: block; padding-left: 20px;}
.layout-left .nav-box ul li.nav-item > a i { font-size: 18px; background-position: -27px -1px; width: 20px; height: 20px;  line-height: 42px; display: inline-block; text-align: center; margin: auto; margin-right: 10px; margin-top: -5px; vertical-align: middle; text-indent: -9999px;}
.layout-left .nav-box ul li.nav-item > a i.fa-home { background-position: 0 -23px;}
.layout-left .nav-box ul li.nav-item > a i.fa-store { background-position: 0 0;}
.layout-left .nav-box ul li.nav-item > a i.fa-gavel { background-position: 0 -45px;}
.layout-left .nav-box ul li.nav-item > a i.fa-shopping-cart { background-position: 0 -73px;}
.layout-left .nav-box ul li.nav-item > a i.fa-user { background-position: 0 -100px;}
.layout-left .nav-box ul li.nav-item > a i.fa-file-text { background-position: 0 -125px;}
.layout-left .nav-box ul li.nav-item > a i.fa-shield { background-position: 0 -152px;}
.layout-left .nav-box ul li.nav-item > a i.fa-weixin { background-position: 0 -178px;}
.layout-left .nav-box ul li.nav-item > a i.fa-money { background-position: 0 -205px;}
.layout-left .nav-box ul li.nav-item > a i.fa-line-chart { background-position: 0 -233px;}
.layout-left .nav-box ul li.nav-item  a span.arrow { position: absolute; right: 0; top: 2px;}
.layout-left .nav-box ul li.nav-item  a span.arrow i { transform: rotate(0deg); transition: all 300ms ease-in-out 0s; background-position: -105px -46px; width: 16px; height: 16px;text-indent: -9999px;}
.layout-left .nav-box ul li a.selected { background: #fa8a28;}
.layout-left .nav-box ul li a.selected span.arrow i { transform: rotate(90deg); transition: all 300ms ease-in-out 0s; }
.layout-left .nav-box ul li > a.selected, .layout-left .nav-box ul li > a.selected i { color: #fff }
.layout-left .nav-box ul li:hover a, .layout-left .nav-box ul li:hover a i { }
.layout-left .nav-box ul li.nav-item ul.sub-menu { display: none; background: #207fae; width: 100%; overflow: hidden;}
.layout-left .nav-box ul li.selected ul.sub-menu { display: block;}
.layout-left .nav-box ul li.nav-item ul.sub-menu > li::before { content: ""; left: 30px; top: 2px; bottom: -15px; position: absolute; display: block; width: 1px; z-index: 1; border-left: 1px dashed #ccc;}
.layout-left .nav-box ul li.nav-item ul.sub-menu > li a { font-size: 13px; padding: 8px 10px 8px 60px; display: block;color: #fff; position: relative;}
.layout-left .nav-box ul li.nav-item ul.sub-menu > li a.selected { background: rgba(0, 0, 0, 0.15); color: #ededed;}
.layout-left .nav-box ul li.nav-item ul.sub-menu > li a:hover { color: #fff;}
.layout-left .nav-box ul li.nav-item ul.sub-menu > li a::before { content: ""; left: 31px; top: 18px; position: absolute;  display: block;  width: 21px; z-index: 1; border-bottom: 1px dashed #ccc;}



/*********右侧样式***********/
.layout-right { height: 100%; width: 1000px; padding-left: 240px; transition: all 0.2s ease 0s;}


/**/
.layout-container { position: relative; width: 1260px; margin:0 auto; height:auto; overflow:hidden;}




/*列表页面代码*/
.help-body { position: relative; padding-top: 12px; margin-bottom: 30px;}
.help-body .main-directory { margin-top: -4px;}
.help-body .icon-play { cursor: pointer;}
.help-body .title { margin-bottom: 35px; font-size: 30px;}
.menu { z-index: 2; width: 240px; padding-bottom: 10px; background: #fff;}
.menu .sort { padding: 5px 0 10px;}
.menu .sort li span { padding-left: 10px; color: #999; cursor: not-allowed;}
.menu .sort li a { display: block; height: 35px; padding-left: 10px; line-height: 35px; color: #333;}
.menu .sort li a:hover { text-decoration: none;}
.menu .sort li.action { background-color: #fff; border-left: 2px solid #239af8;}
.menu .sort li.action a { color: #239af8;}
 
.menu .all { height: 50px; font-size: 14px; line-height: 50px; cursor: pointer; border-top: 2px solid #239af8; border-bottom: 1px solid #e5e5e5;}
.menu .all ul li { height: 48px; padding: 0 15px; font-size: 15px; line-height: 48px; color: #239af8; overflow: hidden;}
.menu .all-goods { background: #fff;}
.menu .menu-title { display: block; width: 180px; height: 45px; font-size: 14px; line-height: 45px; color: #fff; text-indent: 10px; white-space: nowrap; text-overflow: ellipsis; overflow-x: hidden; background: #16a1e4;}
.menu li { position: relative; line-height: 45px;}
.menu li a { font-size:12px;}
.menu li a.active { color: #239af8 !important;}
.menu li.level1>* { display: none;}
.menu li.level1> .menu-line { margin-left: 15px; border-left: 1px dashed #e5e5e5;}
.menu li.level1.action { background-color: #fff; border-left: 2px solid #239af8;}
.menu li.level1.action a { color: #239af8;}
.menu li.level1.open { height: auto;}
.menu li.level1.open>* { display: block;}
.menu li.level1.open>a { font-weight: 700; color: #239af8 !important;}
.menu li.level1.open > a.active { color: #239af8 !important; background: #e0f2ff;}
.menu li.level1.open>a>i { width: 8px; height: 4px; background-image: url(../Images/icon-on-off.png); background-position: 0 -4px;}
.menu li.level1>a { display: block; height: 100%; padding: 0 15px; font-size: 14px; font-weight: 700; color: #666; text-decoration: none; overflow: hidden;}
.menu li.level1 i { position: absolute; top: 14px; right: 15px; float: right; width: 8px; height: 4px; margin-top: 5px; -webkit-transition: transform .2s; -moz-transition: transform .2s; -ms-transition: transform .2s; -o-transition: transform .2s; background-image: url(../Images/icon-on-off.png); background-position: 0 0;}
.menu li.level2 { line-height: 35px;}
.menu li.level2>* { display: none;}
.menu li.level2.action a { color: #239af8;}
.menu li.level2>a { display: block; height: 100%; padding: 0 10px 0 35px; color: #888; text-decoration: none; overflow: hidden;}
.menu li.level2>a .level2-line { position: absolute; top: 17px; left: 0; display: block; width: 20px; height: 0; overflow: hidden; border-top: 1px dashed #e5e5e5;}
.menu li.level2>a:hover { color: #239af8;}
.menu li.level2.open { height: auto;}
.menu li.level2.open>* { display: block;}
.menu li.level2.open>a { font-weight: 300; color: #239af8 !important;}
.menu li.level2.open>a>i { width: 8px; height: 4px; background-image: url(../Images/icon-on-off.png); background-position: 0 -4px;}
/*.menu li.level3*/
.menu li.level2.action { color: #239af8; background-color: #fff; border-left: 2px solid #239af8;}

.menu li.level3 { line-height: 35px;}
.menu li.level2 i { margin-top: 3px;}
.menu li.level3>* { display: none;}
.menu li.level3.action a { color: #239af8;}
.menu li.level3>a { height: 100%; display: block; padding: 0 10px 0 55px; text-decoration: none; color: #666; overflow: hidden;}
.menu li.level3>a:hover { color: #239af8;}
.menu li.level3>a.active { font-weight: 300 !important; color: #239af8 !important;}
.menu li.level3.open { height: auto;}
.menu li.level3.open>* { display: block;}
.menu li.level3.open>a { font-weight: 700; color: #239af8 !important;}
.menu li.level3.open>a>i { width: 8px; height: 4px; background-image: url(../Images/icon-on-off.png); background-position: 0 -4px;}
.menu li.level3.action { background-color: #fff; border-left: 2px solid #239af8;}
.menu li.level4{ line-height: 30px;}
.menu li.level4>a { display: block; height: 100%; padding: 0 10px 0 70px; color: #888; text-decoration: none; overflow: hidden; background: url(../Images/dian.png) 50px center no-repeat;}
.menu li.level4>a:hover { color: #888;}
.menu li.level4>a.active { font-weight: 300!important; color: #239af8 !important; background: url(../Images/dian-active.png) 50px center no-repeat #e0f2ff;}
.menu li.level4.action { background-color: #fff; border-left: 2px solid #239af8;}
.menu li.level4.action a { color: #239af8;}

.article-bottom { height: 40px; line-height:40px; padding:10px;}
.article-bottom-left { font-size:14px; padding:10px 10px 10px 20px; float:left;}
.article-bottom-left a { font-size:14px; color:#555555;}
.article-bottom-left a:hover { color:#239af8;}
.article-bottom-right { font-size:14px; padding:10px 10px 10px 20px;  float:right;}
.article-bottom-right a { font-size:14px; color:#555555;}
.article-bottom-right a:hover { color:#239af8;}

/*内容模块*/
.container-wrap { min-width: 1210px; padding: 60px 0;}
.container-gray { background: #f5f5f8;}
.container-wrap .container { width: 1210px; margin: 0 auto;}
.container .top-title { padding-bottom: 10px; font-size: 30px; line-height: 50px; color: #333; text-align: center;}
.container .top-title span { padding-left: 15px; color: #ff5339;}
.container .subtitle { padding: 20px 0 10px; font-size: 24px; line-height: 50px; color: #333; text-align: center;}
.container .desc { width: 900px; padding-bottom: 50px; margin: 0 auto; font-size: 16px; line-height: 2; color: #555; text-align: center;}
.container .fl .title, .container .fr .title { text-align: left;}
.container .fl .desc, .container .fr .desc { width: 100%; text-align: left;}
.container .btn-box { padding-top: 30px; text-align: center;}
.container .btn { display: inline-block; padding: 12px 50px; font-size: 16px; color: #666; border: 1px solid #bbc0ce; border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.container .btn:hover { color: #fff; background: #2ea7e0; border-color: #2ea7e0;}
.container .btn-primary { color: #fff; background: #2ea7e0; border: 1px solid #2ea7e0;}
.container .btn-box .notice { padding-top: 30px; font-size: 16px; color: #9fa5b6;}
.container .btn-box .notice span { display: block; font-size: 12px; line-height: 3;}


/*价格套餐列表*/
.price-box { width: 1100px; margin: 0 auto;}
.price-tab { padding-bottom: 25px; overflow: hidden;}
.price-tab h3 { float: left; width: 50%; height: 70px; font-size: 26px; line-height: 70px; color: #fff; text-align: center; cursor: pointer; background: #8b97a6; position:relative;}
.price-tab h3.active { background: #58b9fd;}
.price-tab h3.active i { position: absolute;  border: 8px solid transparent; border-top-color: #58b9fd; right: 275px; bottom: -16px; }
.table-bottom { width: 1100px; margin: 0 auto; background: #58b9fd; border-radius: 0 0 8px 8px;}
.table-bottom span { display: block; padding: 12px 20px; font-size: 16px; line-height: 180%; color: #fff;}
.taocan-btn { width: 700px; margin: 30px auto 0; overflow: hidden;}
.taocan-btn a { display: block; width: 200px; height: 50px; margin: 0 auto; font-size: 20px; line-height: 50px; color: #fff; text-align: center; background: #0ecc6a; border-radius: 6px;}
.price-table { display: none;}
.table { position: relative; width: 1100px; margin: 0 auto; font-size: 16px; background: #fff; border: 1px solid #e4e4e4; border-collapse: collapse;}
.table tr:nth-child(odd){ background: #fbfbfb;}
.table th, .table td { padding: 12px 20px; font-size: 16px;line-height: 160%; text-align: center; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4;}
.table th { position: relative; padding:6px 20px; font-size: 18px; font-weight: 300; color: #fff;}
.table th img { position: absolute; top: 0; right: 0;}
.table th.th1 { font-size: 24px;}
.table td.td1 { width: 110px;}
.table td.td2 { width: 200px; text-align: left;}
.table td.td-cen { text-align: center;}
.table td.red { color: red;}
.table tr td.line-font { line-height: 150%;}
.table tr td.line-font a { font-size: 14px; color: #fe700a;}
.table tr td.line-font a:hover { color: #4aade8;}
/*.table td i { display: block; width: 26px; height: 23px; margin: 0 auto; background: url(../Images/common-icon.png);}
.table td i.ok { background-position: -27px -19px;}
.table td i.no { background-position: -27px -43px;}*/
.table td img { display: inline; vertical-align: middle;}
.table td span { width: 1em; display: inline-block; padding:0 0px; line-height:36px; font-size:24px;}
.table-hardware td.td2 { width: 350px;}
.table-hardware td.td2 em { display: block; padding-top: 10px; font-size: 12px; line-height: 1.6; color: #999;}
.table-hardware td.td2 em i { display: inline-block; width: auto; padding-right: 12px; font-size: 12px; vertical-align: middle; background: none;}
.table-hardware td.td2 em i.c-red { padding-right: 5px; font-size: 16px;}
.table-hardware img { max-height: 140px;}
.table-hardware tr td.line-font a { font-size: 16px;}


/*精准营销菜单样式*/
.pop-tab-nav {width: 100%; background: #444444; height: 80px;}
.tab-nav-03 {margin: 0 auto; padding: 0px 10px 90px 10px; overflow: hidden; min-width: 980px; max-width: 1200px;}
.tab-nav-03 li {float: left; width: 50%; height: 80px; display: block; position: relative;}
.tab-nav-03 a {display: block; height: 80px; font: 20px/35px "Microsoft YaHei"; text-align: center; color: #fff; line-height: 80px;}
.tab-nav-03 li.on {background: #f54547;}
.tab-nav-03 li i{ position: absolute;  border:12px solid transparent; border-top-color: #f54547; right: 275px; bottom: -24px; }

/*城市运营商样式*/
.g-doc { max-width: 1920px; margin: 0 auto; }
.g-doc, .g-hd { min-width: 1200px; }
.g-hd { position: fixed; width: 100%; height: 65px; z-index: 999; left: 0; }
.g-hd .g-hd-bd { position: relative; max-width: 1920px; margin: 0 auto; }
.g-hd .g-c-bd { position: static; position: initial; }
.g-hd a { color: #fff; position: relative; }
.g-hd a .f-line { opacity: 0; filter: alpha(opacity=0); width: 100%; height: 2px; background-color: #387ee8; left: 0; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity ease 0.5s; transition: opacity 0.5s ease; display: block; margin-top: -15px; }
.g-hd a:hover { color: #fff; }
.g-hd .g-op { float: right; }
.g-bd { -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto;}
.g-c-bd { position: relative; max-width: 1180px; padding: 0 10px; margin: 0 auto; }
.g-l, .g-r { float: left; vertical-align: top; }

.m-partner-title { font-size: 36px; color: #333; margin-bottom:50px; margin-top:50px; text-align: center; }
.m-merchants-banner { background: no-repeat 50%; -webkit-font-smoothing: antialiased; color: #fff; }
.m-merchants-banner .banner { height:552px;}
.m-merchants-banner .banner h2 { font-size: 48px; margin-bottom: 0; line-height: 1; }
.m-merchants-banner .banner p { font-size: 18px; padding: 10px 0 30px; }
.m-merchants-banner .btn { height: 40px; width: auto; line-height: 38px; padding: 0 40px; display: inline-block; display: inline; zoom: 1; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #fff; border-radius: inherit; font-size: 16px; color: #fff; background-color: transparent; text-align: center; }
.m-merchants-banner .btn:hover { background-color: #fff; color: #333; }
.m-merchants-map { background: #f6f7f8; padding-top: 70px; }
.m-merchants-map .m-partner-title { margin-top: 0; }
.m-merchants-map h1 { font-size: 36px; text-align: center; }
.m-merchants-map .map_container { height: 600px; }
.m-merchants-map .applybtn { display: block; position: relative; width: 180px; height: 44px; line-height: 44px; margin: -10px auto -20px; font-size: 16px; text-align: center; color: #fff; cursor: pointer; border-radius: 3px; background: #437eec; z-index: 2; }
.m-merchants-map .applybtn:hover { color: #fff; background-color: #3a79c2; }
.m-merchants-echart_tip { display: block; position: relative; width: 400px; height: 0; overflow: visible; }
.m-merchants-echart_tip .line1 { position: absolute; left: -30px; top: -35px; width: 50px; height: 1px; background: #4289db; -webkit-transform-origin: 50px 0; -moz-transform-origin: 50px 0; -ms-transform-origin: 50px 0; transform-origin: 50px 0; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); }
.m-merchants-echart_tip .line2 { position: absolute; left: 20px; top: -35px; width: 40px; height: 1px; background: #4289db; }
.m-merchants-echart_tip .content { -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; left: 70px; bottom: -120px; }
.m-merchants-echart_tip .content .item { width: 310px; min-height: 165px; margin-bottom: 20px; padding: 0 20px; background: #fff; color: #666; box-shadow: 3px 3px 3px 0 #f0f1f2; }
.m-merchants-echart_tip .content .item .area { padding: 20px 0 15px; font-size: 16px; font-weight: 700; }
.m-merchants-echart_tip .content .item .manager_info { padding-bottom: 15px; line-height: 24px; }
.m-partner-nav, .nav-doc { border-bottom: 1px solid #dddddd; }
.m-partner-nav { height: 60px; color: red; width: 100%; }
.m-partner-nav .nav-body { width: 100%; }
.m-partner-nav .nav-body ul { height: 60px; line-height: 60px; width: 100%; padding: 0 1%; -moz-box-sizing: border-box; box-sizing: border-box; }
.m-partner-nav .nav-body ul li { text-align: center; color: #666; font-size: 14px; display: inline-block; zoom: 1; width: 24.25%; -moz-box-sizing: border-box; box-sizing: border-box/*&:last-child{
          margin-right: 0;}*/ }
.m-partner-nav .nav-body ul li a { color: #666; cursor: pointer; font-size:16px; }
.m-partner-nav .nav-body ul li a:hover { color: #e6514d; }
.m-partner-outstanding { text-align: center; width: 100%; overflow: hidden; }
.m-partner-outstanding .content { margin-top: 10px; padding-bottom: 40px; margin-right: -4%; zoom: 1; }
.m-partner-outstanding .content .m-partner-unit { width: 21%; text-align: center; margin-right: 4%; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-bottom: 40px; }
.m-partner-outstanding .content .m-partner-unit .m-partner-unit-img { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 80px; margin-bottom: 12px; border: 1px solid #eee; }
.m-partner-outstanding .content .m-partner-unit .m-partner-unit-img img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.m-partner-outstanding .content .m-partner-unit .m-partner-unit-title { color: #333; }
.m-partner-outstanding .content:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
.m-partner-query { height:600px; overflow: hidden; background-color: #eee; color: #fff; background-image: url(../Images/partner_query.png); background-repeat: no-repeat;}
.m-partner-query .m-partner-query-title { font-size: 36px; text-align: center; color: #fff;}
.m-partner-query .m-partner-query-content { text-align: center; }
.m-partner-query .m-partner-query-content .m-partner-query-img { display: inline-block; vertical-align: middle; margin-right: 130px; }
.m-partner-query .m-partner-query-content .m-partner-query-img img { width: 200px; height: 200px; }
.m-partner-query .m-partner-query-content .m-partner-query-main { display: inline-block; vertical-align: middle; text-align: left; }
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input { width:540px; position: relative; display: inline-block; }
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input .m-partner-query-input-i { position: absolute; left: 15px; top: 50%; margin-top: -7px; height: 16px; width: 18px; cursor: pointer; }
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input { background-color: transparent; height: 50px; line-height: 50px; border: 2px solid #fff; border: 2px solid hsla(0,0%,100%,.7); width: 432px; padding-left:10px; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; }
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input:hover { border: 2px solid #eee; }
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input:focus { background-image: none; border: 1px solid #eee; padding-left: 10px; width: 432px; }

.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input select.partnerQuery_feedback {background-color: transparent; height:40px; line-height:40px; border: 2px solid #fff; border: 2px solid hsla(0,0%,100%,.7); width:124px; padding-left:20px; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; float:left; font-size:16px; }
.partnerQuery_feedback option { color:#333; background-color:#FFF;}
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input:focus i.m-partner-query-input-i { z-index: -1; }
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input:focus::-webkit-input-placeholder {
color:transparent;
}
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input:focus:-moz-placeholder {
color:transparent;
}
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input:focus::-moz-placeholder {
color:transparent;
}
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input:focus:-ms-input-placeholder {
color:transparent;
}
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input::-webkit-input-placeholder {
color:#fff;
}
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input:-moz-placeholder {
color:#fff;
}
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input::-moz-placeholder {
color:#fff;
}
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.partnerQuery_input:-ms-input-placeholder {
color:#fff;
}
.m-partner-query .m-partner-query-content .m-partner-query-main .m-partner-query-input input.active { background-image: none; padding-left: 10px; }
.m-partner-query .m-partner-query-content .m-partner-query-main .queryBtn { width: 92px; height: 50px; line-height: 50px; border-radius: 2px; border: 0; text-align: center; background-color: #437eec; color: #fff; margin:0 auto; display:block; margin-top:120px; font-size:16px; }
.m-partner-query .m-partner-query-content .m-partner-query-main .queryBtn:hover { background: #3a79c2; cursor:pointer}
.m-partner-query .m-partner-query-content .m-partner-query-main .m-quert-tip { margin-top: 10px; margin-bottom: 30px; }
.m-partner-query .m-partner-query-content .m-partner-query-main .queryResult { border: 2px solid #fff; border: 2px solid hsla(0,0%,100%,.7); height: 120px; width: 432px; padding-top: 17px; padding-left: 20px; font-size: 18px; -moz-box-sizing: border-box; box-sizing: border-box; }
.m-partner-query .m-partner-query-content .m-partner-query-main .queryResult .queryResult_tip { font-size: 14px; margin-top: 20px; }
.m-partner-benefit { text-align: center; background-color: #f6f7f8; overflow: hidden; zoom: 1; }
.m-partner-benefit .content { overflow: hidden; -moz-perspective: 1000px; perspective: 1000px; -webkit-perspective: 1000px; -ms-transform-style: preserve-3d; margin-bottom: 100px; }
.m-partner-benefit .content .benefit-unit { position: relative; width: 380px; height: 178px; text-align: center; margin-left: 20px; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.m-partner-benefit .content .benefit-unit .block { position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background-color: #fff; overflow: hidden; }
.m-partner-benefit .content .benefit-unit .block .img { height: 80px; width: 80px; margin: 28px auto 2px; }
.m-partner-benefit .content .benefit-unit .block .img img { position: relative; background-position: 50%; }
.m-partner-benefit .content .benefit-unit .block .m-cooperation-unit-title { position: relative; font-size: 18px; color: #333; }
.m-partner-benefit .content .benefit-unit .block .m-cooperation-unit-des { position: absolute; top: 100%; left: 0; right: 0; bottom: 0; color: #fff; text-align: left; padding: 0 36px; word-wrap: break-word; line-height: 22px; font-size:14px;}
.m-partner-benefit .content .benefit-unit .block .m-cooperation-unit-des h2 { margin-top: 42px; margin-bottom: 12px; font-size: 18px; text-align: center; }
.m-partner-benefit .content .benefit-unit .block:hover .m-cooperation-unit-des { top: 0; -webkit-transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1); transition: top 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
.m-partner-benefit .content .benefit-unit:first-child { margin-left: 0; }
.m-partner-benefit:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }
.m-partner-join { overflow: hidden; }
.m-partner-join, .m-partner-join .m-condition-main { text-align: center; }
.m-partner-join .m-condition-main .m-condition-des { display: inline-block; }
.m-partner-join .m-condition-main .m-condition-des p { text-align: left; margin-bottom: 22px; }
.m-partner-join .m-condition-main .m-condition-des p:last-child { margin-bottom: 0; }
.m-partner-join .m-condition-main .m-condition-des .m-condition-des-index { color: #333; margin-right: 20px; }
.m-partner-join .m-condition-main .m-condition-des .m-condition-des-content { color: #666; }
.m-partner-join .m-condition-main:before { content: ""; width: 17px; height: 14px; display: inline-block; zoom: 1; margin-right: 46px; vertical-align: top; background: url(../res/partner/left_quote.png) no-repeat; }
.m-partner-join .m-condition-main:after { content: ""; width: 17px; height: 14px; display: inline-block; zoom: 1; margin-left: 46px; background: url(../res/partner/right_quote.png) no-repeat; }
.m-partner-join .m-process-main { margin-top: 70px; margin-bottom: 103px; }
.m-partner-join .m-process-main .step { -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; zoom: 1; margin-left: -7px; }
.m-partner-join .m-process-main .step .stepIndex { border: 1px solid #e4e4e4; border-radius: 50%; color: #e6514d; display: inline-block; zoom: 1; width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 30px; margin-bottom: 12px; z-index: 2; }
.m-partner-join .m-process-main .step .step_line { width: 116px; height: 1px; display: inline-block; zoom: 1; background-color: #e4e4e4; position: relative; top: -10px; right: -3px; }
.m-partner-join .m-process-main .step .stepContent { text-align: right; font-size: 16px; color: #666; }
.m-partner-join .m-process-main .step:first-child .step_line { width: 0; display: none; }
.m-partner-advantage { text-align: center; overflow: hidden; }
.m-partner-advantage .content { zoom: 1; }
.m-partner-advantage .content .advantage-unit { text-align: center; padding-bottom: 56px; margin-bottom: 100px; border: 1px solid #ebd9d3; width: 284px; height: 350px; margin-left: 164px; float: left; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.m-partner-advantage .content .advantage-unit .img { height: 101px; margin: 28px auto; }
.m-partner-advantage .content .advantage-unit .img img { position: relative; background-position: 50%; }
.m-partner-advantage .content .advantage-unit .m-advantage-unit-title { font-size: 18px; color: #333; margin-bottom: 28px; }
.m-partner-advantage .content .advantage-unit .advantage-desc { padding-left: 20px; font-size: 14px; color: #999; text-align: left; line-height: 32px; padding-right:20px; }
.m-partner-advantage .content .advantage-unit .advantage-desc:before { position: relative; top: 2px; margin-right: 10px; width: 14px; height: 14px; display: inline-block; zoom: 1; content: ""; background: url(../res/partner/advantage_check.png) no-repeat; }
.m-partner-advantage .content .advantage-unit:first-child { margin-left: 0; }
.m-partner-advantage .content:after { display: block; clear: both; visibility: hidden; height: 0; overflow: hidden; content: "."; }

/*智慧营销*/


/*后台管理-平台方*/
.platform-mod1 { padding-right: 140px; padding-left: 140px;}
.platform-mod2 { padding: 0 150px;}
.platform-mod1 h3, .platform-mod2 h3 { font-size: 20px; color: #383838;}

/*丰富的采集商品功能*/
.collect-title { width: 924px; margin: 0 auto;}
.collect-title h3 { float: left; width:130px; height:40px; margin: 0 12px;}
.collect-title .active span, .collect-title h3 span:hover { color: #fff; background: #18ba9b;}
.collect-title h3 span { float: left; width: 130px; height: 40px; font-size: 18px; line-height: 40px; color: #18ba9b; text-align: center; cursor: pointer; border: 1px solid #18ba9b; border-radius: 5px;}
.collect-content-box { clear: both;}
.computer-bg { position: relative; top:10px; width: 833px; height: 480px; margin: 0 auto; background: url(../Images/computer-bg.png) no-repeat center top;}
.computer-bg .demo { position: absolute; top: 27px; left: 99px; width: 633px; height:401px; overflow-x: hidden;}
.computer-bg .demo img { display: none; width: 633px;}

/*更多平台方后台特色功能*/
.platform-mod3 { padding: 40px 60px 60px 40px;}
.platform-mod3 .fl { width: 160px;}
.platform-mod3 li h3 { font-size: 16px; line-height: 16px;}
.platform-mod3 li p { font-size: 12px; line-height: 16px;}


/*背景色*/
.bg-blue { background: #66a3ff;}
.bg-blue2 { background: #3eb9f5;}
.bg-blue3 { background: #6d69d0;}
.bg-blue4 { background: #6a9aff;}
.bg-orange { background: #ff842d;}
.bg-orange2 { background: #ff650f;}
.bg-yellow { background: #f7b532;}
.bg-yellow2 { background: #ffc76a;}
.bg-yellow3 { background: #ffaf32;}
.bg-yellow4 { background: #febe08;}
.bg-red { background: #ff5353;}
.bg-red2 { background: #fc546b;}
.bg-red3 { background: #f85697;}
.bg-red4 { background: #f4451c;}
.bg-deepred { background: #d6303a;}
.bg-rose { background: #db52db;}
.bg-purple { background: #b872da;}
.bg-purple2 { background: #c06aff;}
.bg-green { background: #0dcc6d;}
.bg-green2 { background: #1be17f;}
.bg-green3 { background: #66d161;}
.bg-green4 { background: #33d5bd;}
.bg-green5 { background: #19ba99;}

/*圆角*/
.circle .iconfont { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.square .iconfont { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

/*内容*/
.container_2 { position: relative; z-index: 1; width: 1210px; margin: 0 auto;}
.container_2 .title { height: 70px; padding-top: 40px; font-size: 30px; line-height: 70px; text-align: center;}
.container_2 .desc { padding-bottom: 60px; font-size: 16px; line-height:28px; color: #7b7e85; text-align: center;}
.container_2 ul:after { content: ""; display: block; width: 100%; height: 0; clear: both;}
.container_2 ul li { float: left; text-align: center;}

/*li 宽度*/
.equal3 li { width: 33.33%;}
.equal4 li { width: 25%;}
.equal5 li { width: 20%;}
.equal6 li { width: 16.66%;}



/*功能列表*/
/*.function-list { padding-bottom: 30px;}*/
.function-list li { position: relative; height: 50px;}
.function-list li .fl { padding-left: 65px;}
.function-list li .icon { position: absolute; top: 0; left: 0; width: 50px; height: 50px; padding: 0;}
.function-list li .icon i { width: 50px; height: 50px; font-size: 30px; line-height: 50px; color: #fff; text-align: center; border-radius: 4px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.function-list li:hover .icon i { -webkit-transform: scale(1.2); transform: scale(1.2);}
.function-list li h3 { padding-bottom: 4px; font-size: 16px;  color: #333; text-align: left;}
.function-list li p { font-size: 12px; color: #92939c; text-align: left; line-height:20px;}

/*图标列表*/
.icons-container { padding: 20px 0 0px}
.icons-container .iconfont { display: block; width: 70px; height: 70px; margin: 0 auto; font-size: 34px; line-height: 70px; color: #fff;}
.icons-container h3 { padding: 18px 0 6px; font-size: 16px;}
.icons-container p { font-size: 13px; line-height: 18px; color: #92939c;}


.banner15-bg { background: url(../Images/banner7_bg.jpg) no-repeat center;}
.banner-main { width: 1140px; height: 480px; margin: 0 auto; overflow: hidden;}
.slide-desc { width: 410px; height: 365px; color: #fff;}
.slide-desc-other { width: 1000px; height: auto; margin: 0 auto;}
.slide-desc .slide-title { margin-bottom: 25px; font-size: 40px; text-align: left;}
.slide-desc-other .slide-title-other { margin-bottom: 0; text-align: center;}
.banner11-bg .slide-desc-other .slide-title-other { height: 70px;}
.slide-desc .slide-title span { font-size: 44px; font-family: arial; color: #6bf456;}
.slide-desc .slide-detail { height: 125px; font-size: 16px; line-height: 32px; overflow: hidden;}
.slide-desc p { font-size: 20px;}
.slide-desc h3 { padding: 16px 0 26px; font-size: 46px; line-height: 120%; color: #fff; text-align: left;}
.banner2-bg .slide-desc .slide-detail p{ text-indent: 15px; background: url(../Images/banner2-dian.png) no-repeat center left; color:#fefeff;}
.slide-desc-other .slide-detail-other { height: auto; text-align: center;}
.slide-desc .slide-action .slide-btn { display: inline-block; width: 90px; height: 32px; margin-right: 11px; font-size: 14px; line-height: 32px; color: #fff; text-align: center; border: 1px solid #fff; border-radius: 2px; box-sizing: border-box;}
.slide-desc .slide-action .btn-white { background: #fff;}
.paddt75 { padding-top: 75px !important;}
.paddt90 { padding-top: 140px !important;}


.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-site:before { content: "\e601"; }

.icon-seller:before { content: "\e602"; }

.icon-weixin:before { content: "\e603"; }

.icon-code:before { content: "\e604"; }

.icon-location:before { content: "\e605"; }

.icon-man:before { content: "\e606"; }

.icon-ad:before { content: "\e607"; }

.icon-channel:before { content: "\e608"; }

.icon-money:before { content: "\e609"; }

.icon-show:before { content: "\e60a"; }

.icon-auction:before { content: "\e60b"; }

.icon-bargain:before { content: "\e60c"; }

.icon-horn:before { content: "\e60d"; }

.icon-store:before { content: "\e60e"; }

.icon-order:before { content: "\e60f"; }

.icon-wholesale:before { content: "\e610"; }

.icon-cash:before { content: "\e611"; }

.icon-group:before { content: "\e612"; }

.icon-retail:before { content: "\e613"; }

.icon-product:before { content: "\e614"; }

.icon-profit:before { content: "\e615"; }

.icon-yii:before { content: "\e616"; }

.icon-diverse-roles:before { content: "\e617"; }

.icon-pattern:before { content: "\e618"; }

.icon-function:before { content: "\e619"; }

.icon-multi:before { content: "\e61a"; }

.icon-liansuo:before { content: "\e61b"; }

.icon-oo:before { content: "\e61d"; }

.icon-chain:before { content: "\e628"; }

.icon-muying:before { content: "\e61e"; }

.icon-fish:before { content: "\e61f"; }

.icon-countryside:before { content: "\e620"; }

.icon-jiu:before { content: "\e621"; }

.icon-basket:before { content: "\e622"; }

.icon-baihuo:before { content: "\e623"; }

.icon-tongcheng:before { content: "\e624"; }

.icon-distributor:before { content: "\e625"; }

.icon-kuajing:before { content: "\e626"; }

.icon-star:before { content: "\e627"; }

.icon-email:before { content: "\e629"; }

.icon-msg:before { content: "\e62a"; }

.icon-voice:before { content: "\e62b"; }

.icon-duijie:before { content: "\e62d"; }

.icon-exalt:before { content: "\e62c"; }

.icon-entry:before { content: "\e62e"; }

.icon-scatter:before { content: "\e62f"; }

.icon-cache:before { content: "\e630"; }

.icon-shunt:before { content: "\e631"; }

.icon-keep:before { content: "\e632"; }

.icon-oss:before { content: "\e633"; }

.icon-data:before { content: "\e634"; }

.icon-balanced:before { content: "\e635"; }

.icon-server:before { content: "\e636"; }

.icon-finance:before { content: "\e637"; }

.icon-renovation:before { content: "\e638"; }

.icon-docking:before { content: "\e639"; }

.icon-unite:before { content: "\e63a"; }

.icon-recommend:before { content: "\e63b"; }

.icon-offline:before { content: "\e63c"; }

.icon-bonus:before { content: "\e63d"; }

.icon-function1:before { content: "\e641"; }

.icon-goods:before { content: "\e642"; }

.icon-detail:before { content: "\e643"; }

.icon-qrcode:before { content: "\e644"; }

.icon-commission:before { content: "\e645"; }

.icon-manage:before { content: "\e646"; }

.icon-public:before { content: "\e647"; }

.icon-chain1:before { content: "\e648"; }

.icon-record:before { content: "\e649"; }

.icon-sale:before { content: "\e64a"; }

.icon-member:before { content: "\e64b"; }

.icon-shop:before { content: "\e64c"; }

.icon-ware:before { content: "\e64d"; }

.icon-trade:before { content: "\e64e"; }

.icon-terminal:before { content: "\e64f"; }

.icon-flow:before { content: "\e650"; }

.icon-visual:before { content: "\e651"; }

.icon-dianpu:before { content: "\e63e"; }

.icon-daohang:before { content: "\e63f"; }

.icon-zhuanti:before { content: "\e640"; }

.icon-pifa:before { content: "\e652"; }

.icon-gonghuoshang:before { content: "\e653"; }

.icon-zhandian:before { content: "\e654"; }

.icon-sp-xq:before { content: "\e655"; }

.icon-sp-list:before { content: "\e656"; }

.icon-dianpu-erweima:before { content: "\e657"; }

.icon-canshuerweima:before { content: "\e658"; }

.icon-xiaoxituisong:before { content: "\e659"; }

.icon-duokefu:before { content: "\e65a"; }

.icon-biaoqian:before { content: "\e65c"; }

.icon-huiyuandengji:before { content: "\e65d"; }

.icon-fensi:before { content: "\e65e"; }

.icon-jifen:before { content: "\e65f"; }

.icon-hongbao:before { content: "\e660"; }

.icon-pintuan:before { content: "\e661"; }

.icon-fenxiao:before { content: "\e662"; }

.icon-kanjia:before { content: "\e663"; }

.icon-zhekou:before { content: "\e664"; }

.icon-taocan:before { content: "\e665"; }

.icon-zengpin:before { content: "\e666"; }

.icon-dd-shouyin:before { content: "\e667"; }

.icon-duomendian:before { content: "\e668"; }

.icon-yunfei-moban:before { content: "\e669"; }

.icon-jifen-shop:before { content: "\e66a"; }

.icon-shenma:before { content: "\e66b"; }

.icon-huodao-pay:before { content: "\e66c"; }

.icon-tixian:before { content: "\e66d"; }

.icon-zhifubao:before { content: "\e66f"; }

.icon-yue-pay:before { content: "\e670"; }

.icon-yinlian:before { content: "\e671"; }

.icon-wx:before { content: "\e672"; }

.icon-yuyin:before { content: "\e673"; }

.icon-duanxin:before { content: "\e674"; }

.icon-zhanneixin:before { content: "\e675"; }

.icon-youxiang:before { content: "\e676"; }

.icon-sp-fabu:before { content: "\e677"; }

.icon-sp-daoru:before { content: "\e678"; }

.icon-bendishangpinku:before { content: "\e679"; }

.icon-sp-updata:before { content: "\e67a"; }

.icon-saomaruku:before { content: "\e67b"; }

.icon-sj-caiji:before { content: "\e67c"; }

.icon-xq-banshi:before { content: "\e67d"; }

.icon-erp:before { content: "\e67e"; }

.icon-yiwuliu:before { content: "\e67f"; }

.icon-oss1:before { content: "\e680"; }

.icon-shouyingou:before { content: "\e681"; }

.icon-yunchanpinku:before { content: "\e682"; }

.icon-ll-fenxi:before { content: "\e683"; }

.icon-zhangdan:before { content: "\e684"; }

.icon-hy-tongji:before { content: "\e685"; }

.icon-jy-fenxi:before { content: "\e686"; }

.icon-sp-fenxi:before { content: "\e687"; }

.icon-chengjiao:before { content: "\e688"; }

.icon-anxugoumai:before { content: "\e66e"; }

.icon-mianyunwei:before { content: "\e689"; }

.icon-gaoxingjiabi:before { content: "\e68a"; }

.icon-shengxin:before { content: "\e68b"; }

.icon-duliyuming:before { content: "\e68c"; }

.icon-free-shengji:before { content: "\e68d"; }

.icon-youjianqunfa:before { content: "\e65b"; }

.icon-fenzuqunfa:before { content: "\e68e"; }

.icon-duanxinqunfa:before { content: "\e68f"; }

.icon-shangpin-copy:before { content: "\e690"; }

.icon-close:before { content: "\e697"; }

.icon-jifenguanli:before { content: "\e696"; }

.icon-yiiframe:before { content: "\e693"; }

.icon-mvc:before { content: "\e694"; }

.icon-iconfont:before { content: "\e695"; }

.icon-back:before { content: "\e691"; }

.icon-arrow-right:before { content: "\e692"; }

.icon-clear:before { content: "\e69a"; }

.icon-qq:before { content: "\e69e"; }

.icon-gouwuche:before { content: "\e6a2"; }

.icon-pic:before { content: "\e6dd"; }

.icon-info:before { content: "\e6de"; }

.icon-affect:before { content: "\e6df"; }

.icon-true:before { content: "\e6e0"; }

.icon-admin:before { content: "\e6e1"; }

.icon-stable:before { content: "\e6e2"; }

.icon-limit:before { content: "\e6e3"; }

.icon-fee:before { content: "\e6e4"; }

.icon-lock:before { content: "\e6e5"; }

.icon-codes:before { content: "\e6e6"; }

.icon-cost:before { content: "\e6e7"; }

.icon-good:before { content: "\e6e8"; }

.icon-serve:before { content: "\e6e9"; }

.icon-wallet:before { content: "\e6ea"; }

.icon-refresh:before { content: "\e6eb"; }

.icon-tel-solid:before { content: "\e6ec"; }

.icon-stored-card:before { content: "\e719"; }

.icon-print:before { content: "\e71b"; }

.icon-top:before { content: "\e72d"; }


/*首页视频样式*/

.videoButton {
  width: 170px;
  height: 45px;
  padding: 10px 25px;
  font-size: 16px;
  border-radius: 10px;
  color: #fff;
  margin-top: 50px;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
  border: 1px solid #fff;
  text-align: center;
  padding-left: 45px;
  background: url(../Images/play.png) no-repeat;
  background-position: 6px 6px; }

.videoButton:hover {
  padding: 10px 25px;
  border-radius: 10px;
  text-decoration: underline;
  color: #f60;
  text-align: right; }

.video-mask {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10000;
  display: none; }

.close-mask {
  color: #fff;
  font-size: 40px;
  position: absolute;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 40px;
  right: 40px;
  top: 40px;
  cursor: pointer;
  z-index: 5555; }

.close-mask:hover {
  background: #ff595f;
  border-radius: 50px; }

.video-info {
  width: 960px;
  height: 520px;
  margin: 100px auto 0px auto;
  display: block; }

@media screen and (max-width: 415px) {
  .video-mask video {
    width: 100% !important;
    height: 300px !important; }
  .video-mask .close-mask {
    right: 20px;
    top: 20px; }
  .tryout {
    margin-right: 0px; }
  .videoButton {
    margin-top: 20px;
    width: 170px;
    text-align: center;
    padding-left: 45px; } }

@-webkit-keyframes scrollPop {
  0% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
  }
  30% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
  75% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}



.i-nx-top{
  position:fixed;
  right: 0%;
  top:28%;
  z-index: 9999;
}

.i-nx-top .dt a {
  display: block;
}
.i-nx-top .dt img {
  width: 60px;
  display: inline-block;
  -webkit-animation: scrollPop 5s ease-in-out 2s infinite alternate;
          animation: scrollPop 5s ease-in-out 2s infinite alternate;
}
.i-nx-top .dt:hover img {
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  -webkit-animation: auto;
          animation: auto;
}