<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/******* common ********/
html, body, div, h1, h2, h3, h4, p, a, span, nav{
	font-family: PingFangSC-Light;	
	font-size: 16px;
}

.container{
	width: 1200px;
}
.col-md-2{
	width:20%;
	float:left;	
}

.col-md-3{
	width:25%;
	float:left;	
}

.col-md-4{
	width:33.33333%;
	float:left;	
}

.col-md-6{
	width:465px;
	float:left;
	height: 200px;
	overflow: hidden;
	margin-bottom: 20px;
}

img{
	max-width: 100%;	
}

.none{
	display:none;
}

a:hover{
	text-decoration: none;	
}

a:focus{
	outline: none;	
	text-decoration: none;	
}

.tab-h2{
	font-family:PingFang-SC-Regular;
	color: #222222;
	font-size: 42px;
	text-align: center;
	line-height: 59px;
	letter-spacing: 1px;
}

.tab-h2 &gt; span{
	color: #3E3E3E;
}

.tab-p{
	color: #3E3E3E;
	font-size: 18px;
	text-align: center;
	letter-spacing: 1px;
	line-height: 30px;
}

.section{
	padding: 20px 0 0;
	min-width: 1100px;
}

.btn-self, .btn-self:hover, .btn-self:focus, .btn-self.focus{
	color: #FFFFFF;
	text-decoration: none;
}

.btn-self:focus, .btn-self:active:focus, .btn-self.active:focus, .btn-self.focus, .btn-self:active, .btn-self.active.focus{
	outline: none;
}

/*******头部导航栏**********/
.navbar-header-self{
	margin-top: -90px;
	width: 100%;
	position: fixed;
	padding: 20px;
	background-color: #FFFFFF;
}

#navbar-collapse &gt;p{
	color: #C4B8CB;
}

#navbar-collapse &gt;p &gt;a{
	font-size: 18px;
	color: #FF0202;
}

#navbar-collapse li a{
	background-color: #FFFFFF;
	
	font-weight: bold;
	color: #555F80;
	padding: 8px 2px;
	margin: 7px 13px;
}

#navbar-collapse li a:hover, #navbar-collapse li.active a{
	color: #FD6B80;
	background-color: #FFFFFF;
	border-bottom: 2px solid #FC2746;
}

.navbar-brand{
	padding: 0;
}

.navbar-brand img{
	width: 154px;
	height: 48px;	
}

/******* 客服 *************/
.online1{
	position:fixed;
	right:0;
	top:100px;
	background-color:#58A5FF;
	border-radius:8px 0 0 0;
	width:51px;
	height:60px;
	cursor: pointer;
	z-index: 1000;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

.online1 span{
	display:none;
	color:#FFFFFF;
	float:left;
	padding:5px;
	line-height:25px;
	font-size:18px;
	font-weight:560;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-ms-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
}

.online1 .mm1{
	position:relative;
	margin-right:0px;
	width:51px;
	height:65px;
	margin-top: -5px;
	float:right;
}

.online1:hover{
	width:92px;
	height:60px;
	border-radius:8px 0 0 8px;
}

.online1:hover span{
	display: block;
}

.online1:hover .mm1{
	margin-top: -65px;
}

.online2{
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-70px;
	margin-left:-140px;
	width:281px;
	height:141px;
	background: url(../img/mm2-bg.png) no-repeat;
	z-index: 1000;
}

.online2 .online-btn{
	width: 166px;
	height: 27px;
	margin-top: 104px;
	margin-left: 9px;
}

.online2 .online-btn .btn1{
	width: 82px;
	height: 27px;
	float: left;
	text-align: center;
	line-height: 27px;
	color: #FFFFFF;
	background-color: #FC2746;
	cursor: pointer;
}

.online2 .online-btn .btn2{
	width: 82px;
	height: 29px;
	float: right;
	text-align: center;
	line-height: 29px;
	color: #939393;
	margin-top: -1px;
	border: 1px solid #EEEEEE;
	background-color: #D9D9D9;
	cursor: pointer;
}

.online2 .close{
	position: relative;
	margin-top: -129px;
	margin-left: 350px;
	left: 14px;
}

.online3{
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: 28px;
	z-index: 1000;
}

.online3 ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.online3 ul li{
	margin-top: 10px;
	background-color: #FFFFFF;
	padding: 0;
}

.online3 ul li.toTop{
	display: none;	
}

/******* 轮播图 ***********/
#myCarousel{
	margin-top: -20px;
	min-width: 1100px;
}

