@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-family: Microsoft Yahei;
}
li {
	list-style: none
}
img {
	border: none
}
input,select,textarea {
	outline: 0;
	border: none;
	background: 0 0
}
textarea {
	resize: none
}
a {
	text-decoration: none
}
body {
	overflow-x: hidden;
	min-width: 980px;
}
body .tab-lx label{
	max-width : initial !important;
}
.carousel-control{
	top: 72px;
}
.container-fluid {
	padding: 0;
}
.navbar {
	position: fixed;
	margin-bottom: 0;
	border: none;
	border-color: transparent;
	border-radius: 0
}
.navbar-brand {
	float: left;
	padding: 15px 0;
	margin: 0;
	height: 50px;
	line-height: 50px
}
.navbar-brand img {
	width: 100px;
	height: 58px;
	display: inline-block
}
.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand {
	margin-left: 0
}

.header .navbar-brand {
	padding: 0;
	height: 70px;
}

.navbar-default {
	z-index: 100;
	width: 100%;
	min-width: 980px;
	height: 71px;
	background: #fff;
	border-bottom: 1px #dcdcdc solid;
	box-shadow: 12px -4px 14px #898989;
}

.navbar-default .nav>li {
	height: 70px;
	padding-top: 24px;
	padding-left: 44px;
	padding-right: 54px;
	min-height: 22px
}

.navbar-default .nav>li.pd-r {
	padding-right: 0
}

.navbar-default .nav>li.pd-r a {
	padding-right: 0
}

.navbar-default .nav>li a {
	color: #535353;
	font-size: 16px
}

.navbar-default .nav>li a.active {
	border-bottom: 2px solid #db1837;
	color: #db1837;

}

.navbar-default .navbar-nav>li>a {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 9px!important;
}

.navbar-default .navbar-nav>li>a:focus,.navbar-default .navbar-nav>li>a:hover {
	color: #db1837;
}
a:focus {
	outline: none;
}
.carousel-indicators {
	bottom: 24px;
	margin-bottom: 0
}

.navbar-nav.navbar-right:last-child {
	margin-right: 0
}

.containbox {
	width: 980px;
	margin: 0 auto;
	position: relative
}

@media (min-width:1024px) {
	.navbar-collapse {
		padding: 0
	}

	.containbox {
		width: 980px;
		margin: 0 auto;
		overflow: hidden;
		min-width: 980px;
	}
}

.margin-auto {
	margin: 0 auto
}

.margin-top22 {
	margin-top: -22px
}

.border-none {
	border: none
}

.left-btn {
	position: absolute;
	left: 50px;
	top: 50%;
	margin-top: -22px;
	background: url(../img/hm/left.png) no-repeat;
	width: 26px;
	height: 44px;
	display: block
}

.right-btn {
	position: absolute;
	right: 50px;
	top: 50%;
	margin-top: -22px;
	background: url(../img/hm/right.png) no-repeat;
	width: 26px;
	height: 44px;
	display: block
}

.carousel-indicators li {
	width: 12px;
	height: 12px;
	margin: 0;
	margin-left: 8px;
	margin-right: 8px;
	border:none;
	border-radius: 0px;
	background: url(../img/hm/point.png) no-repeat;
}

.carousel-indicators li.active {
	width: 12px;
	height: 12px;
	margin-left: 8px;
	margin-right: 8px;
	border:none;
	background: url(../img/hm/point-on.png) no-repeat;
}

.containbox h1 {
	font-size: 36px;
	margin-top: 60px;
	text-align: center;
	font-weight: bold;
	color: #535353;
}

.containbox .advertise-img {
	position: relative;
	margin-top: 20px;
	margin-bottom: 32px
}

.containbox .advertise-img h4 {
	position: absolute;
	left: 366px;
	top: 52px;
	color: #535353;
	font-size: 24px;
	margin: 0
}
.carousel-fliud1 {
	width: 980px;
	overflow: hidden
}

.carousel-fliud1 ul {
	width: 990px;
	overflow: hidden;
	margin-right: -10px
}

.carousel-fliud1 ul:after,.carousel-fliud1 ul:before {
	display: table;
	content: "";
	line-height: 0
}

.carousel-fliud1 ul:after {
	clear: both
}

.carousel-fliud1 ul li {
	float: left;
	display: inline
}
.carousel-fliud1 ul li img {
	width: 320px;
	height: 178px;
	margin-right: 10px
}

.text-box h2 {
	margin-top: 60px;
	margin-bottom: 0
}

.text-box dl {
	margin-bottom: 80px
}

.text-box dl dt {
	margin-top: 30px;
	margin-bottom: 6px;
	font-size: 24px;
	border-left: 4px solid #fff;
	height: 24px;
	line-height: 20px;
	/* font-weight: 400; */
	 font-weight: normal;  /*8.18*/
	padding-left: 16px;
	*zoom:1;/*8.18*/
}