#myCarousel .carousel-inner img{
	margin: 0 auto;
	width: 100%;
	height: 400px;
}

/****** 潮生活，让你的广告精准曝光 ******/

.worth{
	background: #FFFFFF url(../imgs/bg.png) no-repeat bottom;
	background-size:cover; 
	padding-bottom: 0px;	
}

.worth .worth-container{
	margin-top:32px;
}

.worth .worth-container .col-md-6:nth-child(1), .worth .worth-container .col-md-6:nth-child(2){
	/*margin-top:5px;*/
}

.worth .worth-container .col-md-6:nth-child(3), .worth .worth-container .col-md-6:nth-child(4){
	/*margin-top:30.3px;*/
}

.art-self{
	overflow: hidden;
	height: 400px;
	width: 585px;
	background: rgba(255,255,255,0.70);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */
	border-radius: 5px;
	border: 2px solid rgba(229,229,229,0.54);
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63); 
    padding: 16px 16px 15px 21px;
    cursor: pointer;
}

.art-self:HOVER{
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 4px 2px 0px rgba(195,224,238,0.63);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 4px 2px 0px rgba(195,224,238,0.63);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 4px 2px 0px rgba(195,224,238,0.63);
}

.art-self-left{
	margin-left: 0;
}

.art-self-right{
	margin-left: 15px;
}

.worth .worth-container .art-self .media-left{
	width: 175px;
	height: 354px;
}

.worth .worth-container .art-self .media-left img{
	width: 100%;
	height: 100%;
}

.worth .worth-container .art-self .media-body{
	padding: 5px 10px 0 20px;
}

.worth .worth-container .art-self .media-body .media-heading{
	font-family: PingFang-SC-Medium;
	font-size: 20px;
	line-height: 28px;
	color: #3B3B3B;
	letter-spacing: 2.5px;
	font-weight: bold;
}

.worth .worth-container .art-self .media-body h4{
	font-family: PingFang-SC-Regular;
	font-size: 16px;
	line-height: 22px;
	color: #FC2746;
}

.worth .worth-container .art-self .media-body p{
	 font-size: 16px;
	 line-height: 25px;
	 color: #676767;
 }

.worth .worth-container .art-self .media-body span{
	font-size: 13px;
	line-height: 25px;
	color: #676767;
}

.worth .anli-more{
	width: 192px;
	height: 42px;
	line-height: 42px;
	border-radius: 5px;
	background-color: #1c94c4;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	margin: 56px auto;
	cursor: pointer;
}

.worth .anli-more a{
	color: #FFFFFF;
}

.worth .anli-more a:HOVER{
	color: #FFFFFF;
}

/****** 我们的优势 ******/
.best{
	background-color: #FFFFFF;
	padding-bottom: 75px;
}

.best .best-container{
	margin-top: 27px;
}

.best .best-container .best-ev{
	padding-left: 49px;
}

.best .best-container .best-ev &gt;h3{
	color: #050505;
	font-size: 20px;
	line-height: 28px;
	height: 28px;
	font-family: PingFang-SC-Regular;
}

.best .best-container .best-ev .media{
	margin-top: 17px;
}

.best .best-container .best-ev .media .media-object{
	margin-top: 10px;	
}

.best .best-container .best-ev .media .media-body{
	width: 274px;
	line-height: 25px;
	color: #3E3E3E;
}

.best .best-container .best-ev .media .media-body p.more{
	text-align: right;
}

.best .best-container .best-ev .media .media-body p a{
	color: #E60012;
	cursor: pointer;
	border-bottom: 1px solid #E60012;
	 display: inline-block;
    height: 22px;
}

/****** 合作方案满足不同客户需求 ******/
.satisfyd{
	background-color: #F3F6FD;
}

.satisfyd-container{
	margin-top: 32px;
	padding-bottom: 56px;
	text-align: center;
}

.satisfyd-container .col-self{
	margin: 0 auto;
	width:383px;
	height:480px;
	text-align: center;
	padding-top: 268px;
}

.satisfyd-container .col-self h3{
	font-family: PingFang-SC-Medium;
	font-size:20px;
	height: 28px;
	line-height: 28px;
	color: #222222;
	font-weight:bold;
	margin: 0;
	padding: 0;
}

.satisfyd-container .col-self p{
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

.satisfyd-container .col-self span{
	display: inline-block;
	margin-top: 11px;
	
	line-height: 30px;
	color: #555555;
}

.satisfyd-container .col-self .req-btn{
	display: inline-block;
	width: 150px;
	height: 38px;
	margin-top: 17px;
	background-color: #FC2746;
	border-radius: 5px;
	color: #FFFFFF;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
	font-family: PingFangSC-Regular;
	
	font-weight: bold;
}

.satisfyd-container .col-self1{
	background: url(../imgs/advertorial-bg.png) no-repeat;
	background-size:cover; 
}

.satisfyd-container .col-self2{
	background: url(../imgs/paster-bg.png) no-repeat;
	background-size:cover; 
}

.satisfyd-container .col-self3{
	background: url(../imgs/walfare-bg.png) no-repeat;
	background-size:cover; 
}

/****** 他们选择了潮生活 ******/
.choose{
	background: url(../img/content2-bg.png);
	padding-bottom: 20px;
}

.choose .container{
	padding: 0;
}

.choose .choose-container{
	width: 100%;
	padding-bottom: 50px;
}

.choose .choose-container .choose-item{
	margin-top: 25px;
}

.choose .choose-container .choose-item .media{
	width: 382px;
	height: 225px;
	background-color: #FFFFFF;
	border-radius: 5px;
	border: 2px solid rgba(229,229,229,0.54);
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63); 
}

.choose .choose-container .choose-item .media .media-body{
	padding-left: 20px;
}

.choose .choose-container .choose-item .media .media-body h3{
	font-family: PingFang-SC-Medium;
	width: 140px;
	height: 40px;
	color: #FC2746;
	font-size: 28px;
	line-height: 40px;
}

.choose .choose-container .choose-item .media .media-body span{
	font-size: 12px;
	color: #FC657B;
	display: block;
	margin-top: -8px;
}

.choose .choose-container .choose-item .media .media-body ul{
	list-style-type: square;
	width: 145px;
	padding-left: 14px;
	font-size: 18px;
	margin-top: 15px;
}

.choose .choose-container .choose-item .media .media-body ul li{
	margin-top: 10px;
}

.choose .choose-container .choose-item .media .media-right{
	padding: 20px 20px 20px 10px;
}

.choose .choose-container .choose-item .media .media-right img{
	width: 185px;
	height: 185px;
	border-radius: 5px;
}

.choose .choose-container .choose-item-l{
	padding-left: 0;
}

.choose .choose-container .choose-item-c{
	padding-left: 8px;
}

.choose .choose-container .choose-item-r{
	padding-left: 17px;
}

.choose .choose-container .choose-item .media:HOVER{
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 4px 2px 0px rgba(195,224,238,0.63);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 4px 2px 0px rgba(195,224,238,0.63);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 4px 2px 0px rgba(195,224,238,0.63); 
}

/****** 面包屑导航 ******/
.nav-bread{
	background-color: #F4F7FF;	
	margin-top: -20px;
	padding-top: 15px;
}

.breadcrumb-self{
	background-color: #F4F7FF;
	margin-left: -15px;
	margin-bottom: 0;
}

.breadcrumb-self &gt; li + li::before {
	color: #ABABAE;
    content: "&gt; ";
}

.breadcrumb-self &gt; li{
	color: #555555;	
}

.breadcrumb-self &gt; li &gt; a{
	color: #3E3E3E;
	border-bottom: 1px solid #3E3E3E;
}

.breadcrumb-self &gt; li.active{
	color: #BCBDC0;
}


/****** 子页1：合理的推广费用 ******/
.price{
	background-color: #F4F7FF;
}

.price .tab-p{
}

.table{
	border-radius: 2px;
	background-color: #FFFFFF;
	margin-top: 32px;
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63); 
}

.table &gt; thead{
	border-bottom: 1px solid #F5F8FD;
}

.table &gt; thead &gt; tr &gt; th{
	border-bottom: none;
	padding: 20px 8px;
}