.text-box dl dt .mt {
	margin-top: 30px;
	margin-bottom: 18px
}

.text-box dl dt:after,.text-box dl dt:before {
	display: table;
	content: "";
	line-height: 0
}

.text-box dl dt:after {
	clear: both
}

.text-box dl dt a {
	color: #535353;
	text-decoration: none;
	float: left;
	display: inline
}

.text-box dl dt.on {
	background: url(../img/hm/blue-line.png) no-repeat
}

.text-box dl dt.on a {
	color: #f63453;
}

.text-box dd {
	color: #707070;
	font-size: 16px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 28px;
	padding-left: 18px;
	cursor:pointer;
}

.text-box dd .ellipsis-text {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.we-are-dk {
	*zoom: 1;/*8.18*/
	font-size: 28px;
	color: #535353
}

.we-are-dk p {
	margin: 0;
	width: 283px;
	float: left;
	display: inline
}

.we-are-dk p strong {
	font-size: 50px
}

.we-are-dk p strong em {
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
}

.we-are-dk .line-right {
	 width: 694px; 
	/*width: 674px;8.18*/
	height: 1px;
	margin-top: 50px;
	background: #dcdcdc;
	box-sizing: border-box
}

.we-are-dk:after,.we-are-dk:before {
	display: table;
	content: "";
	line-height: 0
}

.we-are-dk:after {
	clear: both
}

.footer {
	background-color: #444547;
	padding-top: 40px;
	padding-bottom: 28px
}

.footer a {
	color: #707070;
	font-size: 14px;
	margin-right: 25px;
}

.footer-container {
	color: #7b7d80
}

.footer-container p {
	font-size: 12px;
	text-align: center;
	margin: 0;
}

.footer-warp {
	padding-bottom: 26px
}

.footer-warp:after,.footer-warp:before {
	display: table;
	content: "";
	line-height: 0
}

.footer-warp:after {
	clear: both
}

.footer-warp .footer-left-part {
	font-size: 16px;
	float: left;
	display: inline
}

.footer-warp .footer-left-part ul {
	*zoom: 1;/*8.18*/
	padding-top: 6px;
	padding-bottom: 40px;
}

.footer-warp .footer-left-part ul:after,.footer-warp .footer-left-part ul:before {
	display: table;
	content: "";
	line-height: 0
}

.footer-warp .footer-left-part ul:after {
	clear: both
}

.footer-warp .footer-left-part li {
	float: left;
	display: inline;
	padding-left: 25px;
}

.footer-warp .footer-left-part dt {
	/* font-weight: 400 */
	font-weight: normal;
}

.footer-warp .footer-left-part li.pd-none {
	padding-left: 0;
}

.footer-warp .footer-left-part p {
	font-size: 14px;
	margin: 2px 0;
	text-align: left
}

.footer-warp .footer-right-part {
	position: relative;
	float: right;
	display: inline
}

.footer-warp .footer-right-part .margin-r30 {
	margin-right: 30px
}
.ad-banner{
	overflow: hidden;
}
.ad-banner img {
	margin-top: 70px;
	margin-bottom: 60px
}

.media-cont {
	color: #535353;
	font-size: 24px;
	text-align: center
}
/*8.18*/
.media-cont .img-media {
    height: 26px;

}
.media-cont .img-media img {
  margin-top: 13px;
  margin-bottom: 30px;
}
.media-cont p {
	margin: 0;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
	text-transform: 4px;
}

.media-cont h3 {
	color: #535353;
	font-size: 36px;
	font-weight: bold;
	margin: 0
}
.media-cont .des-imgsbox {
	width: 980px;
	 font-size: 0;/*8.18*/
}

.media-cont .des-imgsbox ul {
	margin-right: -160px;
	margin-top: 40px;
	overflow: hidden;
	margin-bottom: 12px;/*8.18*/
	*zoom: 1;/*8.18*/
}
/*8.18*/

.media-cont .des-imgsbox ul:after,.media-cont .des-imgsbox ul:before {
	display: table;
	content: "";
	line-height: 0
}

.media-cont .des-imgsbox ul:after {
	clear: both
}

.media-cont .des-imgsbox ul li {
	float: left;
	display: inline;
	margin-right: 162.4px;
	width: 123px
}

.media-cont .des-imgsbox ul li img {
	margin-bottom: 20px
}

.media-cont .des-imgsbox ul li span {
	color: #535353;
	font-size: 16px;
	height: 18px;/*8.18*/
  	line-height: 18px;/*8.18*/
}

.marget-cont h3 {
	color: #535353;
}

.marketing-tabbox .tab-market-conts {
	display: none;
	height: 400px;
}

.marketing-tabbox .top-market-ways {
	height: 136px;
	margin-bottom: 50px;
	 *zoom: 1;/*8.18*/
}

.marketing-tabbox .top-market-ways:after,.marketing-tabbox .top-market-ways:before {
	display: table;
	content: "";
	line-height: 0
}

.marketing-tabbox .top-market-ways:after {
	clear: both
}

.marketing-tabbox .top-market-ways img {
	width: 338px;
	height: 130px;
	float: left;
	display: inline
}

.marketing-tabbox .top-market-ways p {
	height: 136px;
    line-height: 136px;
	float: right;
	display: inline;
	color: #535353;
	font-size: 18px;
	width: 600px;
	text-align: center;
  	margin-bottom: 0;/*8.18*/
}

.marketing-tabbox .down-market-ways ul {
	height: 216px;
	*zoom: 1;/*8.18*/
	margin-right: -144px;
	overflow: hidden;
}
.marketing-tabbox .down-market-ways {/*8.18*/
  overflow: hidden;
  height: 216px;
}
.marketing-tabbox .down-market-ways ul:after,.marketing-tabbox .down-market-ways ul:before {
	display: table;
	content: "";
	line-height: 0
}

.marketing-tabbox .down-market-ways ul:after {
	clear: both
}

.marketing-tabbox .down-market-ways ul li {
	float: left;
	display: inline;
	margin-right: 128px;
	width: 150px;
	text-align: center;
	margin-top: 34px;
}

.marketing-tabbox .down-market-ways ul li span {
	color: #707070;
	font-size: 17px;
	width: 150px;
	display: block;
	margin-top: 19px
}

.grouped-3 {
	overflow: hidden;
	height: 216px;
}

.grouped-3 ul {
	 *zoom: 1;/*8.18*/
	position: relative
}

.grouped-3 ul:after,.grouped-3 ul:before {
	display: table;
	content: "";
	line-height: 0
}

.grouped-3 ul:after {
	clear: both
}

.grouped-3 ul li {
	float: left;
	display: inline;
	width: 126px;
	margin-right: 0;
	text-align: center
}

.grouped-3 ul li span {
	color: #707070;
	font-size: 16px;
	width: 127px;
	display: block;
	margin-top: 20px
}
.cpm-imgs{
	margin-top: 12px;
}
.grouped-3 ul .last-li {
	margin-right: 0;
}
.wrap-box {
	margin-top: 140px
}

.wrap-box .cases-box h3 {
	margin: 0;
	font-size: 36px;
	color: #535353;
	text-align: center;
	/* font-weight: 700;*/
	font-weight: bold;/*8.18*/
	margin-bottom: 14px
}

.marketing-wrap {
	margin-bottom: 120px
}

.top-ul {
	margin: 0px 228px 40px;/*8.18*/
	width: 572px
}

.coorporate-cont h3 {
	color: #535353;
}

.hz-ways ul {
	width: 100%;
	*zoom: 1;/*8.18*/
	margin-top: 30px;/*8.18*/
}

.hz-ways ul:after,.hz-ways ul:before {
	display: table;
	content: "";
	line-height: 0
}

.hz-ways ul:after {
	clear: both
}

.hz-ways ul li {
	float: left;
	display: inline;
	width: 33.33%;
	text-align: center;
	position: relative
}

.hz-ways ul li p {
	margin: 0;
	color: #707070;
	font-size: 18px;
	width: 340px
}

.hz-ways .cpm p {
	position: absolute;
	top: -24px;
	left: 0
}

.hz-ways .cpc p {
	position: absolute;
	bottom: -32px;
}

.hz-ways .cpd p {
	position: absolute;
	top: -24px;
	right: -42px
}

.cases-box-mr {/*8.18*/
  margin-top: 119px;
}

@media screen and (max-width:640px) {
	.top-ul {
		margin: 30px 10px 38px;
		width: 394px
	}
}

.wrap-box ul {
	margin-bottom: 0;
	overflow: hidden;
	margin-right: -54px;
	*zoom: 1;/*8.18*/

}

.wrap-box ul:after,.wrap-box ul:before {
	display: table;
	content: "";
	line-height: 0
}

.wrap-box ul:after {
	clear: both
}

.wrap-box ul li {
	color: #535353;
	float: left;
	display: inline;
	padding-bottom: 5px;
	font-size: 18px;
	margin-right: 78px
}

.wrap-box ul .li-on {
	border-bottom: 2px solid #fe7800;
	color: #fe7800
}

.case-box-wrap {
	margin: 20px 0
}
.my_big{
	width: 190px;
	height: 440px;
	float: left;
}
.my_big:after,.my_big2:after,.my_big3:after{
	clear: both;
	content: "";
	display: block;
}
.my_big2{
	width: 190px;
	height: 440px;
	float: left;
}
.my_big3{
	width: 580px;
	height: 382px;
	float: right;
}
.mybig_img{
	margin: 44px 0 0 11px;
}
.app_box{
	position: absolute;
	top: 0;
    left: 0;
}
.case-box {/*8.18*/
  *zoom: 1;
}
.case-box:after,.case-box:before {
	display: table;
	content: "";
	line-height: 0
}

.case-box:after {
	clear: both
}

.left-carouselpart {
	width: 400px;
	height:400px;
	overflow: hidden;
	float: left;
	display: inline
}

.right-carouselpart {
	color: #707070;
	font-size: 18px;
	line-height: 28px;
	padding-left: 36px;
	width: 580px;
	box-sizing: border-box;
	float: left;
	display: inline
}

.right-carouselpart dl {
	*zoom: 1;/*8.18*/
	margin-bottom: 27px
}
.right-carouselpart dl:after,.case-box .right-carouselpart dl:before {
	display: table;
	content: "";
	line-height: 0
}

.right-carouselpart dl:after {
	clear: both
}

.right-carouselpart dt {
	position: relative;
	top: 1px;
	float: left;
	display: inline
}

.right-carouselpart dt img {
	vertical-align: text-bottom
}

.right-carouselpart dd {
	float: left;
	display: inline
}

.right-carouselpart dd p {
	margin: 0;
	padding-left: 14px;
	font-size: 18px;
}

.right-carouselpart .brand-title {
	padding-top: 36px;
	color: #535353;
	font-weight: 700;
	font-size: 24px
}

.right-carouselpart .brand-time,.case-box .right-carouselpart .brand-intro {
	margin-bottom: 46px;
	font-size: 16px;
}

/*.carousel-newbtns {
 	bottom: -30px
 }*/
/* fix 8.18*/
.carousel-newbtns {
  bottom: -5px;
  
}
/* /fix 8.18*/
.carousel-newbtns li {
	background: url(../img/ad/point.png) no-repeat;
	margin: 0 2px;
}

.carousel-newbtns li.active {
	background: url(../img/ad/point-s.png) no-repeat;
	width: 12px;
	height: 12px;
	margin-left: 2px;
    margin-right: 2px;
}

.process-box {
	padding: 104px 0;
}

.process-box .wrap-box {
	margin-top: 0
}

.process-tit {
	text-align: center
}

.process-tit img {
	margin: 0 auto;
	margin-bottom: 80px
}

.process-steps {
	margin-top: 30px;/*8.18*/
	padding-bottom: 4px
}

.process-steps ul {
	*zoom: 1;/*8.18*/
	padding-top: 34px
}

.process-steps ul:after,.process-steps ul:before {
	display: table;
	content: "";
	line-height: 0
}

.process-steps ul:after {
	clear: both
}

.process-steps ul li {
	float: left;
	display: inline;
	position: relative;
	font-size: 18px;
	color: #535353;
}

/* .process-steps ul li.one p {
	bottom: -50px;
	left: 22px
}

.process-steps ul li.two {
	top: -13px;
	left: 10px
}

.process-steps ul li.two p {
	top: -33px;
	left: 48px
}

.process-steps ul li.three {
	top: 7px;
	left: 20px
}

.process-steps ul li.three p {
	top: 100px;
	left: 48px
}

.process-steps ul li.four {
	top: -6px;
	left: 30px
}

.process-steps ul li.four p {
	top: -33px;
	left: 60px
}

.process-steps ul li.five {
	top: 10px;
	left: 40px
}

.process-steps ul li.five p {
	top: 100px;
	left: 60px
}

.process-steps ul li.six {
	top: -3px;
	left: 50px
}

.process-steps ul li.six p {
	top: -33px;
	left: 70px
} */
/* fix 8.18*/
.process-steps ul li.one p {
	text-align: center;
    bottom: -47px;
    left: 16px;
}
.process-steps ul li.two {
    top: 0px;
  	left: 10px;
}
.process-steps ul li.two p {
	text-align: center;
  	top: -33px;
  	left: 50px;
}
.process-steps ul li.three {
  	top: 0px;
  	left: 20px;
}
.process-steps ul li.three p {
	text-align: center;
  	top: 90px;
  	left: 48px;
}
.process-steps ul li.four {
  	top: 0px;
  	left: 30px;
}
.process-steps ul li.four p {
	text-align: center;
  	top: -33px;
  	left: 48px;
}
.process-steps ul li.five {
  	top: 1px;
  	left: 40px;
}
.process-steps ul li.five p {
	text-align: center;
  	top: 90px;
  	left: 50px;
}
.process-steps ul li.six {
  	top: 0px;
  	left: 50px;
}
.process-steps ul li.six p {
	text-align: center;
  	top: -33px;
  	left: 50px;
}
/* /fix 8.18*/
.process-steps ul li p {
	position: absolute;
	color: #535353;
	font-size: 18px;
	width: 144px
}
/* 
.bannerpic {
	position: relative
}

.bannerpic span {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	line-height: 50px;
	background: #fff;
	color: #000;
	font-weight: 700;
	font-size: 30px;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	-khtml-opacity: .3;
	opacity: .3
}

.bannerpic .shadeDivWrap {
	width: 100%;
	z-index: 10;
	height: 150px;
	position: absolute;
	bottom: 0
}

.bannerpic .shadeDiv {
	-webkit-backface-visibility: hidden;
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
	width: 100%;
	height: 150px;
	background-color: #fff;
	opacity: .3;
	filter: alpha(opacity=37);
	z-index: -1;
	position: absolute
}

.bannerpic .shadeDivWrap p {
	width: 100%;
	text-align: center;
	margin-top: 3px;
	font-weight: 700
}
 */
.big_bg{
 	background: url(../img/lg/bg.jpg);
  	overflow-x: hidden;
}
.rgbtnx{
	font-size: 16px;
}
.header-log{
	width: 100%;
	height: 72px;
}
.header-cont{
	width: 980px;
	height: 72px;
	border-bottom: 1px #c9c9c9 solid;
	margin: 0 auto;
}
.header_cont_left{
	float: left;
}
.header_cont_right{
	float: right;
}
.header_cont_right p{
	float: left;
}
.header-rcont{
	float: right;
}
.header-rcont a{
	color: #535353;  	
  	height: 72px;
  	font-size: 14px;
  	line-height: 72px;
}
.header-rcont a:hover{
	color: #f63453;
	text-decoration: none;
}
.login-funcbox{
	width: 100%;
}
.logobox{
	width: 100%;
	text-align: center;
	margin-top: 160px;
}
.log_ininput{
	margin-top: 80px;
	width: 270px;
  	height: 36px;
  	border:1px #b5b5b5 solid;
  	border-radius: 4px;
	background-image: url(../img/lg/dlicon.png);
	background-repeat: no-repeat;
	background-position: 12px 8px;
}
.log_inpassword{
	width: 270px;
  	height: 36px;
  	margin-top: 18px;
  	border:1px #b5b5b5 solid;
  	border-radius: 4px;
	background-image: url(../img/lg/dlicon2.png);
	background-repeat: no-repeat;
	background-position: 12px 8px;
}
.log_ininput,.log_inpassword{
	padding-left: 44px;
}
.auto-logindiv,.inbtn{
	margin-top: 18px;
}
.inbtn:hover{
	background-color: #f25973;
}
.logindiv{
	text-align: center;
}
.auto-logindiv .checkbox{
	margin-left: -182px;
	display: none;
}
.l_label{
	width: 14px;
	height: 12px;
	display: inline-block;
	margin-left: -182px;
	background: url(../img/lg/selected.png) no-repeat 0 0;
}
.inbtn{
	width: 320px;
	height: 36px;
	background: #ef7e93;
	border-radius: 4px;
	color: #fff;
	font-size: 14px;
}
.checked{
	font-size: 14px;
}
.login_zw{
	width: 100%;
	color: #535353;
	text-align: center;
	margin-top: 38px;
	font-size: 14px;
}
.login_zw a{
	color: #535353;
}
.login_zw a:hover{
	color: #f63453;
}
.footer-log{
	color: #535353;
	font-size: 12px;
	margin-top: 300px;
	text-align: center;
}


.log_in{
	width: 320px;
	margin: 200px auto 0;
}
.nav-tabs{
	width: 320px;
	border:none;
	margin-bottom: 30px;
}
.nav-tabs li{
	width: 160px;
	text-align: center;
}
.nav-tabs a{
	color: #535353;
}
.nav-tabs>li>a{
	padding: 0;
	width: 100px;
	text-align: center;
	border:none;
	margin-left: 30px;
	margin-right: 0px;
}
.nav-tabs .l_email a{
	width: 93px;
}
.nav-tabs>li>a:hover{
	border:none;
	background-color: inherit;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	border:none;
	border-bottom: 1px red solid;
	background-color: inherit;
	color: #f63453;
	margin-right: 0;
}
.btn-success {
	width: 320px;
	height: 36px;
    color: #fff;
    background-color: #f07e93;
    border-color: #f07e93;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success{
	background-color: #f25973;
	border-color: #f25973;
}
.myform p {
	margin: 0 0 18px;
    overflow: hidden;
}
.form-control{
	width: 320px;
	height: 36px;
	outline: none;
	background-color: inherit;
}
.form-control::-webkit-input-placeholder { /* WebKit browsers */
　　color:#898989;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#898989;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#898989;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color:#898989;
}
.form-control:focus{
	border-color: #898989;
	box-shadow: none;
}
input{
	outline: 0;
}
.btn-default{
	color: #fff;
    background-color: #f07e93;
    border-color: #f07e93;
}
.btn-default:hover,.btn-default:active,.btn-default:focus,.btn-default:visited{
	color: #fff;
	background-color: #f25973;
    border-color: #f25973;
}
input:-webkit-autofill{
	background-color: inherit;
}
.loginflash {
	width: 100%;
	height: 300px;
	position: relative;
	overflow: hidden;
}

.loginflash img {
	min-height: 300px;
	margin-top: 70px;
}

.user {
	background: url(../img/qd/user.png) no-repeat 0 0;
	width: 260px;
	height: 44px;
	margin-bottom: 8px
}

.password {
	background: url(../img/qd/password.png) no-repeat 0 0;
	width: 260px;
	height: 45px;
	margin-bottom: 14px
}

.loginbtn {
	width: 120px;
	height: 36px;
	border: 0;
	cursor: pointer
}

/*注册*/
input[placeholder], [placeholder], *[placeholder] {
    color: #535353!important;
    font-size: 12px;
}
.form-horizontal .form-group{
	    margin-left: 0px;
}
.login-in-wrap{
	width: 100%;
	margin-top: 200px;
}
.log-in-box{
	width: 330px;
	margin: 0 auto;
}
h4{
	margin-bottom: 30px;
}
.btn-block {
	width: 320px;
	height: 36px;
    color: #fff;
    margin-top: 18px;
    font-size: 16px;
    border-radius: 4px;
    background-color: #f07e93;
    border-color: #f07e93;
}
.btn:hover, .btn:focus,.btn:active,.btn:visited{
	color: #fff;
	background-color: #f25973;
    border-color: #f25973;
}

.btn-lg, .btn-group-lg>.btn{
	padding: 0;
}
.footer_banquan{
	margin-top: 300px;
}
.row {/*8.18*/
  margin-right: 0;
  margin-left: 0;
}
.cont-top {
	color: #707070;
	font-size: 18px;
	margin-top: 22px
}

.cont-top .title-1 h4 {
	background: url(../img/qd/num1.png) no-repeat;
	color: #535353;
	font-size: 36px;
	font-weight: bold;
	margin: 0;
	padding: 54px 0 14px 83px
}
.one-img{
	width: 131.6px;
	height: 80px;
}
.cont-top .title-1 p {
	padding-left: 79px;
	font-size: 16px;
}

.cont-top .icon-top img {/*8.18*/
  padding-left: 74px;
}
/* 8.18 */
.cont-top .icon-middle img {
  padding-left: 0px;
}
.pd-left {
  padding-left: 0px;
}
.pd-right {
  padding-right: 0px;
}
/* /8.18 */
.cont-middle {
	margin-top: 77px
}

.cont-middle .title-2 p {
	padding-left: 0;
 	margin: 0;/*8.18*/
  	padding-left: 0;
  	width: 652px;
  	position: relative;
  	right: 10px;/*8.18*/
}

.cont-middle .title-2 h4 {
	background: url(../img/qd/num2.png) no-repeat;
	color: #535353;
	text-align: right;
	width: 344px;
	position: relative;
	right: -288px;/*8.18*/
}

.cont-bottom {
	margin-top: 97px
}

.cont-bottom .icon-bottom img {
	padding-left: 65px
}

.cont-bottom .title-3 h4 {
	background: url(../img/qd/num3.png) no-repeat;
	color: #535353;
}

.process-box2 {
	padding-top: 98px
}

.process-box2 .process-steps ul li p {
	width: 180px;
	left: 0;
}

.process-box2 .process-steps ul li.one p, .process-box2 .process-steps ul li.three p,.process-box2 .process-steps ul li.five p{
	top: 96px;
}

.process-box2 .process-steps ul li.two p,.process-box2 .process-steps ul li.four p,.process-box2 .process-steps ul li.six p {
	top: -40px;
}

.process-box2 .process-steps ul li.seven {
	top: 0px;
	left: 59px
}
.process-box2 .process-steps ul li.seven p {
	top: 96px;
	left: 58px
}

.tab-box .tab-gg {
	margin-bottom: 0;
	display: none;
	overflow: hidden;
	padding: 40px 0 100px
}

.tab-gg .topcont {
	position: relative;
	padding-top: 32px;
	*zoom: 1;/*8.18*/
}
.tab-gg .topcont:after,.tab-gg .topcont:before {
	display: table;
	content: "";
	line-height: 0
}

.tab-gg .topcont:after {
	clear: both
}

.tab-gg li p {
	color: #707070;
	font-size: 16px;
	margin-bottom: 18px
}

/* .tab-gg li .detail p {
	line-height: 24px
} */
.tab-gg li p.detail {/*8.18*/
  line-height: 24px;
}
.tab-gg li i {
	background: url(../img/us/line.png) no-repeat;
	display: block;
	width: 100%;
	height: 1px
}

.tab-gg .left-tit {
	float: left;
	display: inline;
	color: #535353;
	font-size: 20px;
	margin-bottom: 12px;
}
.tab-gg .gglzy{
	padding-top: 18px;
}
.tab-gg .left-tit a {
	color: #535353;
	text-decoration: none;
}
.tab-gg .left-tit a:hover{
	color: #f63453;
}
.tab-gg .right-tit {
	float: right;
	display: inline;
	color: #898989;
	font-size: 14px;
	position: absolute;
	bottom: 3px;
	right: 0
}

.tab-gg .right-tit a {
	margin-right: 20px;
	color: #00c0ff
}

.newspage {
	width: 180px;
	margin: 0 auto;
	height: 18px;
	line-height: 18px;
	margin-bottom: 100px;
	font-size: 16px
}

.newspage:after,.newspage:before {
	display: table;
	content: "";
	line-height: 0
}

.newspage:after {
	clear: both
}

.newspage .float {
	float: left;
	display: inline;
	margin-right: 48px
}

.newspage .float a {
	background: url(../img/us/left.png) no-repeat left center;
	padding-left: 10px;
	color: #707070
}

.newspage .float a:hover {
	background: url(../img/us/left-h.png) no-repeat left center;
	color: #00c0ff
}

.newspage .float_r {
	float: left;
	display: inline
}

.newspage .float_r a {
	background: url(../img/us/right.png) no-repeat right center;
	padding-right: 10px;
	color: #707070
}

/* .newspage .float_r a:hover {
	background: url(../img/us/right-h.png) no-repeat right center;
	color: #00c0ff
} */
.newspage .float_r a:hover,
.newspage .float_r a:active,
.newspage .float_r a:visited {/*8.18*/
  background: url(../img/us/right-h.png) no-repeat right center;
  color: #00c0ff;
}
.our-banner {
	width: 100%;
	height: 370px;
	position: relative;
	padding-top: 70px;
}

.our-banner .contain_w980 {
	width: 980px;
	margin: 0 auto;
	color: #fff;
	position: relative;
	top: 90px;
	font-size: 36px
}

.our-banner .contain_w980 li {
	display: none
}

.our-banner .tab-img {
	position: relative;
	width: 100%;
	height: 300px;
	margin-bottom: 0;
	overflow: hidden;
	background: url(../img/us/banner.png) no-repeat center top
}

.our-banner .tab-img ul {
	width: 100%;
	height: 100px
}

.our-banner .tab-img li {
	width: 100%;
	height: 100%;
	position: relative;
	display: none
}
.our-banner .tab-img li img {/*8.18*/
  top: 0;
  left: 0;

}
.our-banner .containbox {
	height: 61px;

}

.our-banner .nav-ul {
	height: 60px;
	background: url(../img/us/nav-bg.png) no-repeat center top;
	position: relative;
	left: 0;
	top: -60px
}

.our-banner .nav-ul ul {
	color: #fff;
	font-size: 16px;
	position: absolute;
	width: 980px;
	height: 60px;
	line-height: 60px;
	left: 0;
	top: 1px;
	*zoom: 1;/*8.18*/
}

.our-banner .nav-ul ul:after,.our-banner .nav-ul ul:before {
	display: table;
	content: "";
	line-height: 0
}

.our-banner .nav-ul ul:after {
	clear: both
}

.our-banner .nav-ul ul li {
	float: left;
	display: inline;
	width: 196px;
	text-align: center;
	height: 60px;
	color: #fff
}

.our-banner .nav-ul ul li.on {
	color: #f63453;
	background: #fff
}
/* 818 */
.sublist .sub-tit {
    *zoom: 1;
    margin-bottom: 10px;/*818*/
}
.sublist .sub-tit:before,
.sublist .sub-tit:after {
  display: table;
  content: "";
  line-height: 0;
}
.sublist .sub-tit:after {
  clear: both;
}
.sublist .sub-tit li {
  float: left;
  display: inline;
  margin-right: 50px;
  font-size: 16px;
  color: #535353;
  cursor:pointer;
}
.sublist .sub-tit li:hover {
  color: #f63453;
}
.sublist .sub-tit .activeli {
  color: #f63453;
}
.sublist .sub-boxs ul {
  display: none;

}
/* -818 */
.tab-box ul.tab-js {
	padding-top: 0;
	margin-top: 60px
}

.tab-js li {
	color: #707070;
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 24px;
}

.tab-js b {
	color: #f63453;
}

.tab-js li.center-logo {
	text-align: center;
	margin-bottom: 40px
}

.tab-lx .contact-box {
	color: #535353;
	font-size: 16px;
	*zoom: 1;/*8.18*/
}
}