.table &gt; thead &gt; tr &gt; th:last-child{
	text-align: center;
	font-size: 14px;
	color: #CCCCCC;	
}

.table &gt; tbody &gt; tr:nth-child(odd){
	background-color: #F8F8F8;
}

.table &gt; tbody &gt; tr:hover{
	background-color: #E9ECF1;
}

.table &gt; tbody &gt; tr &gt; td, .table &gt; tbody &gt; tr &gt; th, .table &gt; tfoot &gt; tr &gt; td, .table &gt; tfoot &gt; tr &gt; th, .table &gt; thead &gt; tr &gt; td, .table &gt; thead &gt; tr &gt; th{
	border-top: none;
}

.table &gt; tbody &gt; tr &gt; td{
	height: 60px;
	vertical-align: middle;
	border-bottom: 1px solid #F5F8FD;
}

.table &gt; tbody &gt; tr &gt; td:last-child{
	text-align: center;	
}

.table &gt; tbody &gt; tr &gt; td.cooper{
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;
}

.table &gt; tbody &gt; tr &gt; td.cooper &gt; a{
	color: #FC2746;
}

.table &gt; tbody &gt; tr &gt; td.qrcode{
	position: relative;	
}

.table &gt; tbody &gt; tr &gt; td &gt; .qrcode-big{
	display:none;
	position: absolute;
	z-index: 8;	
	padding: 5px 6px 9px 9px;
	background-color: #FAFBFD;
	margin-left: 94px;
	margin-top: -18px;
	border: 1px solid #E4E7ED;
	width:200px;
}

.table &gt; tbody &gt; tr &gt; td &gt; .qrcode-big:before{
   color: #E4E7ED;
   content:"&lt;";
   position: absolute;
   right: 100%;
   width: 0;
   height: 0;
   text-align: right;
   line-height: 0px;
   border-top: 3px solid transparent;
   border-right: 8px solid #FAFBFD;
   border-bottom: 4px solid transparent;
}

.table &gt; tbody &gt; tr &gt; td:hover &gt; .qrcode-big{
	display: block;
}

.table &gt; tbody &gt; tr &gt; td &gt; img{
	margin-top: -1px;
	cursor: pointer;
}

.table &gt; thead{
	font-weight: normal;
	color: #555555;
}

.table &gt; tbody{
	color: #222222;	
}

.page-self{
	margin-top: 20px;
	text-align: center;
	padding: 40px 0;
}

.page-self .load-all{
	padding: 10px 15px;
	color: #FFFFFF;
	background-color: #FC2746;
	font-size: 20px;
	float: right;
	cursor:pointer;
}

.page-self ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.page-self ul li{
	float: left;
	margin: 0;
	padding: 0;
}

.page-self ul li a{
	display: block;
	padding: 9px 18px;
	border: 1px solid #FC2746;
	border-left: none;
	font-size: 20px;
	color: #FC2746;
}

.page-self ul li:first-child a{
	border-left: 1px solid #FC2746;
}

.page-self ul li.active a{
	background-color: #FC2746;
	color: #FFFFFF;
}

/******子页2：满足不同用户需求的合作方案 *****/
.cooperation{
	padding-bottom: 48px;	
}

.cooperation.even1{
	background-color: #F4F7FF;
}

.cooperation.odd{
	padding-top: 56px;
	background: url(../img/content2-bg.png);
}

.cooperation.even2{
	padding-top: 56px;
	background-color: #F4F7FF;
}

.cooperation h3{
	font-size: 36px;
	letter-spacing: 2px;
	font-family: PingFang-SC-Medium;
	line-height: 50px;
}

.cooperation h3 span{
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0;
	font-family: PingFangSC-Light;
}

.cooperation p.first{
	margin-top: 39px;
}

.cooperation .co-content.first{
	margin-top: 79px;
}

.cooperation .co-container{
	text-align: center;
}

.cooperation .co-img{
	margin: 20px 0 48px;
	text-align: center;
}

.cooperation .co-desc{
	display: inline-block;
	text-align: left;
}

.cooperation .co-desc.first{
	padding-top: 44px;
}

.cooperation .co-btn{
	width: 150px;
	height: 42px;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 42px;
	text-align: center;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 40px;
}

.cooperation .co-btn a{
	color: #FFFFFF;	
}

.cooperation.even1 .co-btn{
	background-color: #90631D;
}

.cooperation.even1 h3{
	color: #90631D;	
}

.cooperation.odd .co-btn{
	background-color: #1FC3B2;
}

.cooperation.odd h3{
	color: #1FC3B2;	
}

.cooperation.even2 .co-btn{
	background-color: #84577B;
}

.cooperation.even2 h3{
	color: #84577B;	
}

/******子页3：成功案例*****/
.caselist{
	background-color: #f4f7ff;	
	padding-bottom: 60px;
}

.caselist .cases{
	margin-top: 10px;
}

.caselist .cases .content img{
	width:100%;
	height: 251px;
}

.caselist .row{
	padding: 5px 0;
}

.caselist .cases .row .col-md-4{
	padding: 12px;	
}

.caselist .cases .row .col-md-4 .content{
	background-color: #FFFFFF;
	padding: 14px;	
}

.caselist .cases h3{
	border-left: 4px solid #FC2746;
	padding-left: 10px;
	margin: 0 0 14px 4px;
	color: #495376;
	font-size: 24px;
}

.caselist .cases h4{
	font-size: 18px;
	color: #495376;
	font-weight: bold;
}

.caselist .cases h4 span{
	font-size: 12px;
	padding: 3px 8px;
	color: #FFFFFF;
	border-radius: 2px;
}

.caselist .cases h4 span.food{
	background-color: #FC2746;
}

.caselist .cases h4 span.bank{
	background-color: #58A5FF;
}

.caselist .cases h4 span.brand{
	background-color: #FFB930;
}

.caselist .cases h4 span.wenyu{
	background-color: #C746EE;
}

.caselist .cases p{
	color: #85899F;
}

/******子页3-1：案例 *****/
.case{
	background-color: #f4f7ff;	
	padding-bottom: 61px;
}

.case .content{
	float: right;
	width: 834px;	
	margin-top: 0px;
	margin-right: -15px;
	padding: 15px 35px 41px;
	background-color: #FFFFFF;	
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63); 
}
.case .content .qrcode{
	position: relative;
	font-size: 20px;
	line-height: 25px;
	color: #676767;
}

.case .content .qrcode .qrcode-big{
	display: none;
	position: absolute;
	z-index: 8;	
	padding: 5px 6px 9px 9px;
	background-color: #CCCCCC;
	margin-left: 125px;
	margin-top: -18px;
	border: 1px solid #E4E7ED;
	width:200px;
}

.case .content .qrcode .qrcode-big:before{
   color: #CCCCCC;
   content:"&lt;";
   position: absolute;
   right: 100%;
   width: 0;
   height: 0;
   text-align: right;
   line-height: 0px;
   border-top: 3px solid transparent;
   border-right: 8px solid #CCCCCC;
   border-bottom: 4px solid transparent;
}

.case .content .qrcode:hover .qrcode-big{
	display: block;
}

.case .content h3{
	font-family: PingFang-SC-Medium;
	font-size: 28px;
	line-height: 28px;
	color: #3B3B3B;
	letter-spacing: 2.5px;
	font-weight: bold;
	padding-bottom: 10px;
}

.case .content h4{
	margin-top: 20px;
	font-family: PingFang-SC-Regular;
	font-size: 20px;
	line-height: 20px;
	color: #FC2746;
}

.case .content p{
	font-size: 20px;
	line-height: 25px;
	color: #676767;
}

.case .content p a{
	font-size: 20px;
	line-height: 25px;
	color: #676767;
	text-decoration: underline;
	cursor: pointer;
}

/****** 子页4：关于我们 *****/
.nav-tab{
	float:left;
	margin-top: 0;
	width: 322px;
	height: 412px;
	background-color: #F8F8F8;
	border: 1px solid rgba(217,217,217,0.50);
	border-top: none;
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 1px 0px 0px rgba(217,217,217,0.50);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 1px 0px 0px rgba(217,217,217,0.50);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 1px 0px 0px rgba(217,217,217,0.50); 
}

.case .nav-tab{
	width: 330px;
	height: 722px;
}