.tab-lx .contact-box ul {
	padding: 0;
	margin-top: 25px
}

.tab-lx .contact-box:after,.tab-lx .contact-box:before {
	display: table;
	content: "";
	line-height: 0
}

.tab-lx .contact-box:after {
	clear: both
}

.tab-lx .contact-box .left-contact {
	float: left;
	display: inline;
	padding: 0;
	margin-top:24px;
}

.tab-lx .contact-box .left-contact li {
	position: relative;
	padding-left: 26px;
	padding-bottom: 8px
}

.tab-lx .contact-box .left-contact i {
	position: absolute;
	left: 0;
	top: 4px;
	width: 20px;
	height: 16px
}

.tab-lx .contact-box .left-contact .address i {
	background: url(../img/us/place.png) no-repeat
}

.tab-lx .contact-box .left-contact .phone i {
	background: url(../img/us/phone.png) no-repeat;
	width: 14px;
	height: 14px
}

.tab-lx .contact-box .left-contact .email {
	padding-bottom: 0
}

.tab-lx .contact-box .left-contact .email i {
	background: url(../img/us/e-mail.png) no-repeat;
	width: 23px;
	height: 12px;
	top: 5px
}

.tab-lx .contact-box .right-contact {
	text-align: right;
	float: right;
	display: inline;
	padding: 0;
	margin-top:20px;
}

.tab-lx .contact-box .right-contact .qdhz {
	padding-bottom: 10px
}

.tab-box .tab-jr {
	padding-top: 40px
}

.tab-box .tab-jr .email-to {
	text-align: center;
	font-size: 16px;
	color: #535353;
	padding-top: 35px
}

.tab-box .tab-jr .double-lined {
	border-bottom: 1px solid #dcdcdc
}

 .tab-box ul.tab-jr .jr-box {
	padding: 20px 0;	  
} 

.tab-box .tab-jr .jr-box:after,.tab-box .tab-jr .jr-box:before {
	display: table;
	content: "";
	line-height: 0
}

.tab-box .tab-jr .jr-box:after {
	clear: both
}

.tab-box .tab-jr .jr-box .left-jr {
	float: left;
	display: inline
}

.tab-box .tab-jr .jr-box .right-jr {
	float: right;
	display: inline;
	padding-top: 4px;
	color: #898989;
}

.tab-box .tab-jr .wanted-details {
	display: none;
	color: #535353;
	font-size: 16px
}

.tab-box .tab-jr .wanted-details dl {
	margin-bottom: 30px
}

.tab-box .tab-jr .wanted-details dl.margin-last {
	margin-bottom: 20px
}

.tab-box .tab-jr .wanted-details dt {
	font-weight: 700
}