.nav-tab .nav-img{
	width: 100%;
	height: 655px;
	padding: 15px 15px 30px;
	background-color: #FFFFFF;
}

.nav-tab .nav-img img{
	width: 100%;
	height: 100%;
}

.nav-tab .nav-link{
	width: 100%;
	height: 67px;
	line-height: 67px;
	text-align: center;
}

.nav-tab .nav-link a{
	text-decoration: underline;
	color: #E60012;
	cursor: pointer;
}

.nav-tab .brand{
	height: 112px;
	padding-left: 30px;
	line-height: 112px;
	font-size: 36px;
	color: #D8D8D8;
	font-family: PingFang-SC-Medium;
	border-bottom: 	1px solid rgba(217,217,217,0.50);
}

.nav-tab ul{
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}

.nav-tab ul li{
	width: 100%;
}

.nav-tab ul li a{
	display: block;
	width: 100%;
	padding-left: 30px;
	height: 60px;
	line-height: 60px;
	border-bottom: 	1px solid rgba(217,217,217,0.50);
	color: #333333;
	text-decoration: none;
}

.nav-tab ul li.active, .nav-tab ul li:hover{
	font-family: PingFang-SC-Medium;
	border-right: 6px solid #238AD6;
	font-weight: bold;
	background-color: #FFFFFF;
}

/******** 子页4-0 **********/
.wedo{
	margin: 40px 0 20px;
}

.wedo h4{
	font-size: 18px;
	color: #495376;
	font-weight: bold;
}

.wedo p{
	color: #85899F;
}

.big-title{
	padding: 30px 0;
	background: url(../img/content2-bg.png);
}

.big-title .point1{
	padding: 10px 0 10px 30px;
}

.big-title .content{
	font-size: 28px;
	color: #666E8B;
	padding: 0 88px;
}

.big-title .point2{
	text-align: right;
	padding: 10px 30px 10px 0;
}

/******** 子页4-1:公司简介 **********/
.shortLine{
	background-color: #F4F7FF;	
	padding-bottom: 60px;
}

.shortLine .content{
	float: right;
	width: 834px;	
	margin-top: 0px;
	margin-right: -15px;
	padding: 35px 36px;
	background-color: #FFFFFF;	
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63); 
}

.shortLine .content img{
	margin-top: 10px;
	width:100%;	
}

.shortLine .content h4{
	font-family: PingFang-SC-Medium;
	margin-top:30px;
	font-size: 17px;
	color: #000000;
	font-weight: 600;
}

.shortLine .content h4:FIRST-CHILD{
	margin-top: 0;	
}

.shortLine .content p{
	font-size: 17px;
	color: #666666;
}

.shortLine .content p font{
	font-weight: bold;
	color: #000000;	
	font-size: 18px;
}

.shortLine .content p.img-desc{
	margin-top:25px;	
}

.shortLine .line{
	margin-top:30px;
	width:100%;
	border-top:1px solid #DDDFEB;	
}

/****** 子页4-2:常见问题**********/
.question{
	background-color: #F4F7FF;	
	padding-bottom: 60px;
}

.question .content{
	float: right;
	width: 834px;	
	margin-top: 0px;
	margin-right: -15px;
	padding: 35px 36px;
	background-color: #FFFFFF;	
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63); 
}

.question .content h4{
	border-left: 3px solid #238AD6;
	padding-left: 10px;
	margin-top:30px;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	font-family: PingFang-SC-Medium;
}

.question .content h4:FIRST-CHILD{
	margin-top: 0;	
}

.question .content p, .question .content p a, .question .content p span{
	font-size: 17px;
	color: #666666;
}

.question .content p a{
	font-weight: bold;
	text-decoration: line;	
}

.question .call-url{
	height: 60px;
	background-color: #F3F6FD;
	color: #58A5FF;
	text-decoration: line;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
	margin: 32px 0;
}

.question .line{
	margin-top:30px;
	width:100%;
	border-top:1px solid #DDDFEB;	
}

/******** 子页4-3：媒体报道 ********/
.report{
	background-color: #F4F7FF;	
	padding-bottom: 60px;
}

.report .content{
	float: right;
	width: 834px;	
	margin-top: 0px;
	margin-right: -15px;
	padding: 35px 36px;
	background-color: #FFFFFF;	
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63); 
}

.report .media{
	margin-top:30px;	
}

.report .media:FIRST-CHILD{
	margin-top: 0;
}

.report .media .media-left{
	width: 140px;
	height: 88px;	
}

.report .media .media-left a{
	display: block;
	width: 100%;
	height: 100%;
	background-color: #F3F6FD;
}

.report .media .media-left img{
	width: 100%;	
	height: 100%;
}

.report .media .media-body{
	vertical-align: middle;	
}

.report .media .media-body h4{
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	font-family: PingFang-SC-Medium;
}

.report .media .media-body h4 a{
	color: #000000;
}

.report .media .media-body p{
	margin-top: 15px;
	font-size: 17px;
	color: #666666;
}

/******* 子页4-4：合作伙伴 ********/
.partners{
	background-color: #F4F7FF;	
	padding-bottom: 60px;
}

.partners .content{
	float: right;
	width: 834px;	
	margin-top: 0px;
	margin-right: -15px;
	padding: 35px 36px;
	background-color: #FFFFFF;	
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63); 
}

.partners .row{
	margin-top: 25px;	
}

.partners .row:FIRST-CHILD{
	margin-top: 0;	
}

.partners .img-container{
	margin:0 auto;
	width:235px;
	height:160px;
	background-color:#F3F6FD;
	text-align:center;
	vertical-align:middle;
	line-height:160px;
}

/******* 子页4-5：联系我们 ********/
.contactus{
	background-color: #F4F7FF;	
	padding-bottom: 60px;
}

.contactus .content{
	float: right;
	width: 834px;	
	margin-top: 0px;
	margin-right: -15px;
	padding: 35px 36px;
	background-color: #FFFFFF;	
	/*Firefox4.0-  */
    -moz-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);
    /*Safariand Google chrome10.0-  */
    -webkit-box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63);  
    /*Firefox4.0+、 Google chrome 10.0+ 、 Oprea10.5+ and IE9  */
    box-shadow: 0px 2px 0px 0px rgba(195,224,238,0.63); 
}

.contactus .content h4{
	border-left: 3px solid #238AD6;
	padding-left: 10px;
	margin-top:30px;
	font-size: 17px;
	color: #000000;
	font-weight: bold;
	font-family: PingFang-SC-Medium;
}

.contactus .content h4:FIRST-CHILD{
	margin-top: 0;	
}

.contactus .content p, .contactus .content p a, .contactus .content p span{
	font-size: 17px;
	color: #666666;
}

.contactus .content p a{
	font-weight: bold;
	text-decoration: line;	
}

/****** 我要合作 ******/
.partner {
	padding-bottom: 51px;
}

.partner .tab-p{
	color: #FC2746;	
}

.user-form{
	margin-top: 48px;
	width:100%;
	padding: 0;
}

.user-form:last-child{
	margin-top: 30px;
}

.partner .tishi{
	display:none;
	position: absolute;
	z-index: 10;
	width: 200px;
	height: 45px;
	color: #FC2746;
	line-height: 45px;
	text-align: left;
	padding: 0 0 0 20px;
	margin-top: -46px;
	margin-left: 220px;
	background-color: #FFF3F3;
	border: 1px solid #FFBFBE;
}

.partner .tishi img{
	margin-top: -1px;
	margin-left: -2px;
}

.partner .tishi:before{
   color: #FFBFBE;
   content:"&lt;";
   position: absolute;
   right: 100%;
   top: 16px;
   width: 0;
   height: 0;
   text-align: right;
   line-height: 0px;
   border-top: 2px solid transparent;
   border-right: 8px solid #FFF3F3;
   border-bottom: 4px solid transparent;
}

.partner .tishi.tishi_area{
	margin-left: 300px;
	margin-top: -90px;
}

.input-group{
	width: 87%;
	margin: 0 40px 0 38px;	
	color: #999999;
	border-radius: 5px;
}

.input-group.input-group-area{
	width: 1092px;
	margin: 0 auto;
}

.input-group-addon-self{
	border:none;
	border-radius:0;
	background-color:#F3F6FD;
	position:absolute;
	margin: 8px 0 0 6px;
	padding: 8px 8px;
	z-index:4;
}

.input-group-addon-self:last-child{
	margin: 8px 0 0 2px;
}