.tab-box .tab-jr .wanted-details dd {
	color: #707070
}

strong {
	color: #f63456;
	/* font-weight: 400; */
	 font-weight: normal;/*8.18*/
	position: relative;
	text-align: left;
	padding-right: 30px;
	font-size: 20px
}

strong a {
	width: 16px;
	height: 16px;
	position: absolute;
	top: 8px;
	right: 0;
	background: url(../img/us/down.png) center center no-repeat
}

strong .fold {
	background: url(../img/us/up.png) center center no-repeat
}

.hz-titbox {
	margin-bottom: 20px
}

.hz-ul {
	width: 988px;
	overflow: hidden
}

.hz-ul ul.hz-pics-box {
	display: block;
	padding: 0;
	margin-right: -10px;
	margin-bottom: 12px;
	 *zoom: 1;/*8.18*/
}

.hz-ul ul.hz-pics-box:after,.hz-ul ul.hz-pics-box:before {
	display: table;
	content: "";
	line-height: 0
}

.hz-ul ul.hz-pics-box:after {
	clear: both
}

.hz-ul ul.hz-pics-box li {
	width: 237px;
	height: 100px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	display: inline
}

.hz-webs {
	width: 980px;
	overflow: hidden
}

.hz-webs p {
	margin: 0;
	font-size: 18px;
	margin-right: -51px;
	*zoom: 1;/*8.18*/
	color: #707070;
}

.hz-webs p:after,.hz-webs p:before {
	display: table;
	content: "";
	line-height: 0
}

.hz-webs p:after {
	clear: both
}

.hz-webs p a {
	float: left;
	display: inline;
	margin-right: 49px;
	color: #707070
}

.tab-gg li.detail {
	font-size: 16px;
	color:#707070;
}

.tab-box .tab-gg{
	display:none;
	padding:30px 0 54px;
}
 .tab-box .tab-lx{
 	display:none;
	padding:40px 0 54px;
 }
.tab-box .tab-js{
	display:none;
	padding:30px 0 42px;
}
.tab-box .tab-jr{
	display:none;
	padding:38px 0 36px;
}
.hz_span{
	color: #f63456;
	font-size: 18px;
	margin-top: 2px;
}
.hz_xian{
	padding-bottom: 4px;
	margin-left: 3px;
}
.tab-box .tab-hz {
	display:none;
	padding:58px 0 64px;
}