.form-control-self{
	border:none;
	background-color:#F3F6FD;
	box-shadow:none;
	padding:6px 38px;
	border-radius:5px;
	height: 45px;
	
}

.form-control-self.form-control-textarea{
	line-height: 30px;
	height: 90px;	
}

.form-control{
	border: 1px solid #F3F6FD;
}

.form-control:focus{
	border: 1px solid #98A1C0;
	/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(252, 39, 70, 0.8); */
}

.btn-commit{
	margin-top: 40px;
	text-align: center;
	color: #FFFFFF;
}

.btn-commit .commit-p{
	display: block;
	text-align:center;
	color:#FC2746;
	margin:5px 0 2px;
}

.btn-commit .btn-self{
	background-color: #FC2746;
	border-radius: 5px;
	padding: 10px 40px;
	font-size: 20px;
}

.btn-commit .btn-self .glyphicon{
	margin:1px;
	top: 3px;
}

/*******联系我们 ***********/
.contact{
	background-color: #323232;
	text-align: center;
	padding: 38px 0;
}

.contact .row .col-md-4{
	width:410px;
}

.contact .row .col-md-2{
	width:200px;
}

.contact .row .col-md-3{
	width:350px;
}

.contact .contact-desc{
	margin-top:36px;
	border-top:1px solid #9197AC;
}

.contact .contact-mail{
	margin-top: 45px;
	text-align:left;
	padding: 0 0 0 45px;
}

.contact .contact-mail .co{
	display: inline-block;
}

.contact .contact-mail .pe{
	display: inline-block;
}

.contact .contact-desc ul{
	margin: 15px 0;
	padding: 0;
	list-style: none;
}

.contact .contact-desc ul li{
	float: left;
	padding: 0 14px;
	position: relative;
}

.contact .contact-desc ul li a{
	display: block;
	padding: 3px 0;
	color: #FFFFFF;
	text-decoration: none;
}

.contact .contact-desc ul li.more a{
	color:#9EA4BA;
}

.contact .contact-desc ul li .address{
	display: none;
	position: absolute;
}

.contact .contact-desc ul li.active a{
	border-bottom: 2px solid #FC2746;
}

.contact .contact-desc .address{
	display: none;
	clear:both;
	margin-top:50px;
	color:#9EA4BA;
	text-align:left;
	padding:0 15px;
}

.contact .contact-desc .co{
	margin: 18px 0 14px;
}

.contact .contact-desc .text{
	color: #FFFFFF;
}

.contact .contact-desc .phone{
	color: #9EA4BA;
}

.contact .qrcode{
	float: left;
	background-color: #A4A9BA;
	padding:5px;
}

.contact .qrcode img{
	width:161px;
	height:161px;	
	max-width: 161px;
}

.contact .col-md-3:last-child{
	position: relative;
}

.contact .up{
	position: absolute;
	top: -58px;
	right: 0px;
	cursor: pointer;
}

/*******底部导航栏**********/
.navbar-self{
	background-color:#2C2C2C;
	padding:15px 0;
	color:#969696;
	min-width: 1100px;
}

.navbar-self .navbar-link{
	color:#969696;
}

.navbar-self .navbar-link:hover{
	color: #FFFFFF;
}

.navbar-self .nav-self &gt; li &gt; a{
	text-decoration:underline;
	color: #969696;
	
}

.navbar-self .nav-self{
	float: left;
}

.navbar-self .nav-self li{
	float:left;	
}

.navbar-self .navbar-text{
	float:right;
}

.navbar-self .nav-self &gt; li.active &gt; a,
.navbar-self .nav-self &gt; li &gt; a:focus, 
.navbar-self .nav-self &gt; li &gt; a:hover,
.navbar-self .nav-self &gt; li.active &gt; a:focus, 
.navbar-self .nav-self &gt; li.active &gt; a:hover{
	background-color: #2C2C2C;
	color: #FFFFFF;
}

#myCarousel, .nav-bread{
	margin-top: 90px;
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
	.contact .col-md-1{
		display: none;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	.contact .col-md-1{
		display: none;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.contact .col-md-1{
		display: none;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.contact .col-md-1{
		display: block;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.contact .col-md-1{
		display: block;
	}
}
</pre></body></html>