﻿ /*---头部---*/
 .clear{clear:both;}
.header{ width:100%; height:60px; position:relative; z-index:10;background:#fff;}
.app_body{background:#f4f4f4;}
.por-container {
	margin-right:auto;
	margin-left:auto;
   }
.detail-info {
    font-size: 14px;
    color: #999;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.detail-info .date {
    margin-right: 30px;
}
@media (min-width: 1776px) {
	.por-container {
		max-width:1600px
	}
  }
  @media (max-width: 1775px) {
	.por-container {
		max-width:none;
		padding-left: 5%;
		padding-right: 5%
	}
  }
  
  @media (max-width: 1024px) {
	.por-container {
		max-width:none;
		padding-left: 3%;
		padding-right: 3%
	}
  }
  
.cityLink {
	margin:auto auto 20px 5%;
    line-height: 46px;
    text-decoration: none;
    border: 0;
    border-radius: 5px;
}
.Case_Detailed {
    margin: 0px auto;
    padding-top: 30px;
    position: relative;line-height:1.5;
}
.Case_Detailed_Content{margin:auto;max-width: 1200px;}
.Case_Detailed_Content img{max-width: 100%;}
.Case_Detailed_Small ul li.cur{ border:1px solid #03a5e3;}
.contentBox{width:71%;margin:0 auto;}
.main-wrap {
	width:1280px;
	margin:0 auto;
	position:relative
}
@media screen and  (min-width:230px) and (max-width:1460px){
	.contentBox{width:91%;margin:0 auto;}
}
.floatL{float:left;}
.floatR{float:right;}
.dingzhiimg{float:right; margin:0px 30px 0px 60px;}
.MainContent{margin:auto;}
.pb150{padding-bottom:150px}
.gzimg{float:right; margin-left:80px;}
.gzimg1{float:left; margin-right:80px;}
.pt30{padding-top:30px;}
.pb30{padding-bottom:30px;}
.pb10{padding-bottom:10px;}
#location{width:1180px;margin:auto;border-bottom:1px #ccc solid;padding-bottom:5px;}
.tel{position:absolute;right:30px;top:15px;background:url(/icon/tel.png) no-repeat 0px 6px;font-size:12px; padding-left:22px;color:#fff;}
.tel strong{font-size:16px;}
.commonnewCaseright{ float:right; width:936px; position:relative; overflow:hidden;}
.commonnewCaseright ul{ width:9999px; position:relative;}
.commonnewCaseright ul li{ float:left; background:#FFF; width:292px; height:220px; padding:5px 6px; position:relative; margin-right:12px;}
.commonnewCaseright ul li img{ display:block; width:292px; height:220px;}
.commonnewCaseright ul li p{ position:absolute; bottom:5px; width:272px; left:6px; background:url(../webimages/index_63.png) repeat; font-size:14px; color:#FFF; height:21px; line-height:25px; overflow:hidden; padding:10px 10px;}
.commonnews{width:1180px;margin:0px auto;}
.commonnewsleft{width:48%; padding:20px 0px 20px 0px;margin-right:10px;}
.commonnewsleft h3{ font-size:24px; color:#f67001; border-bottom:1px solid #eaeaea; padding-bottom:10px;}
.commonnewsleft h3 a{float:right;font-size:14px;font-weight:normal;}
.commonnewsleft ul{ margin:0px; padding:0px 0px 0px;}
.commonnewsleft ul li{ background:url(/icon/arrow.gif) no-repeat 0px 10px; height:21px; overflow:hidden; padding-left:15px; font-size:13px; margin-top:8px;border-bottom:1px #ccc dotted;}
.caseLink{position:relative;text-align:center;height:100px;margin-top:20px;}
.caseLink a{display:inline-block;background:#878787;color:#fff;width:150px;text-align:center;margin-left:20px;margin-right:20px;padding:15px 15px 15px 15px;border-radius:8px;font-size:16px;}
.caseLink a:hover{background:#ff6c00;color:#fff;}
/*city list*/
.cityBox{position:relative;width:100%;margin-top:40px;margin-bottom:10px;}
.cityBox .title{float:left;font-weight:bold;}
.cityBox .hd{ overflow:hidden; height:20px;padding:0 10px;width:142px;margin:20px auto;position:absolute;right:0;top:-10px;}
.cityBox .hd ul li{cursor:hand;float:left;background:#999;width:5px;height:5px;border-radius:10px;margin-left:5px;overflow:hidden;text-indent:12px;}
.cityBox .hd ul li.on{background:#f67001;width:10px;}
.cityList{width:1080px;height:30px;position:relative; overflow:hidden;float:left;left:20px;}
.cityList dl{ margin:0px; padding:0px;width:90%;overflow:hidden;}
.cityList dd{display:inline-block;width:100px;}
/*---资讯---*/

.news{ background:#fbfbfb; width:100%; padding-bottom:50px;}

.newstitle{width:100%;}
.newstitle h3{line-height:36px;text-align:center;font-size:32px;color:#ff6c00; padding:60px 0px 15px;}
.newstitle h3 a{ color:#ff6c00;}
.newstitle h3 a:hover{ color:#ff6c00;}
.newstitle p{background:#d7d4d4; height:1px; overflow:hidden;line-height:0px;}
.newstitle p span{ margin:0px auto; display:block; height:1px; overflow:hidden; width:86px; background:#ff6c00;line-height:1px;}
.newstitle em{ display:block; text-align:center; font-size:14px; color:#999999; padding-top:10px;}

.commonclass{width:90%; margin:0px auto; text-align:center; font-size:14px; padding:0px 0px 30px 0; position:relative;}
.commonclass span a{width:136px;height:40px;display:inline-block;line-height:40px; color:#4c4c4c; margin:0px 10px;border-radius:4px;transition: all .4s;} 
.commonclass span a:hover{ background:url(../webimages/index_377.png) no-repeat 0px -63px; color:#FFF;}
.commonclass span a.cur{ background:#ff6c00;color:#FFF;}

.newsmore{width:250px;text-align:right; position:absolute; right:0px; top:35px; display:none}
.newsmore a{ display:inline-block; height:36px; margin-left:8px; text-align:center; line-height:36px;}
.newsmore a.newslink{ background:url(../webimages/Icon17.jpg) no-repeat; width:102px; color:#FFF; font-size:14px;}

.newsmore a.newsPrev{ background:url(../webimages/Icon15.jpg) no-repeat; width:42px;}
.newsmore a.newsPrev:hover{ background:url(../webimages/Icon015.jpg) no-repeat;}

.newsmore a.newsnext{ background:url(../webimages/Icon16.jpg) no-repeat; width:42px;}
.newsmore a.newsnext:hover{ background:url(../webimages/Icon016.jpg) no-repeat;}


.newslistbox{margin:0px auto;overflow:hidden; position:relative;}
.newslistbox ul{ margin:0px; padding:0px; position:relative;}
.newslistbox ul li{ float:left;  position:relative;}

.newslis dl{float:left;width:47%;margin:0 2% 2% 0; padding:1%;background: #fff;}
.newslis dl:nth-child(2n){margin-right: 0;}
.newslis dl dt{ float:left;width:30%;overflow: hidden;}
.newslis dl dt img{width: 100%;}
.newslis dl dt span{ display:block; padding-top:8px; line-height:50px; font-size:48px;}
.newslis dl dd{ float:right; width:65%}
.newslis dl dd h3{ font-size:16px;margin:0;}
.newslis dl dd h3 a{ color:#000;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;width: 100%;display: inline-block;}
.newslis dl dd h3 a:hover{ color:#ff6c00}
.newslis dl dd p{ color:#666; font-size:14px;margin-top:10px;}
.moreLink{text-align:center;display:block;width:150px;padding:5px;margin:auto;clear:both;}
a.moreLink{color: #f67001;}
.Page{width:100%; text-align:center; padding:20px 0px;}
.Page a{border-radius:4px;display:inline-block;width:38px;background:#ffffff;height:38px; vertical-align:middle; line-height:38px; font-size:14px; border:1px solid #e5e5e5; margin-right:8px}
.Page a:hover{ background:#f67001; color:#FFF}
.Page a.cur{ background:#f67001; color:#FFF}
.Page a:first-child,.Page a:last-child{width:90px}

.Page a.Prev{ border-radius:6px 0px 0px 6px;width:90px;}
.Page a.Prev span{ background:url(../webimages/Icon25.gif) no-repeat  10px center; display:block;}
.Page a.Prev:hover span{ background:url(../webimages/Icon025.gif) no-repeat  10px center;}

.Page a.next{ border-radius:0px 6px 6px 0px;width:90px;}
.Page a.next span{ background:url(../webimages/Icon26.gif) no-repeat 88% center; display:block;}
.Page a.next:hover span{ background:url(../webimages/Icon026.gif) no-repeat 88% center;}
/*--add news 2017/3*/
/*search info*/
.searchList{margin:0px auto;margin-top:30px;}
.searchList dl{position:relative;margin-bottom: 10px;}
.searchList dl dd{padding:25px 35px 25px 35px; background:#FFF; box-shadow:0px 2px 3px #d9dbdb;}
.searchList dl dd h3{ font-size:18px; font-weight:bold;margin:0; overflow:hidden;}
.searchList dl dd p{ font-size:13px;color:#adacac;margin-top:5px;}
.searchList dl dd p a{ color:#adacac;}
.searchList dl dd p a:hover{ color:#333;}
.searchList dl dd p.Intro{ color:#7c7c7c;padding-top:10px;height:48px;overflow:hidden;}

/*end search*/
/*article list*/

.articleList{margin:0px auto;margin-top:30px;}
.articleList dl{position:relative;margin-bottom:20px;clear:both;height: 150px;border-bottom: 1px #ccc solid;}
.articleList dl dt{width:200px;float:left;}
.articleList dl dt img{width: 100%;height: 124px;border-radius: 4px;}
.articleList dl dd {width:600px;float:right;
    padding: 0px 25px 10px 25px;
    background: #FFF;
}
.articleList dl dd h3{ font-size:18px; font-weight:bold;margin:0; overflow:hidden;}
.articleList dl dd p{ font-size:13px;color:#888686;margin-top:5px;}
.articleList dl dd p a{ color:#adacac;}
.articleList dl dd p a:hover{ color:#333;}
.articleList dl dd p.Intro{ color:#7c7c7c;padding-top:10px;height:48px;overflow:hidden;}
.articleList dl dd span {
    font-size: 14px;
    text-align: center;   
}
.articleList dl dd span em {
    display: block;
    font-weight: bold;
    font-size: 50px;
    line-height: 45px;
    padding: 10px 0px 5px;
    margin-bottom: 8px;
    border-bottom: 1px solid #818181;
}
#webliucheng{position:relative;width:95%;height:130px;margin:auto;clear:both;}
#webliucheng h1{font-size:16px;margin:0px;}
#webliucheng ul{margin-top:20px;}
#webliucheng ul li{float:left;}
#webliucheng ul li span{display:block;width:52px;height:53px;background:url(/jianzhanzhishi/images/liucheng.gif);}
#webliucheng ul li span.img1{background-position:0 0;}
#webliucheng ul li span.img2{background-position:-63px 0;}
#webliucheng ul li span.img3{background-position:-126px 0;}
#webliucheng ul li span.img4{background-position:-189px 0;}
#webliucheng ul li span.img5{background-position:-252px 0;}
#webliucheng ul li span.img6{background-position:-315px 0;}
#webliucheng ul li span.img7{background-position:-378px 0;}
#webliucheng ul li h4{color:#666;font-weight:normal;}
#webliucheng ul li.arrow{background:url(/jianzhanzhishi/images/liucheng.gif) -452px 0px;width:22px;height:53px;margin-right:50px;margin-left:50px;}
.help-search{width:565px;margin:0 auto;color:#fff;padding-top:20px;}
.searchinput{width:482px;height:41px;border:0px solid #ff4f00;font-size:14px; font-family:"Microsoft YaHei";line-height:41px;padding-left:10px;color:#ccc;display:block;float:left}
form .buttons{background:url(/icon/searchb.jpg) no-repeat center center;width:70px;height:40px;border:none; cursor:pointer;display:block;float:left}
.help-hot-words{margin-top:12px; float:left; color:#333333; font-size:14px}
.help-hot-words a{margin-left:10px; color:#ff6f3d}
.h10{
	height:10px; clear:both; overflow:hidden;
}
/*新闻详细图片切换*/
.newsshow_body img {
	vertical-align: bottom;
}
.newsshow_ad_slide {
	width: 234px; height:234px;
	float: left;
	position: relative;
} 
.newsshow_ad_img {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	display: none;
}
.newsshow_ad_btn {
	position: absolute; right: 3px; bottom: 8px;
}
.newsshow_ad_btn_a {
	width: 22px; height: 22px;
	line-height: 22px;
	margin-right: 5px;
	text-align: center;
	border-radius: 12px;
	background-color: #999;
	color: #fff;
	float: left;
}
.newsshow_ad_btn_a:hover {
	text-decoration: none;
}
.newsshow_ad_btn .active {
	background-color: #E4393C;
}
.webbg {
    width: 100%;
    background: #f4f4f4;
    position: relative;
}
.nr_sobar {
	BORDER-BOTTOM: #d4d4d4 1px solid; PADDING-BOTTOM: 10px; MARGIN: 0px auto; width:95%;HEIGHT: 34px; margin-bottom:10px;
}
.nr_sobar_bread {
	LINE-HEIGHT: 35px; WIDTH: 80%; HEIGHT: 35px; FONT-SIZE: 14px
}
.tags_sobar_r {
	WIDTH: 300px; BACKGROUND: url(../images/img_common1.png) no-repeat -300px -264px; HEIGHT: 34px
}

#main_01{border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4; padding:10px 0px;background:#fff;}
#main_left{
	width:233px; float:right;margin-right:20px;
}
#main_right{
	width:890px; float:left;padding:10px;
}
.page-main .a-button-text {
    margin: 50px 0;
    padding: 30px;position: relative;
}
.a-card {
    background-color: #fff;
    cursor: pointer;
    position: relative;
}
.text-style-block-heading {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.28;
}
.page-main .a-button-text__description {
    color: #3b3c3d;
    font-size: 16px;
    line-height: 1.75;
    margin-bottom: 20px;
    margin-right: 0;
}
.page-main .a-button-text:after {
    border-bottom: none;
    bottom: 0;
    box-shadow: 0 2px 20px 0 #0000001a;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s;
}
.btn {
    align-items: center;
    background-color: initial;
    border: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-flex;
    padding: 0;
    white-space: nowrap;
}
.a-card:after {
    border-bottom: 4px solid #fff;
    bottom: 0;
    box-shadow: 0 2px 37px 0 #0000001a;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: box-shadow .3s ease-in-out,border-color .3s ease-in-out;
}
.p-blog-service {
    background-color: #fff;
    box-shadow: 2px 2px 4px #333;
    margin: 80px 0 0;
    padding: 22px 27px 29px 26px;
	min-height: 100px;
}
.d-flex {
    display: flex!important;
}
.flex-column {
    flex-direction: column;
}
.p-blog-post__content {
    font-size: 18px;
    margin-bottom: 0;
    position: relative;
    text-align: left;
}
.p-blog-service__title p {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 0;
}
.p-blog-service__text {
    margin-top: 20px;
}
.p-blog-post__content p {
    color: #3b3c3d;
    font-size: 16px;
    line-height: 1.71;
}
.btn-link-arrow {
    align-items: center;
    color: #f67001;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    text-transform: uppercase;
}
.btn-link-arrow--right:after {
    right: 0;
}
.btn-link-arrow:after {
    color: #f67001;
    content: "\eb40";
    display: inline-block;
    font-family: iconfont;
    font-size: 15px;
    font-weight: 400;
    position: absolute;
    width: 12px;transition: all 0.3s;
}
.btn-link-arrow:hover:after{margin-right:-2px;}
.btn-link-arrow--right:after {
    right: 0;
}
.btn-link-arrow--right {
    padding-right: 20px;
}
.p-blog-service p.btn__label {
    color: #f67001;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}
@media (min-width: 768px) {
	.flex-md-row {
		flex-direction: row!important;
	}
	.p-blog-service__content {
		margin-left: 30px;
		margin-top: 5px;
	}
	.p-blog-post__content p {
		font-size: 18px;
		line-height: 1.78;
	}
	.p-blog-service__text {
		margin: 20px 0;
	}
	.p-blog-service__title p {
		background-position-y: calc(100% - 4px);
		font-size: 24px;
		line-height: 1.33;
	}
	.p-blog-service__image {
		width: 324px;
	}
	.page-main .a-button-text {
		padding: 20px;
	}
	.page-main .a-button-text__wrap {
		display: flex;
	}
	.page-main .a-button-text__content {
		flex: 1;
		width: 100%;
	}
	.page-main .a-button-text__link-wrap {
		align-items: center;
		display: flex;
		justify-content: flex-end;
	}
	.page-main .a-button-text__link {
		margin-top: 5px;
	}
	.btn-primary {
		background: #f67001;
		border-radius: 1px;
		color: #fff;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.5;
		max-width: 100%;
		padding: 11.5px 32px;
		text-align: center;
		text-decoration: none;
		transition: all .2s ease-in-out;
		white-space: unset;
		width: -moz-fit-content;
		width: fit-content;
	}
	.p-blog-service {
		margin: 20px 0 0;
		padding: 30px;
	}
}
@media(min-width: 1024px){
	.p-blog-service__content {
		max-width: calc(100% - 340px);
	}
	.p-blog-service__image {
		width: 340px;
	}
	.page-main .a-button-text {
		margin: 50px 0;
		padding: 30px;
	}
}
#main_left span.list{
	width:100%; border:1px solid #d4d4d4; float:left; border-top:3px solid #ff6f3d; background:url(/images/list10.png) no-repeat; background-position:10px 46px;
}
#main_left span.list h2{
	font-size:15px; font-weight:normal; background:#f3f4f4; height:38px; line-height:38px; padding-left:10px;margin:0;
}
#main_left span.list a{
	display:block; height:30px; width:196px; border-bottom:1px solid #d4d4d4; padding-left:35px;
	line-height:30px;
}
#main_left span.list a:hover{
	/*background:url(/images/sub_chick.gif) no-repeat; */
}
#main_right span.tit_sub{
    height:30px;display:block; line-height:30px;
	padding-left:10px; background:#f3f4f4; border-bottom:1px solid #d4d4d4;
}
#main_right span.text_sub h1{
	FONT-SIZE: 20px; OVERFLOW: hidden; TEXT-ALIGN: center; 
}
.arctext .external-link {
    display: block;
    background-color: #ff6c00;
    border-radius: 8px;
    text-align: center;
    padding: 40px 20px;
    margin: 24px 0;
}
.arctext .external-link .texts {
    color: #ffffff;
    font-size: 26px;
    line-height: 36px;
    font-weight: bold;
    margin-bottom: 24px;
}
.arctext  .external-link .buttons {
    background-color: #ffffff;
    color: #ff6c00;
    font-size: 16px;
    line-height: 42px;
    padding: 0 30px;
    display: inline-block;
    border-radius: 8px;
}
.arctext {
	font-size:1.6rem;PADDING-BOTTOM: 0px; OVERFLOW: hidden; LINE-HEIGHT: 3rem; PADDING-TOP: 0px; TEXT-ALIGN: left; color:#333;
}
.arctext ul{margin: auto auto auto 8px;padding-left:10px;}
.arctext ul li{list-style:disc;margin:auto;padding:auto;}
.arctext ol{margin: auto auto auto 8px;padding-left:10px;}
.arctext ol li{list-style:disc;margin:auto;padding:auto;}
.arctext img{ margin:5px auto;max-width:100%;}
.arctext blockquote{margin:5px 0 5px 0;font-size:2rem;border-left:4px #ccc solid;padding-left:10px;font-weight:500;}
.arctext  h2{position: relative;padding-left:28px;}
.arctext  h2:before {
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 4px;
    background-color: #ff6c00;
    position: absolute;
    left: 0;
    top: 8px;
}
#main_right span.text_sub h2 span{
	/*float:left; vertical-align:bottom; padding-top:5px; */
}
.box_xg {
	BORDER-RIGHT: #e3e3e3 1px solid; BORDER-TOP: #e3e3e3 1px solid; MARGIN-BOTTOM: 10px; margin-top:10px; BORDER-LEFT: #e3e3e3 1px solid; BORDER-BOTTOM: #e3e3e3 1px solid
}
.box_xg .title_xg {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 15px; FONT-WEIGHT: bold; BACKGROUND: #f0f0f0; BORDER-LEFT: #fff 1px solid; LINE-HEIGHT: 32px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 32px; FONT-SIZE: 14px;
}
.box_xg UL {
	PADDING-RIGHT: 10px; PADDING-LEFT: 17px; PADDING-BOTTOM: 10px; padding-top:10px; OVERFLOW: hidden;  HEIGHT: 1%
}
.box_xg UL LI {
	DISPLAY: block; FONT-SIZE: 14px; FLOAT: left; OVERFLOW: hidden; WIDTH: 49%; TEXT-INDENT: 12px; LINE-HEIGHT: 26px; HEIGHT: 26px; background: url(/icon/arrow.gif) no-repeat 0px 10px;  border-bottom: 1px #ccc dotted;}
	
.web_xg {
	BORDER-RIGHT: #e3e3e3 1px solid; BORDER-TOP: #e3e3e3 1px solid; BORDER-LEFT: #e3e3e3 1px solid; BORDER-BOTTOM: #e3e3e3 1px solid
}	
.web_xg .title_xg {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 15px; FONT-WEIGHT: bold; BACKGROUND: #f0f0f0; BORDER-LEFT: #fff 1px solid; LINE-HEIGHT: 32px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 32px; FONT-SIZE: 14px;
}
.web_xg .title_xg span {
	float:left; FONT-SIZE: 14px; FONT-WEIGHT: bold;
}
.web_xg .title_xg a {
	float:right; 
}
.web_xg UL {
	PADDING-RIGHT: 10px; PADDING-LEFT: 17px; PADDING-BOTTOM: 10px; padding-top:10px; OVERFLOW: hidden;  HEIGHT: 1%
}
.web_xg UL LI {
	DISPLAY: block; FONT-SIZE: 14px; FLOAT: left; OVERFLOW: hidden; WIDTH: 33.3%; TEXT-INDENT: 12px; LINE-HEIGHT: 26px; HEIGHT: 26px; background:url(/images/ico.png) no-repeat left;
}

.commonfangan{width:1179px; margin:0px auto; padding-top:30px;}
.commonfangan ul{ margin:0px; padding:0px;background:#606060;}
.commonfangan ul li{ float:left; width:393px; height:130px;}
.commonfangan ul li h3{ font-size:30px; line-height:32px; color:#FFF;margin:0;}
.commonfangan ul li p{ font-size:18px; color:#fff; padding-top:5px;}
.commonfangan ul li a{ display:block;width:248px; height:95px; padding:35px 0px 0px 145px;}
.commonfangan ul li.xuyao{background:url(../webimages/website/tel.png) no-repeat 45px 30px;}
.commonfangan ul li.xuyao a:hover{background:url(../webimages/website/tel.png) no-repeat 45px 30px #f67001;}
.commonfangan ul li.fangan{background:url(../webimages/website/feedback.png) no-repeat 45px 30px #6e6e6e;}
.commonfangan ul li.fangan a:hover{background:url(../webimages/website/feedback.png) no-repeat 45px 30px #f67001;}
.commonfangan ul li.famore{background:url(../webimages/website/go.png) no-repeat 45px 30px;}
.commonfangan ul li.famore a:hover{background:url(../webimages/website/go.png) no-repeat 45px 30px #f67001;}

.commonyoushi{ width:100%; height:240px;color:#FFF; background:url(../webimages/index_114.jpg) no-repeat center top; padding-top:50px;}
.commonyoushi dl{ width:1180px; margin:0px auto; padding-bottom:30px;}
.commonyoushi dl dt{ float:left; width:115px; }
.commonyoushi dl dt h3{ font-size:35px; line-height:38px;}
.commonyoushi dl dt p{ font-size:12px;}
.commonyoushi dl dd{ float:right; width:1000px; border-bottom:1px solid #3e3e3e; padding-bottom:10px;}
.commonyoushi dl dd h3{ font-size:24px; padding:5px 0px 5px 0px;}
.commonyoushi dl dd p{ font-size:12px;}

/*---联系我们---*/
.contactsBanner{ width:100%; height:550px; overflow:hidden; position:relative;background:url(/contacts/img/banner.jpg) no-repeat 0 0 #e9e9e9;}
.ContactFormbox{position:relative; margin:auto;top:18px;}
.ContactForm{ float:right; width:490px; height:520px;background:#fff;}
.ContactForm h3{ font-size:26px; color:#f67001; text-align:center;display:block;position:relative;padding-left:20px;padding-top:0px;}
.ContactForm h3 span{font-size:14px;color:#727272;}
.ContactForm ul{ margin:0px 0 0 0; padding:0px 25px;}
.ContactForm ul li{ margin:0px; padding:0px; min-height:36px;}
.ContactForm ul li label{ display:block; padding:6px 10px; height:21px; overflow:hidden; background:#e9e9e9;}
.ContactForm ul li label input{width:100%; background:none; outline:none; font-size:15px; font-family:"微软雅黑";}
.ContactForm ul li label.xingming{float:left; width:185px;}
.ContactForm ul li label.dianhua{float:right; width:185px;}
.ContactForm h4{ font-size:14px; color:#333; font-weight:bold;padding:0px 0px 0px 35px;margin:0;}
.ContactForm dl{ margin:0px; padding:0px 0px 0px 35px; font-size:13px; color:#727272;}
.ContactForm dl dd{float:left; width:200px; }
.ContactForm dl dd input{vertical-align:middle;}
.ContactForm dl dd span{ padding-left:10px;}
.ContactForm dl dd.w220{ width:230px;}
.ContactForm dl em{ padding:0px 5px;}
.ContactForm p{ padding-top:14px;}
.ContactForm p input{ background:#f67001; font-size:20px; font-weight:bold;color:#FFF; padding:5px 0px; cursor:pointer;}
.tab-btn{width:90%;border-radius:8px;position:relative;left:25px;}
.Contact .contact-sale{width:90%;margin:auto;padding:10px;}
.Contact .contact-sale .contact-title{border-left: 3px solid #ff6a00;line-height: 20px;font-size: 18px;color:#373d41;letter-spacing: .14px;font-weight: 700;padding-left:10px;}
.Contact .contact-sale .contact-list{margin-bottom:10px;font-size:15px;float:left;width:80%;}
.Contact{margin:0px auto auto auto; position:relative;padding-top: 20px;}
.Contact ul{ margin:0px; padding:0px;}
.Contact>ul>li{float:left;width:42%; height:150px; padding:0px 12px;margin:20px auto auto 50px;}
.Contact .address{background:url(/contacts/img/addr.png) no-repeat center 0px;}
.Contact .phone{background:url(/contacts/img/tel.png) no-repeat center 0px;}
.Contact .fax{background:url(/contacts/img/fax.png) no-repeat center 0px;}
.Contact .mail{background:url(/contacts/img/mail.png) no-repeat center 0px;}
.Contact ul li.lastbor{border:none}
.Contact .mq-city{width:100px;height:100px;float:left;background:#666;border-radius:100%;text-align:center;color:#fff;font-size:24px;line-height:100px;}
.Contact .mq-city p{margin:0;}
.Contact .mq-icon{width:100px;height:100px;float:left;background:#eee;border-radius:100%;text-align:center;color:#fff;font-size:24px;line-height:50px;}
.Contact .mq-icon img{width:50px;height:50px;margin-top:25px;}
.Contact .mq-contacts{width:70%;float:left;padding-left:20px;font-size:15px;line-height:26px;}
.Contact .mq-contacts a{color:#ff6a00;}
.Contact .mq-contacts h4{margin:0px;font-size:18px;}
.Contact dl{position:absolute; bottom:0px; width:1182px;height:58px; background:#8b0a0d; left:-1px; border-radius:0px 0px 10px 10px}
.Contact dl img{ display:block; position:absolute; left:40px; bottom:0px;}
.Contact dl dt{ float:left; width:90px; background:#b3090d; height:58px; display:inline;}
.Contact dl dt h4{ font-size:16px; font-weight:bold; color:#FFF;}
.Contact dl dt p{ font-size:10px; color:#233950; line-height:15px;}
.Contact dl dt.business p{ color:#fff;}
.Contact dl dd{ float:left; line-height:58px; height:58px; font-size:19px; font-weight:bold; color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.book{ width:1180px; margin:0px auto; background:#ffffff; border:1px solid #dee0e0; height:680px; border-radius:10px; box-shadow:0px -1px 5px #e5e6e6; position:relative;}
.book h3{ text-align:center; font-size:24px; color:#464646; padding:60px 0px 70px;}
.book ul{ margin:0px; padding:0px 0px 0px 110px;}
.book ul li{margin:0px; padding:0px; min-height:65px; height:auto !important; height:65px; color:#464646;}
.book ul li span{float:left;width:95px; font-size:18px; line-height:45px;}
.book ul li span.pl70{ padding-left:70px;}
.book ul li label{float:left;background:#f7f7f7; padding:15px 10px; display:block; box-shadow:1px 1px 3px #bdbcbc inset;}
.book ul li label input{ float:left; width:100%; background:none; border:none; outline:none; font-size:15px; font-family:"微软雅黑";color:#464646;}
.book ul li label.nichen{ width:320px;}
.book ul li.cont{ padding-bottom:20px;}
.book ul li label.cont{ width:826px;}
.book ul li label.cont textarea{ width:99%; height:110px; overflow:hidden; border:none; background:none; outline:none;font-size:15px; font-family:"微软雅黑";color:#464646;}
.book ul li img{ display:block; float:left; margin-left:20px;}
.book dl{ text-align:center; padding-top:50px;}
.book dl input{ width:120px; height:45px; font-size:18px; font-family:"微软雅黑"; font-weight:bold; color:#FFF; margin:0px 10px; border-radius:10px; outline:none; cursor:pointer;}
.book dl input.Confirm{ background:#00a0e9;}
.book dl input.Reset{ background:#bcbcbc;}
.mq-icon {
    display: inline-block;
    background: url(/home/images/newindex/mq163-sprite-icon.png) no-repeat;
}
/*---定制---*/

.customize{width:100%; }
.customize ul{width:100%;margin:0px; padding:0px;}
.customize ul li{width:100%; padding:70px 0px 0px;}
.customize ul li dl{width:1180px; margin:0px auto;}
.customize ul li dl dt{float:left; padding-top:120px; width:580px;}
.customize ul li dl dt h3{font-size:20px; color:#f67001; padding-bottom:10px;}
.customize ul li dl dt p{font-size:14px;color:#666666; line-height:23px;}
.customize ul li dl dd{ float:right; padding-right:100px;}
.customize ul li dl dd img{ display:block;}
.customize ul li dl dd.cur{ padding-right:0px;}
.customize ul li dl.cur dt{ float:right; padding-top:120px; width:580px;}
.customize ul li dl.cur dd{ float:left;padding-right:0px;}
.customize ul li.cur{background:#ffffff;padding:40px 0px 40px;}
.customize ul li.cur1{ padding:40px 0px 40px;background:#f2f2f2;}

/*---网站建设---*/

.webClass{text-align:center; padding-top:180px;}
.webClass a{ display:inline-block;background:#FFF; border-radius:10px; padding:0px 10px; font-size:14px; color:#7e7e7e; margin:0px 11px 15px; line-height:24px;}
.webClass a:hover{ background:#f67001; color:#FFF;}
.webClass a.cur{ background:#f67001; color:#FFF;}

.webtitle{padding:10px 0px; text-align:center;}
.webtitle img{ display:block; margin:auto}
.webtitle h3{ font-size:37px; line-height:39px; color:#666565; padding-bottom:15px; padding-top:20px;}
.webtitle h3 em{ color:#f67001; font-weight:bold;}
.webtitle p{ font-size:24px; color:#717171; font-family:Arial, Helvetica, sans-serif; line-height:26px;}


.Brandlogo{ margin:0px; padding:0px;}
.Brandlogo ul{ margin:0px; padding:0px;}
.Brandlogo ul li{ float:left; width:235px; margin-left:-1px; border:1px solid #d8d8d8;}
.Brandlogo ul li img{ display:block; margin:auto; width:234px;}
.Brandlogo ul li p{ padding:5px 0px 15px; text-align:center; font-size:14px;}


.webintro{ margin:0px; padding:0px;}
.webintro dl{ margin:0px; padding:50px 0px; border-bottom:1px solid #dddddd;}
.webintro dl dt{ float:left; width:610px; padding-top:50px;}
.webintro dl dt h3{ font-size:36px; line-height:42px; font-weight:bold; color:#6f6c6c;}
.webintro dl dt h3 em{ color:#03a5e3;}
.webintro dl dt p{ padding-top:40px; color:#7e7e7e; font-size:14px; line-height:29px;}
.webintro dl dt span{ color:#03a5e3; font-size:18px; line-height:42px; padding-top:40px; display:block;}
.webintro dl dt span a{ display:inline-block; background:url(../webimages/index_160.png) no-repeat; color:#FFF; width:126px; font-weight:bold; margin-left:15px; text-align:center;}
.webintro dl dd{ float:right; width:522px; padding-top:100px}
.webintro dl dd img{ display:block;}


.webserve{ margin:0px; padding:40px 0px 20px;}
.webserve h3{ font-size:26px; font-weight:bold;color:#6f6c6c;}
.webserve h3 em{ color:#03a5e3;}
.webserve ul{ margin:0px; padding:40px 0px 0px}
.webserve ul li{ float:left; display:inline; margin-right:4%; margin-bottom:25px;width:30%; text-align:center;border:1px #ccc solid;padding-top:90px;border-radius:4px;}
.webserve ul li h4{font-size:24px; color:#333; line-height:28px; font-weight:bold;}
.webserve ul li p{ font-size:14px; color:#333; padding:20px 20px 0px 20px; line-height:18px;}
.webserve ul li.guihua{background:url(/webimages/website/wangzhanjianshe_01.png) no-repeat center 15px #f3f3f3;}
.webserve ul li.sheji{background:url(/webimages/website/wangzhanjianshe_02.png) no-repeat center 15px #f3f3f3;}
.webserve ul li.peizhi{background:url(/webimages/website/wangzhanjianshe_03.png) no-repeat center 15px #f3f3f3;margin-right:0;}
.webserve ul li.xitong{background:url(/webimages/website/wangzhanjianshe_04.png) no-repeat center 15px #f3f3f3;}
.webserve ul li.yunying{background:url(/webimages/website/wangzhanjianshe_05.png) no-repeat center 15px #f3f3f3;}
.webserve ul li.yingxiao{background:url(/webimages/website/wangzhanjianshe_06.png) no-repeat center 7px #f3f3f3;margin-right:0;}


/*---关于我们---*/
.textCenter{text-align:center;}
#aboutUs{position:relative;}
.titleCommon{padding-top:20px;text-align:center;}
.titleCommon h2{font-size:30px;margin-bottom:10px;}
.titleCommon span{color:#727272;font-size:18px;}
.aboutArticle{clear:both;margin:0px auto;padding-top:10px;}
.jobsArticle{clear:both;margin:0px auto;padding-top:10px;}
.valueArticle{position:relative;background:url(/aboutus/img/service.png) no-repeat center 90px;height:505px;padding-top:30px;margin:auto;}
.valueArticle #p1{position:absolute;top:130px;left:170px;font-size:15px;width:240px;}
.valueArticle #p2{position:absolute;top:450px;left:170px;font-size:15px;width:240px;}
.valueArticle #p3{position:absolute;top:130px;left:780px;font-size:15px;width:240px;}
.valueArticle #p4{position:absolute;top:450px;left:780px;font-size:15px;width:240px;}
.yuanjingArticle{position:relative;background:#fff;padding-top:30px;padding-bottom:50px;}
.serviceUL{margin-top:20px;}
.serviceUL li{width:165px;height:220px;padding:15px 10px 10px 10px;border:1px #d0d0d0 solid;float:left;background:#fff;text-align:center;margin-right:10px;}
.serviceUL li h3{margin-bottom:10px;margin-top:5px;color:#ff6c00;}
.serviceUL li a span.more{display: none;margin-top: 5px;}
.serviceUL li a span.more:before{content: '了解更多 >'}
.serviceUL li a:hover span{display: block;color:#333;}
.targetArticle{position:relative;clear:both;margin-top:15px;}
.targetArticle .info{background:url(/aboutus/img/target.png) no-repeat center 0;height:323px;margin-top:30px;color:#fff;}
.targetArticle .info .txt{font-size:25px;color:#fff;line-height:35px;position:relative;width:570px;margin:auto;top:70px;display:block;left:270px;}
.yellowTxt{color:#ffcc00;border:2px #ffcc00 solid;display:inline-block;padding-left:8px;padding-right:8px;}
.targetArticle .info  li{margin-bottom:5px;}
.news{clear:both;margin-bottom:40px;}

/*网站建设-企业官网*/
.cr_pinpai{ text-align:center; color:#676767; font-size:14px; width:1175px; margin:0 auto; padding-bottom:50px;}
.webserve.cr_guanwang{padding: 0px 0px 20px;}

.commonnewsleft h3 em img{ display:none;}

#div1 {width:45px; padding:20px 10px 50px 10px;  position:fixed; _position:absolute; top:0px; background:#2b2b2b;  right:0; z-index:999999;}
#insertpages {width:45px; padding:20px 10px 50px 10px;  position:fixed; _position:absolute; top:0px; background:#2b2b2b;  right:0; z-index:999999;}

.downmenu.wid545{ min-width:280px;left:-70px;}
.downmenu.wid545 div{ overflow:hidden;  padding-top:0px; text-align:left; width:140px; float:left; }
.downmenu.wid545 .index_pone p{ border-left:none; margin:0px; }
.downmenu.wid545 span{display: block;font-size:16px;margin:10px auto 10px 20px;padding:0;border-left:3px #ff6c00 solid;padding-left:10px;}
.downmenu.wid545 a{ text-align:left; padding-left:20px;}
.downmenu.wid545 .index_pthree{ padding-right:16px;}
.downmenu.wid546{width:470px;left:-150px; }
.news_Detailed img{ display:block; margin:0 auto; margin-top:10px; margin-bottom:10px;}

/*******20150302********/
.nav ul li dl{ border-bottom:none; width:1180px; margin:0 auto;}
.index_xuanfu img{ vertical-align:-5px;margin-bottom:5px;}
.index_click{ display:block; width:54px; height:53px; position:relative; left:48%; margin-top:15px; background:url(../webimages/index_377.png) no-repeat -293px -413px;}
.CoreBusiness{ padding-bottom:50px;}
.zhongbiaolist ul{ height:auto; overflow:hidden;}
.zhongbiao{ padding-bottom:20px;}
.Caselist ul{ height:auto; overflow:hidden;}




/*---底部---*/
.divFoot{ background:#2d2d2d; position:relative; z-index:1;}
.divFoot .links{ padding:35px 0;margin:auto;}
.divFoot .links dl{ float:left; position:relative; top:0px; margin-right:6.6%;}
.divFoot .links dl:last-child{margin-right: 0;}
.divFoot .links dl dd{margin-bottom:10px;}
.divFoot .links dl>dt>dl{margin-right:0px;}
.divFoot .links dl>dd>a{ font-size:1.4rem; color:#aeaeae;}
.divFoot .links dl dt a{ font-size:1.2rem; color:#888888; line-height: 25px;}
.divFoot .links dl a:hover{ color:#ff6c00;}
footer{ background:#111111; position:relative; z-index:333;}
footer .links{ float:right; color:#555;margin-top: 10px;}
.Bottom .links a{ color:#555;  font-size:1.167em;}
.Bottom .links a:hover{ color:#ff6c00;}
.Bottom .links em{ font-style:normal; margin:0 8px;}
.Bottom .copyright{ float:left; text-align:left; color:#555;margin: 10px auto;line-height: 20px;}
.Bottom .copyright a{color:#555;}
.Bottom .copyright a:hover{color:#ff6c00;}
.BottomLinks { padding:10px 0 10px;clear:both;}
.BottomLinks .title{ float:left;display:inline-block; color:#4f4f4f;margin-top:3px;font-weight:bold;}
.BottomLinks .links{float:left;line-height:24px;overflow:hidden;}
.BottomLinks .links a{ color:#4f4f4f; margin-right:15px; display:inline-block;}
.BottomLinks .links a:hover{ color:#ff6c00;}
.BottomLinks .links em{ font-style:normal; margin:0 8px;}
.footer{background:#2d2d2d;}
.footer-topbar-content{width:96%;max-width:1600px;padding-top:20px;margin-bottom: 0;}
.f-left{float:left}
.f-right{float:right}
.footer-topbar-content .footer-topbar-item {
	width: 25%;
	float: left;
	text-align: center
}
.footer-topbar-content .footer-topbar-item .footer-topbar-item-con {
	display: inline-block
}

.footer-topbar-content .footer-topbar-item .f-top-img {
	margin: 0px 15px 0 0;
}
.footer-topbar-content .footer-topbar-item .f-top-img img{width: 48px;height: 48px;}
.footer-topbar-content .footer-topbar-item .f-top-content {
	text-align: left
}

.footer-topbar-content .footer-topbar-item .f-top-content .h4 {
	font-size: 18px;
	color: #fff;
}

.footer-topbar-content .footer-topbar-item .f-top-content span {
	font-size: 14px;
	color: #858d97;
	margin: 5px 0 0
}

.footer .footer-topbar .footer-topbar-content .footer-topbar-item {
	width: 25%;
	float: left
}

.footer .footer-topbar .footer-topbar-content .footer-topbar-item p {
	color: #fff;
	margin: 10px 0
}

.footer .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-img {
	margin: 40px 15px 0 0
}

.footer .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content h4 {
	font-size: 22px;
	color: #fff;
}

.footer .footer-topbar .footer-topbar-content .footer-topbar-item .f-top-content p {
	font-size: 14px;
	color: #737373;
	margin: 5px 0 0
}

.footer .footer-body {
	background: #23262a;
	padding: 60px 0
}

.footer .footer-content {
	position: relative
}

.footer .footer-map-menu .footer-map-menu-item {
	width: 180px;
	float: left
}

.footer .footer-map-menu .footer-map-menu-item h5 {
	color: #fff;
	margin: 0 0 10px
}

.footer .footer-map-menu .footer-map-menu-item ul {
	padding-top: 1px
}

.footer .footer-map-menu .footer-map-menu-item li {
	font-size: 12px;
	margin: 10px 0
}

.footer .footer-map-menu .footer-map-menu-item li a {
	color: #9b9ea0
}

.footer .footer-map-menu .footer-map-menu-item li a:hover {
	color: #1297d9
}

.footer .footer-menu span {
	color: #9b9ea0
}

.footer .footer-menu a {
	padding: 0 12px;
	color: #9b9ea0;
	font-size: 14px
}

.footer .footer-menu a:hover {
	color: #1297d9
}

.footer .footer-menu a.first {
	padding-left: 0
}/*tongji*/
#tongji{display:none;}
#back-to-top{display:none;}

.station_nav{ padding:29px 0; text-align:center; position:relative;margin:auto;}
.station_nav ul{ position:relative; z-index:2; text-align:center; overflow:hidden;}
.station_nav ul li{ display:inline-block;padding:0 4px;margin-bottom:10px;}
.station_nav ul li a{ display:block; min-width:80px; height:30px; font-size:14px; color:#333; line-height:30px;border-radius:8px;background:#fff;padding-left:8px;padding-right:8px;}
.station_nav ul li a:hover,.station_nav ul li.on a{ background:#ff6c00;color:#fff;}

.whole_ban{ height:460px;}

.whole{ font-size:14px; line-height:24px;}

.whole .title{ font-size:34px; position:relative; text-align:center; font-weight:bold;height:40px; }
.whole .title b{ text-transform:uppercase; display:block; padding:30px 0 0px; font-size:30px;}
.whole .title em{ display:inline-block; width:79px; height:3px;}

.whole .con1_bg{ height:1166px; position:relative;/* background:url(../images/whole_con1_bg.jpg) no-repeat center bottom;*/ background:#fff; height:555px; background:url(../images/whole_bg1_03.jpg) no-repeat center bottom;}
.whole .con1_bg .con1{ width:1200px; margin:0 auto;  position:relative;}
.whole .con1_bg .con1 .title b{ color:#adda4c; font-family:arial;}
.whole .con1_bg .con1 .title em{ background:#ffa800;}
.whole .con1_bg .con1 .txt{ padding-top:34px; color:#555557; width:900px; margin:0 auto; text-align:center;}
.whole .con1_bg .con1 .list{ width:900px; padding-top:43px; margin:0 auto; position:relative;}
.whole .con1_bg .con1 .list ul{ position:absolute; left:450px; top:90px; width:440px;}
.whole .con1_bg .con1 .list li{ padding-bottom:37px;}
.whole .con1_bg .con1 .list li .t{ font-size:24px; font-size:24px; padding-top:5px;}
.whole .con1_bg .con1 .list li b.l{ color:#ff6c00; padding-right:4px;}
.whole .con1_bg .con1 .list li b.r{ color:#000;  padding-left:4px; font-family:arial;}
.whole .con1_bg .con1 .list li p{ margin:0; font-size:12px; line-height:18px; }
.youshiBox2{width:960px;margin:auto;padding-bottom:30px;}
.youshiBox2 ul{margin-top:20px;}
.youshiBox2 ul li{width:252px;height:410px;padding:15px 20px 10px 20px;border:1px #d0d0d0 solid;float:left;background:#fff;text-align:center;margin-right:30px;float:left;}
.youshiBox2 ul li h3{margin-bottom:10px;margin-top:5px;color:#ff6c00;}

.whole .con3_bg{ height:520px; background:url(/wangzhanjianshe/img/bg4.jpg) repeat-x 0 bottom #fff;} 

.whole .con3_bg .con{ width:1200px; margin:0 auto; height:520px; position:relative;}
.whole .con3_bg .con .title{ padding-top:42px; color:#000;}
.whole .con3_bg .con .title b{ color:#cacaca;}
.whole .con3_bg .con .txt{ position:absolute; left:168px; top:156px; width:546px; font-size:14px; line-height:30px; display:none;}
.whole .con3_bg .con .txt .div1{ color:#ff7d1e; font-size:36px; line-height:1em; padding-bottom:10px;}
#jiangbei{ position:absolute; right:110px;top:60px;background:url(/wangzhanjianshe/img/jiangbei.jpg) no-repeat center 0;width:322px;height:254px;}

.whole .con3_bg .con .list{ position:absolute; left:0; bottom:10px; width:100%; height:179px;background:url(/wangzhanjianshe/img/youshi3.png) no-repeat center 0;}

.whole .con3_bg .con .list li{ position:absolute; font-size:14px; color:#884800; text-align:center; cursor:pointer;}
.whole .con3_bg .con .list li span{ display:block; height:136px;width:136px;margin-bottom:4px;}


.whole .con3_bg .con .list .li1{ left:181px; top:0px;}
.whole .con3_bg .con .list .li1.li span,.whole .con3_bg .con .list .li1:hover span{ background:url(../images/whole_icon1.png) no-repeat center top;}

.whole .con3_bg .con .list .li2{ left:354px; top:0px;}
.whole .con3_bg .con .list .li2.li span,.whole .con3_bg .con .list .li2:hover span{ background:url(../images/whole_icon2.png) no-repeat center top;}

.whole .con3_bg .con .list .li3{ left:533px; top:0;}
.whole .con3_bg .con .list .li3.li span,.whole .con3_bg .con .list .li3:hover span{ background:url(../images/whole_icon3.png) no-repeat center top;}

.whole .con3_bg .con .list .li4{ right:350px; top:0px;}
.whole .con3_bg .con .list .li4.li span,.whole .con3_bg .con .list .li4:hover span{ background:url(../images/whole_icon4.png) no-repeat center top;}

.whole .con3_bg .con .list .li5{ right:178px; top:0px;}
.whole .con3_bg .con .list .li5.li span,.whole .con3_bg .con .list .li5:hover span{ background:url(../images/whole_icon5.png) no-repeat center top;}

/*建站优势*/
/*weixin*/
#weixinBox{position:relative;clear:both;height:300px;}
#weixinBox ul li{float:left;width:120px;height:180px;text-align:center;margin-right:20px;margin-left:20px;}
#weixinBox ul li h3{color:#383838;font-weight:bold;}
#weixinBox ul li span{line-height:15px;display:block;color:#afafaf;}
.wxUl{overflow:hidden;margin-top:0px;margin-bottom:50px;}
.wxUl li{float:left;width:33%;text-align:center;}
.wxUl li .wImg{width:180px;height:180px;line-height:180px;border-radius:100% 100%;background:#fbfbfb;margin:0 auto;text-align:center}
.wxUl li .wImg img{margin-top:60px}
.wxUl li .wTxt{font-size:21px;font-family:"Microsoft YaHei","verdana";margin:30px auto 20px;}
.wxUl li .wDetail{font-size:16px;color:#666}
/*solution*/
.articleBox{width:1175px;position:relative;margin:auto;height:auto!important;min-height:80px;height:80px;padding-top:10px;padding-bottom:30px;background:#ededed;}
.articleBox .leftTitle{width:230px;float:left;font-size:18px;line-height:30px;border-top:3px #ff6c00 solid;color:#ff6c00;text-align:center;padding-top:30px;padding-left:10px;padding-right:10px;left:10px;position:relative;}
.articleBox .leftTitle h3{margin:0;}
.articleBox .rightArticle{width:850px;float:right;padding-top:30px;border-top:3px #ccc solid;background:#fff;right:10px;position:relative;padding-left:10px;padding-right:10px;padding-bottom:15px;}
/*jobs*/
.button{ border: 1px solid #dad9d9; width: 100px; height: 38px; background-color: #ccc; font-size: 14px; color: #FFF; float: right; cursor: pointer; line-height: 38px; text-align: center;}
.jobBoxTit { margin-bottom: 7px; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #fff; background-color: #b2b2b2; }
.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.jobBox { margin-bottom: 25px; }
.jobBox .position { margin-left: 20px; float: left; width: 21.2%; height: inherit; overflow: hidden; }
.jobBox .department { float: left; width: 15.6%; height: inherit; overflow: hidden; }
.jobBox .num, .jobBox .place { float: left; width: 12.7%; height: inherit; overflow: hidden; }
.jobBox .startTime { float: left; width: 14.3%; height: inherit; overflow: hidden; }
.jobBox .endTime { float: left; width: 17.9%; height: inherit; overflow: hidden; }
.jobBox dl { margin-bottom: 7px; }
.jobBox dl dt { border: 1px solid #e3e3e3; height: 50px; line-height: 50px; font-size: 14px; color: #555; cursor: pointer; background: url(/icon/arrow5.jpg) 98% center no-repeat; }
.jobBox dl dt.open { background-image: url(/icon/arrow6.jpg); background-color: #f2f2f2; }
.jobBox dl dd { display: none; padding: 40px; background-color: #fff; font-size: 12px; line-height: 2; color: #555; }
.jobBox dl dd .mobileTit { display: none; font-size: 14px; color: #333; font-weight: bold; }
.orangeCount{color:#f67001;font-weight:bold;}
.bound{max-width:1260px;margin:auto;position:relative;}
#bannerSolution{color:#fff;height:330px;background-position:center 0;background-size: auto 100%;}
#bannerSolution h1{padding-top:100px;margin-top:0;}
#bannerSolution h2{padding-top:100px;margin-top:0;}
.rno-btn {
	height:36px;
	min-width:88px;
	padding:0 16px;
	background-color:#f67001;
	border:1px solid transparent;
	color:#fff;
	font-size:14px;
	line-height:34px;
	text-align:center;
	display:inline-block;
	cursor:pointer;
	outline:0;
	box-sizing:border-box;
	text-decoration:none
}
.rno-3-hero-item-btns {
	font-size:0;
	margin-top:40px
}
.rno-3-hero-item-btns .rno-btn {
	width:140px;
	margin-right:12px;
	font-size:14px
}
.rno-3-hero-item-btns .rno-btn:hover {
	transition:all .2s linear;color:#f67001;background: #fff;;
}
/*contact map 2018-03*/
/*服务平台*/
.map-service {
	background: url("../images/map_back.png") no-repeat center;
	height: 846px;
}
.map-service-left {
	padding-top: 36px;
}
.data-list {
	width: 100%;
}
.data-list  li{width:23%;float:left;margin-left:18px;}
.data-list li a{
	display: block;
	height: 88px;
	margin:10px 0;
	padding: 5px 5px;
	overflow: hidden;
	background:#fff;
	font-size: 1.2em;
	color: #4c4c4c;
}
.data-list li a:hover{
	color: rgb(255, 108, 0);
	border-color:rgb(255, 108, 0);
}
.data-list li a span{
	display: inline-block;
	width: 60%;
	vertical-align: middle;
	line-height: 1.6;
	padding-left:5px;
}
.data-list li .data-list-icon{
	display: inline-block;
	width: 88px;
	height: 88px;
	vertical-align: middle;
}
.data-list li .icon-a{
	background: url(/contacts/img/mq_advantage_02.png) no-repeat 0 0;
}
.data-list li .icon-b{
	background: url(/contacts/img/mq_advantage_01.png) no-repeat 0 0;
}
.data-list li .icon-c{
	background: url(/contacts/img/mq_advantage_07.png) no-repeat 0 0;
}
.data-list li .icon-d{
	background: url(/contacts/img/mq_advantage_05.png) no-repeat 0 0;
}

.map-service-box{
	position: relative;
}

.map-service-right {
	clear:both;
	width: 70%;
	margin:auto;
}
.china-map {
	position: relative;
	width: 100%;
	height: 577px;
	/*margin-right: 50px;*/
	background: url("../images/china_map.png") no-repeat;
}
.region-list {
	position: absolute;
	left: 0px;
	top: 0px;
}

@keyframes warn {
	0% {
		transform: scale(0);
		opacity: 1;
	}
	30% {
		transform: scale(0);
		opacity: 0.1;
	}
	60% {
		transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		transform: scale(1);
		opacity: 0.0;
	}
}
@-webkit-keyframes warn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	}
	30% {
		transform: scale(0);
		opacity: 0.1;
	}
	60% {
		transform: scale(0.5);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: scale(1);
		opacity: 0.0;
	}
}
@-moz-keyframes warn {
	0% {
		-moz-transform: scale(0);
		opacity: 0.0;
	}
	30% {
		transform: scale(0);
		opacity: 0.1;
	}
	60% {
		transform: scale(0.5);
		opacity: 0.5;
	}

	100% {
		-moz-transform: scale(1);
		opacity: 0.0;
	}
}

.area-box .dot {
	display: inline-block;
	position: absolute;
	left: 0px;
	width: 16px;
	height: 16px;
	/*background: url("../images/area_min.png") no-repeat center;*/
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background: #a2a9b4;
	opacity: 1;
	filter: alpha(opacity=100);
}
.area-box .pulse {
	display: inline-block;
	position: absolute;
	top: -16px;
	left: -16px;
	height: 48px;
	width: 48px;
	-webkit-border-radius: 48px;
	-moz-border-radius: 48px;
	border-radius: 48px;
	background: #a2a9b4;
	opacity: 0.12;
	filter: alpha(opacity=12);
	-webkit-animation: warn 2s ease-out;
	-moz-animation: warn 2s ease-out;
	animation: warn 2s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.region-list.active .area-box .dot {
	background: #0bd972;
}
.region-list.active .area-box .pulse {
	background: #0bd972;
}
.show-regin {
	position: absolute;
	left: 2px;
	height: 0px;
	top: 0px;
	width: 11px;
	background: url("../images/area_line.png") no-repeat center;
	opacity:0;
	filter: alpha(opacity=0);
	-o-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-webkit-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}
.online-node .show-regin,
.region-list:hover .show-regin {
	height: 127px;
	top: -120px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.show-regin span {

	width: 80px;
	display: inline-block;
	position: absolute;
	left: -35px;
	top: -40px;
	padding: 6px 12px;
	font-size: 14px;
	color: #fff;
	background: #a2a9b4;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align:center;
}
.area-box {
	z-index: 77;
}
.show-regin {
	z-index: 66;
}

.region-list.active .show-regin {
	background: url("../images/area_line_l.png") no-repeat center;
}
.postition-1 {
	left: 210px;
	top: 180px;
}
.postition-2 {
	left: 148px;
	top: 354px;
}
.postition-3 {
	left: 260px;
	top: 270px;
}
.postition-4 {
	left: 426px;
	top: 316px;
}
.postition-5 {
	left: 580px;
    top: 370px;
}
.postition-6 {
	left: 501px;
	top: 475px;
}
.postition-7 {
	left: 590px;
	top: 162px;
}
.postition-8 {
	left: 570px;
    top: 300px;
}
.postition-9 {
	left: 458px;
	top: 422px;
}
.postition-10 {
	left: 521px;
	top: 506px;
}
.postition-11 {
	left: 421px;
	top: 506px;
}
.postition-12 {
	left: 561px;
	top: 451px;
}
.postition-13 {
	left: 525px;
	top: 270px;
}
.postition-14 {
	left: 590px;
	top: 380px;
}
.douhao {
	display: inline-block;
	width: 0px;
}




/*新新闻*/

.news-trends-list2 {
	margin-top: 46px
}
.press-release2 {
	float: left;
	margin-left: 40px;
	width: 370px
}
.activity-title2 img {
	height: 140px
}
.press-release2:first-child {
	margin-left: 0
}
.press-release-title-wrapper2 {
	position: relative;
	display: block;
	margin-bottom: 20px
}
.press-release-title2 {
	position: absolute;
	top: -10px;
	width: 120px;
	height: 120px
}
.blue-bg2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #0af;
	opacity: .9;
	filter: alpha(opacity=90)
}
.press-release-word2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	padding: 30px 34px;
	width: 120px;
	height: 120px;
	font-size: 20px;
	text-align: center;
	line-height: 32px;
	color: #fff
}
.release-title-bg2 {
	width: 370px;
	height: 100px
}
.release-title-bg2.title-bg-1 {
	background: url(../images/news_bg_01.jpg) no-repeat center
}
.release-title-bg2.title-bg-2 {
	background: url(../images/news_bg_02.jpg) no-repeat center
}
.release-title-bg2.title-bg-3 {
	background: url(../images/news_bg_02.jpg) no-repeat center
}
.press-news-pic2 {
	position: relative;
	margin: 20px auto 0;
	width: 90%;
	height: 74px;
	overflow: hidden
}
.press-news-picbg2 {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	margin-left: -173px;
	margin-top: -40px;
	height: 80px;
	width: 346px;
	background-size: cover;
	background-position: center;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s
}
.press-news-pic2:hover .press-news-picbg {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1)
}
.press-news-picbg21 {
	background-image: url(../images/news_bg1.png)
}
.press-news-picbg22 {
	background-image: url(../images/news_bg2.png)
}
.press-release-list2 li a:hover span, .press-release-list2 li a.active span {
	color: #0af
}
.press-release-list2 {
	margin: 0 auto;
	height: 174px
}
.press-release-list2 li {
	margin-top: 22px;
	float: left;
	width: 100%;
	height: 14px;
	line-height: 14px
}
.press-release-list2 li:first-child {
	margin-top: 20px
}
.press-release-list2 li a {
	display: block
}
.press-release-list2 li a i {
	float: left;
	width: 21%;
	font-style: normal;
	font-size: 12px;
	color: #888;
	white-space: nowrap
}
.press-release-list2 li a span {
	float: left;
	width: 76%;
	font-size: 14px;
	color: #555;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.auto {
	margin: 0 auto;
	min-width: 1200px;
	max-width: 1200px;
	_width: 1200px
}
.cloud-product2 {
	position: relative;
	z-index: 9;
	padding: 110px 0 80px 0
}
.cloud-product-title2 {
	height: 32px;
	text-align: center;
	line-height: 32px;
	font-size: 32px;
	color: #333
}
.color-blue2 {
	color: #009fd9
}
.cloud-product-explain2 {
	margin-top: 26px;
	margin-bottom: 82px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 16px;
	color: #999
}

.map-service-left2 {
	position: absolute;
	left: 0;
	top: 0;
	padding-top: 0px
}
.map-service-intro-div2 {
	margin-bottom: 26px;
	padding-left: 56px;
	height: 96px
}
.map-intro-div-012 {
	background: url(../images/map_service_intro_icon_01.png) no-repeat 0 0
}
.map-intro-div-022 {
	background: url(../images/map_service_intro_icon_02.png) no-repeat 0 0
}
.map-intro-div-032 {
	background: url(../images/map_service_intro_icon_03.png) no-repeat 0 0;
	margin-bottom: 60px
}
.map-service-intro-title2 {
	height: 36px;
	line-height: 36px;
	color: #333;
	font-size: 32px
}
.map-service-intro-subtitle2 {
	height: 59px;
	width: 216px;
	border-bottom: 1px solid #56585c;
	line-height: 50px;
	font-size: 18px;
	color: #999
}
.map-intro-div-032 .map-service-intro-subtitle2 {
	border-bottom: 0
}
a.map-service-more-link2 {
	display: block;
	margin-bottom: 38px;
	width: 174px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	background-color: #0af
}
a.map-service-more-link2:hover {
	background-color: #0099e5
}
/*city map*/
.branch-map .map {
    width: 100%;
    height: 100%;
    background: url(../../home/images/index/bg-map.png) no-repeat center;
    position: relative;
}
.branch-map .map-dot {
    position: absolute;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.branch-map .map-dot:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background-color: #ff6c00;
    border-radius: 50%;
}
.branch-map .map-dot:hover:after, .branch-map .map-dot.cur:after {
    width: 10px;
    height: 10px;
}
.branch-map .map-dot.cur:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #ff6c00;
    animation: dot 4s infinite;
}
@keyframes dot{
    0% 100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    } 
    50% {
        transform: translateX(-50%) scale(1.5);
        opacity: .1;
    }
}
.branch-map .map-dot.beijing:after {
    width: 13px;
    height: 12px;
    border-radius: 0;
    background: url(/contacts/img/img-five-star.png) no-repeat center;
}
.branch-map .map-dot.beijing.cur:hover:before, .branch-map .map-dot.beijing.cur:before {
    display: none;
}
.beijing {
    left: 585px;
    top: 220px;
}
.tianjin {
    left: 604px;
    top: 234px;
}
.heilongjiang {
    left: 676px;
    top: 106px;
}
.jilin {
    left: 696px;
    top: 167px;
}
.liaoning {
    left: 660px;
    top: 196px;
}
.shanxi {
    left: 540px;
    top: 276px;
}
.hebei {
    left: 575px;
    top: 254px;
}
.shandong {
    left: 610px;
    top: 284px;
}
.shanxi1 {
    left: 502px;
    top: 312px;
}
.henan {
    left: 562px;
    top: 316px;
}
.anhui {
    left: 605px;
    top: 334px;
}
.jiangsu {
    left: 646px;
    top: 316px;
}
.sichuan {
    left: 425px;
    top: 354px;
}
.chongqing {
    left: 495px;
    top: 364px;
}
.hubei {
    left: 555px;
    top: 359px;
}
.shanghai {
    left: 668px;
    top: 341px;
}
.zhejiang {
    left: 655px;
    top: 379px;
}
.fujian {
    left: 625px;
    top: 428px;
}
.jiangxi {
    left: 595px;
    top: 402px;
}
.guangdong {
    left: 575px;
    top: 466px;
}
.hunan {
    left: 545px;
    top: 409px;
}
.guangxi {
    left: 506px;
    top: 461px;
}
.guizhou {
    left: 484px;
    top: 424px;
}
.yunnan {
    left: 405px;
    top: 462px;
}
.branch-map {
    position: relative;
    margin-bottom: 30px;
}
.branch-map .branch-map-l {
    width: 849px;
    height: 575px;
    position: relative;
}
.branch-map .branch-map-data {
    position: absolute;
    box-sizing: border-box;
    width: 445px;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px 2px #e9e9e9;
    background-color: #fff;
    padding: 10px 10px 10px 15px;
    z-index: 1;
    display: none;
}
.branch-map .branch-map-data:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #ff6c00 transparent transparent;
}
.branch-map .branch-map-data:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}
.branch-map .branch-map-data-title {
    border-bottom: 1px solid #eee;
}
.branch-map .branch-map-data-title p {
    font-size: 18px;
    color: #333;
    line-height: 28px;
	margin:0;
}
.branch-map .branch-map-data-info {
    max-height: 236px;
    overflow-y: auto;
}
.branch-map .data-branch {
    border-bottom: 1px dashed #eee;
    padding: 6px 0;
    box-sizing: border-box;
}
.branch-map .data-branch:last-child {
    border: none;
}
.branch-map .data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}
.branch-map .data-branch a {
    font-size: 14px;
    color: #666;
    line-height: normal;
    margin-bottom: 10px;
	display:inline-block;
	width:24%;
	margin-right:0.2%;
}
.branch-map .data-branch a:hover{color:#ff6c00;}
.items-branch .main-title{text-align:center;font-size:16px;padding:20px;}
.items-branch .main-title a{color:#ff6c00;}
/* citybox */
.citybox{margin:30px auto 0px 0;}
.citybox .city-title{width:96%;margin:auto;}
.citybox .city-title a{display:inline-block;width:65px;margin:5px 8px;font-size:16px;border:1px #ccc solid;border-radius:4px;text-align:center;padding:5px;background:#CCC;}
.citybox .city-title a:hover{background:#333;color:#fff;}
.citybox .city-list{margin-top:30px;}
.citybox li{padding-bottom:10px;padding-top:10px;}
.citybox li:nth-child(2n+1){background:#eee;}
.citybox p{padding-left:30px;padding-right:10px;}
.citybox span.label{border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;line-height:24px;width:50px;zoom:1;display:inline-block;height:30px;color:#666;vertical-align:top;border-top:#ddd 1px solid;margin-right:5px;border-right:#ddd 1px solid;border-radius:0}
.citybox span.label strong{border-bottom:#f7f7f7 1px solid;text-align:center;border-left:#f7f7f7 1px solid;width:48px;display:block;font-family:tahoma;background:#f1f1f1;height:28px;font-size:16px;border-top:#f7f7f7 1px solid;border-right:#f7f7f7 1px solid;border-radius:0}
.citybox span{width:90%;zoom:1;display:inline-block;vertical-align:top}
.citybox span i{font-style:normal;margin:0px 3px;color:#ccc}
.citybox .hover{border-bottom-color:#e5e5e5;border-top-color:#e5e5e5;border-right-color:#e5e5e5;border-left-color:#e5e5e5}
.citybox .hover p{background:#f7f7f7}
.citybox .hover span.label{border-bottom-color:#f67001;border-top-color:#f67001;border-right-color:#f67001;border-left-color:#f67001}
.citybox .hover span.label strong{border-bottom-color:#f67001;border-top-color:#f67001;background:#f67001;color:#fff;border-right-color:#f67001;border-left-color:#f67001}
.citybox>ol>li>p>span>a{padding-bottom:1px;line-height:20px;margin:0px 10px 5px 0;padding:2px 10px;zoom:1;display:inline-block;height:20px;border-radius:0;;color:#333;font-size:14px;text-decoration:none;}
.citybox>ol>li>p>span>a:hover{background:#f67001;color:#fff}
.topadd {
    position: relative;
}

.index_place {
    margin-left: 26px;
    width: 65px;
    height: 25px;
    /* width: 75px;
    height: 30px; */
    border-radius: 5px;
    margin-top: 14px;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 1000;padding-left:5px;
}

.places {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: -1px;
    margin-left: 26px;
    width: 200px;
    padding: 5px 20px;
    background-color: #fff;
    flex-wrap: wrap;
    border: solid 1px #ededed;
    /* transform: translateX(-50%); */
    z-index: 88888;
    cursor: pointer;
}

    .places > span {
        font-size: 14px;
        color: #999999;
        margin: 4px 8px;
    }

.index_place > :nth-child(2) {
    transform: rotateZ(90deg) scaleY(1.5);;
    margin-left: 6px;
    margin-top: 3px;
    font-size: 14px;
}
.f_jc_ac{
    display: flex;
    justify-content: center;
    align-items: center;
}
.places > span:hover,
.index_place:hover > :nth-child(1),
.index_place:hover > :nth-child(2) {
    color: #B10000;
}
.rlrp h2{font-weight: normal;}
.search{height: 40px;width: 40px;position: relative;z-index: 2;margin-right: 30px;margin-top: 0px;}
.search span{cursor:pointer;height: 54px;width: 33px;border-radius: 33px;background: url(/static/images/search.png) no-repeat center;display: block;}
.search:hover span{border-color: #f67001;}
.search1{ width:300px; display:none; margin:3px 0 0 -280px;padding: 17px 10px;background: #fff;height: 34px;}
.search1 .inp01{width:180px; height:30px;background:#fff url(/static/images/search_grey.gif) no-repeat 10px 9px; padding-left:49px;outline:none; border:2px solid #c4c7ce;border-right: 0;color:#666; font:14px "Microsoft YaHei"; line-height:30px; overflow:hidden; border-radius:1px 0 0 1px; float:left;}
.search1 .inp02{width:60px;height:34px; background:#f67001;border:0; color:#fff;outline:none;border-radius:0 1px 1px 0; cursor: pointer;float:left;line-height: 34px;}
@-webkit-keyframes scrollText2{
    0%{
        -webkit-transform: translateY(0%);
    }

    100%{
        -webkit-transform: translateY(-81%);
    }
}

@keyframes scrollText2 {
    0%{
        -webkit-transform: translateY(0%);
    }
    100%{
        -webkit-transform: translateY(-81%);
    }
}
.ff--icon {
	position:relative;
	float:left;
	width:50px;
	height:50px;
	margin-right:25px;
	margin-bottom:25px;
	cursor:pointer
}
.ff--icon:hover .ff--popper {
	display:block;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-animation-name:faifooter_zoomIn;
	animation-name:faifooter_zoomIn;
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);
	animation-timing-function:cubic-bezier(.23,1,.32,1);
	-webkit-animation-delay:0s;
	animation-delay:0s;
	-webkit-animation-iteration-count:1;
	animation-iteration-count:1;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.ff--svg {
	display:none\9;
	width:100%;
	height:100%
}
.ff--svg__wechat {
	color:#bcbcbc;
	fill:#eee
}
.ff--svg__wechat:hover {
	color:#4ac434;
	fill:#e4f6eb
}
.ff--popper {
	position:absolute;
	top:-183px;
	left:-45px;
	display:none;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	width:120px;
	height:145px;
	padding:10px;
	background:#fff;
	border-radius:6px;
	-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.15);
	box-shadow:0 0 12px 0 rgba(0,0,0,.15)
}
.ff--arrow {
	position:absolute;
	bottom:-9px;
	left:61px;
	border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0);
	border-style:solid;
	border-width:5px 10px
}
.ff--qrcode {
	display:block;
	width:120px;
	height:120px
}
.ff--label {
	margin-top:12px;
	color:#333;
	font-size:12px;
	line-height:1;
	text-align:center
}
.ff__dark .ff--svg__wechat {
	color:#646464;
	fill:#3a3a3a
}
.ff__dark .ff--svg__wechat:hover {
	color:#fff;
	fill:#57b865
}
/*menu bar 2024*/
.f28 {
	font-size: 28px;
  }
  
  .mb18 {
	margin-bottom: 18px;
  }
  
  .nbb {
	border-bottom: 0 !important;
  }
  
  
  .mt3 {
	margin-top: 3px;
  }
  
  .mr10 {
	margin-right: 10px;
  }
  
  .mt13 {
	margin-top: 13px;
  }
  
  .mt25 {
	margin-top: 25px;
  }
  
  .ml5 {
	margin-left: 5px;
  }
  
  .mb10 {
	margin-bottom: 10px;
  }
  
  .tc {
	text-align: center;
  }
  
  .deg180 {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
  }
  
  .green {
	color: #f67001;
  }
  
  .lh32 {
	height: 32px;
	line-height: 32px;
	text-align: center;
  }
  
  .poi {
	cursor: pointer;
  }
  
  .w80 {
	width: 80px;
  }
  
  .top-arrow {
	position: absolute;
  }
  
  .new-w1200 {
	width: 1200px;
	margin: 0 auto;
  }
  
  .fillBox {
	background-color: #f6f8fb;
  }
  
  .subject-font {
	color: #f67001;
  }
  
  .subject-bgc {
	background-color: #f67001;
  }
  
  .padding-t20 {
	padding-top: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
  }
  .top-arrow:before {
	position: absolute;
	content: "";
	border-left: 5px dashed transparent;
	border-right: 5px dashed transparent;
	border-bottom: 5px solid;
	border-top: none !important;
	border-bottom: 5px solid #09c;
  }
  
  .none {
	display: none;
  }
  
  .bottom-arrow {
	position: absolute;
  }
  
  .main-btn {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border: 0;
	border-radius: 5px;
	color: #fff;
	background-image: -webkit-gradient(
		linear,
		left top,
		right top,
		from(#ff5a00),
		to(#ff6c00 )
	  ),
	  -webkit-gradient(linear, left top, left bottom, from(#ff5a00), to(#ff6c00 ));
	background-image: linear-gradient(90deg, #ff5a00 0%, #ff6c00  100%),
	  linear-gradient(#ff5a00, #ff6c00 );
  }
  
  .main-btn:link,
  .main-btn:visited,
  .main-btn:hover,
  .main-btn:active {
	color: #fff;
	text-decoration: none;
  }
  
  .bottom-arrow:after,
  .bottom-arrow:before {
	position: absolute;
	content: "";
	border: 5px dashed transparent;
	border-top: 5px solid;
  }
  
  .bottom-arrow:before {
	border-top: 5px solid #09c;
  }
  
  .hidden-xs .top-new-menu {
	font-size: 14px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	height: 63px;
	color: #f7f7f7;
	background: #ffffff;
	position: relative;
	border-bottom: 1px solid #dbdbdb;
  }
  .hidden-xs .top-new-menu a:link {
	color: #000;
	text-decoration: none;
  }
  
  .hidden-xs .top-new-menu a:visited {
	color: #000;
	text-decoration: none;
  }
  
  .hidden-xs .top-new-menu a:hover {
	text-decoration: none;
  }
  
  .hidden-xs .top-new-menu a:active {
	color: #000;
	text-decoration: none;
  }
  .menu-detail-bottom-wrap .main-btn {
	color: #000 !important;
  }
  .hidden-xs .top-new-menu a:hover {
	color: #f67001;
  }
  
  .hidden-xs .top-new-menu .topbar-body {
	position: relative;
	z-index: 3000;
	min-width: 1200px;
  }
  
  .hidden-xs .top-new-menu .topbar-body > div {
	line-height: 62px;
	margin-right: 0;
	height: 62px;
  }
  
  .hidden-xs .top-new-menu .topbar-body > div > div {
	display: inline-block;
	vertical-align: middle;
	/* line-height: normal;  */
  }
  
  .hidden-xs .top-new-menu .topbar-body > .fr > div > div {
	display: inline-block;
	vertical-align: middle;
  }
  
  .hidden-xs .top-new-menu {
	margin: 0 auto;
  }
  
  .hidden-xs .top-new-menu .logo {
	margin: 0;
	padding-left: 20px;
	width:125px;
  }
  .hidden-xs .top-new-menu .logo img{max-width: 100%;}
  .hidden-xs .top-new-menu .logo a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 63px;
	line-height: 63px;
  }
  
  
  
  .hidden-xs .top-new-menu .Nav_searchBox {
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	z-index: 3001;
	background-color: #eee;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
  }
  
  .hidden-xs .top-new-menu .Nav_searchBox .Nav_searchBox_closeBtn {
	position: absolute;
	top: 33px;
	right: 33px;
	width: 36px;
	height: 36px;
  }
  .hidden-xs .top-new-menu .mt18 {
	margin-top: 18px;
  }
  .hidden-xs .top-new-menu .mb5 {
	margin-bottom: 5px;
  }
  .hidden-xs .top-new-menu .Nav_searchBox .Nav_searchBox_closeBtn svg {
	cursor: pointer;
  }
  
  .hidden-xs .top-new-menu .Nav_searchBox .Nav_logo {
	position: absolute;
	top: 32px;
	left: 60px;
	cursor: pointer;
	width: 101px;
	height: 40px;
  }
  
  .hidden-xs .top-new-menu .Nav_searchBox .search-body {
	width: 800px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	line-height: normal;
  }
  
  .hidden-xs .top-new-menu .Nav_searchBox .search-body .search-tab-list {
	padding: 0 10px;
  }
  
  .hidden-xs .top-new-menu .search-body .search-tab-list .search-tab-item {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.85);
	cursor: pointer;
  }
  
  .hidden-xs .top-new-menu .search-body .search-tab-list .search-tab-item.active {
	  background-color: #f67001;
  }
  .hidden-xs .top-new-menu .search-body .search-tab-list .search-tab-item.active a{color: #ffffff;}
  .hidden-xs .top-new-menu .search-body .search-tab-list .search-tab-item span {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
  }
  
  .hidden-xs .top-new-menu .search-body .search-hot .hot-tit {
	color: #f67001;
  }
  
  .hidden-xs .top-new-menu .search-body .search-hot .hot-item {
	height: 30px;
	line-height: 30px;
	color: #999;
	padding: 0 10px;
	background: #f3f5f8;
	margin-right: 10px;
  }
  
  .hidden-xs .top-new-menu .search-body .search-hot .hot-item a {
	color: #999;
  }
  
  .hidden-xs .top-new-menu .search-body .search-line {
	width: 800px;
	height: 52px;
	border: 2px solid #f67001;
	border-radius: 2px;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 48px;
	background-color: #ffffff;
  }
  
  .hidden-xs .top-new-menu .search-body .search-input {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-right: 10px;
	background-color: #ffffff;
  }
  
  .hidden-xs .top-new-menu .search-body .search-input input {
	color: #333;
	width: 342px;
	border: none;
	height: 48px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: super;
	line-height: 20px;
	padding: 14px 20px;
	outline: none;
  }
  
  .hidden-xs .top-new-menu .search-body .search-input .search-tips {
	color: #999;
	font-size: 12px;
	line-height: 20px;
  }
  
  .hidden-xs .top-new-menu .search-body .drop-btn {
	width: 124px;
	height: 48px;
	line-height: 48px;
	background: #e9f7f6;
	color: #f67001;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	cursor: pointer;
  }
  
  .drop-btn .suffixToogle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  }
  
  .hidden-xs .top-new-menu .search-body .search-drop {
	position: relative;
	margin-left: 17px;
	/* padding: 17px 0 0 5px */
  }
  
  .hidden-xs .top-new-menu .search-body .drop-body {
	position: absolute;
	top: 92px;
	width: 100%;
	background: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px;
	color: #333;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	display: none;
	max-height: 308px;
	overflow-y: auto;
  }
  
  .hidden-xs .top-new-menu .search-body .drop-body .drop-top {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
  }
  
  .hidden-xs .top-new-menu .search-body .drop-body label {
	white-space: nowrap;
	height: 20px !important;
  }
  
  .hidden-xs .top-new-menu .search-body .drop-body input[name="Fruit"] {
	width: 16px;
	height: 16px;
	background: #ffffff;
	position: relative;
	margin-right: 6px;
	vertical-align: inherit;
  }
  
  .hidden-xs .top-new-menu .search-body .drop-body input[name="Fruit"]::after {
	position: absolute;
	top: 0;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	display: inline-block;
	visibility: visible;
	text-align: center;
	content: " ";
  }
  
  .hidden-xs
	.top-new-menu
	.search-body
	.drop-body
	input[name="Fruit"]:checked::after {
	content: "✓";
	font-size: 14px;
	font-weight: bold;
	background: #f67001;
	color: #ffffff;
  }
  
  .hidden-xs .top-new-menu .search-body .drop-body .drop-enter {
	width: 68px;
	height: 28px;
	background: rgba(114, 244, 229, 0.1);
	border: 1px solid #f67001;
	border-radius: 2px;
	line-height: 28px;
	color: #f67001;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
  }
  
  .hidden-xs .top-new-menu .search-body .search-btn {
	width: 100px;
	height: 48px;
	line-height: 48px;
	background: #f67001;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
  }
  
  .hidden-xs .top-new-menu .search-body .search-lnk {
	padding-top: 22px;
	margin-left: -12px;
  }
  
  .hidden-xs .top-new-menu .search-body .search-lnk .lnk-item {
	height: 36px;
	margin-top: 12px;
	line-height: 36px;
	float: left;
	background: #ffffff;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.65);
	margin-left: 12px;
  }
  
  .hidden-xs .top-new-menu .search-body .search-lnk .lnk-item:hover {
	color: #f67001;
  }
  
  .hidden-xs .top-new-menu .search-body .search-lnk .lnk-item a {
	display: inline-block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 15px;
	text-align: center;
	white-space: nowrap;
	color: rgba(0, 0, 0, 0.65);
  }
  
  .hidden-xs .top-new-menu .Nav_searchBox .search-card {
	margin-top: 70px;
  }
  
  .hidden-xs .top-new-menu .Nav_searchBox .search-card .card-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  }
  
  .Nav_searchBox .search-card .card-list .card-item {
	width: 260px;
	height: 120px;
  }
  
  .Nav_searchBox .search-card .card-list a {
	display: inline-block;
	width: 100%;
	height: 100%;
  }
  
  .Nav_searchBox .search-card .card-list a img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
  }
  
  .hidden-xs .top-new-menu .menu-body {
	margin-left: 80px;
	position: relative;
	padding: 14px 0;
  }
  
  .hidden-xs .top-new-menu .menu-body .top-border {
	height: 3px;
	position: absolute;
	bottom: 0;
	background: #f67001;
  }
  
  .hidden-xs .top-new-menu .menu-body .menu-group {
	list-style-type: none;
	margin: 0;
	position: relative;
  }
  
  .hidden-xs .top-new-menu .menu-body .menu-group .menu-item {
	height: 34px !important;
	line-height: 34px !important;
	float: left;
  }
  
  .hidden-xs .top-new-menu .menu-body .menu-group .menu-item a {
	font-weight: 400;
	display: block;
	height: 34px;
	line-height: 34px;
	padding: 0px 14px;
	color: #000000;
	white-space: nowrap;
  }
  
  .hidden-xs .top-new-menu .menu-body .menu-group .menu-item a:hover {
	color: #f67001;
  }
  
  .hidden-xs .top-new-menu .menu-body .menu-group .menu-item:first-child a {
	padding-left: 0;
  }
  
  .hidden-xs .top-new-menu .other-contact {
	color: #666;
	padding: 10px 0;
	line-height: 20px;
  }
  
  .hidden-xs .top-new-menu .other-contact span {
	margin: 0 0 0 5px;
  }
  
  .hidden-xs .top-new-menu .other-contact a:hover {
	color: #f67001;
  }
  
  .hidden-xs .top-new-menu .other-contact .h5,
  .hidden-xs .top-new-menu .other-contact .we-chat {
	position: relative;
  }
  
  .hidden-xs .top-new-menu .other-contact .h5 img,
  .hidden-xs .top-new-menu .other-contact .we-chat img {
	position: absolute;
	top: 25px;
	left: 0;
	margin-left: -40px;
	display: none;
	background: none;
  }
  
  .hidden-xs .top-new-menu .tool-body .t-l {
	margin: 0 5px 0;
  }
  
  .hidden-xs .top-new-menu .tool-body a {
	display: block;
	height: 34px;
	line-height: 34px;
	color: #666666;
  }
  .hidden-xs .top-new-menu .tool-body .tool-body-item {
	margin-right: 20px;
  }
  
  .hidden-xs .top-new-menu .tool-body .tool-body-item a:hover,
  .hidden-xs .top-new-menu .tool-body .login-btn a:hover {
	color: #f67001;
  }
  
  .hidden-xs .top-new-menu .tool-body .searchHint a,
  .hidden-xs .top-new-menu .tool-body .QRcode a {
	position: relative;
  }
  
  .QRcode a:hover .QRcodeBox {
	display: block;
  }
  
  .QRcode .QRcodeBox {
	width: 260px;
	height: 158px;
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none;
  }
  
  .searchHint .searchHintbigBox {
	position: relative;
  }
  
  .searchHint .searchhintsmallBox {
	position: absolute;
	top: 100%;
	left: 50%;
	width: 232px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 200px;
	display: none;
  }
  
  .searchHint .searchhintsmallBox .bgimg {
	width: 100%;
  }
  
  .searchHint .searchhintsmallBox .searchShow {
	position: absolute;
	top: 23px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
  }
  
  .searchHint .searchhintsmallBox .searchShow .Nav-search-img {
	cursor: pointer;
  }
  
  .searchHint .searchhintsmallBox .searchShow .close {
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	padding: 10px;
	cursor: pointer;
  }
  
  .searchHint .searchhintsmallBox .searchShow span {
	display: inline-block;
	width: 100%;
	text-align: center;
	color: #212121 !important;
  }
  
  .hidden-xs .top-new-menu .tool-body .is-login {
	max-width: 160px;
  }
  
  .hidden-xs .top-new-menu .tool-body .is-login a {
	display: block;
	max-width: 160px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #f67001;
  }
  
  .hidden-xs .top-new-menu .tool-body .tool-body-item > a > img {
	width: 12px;
	padding-right: 3px;
  }
  
  .hidden-xs .top-new-menu .tool-body .reg-btn a {
	/* padding: 0 9px; */
	display: inline-block;
	color: #fff;
	height: 28px;
	line-height: 28px;
	text-align: center;
	width: 74px;
	font-weight: 400;
	background: #f67001;
  }
  
  .hidden-xs .top-new-menu .tool-body .login-out {
	margin-left: 10px;
  }
  
  .hidden-xs .top-new-menu .tool-body .login-out a {
	display: inline-block;
	text-align: center;
	width: 68px;
	height: 28px;
	line-height: 28px;
	font-weight: 400;
	color: #666666;
  }
  
  .hidden-xs .top-new-menu .menu-detail {
	position: absolute;
	width: 100%;
	left: 0;
	top: 62px;
	z-index: 999;
	display: none;
	background-size: cover;
	background-color: #ffffff;
	border-top: 1px solid #dbdbdb;
	box-shadow: 0 12px 10px 0 rgba(0, 0, 0, 0.07);
  }
  .hidden-xs .top-new-menu .menu-detail .menu-detailBody {
	height: 350px;
  }
  .hidden-xs .top-new-menu .menu-detail .link-menu-detail .menu-detail-columns {
	overflow: hidden;
	width: 240px;
	margin-right: 0;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.link-menu-detail
	.menu-detail-columns
	.menu-detail-category {
	padding-right: 30px;
  }
  .hidden-xs .top-new-menu .menu-detail .link-menu-detail .link-item {
	font-size: 14px;
	padding: 10px 10px 10px 0;
	display: block;
  }
  .hidden-xs .top-new-menu .menu-detail .link-menu-detail .link-item:hover {
	color: #f67001;
  }
  .hidden-xs .top-new-menu .menu-detail .menu-detail-bottom {
	height: 75px;
	background: #00273c;
	text-align: center;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-bottom
	.menu-detail-bottom-wrap {
	width: 230px;
	margin: auto;
  }
  .hidden-xs .top-new-menu .menu-detail .menu-detail-bottom a {
	display: inline-block;
	width: 220px;
	height: 38px;
	line-height: 38px;
	text-align: center;
  }
  
  .hidden-xs .top-new-menu .menu-detail .menu-detail-columns {
	width: 270px;
	margin-right: 30px;
  }
  .hidden-xs .top-new-menu .menu-detail .nav-website-digital {
	width: 570px;
  }
  .hidden-xs .top-new-menu .menu-detail .nav-website-digital .product-item {
	width: 48%;
	display: inline-block !important;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.nav-website-digital
	.menu-detail-columns {
	margin-right: 0px !important;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.nav-website-digital
	.menu-detail-category-title
	span {
	font-size: 12px;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-title {
	padding-top: 27px;
	padding-bottom: 12px;
	font-size: 16px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #000000;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	a.product-item:hover
	.product-item-header {
	color: #f67001;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.product-item {
	display: block;
	margin-top: 25px;
	font-size: 14px;
	line-height: 14px;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.product-item
	.product-item-content {
	width: calc(100% - 45px);
	overflow: hidden;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.product-item
	img {
	height: 32px;
	margin-right: 12px;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.product-item
	.product-item-header {
	color: #000000;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.product-item
	.product-item-desc {
	margin-top: 6px;
	color: #999999;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.product-item
	.product-item-desc
	a {
	line-height: 20px;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.product-item
	.product-item-desc
	a:link,
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.product-item
	.product-item-desc
	a:visited,
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.product-item
	.product-item-desc
	a:active {
	color: #999999;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.product-item
	.product-item-desc
	a:hover {
	color: #f67001;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.trademark-item {
	width: 70px;
	height: 46px;
	margin: 20px 26px 0 0;
	border: solid 1px #ececec;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.trademark-item
	img {
	width: 100%;
	height: 100%;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.trademark-item.isThird {
	margin-right: 0;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.hot-item
	a {
	width: 100%;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
	line-height: 28px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.hot-item
	a:link,
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.hot-item
	a:visited,
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.hot-item
	a:active {
	color: #d0d1d1;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.hot-item
	a:hover {
	color: #f67001;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.advertisement-item {
	display: block;
	width: 200px;
	height: 70px;
	margin-left: 70px;
  }
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-detail-category
	.menu-detail-category-body
	.advertisement-item
	img {
	width: 100%;
  }
  
  .hidden-xs .top-new-menu .menu-detail .menu-subcontent {
	width: 100%;
	padding: 30px;
	padding-right: 0;
	/* min-height:480px; */
	padding-left: 48px;
	display: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: normal;
  }
  
  .hidden-xs .top-new-menu .menu-detail .topbar-box {
	width: 100%;
  }
  
  .hidden-xs .top-new-menu .menu-detail .menu-subcontent .menu-subitem {
	position: relative;
	padding: 0 30px 0 50px;
  }
  
  .hidden-xs .top-new-menu .menu-detail .menu-subcontent .shuxian {
	background: rgba(216, 216, 216, 0.4);
	margin-top: 36px;
	width: 1px;
	height: 70%;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-subcontent
	.menu-subitem:nth-of-type(1) {
	padding-left: 0;
  }
  
  .hidden-xs .top-new-menu .menu-detail .menu-subcontent .menu-subitem h3 {
	font-size: 14px;
	font-weight: 600;
	color: rgba(0, 0, 0, 0.85);
	padding-bottom: 10px;
	padding-left: 10px;
  }
  
  .hidden-xs .top-new-menu .menu-detail .menu-subcontent .menu-subitem .has-sub {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-subcontent
	.menu-subitem
	.has-sub
	.sub-item {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-bottom: 20px;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-subcontent
	.menu-subitem
	.sub-group
	.sub-item
	.sub-tit {
	color: #999;
	margin: 0 0 5px 10px;
	padding-top: 10px;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-subcontent
	.menu-subitem
	.sub-group
	.sub-item
	ul
	li
	a {
	display: block;
	padding: 8px;
	color: #191919;
  }
  
  .hidden-xs
	.top-new-menu
	.menu-detail
	.menu-subcontent
	.menu-subitem
	.sub-group
	.sub-item
	ul
	li
	a:hover {
	color: #f67001;
	/* background: #f4f4f4; */
  }
  
  .menu-subitem .menu-icon {
	height: 18px;
	vertical-align: text-bottom;
	margin-left: 4px;
  }
  
  .no-sub-group li {
	margin-bottom: 10px;
  }
  /* 禁止滚动样式 */
  .forbiddenScroll {
	height: 100% !important;
	overflow: hidden !important;
  }
  
  /* 注册页面顶部导航 */
  .register-top-new-menu .register-topbar-body .register-topbar-box .clearfix {
	width: 100%;
  }
  
  .hidden-xs .top-new-menu .register-btn {
	width: 116px;
	height: 62px;
	text-align: center;
	background-color: #f67001;padding-left:20px;position: relative;
  }
  .hidden-xs .top-new-menu .register-btn::before {
    color: #fff;
    content: "\e63f";
    display: inline-block;
    font-family: iconfont;
    font-size: 18px;
    font-weight: 400;
    position: absolute;
    width: 12px;transition: all 0.3s;left:20px;top:-1px;
}
.hidden-xs .top-new-menu .register-btn:hover:before{left:25px;}
  .hidden-xs .top-new-menu .register-btn > a {
	line-height: 62px;
	color: #f7f7f7;
  }
  
  .hidden-xs .top-new-menu .eject {
	background: #ffffff;
  }
  .dropdown-common-activity {
	border-radius: 8px;
	display: inline-block;
	height: 220px;
	min-width: 200px;
	overflow: hidden;
	padding: 24px 24px 40px;
	position: relative;
	margin-top: 30px;
  }
  .dropdown-common-activity .link-bg {
	background-size: cover;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scale(1.01);
	transform: scale(1.01);
	-webkit-transition: .2s;
	transition: .2s;
	z-index: 0;
  }
  .dropdown-common-activity .activity-title {
	color: #191919;
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	position: relative;
	z-index: 1;
  }
  .dropdown-common-activity .activity-desc {
	  color: #595959;
	  font-size: 13px;
	  line-height: 20px;
	  margin-top: 8px;
	  position: relative;
	  z-index: 1;
  }
  /*end menu bar*/
.web_qmh_2 {
	width: 100%;
	height: 400px;
	background: url(/images/banner/website_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
  }
.web_vision{
	width: 100%;
	height: 400px;
	background: url(/images/banner/vision.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
 }
 .web_sitemap{
	width: 100%;
	height: 400px;
	background: url(/images/banner/sitemap.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
 }
.web_qmh_3{
	width: 100%;
	height: 400px;
	background: url(/images/banner/contacts_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
  }
  .web_qmh_4 {
	width: 100%;
	height: 400px;
	background: url(/images/banner/fsite_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
	overflow: hidden;
  }
  .web_qwh_width {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
    padding: 0 20px;
}
.section_1 {
    margin-top: 108px;
    display: flex;
    flex-direction: row;
}
.mh_text_1 { 
    overflow-wrap: break-word;
    color: #282828;
    font-size: 40px;
    text-align: left;
    line-height: 1.2;
    margin-top: 6px;
}
.paragraph_1 {
    overflow-wrap: break-word;
    color:#4e5969;
    font-size: 16px;
    line-height: 24px;margin-top: 12px;
}
.text-wrapper_3 {margin: 13px 0 0 0;}
.module-button-a {background-image: linear-gradient(248deg,#ff8c1f,#ff6a00);
    width: 140px;
    height: 43px;
    border-radius: 5px;
    line-height: 43px;
    text-align: center;margin-top: 40px;color:#fff;font-size: 14px;display: block;
}
.module-button-a:hover {
    background-image: linear-gradient(270deg,#ff6a00,#e66000);color:#fff;
}
/*fast-site*/
.items-ver .items-sublink {
	text-align: center;
	margin-top: 14px;
  }
  
  .items-ver .items-sublink a {
	font-size: 16px;
	text-decoration: underline;
  }
  
  .items-ver .items-block {
	margin-top: 66px;
	justify-content: space-between;
	align-items: flex-start;
  }
  
  .items-ver .item {
	box-sizing: border-box;
	width: 360px;
	height: 480px;
	border: 1px solid #d8d8d8;
	transition: all 0.3s ease;
  }
  
  .items-ver .item:hover {
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  }
  
  .items-ver .item-title-block {
	text-align: center;padding-top: 20px;padding-bottom:20px;background: url(/images/fast-website/table-bg.jpg) no-repeat;background-size: cover;
  }  

  
  .items-ver .item-title {
	font-size: 22px;
	font-weight: bold;
  }
  
  .items-ver .item-tag {
	margin-top: 10px;
	font-size: 16px;
  }
  
  .items-ver .item-tag:before,
  .items-ver .item-tag:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 1px;
	background-color: #fff;
	margin: 0 15px;
  }
  
  .items-ver .item-subtitle {
	margin-top: 10px;
  }
  
  .items-ver .item-content {
	padding: 15px 30px 0;
  } 
.items-ver li {
	color: #666;
	font-size: 13px;
	line-height: 2.2em;
	padding-left: 15px;
	position: relative;
  }
  
  .items-ver li:before {
	content: "";
	position: absolute;
	width: 4px;
	height: 4px;
	background-color: #999;
	left: 0;
	top: 50%;
	transform: translateY(-50%) rotateZ(45deg);
  }
  
  .items-ver .item-price {
	font-size: 14px;
	text-align: center;
  }
  
  .items-ver .item-price.tag .current-price:before {
	content: "";
	position: absolute;
	width: 74px;
	height: 20px;
	background: url(../../images/online/fastsite1/tag.png) no-repeat center;
	left: 0;
	top: 0;
	transform: translate(0, -28px);
  }
  
  .items-ver .current-price {
	position: relative;
  }
  
  .items-ver .current-price .em {
	font-size: 24px;
	color: #f67001;
  }
  
  .items-ver .origin-price {
	color: #999;
	margin-left: 15px;
  }
  
  .items-ver .item-btn {
	text-align: center;
	margin-top: 20px;
  }
  
  .info-intro-ver .item-btn {
	text-align: center;
	margin-top: 15px;
  }
  
  .items-ver .item-button,
  .info-intro-ver .item-button {
	display: inline-block;
	width: 100px;
	height: 36px;
	line-height: 36px;
	background-color: #f67001;
	color: #fff;
	border-radius: 3px;
  }
  
  .items-ver .item-button:hover,
  .info-intro-ver .item-button:hover {
	background-color: #e66000;
  }
  
  .items-ver .item-button.trial,
  .info-intro-ver .item-button.trial {
	margin-right: 30px;
	background: transparent;
	color: #f67001;
	border: 1px solid #f67001;
  }
  
  .items-ver .item-button.trial:hover,
  .info-intro-ver .item-button.trial:hover {
	color: #e66000;
	border: 1px solid #e66000;
  }
  .items-responsive .items-block {
	margin-top: 40px;
	flex-wrap: wrap;
	justify-content: space-between;
  }
  
  .items-responsive .img-block {
	margin: 0;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
  }
  .items-responsive .img-block  img{max-width: 96%;}
  .items-responsive .img-block:not(:nth-child(-n + 4)) {
	margin-top: 20px;
  }
  
  .items-responsive .item-btn {
	text-align: center;
	margin-top: 30px;
  }
  
  .items-responsive .item-button {
	width: 120px;
	height: 46px;
	line-height: 44px;
  }
  .items-highlight .items-block {
	margin-top: 60px;
	flex-wrap: wrap;
  }
  
  .items-highlight .item {
	width: 171px;
	text-align: center;
  }
  
  .items-highlight .item:not(:nth-child(-n + 7)) {
	margin-top: 40px;
  }
  
  .items-highlight .img-block img {
	width: 70px;
	height: 70px;
	object-fit: contain;
  }
  
  .items-highlight .item-title {
	font-size: 16px;
	margin-top: 16px;
	font-weight: bold;
  }
  
  .items-highlight .item-p {
	color: #666;
	line-height: 1.5em;
	margin-top: 6px;
  }
.items-title {
    font-size: 30px;
    color: #333;text-align: center;
}
.items-subtitle {
    text-align: center;
    color: #666;
    margin-top: 14px;font-size: 14px;
}
.items {
    padding: 60px 0;
}
.btn-b {
    display: inline-block;
    border: none;
    padding: 0;
    background-color: #f67001;
    color: #fff;
    border: 1px solid #f67001;
    box-sizing: border-box;
    text-align: center;border-radius: 3px;
}
.btn-b:hover{color:#fff;background-color: #e66000;}
.middleCenter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
}
.cooperation .cooperInfor .insideBox .img {
    position: relative;
    height: 220px;
}
.cooperation{
    padding-top: 64px;
}
.cooperation .cooperInfor{
    margin: 0 -24px;
}
.cooperation .cooperInfor .item{
   width: 33.33333%;
   float: left;
   padding: 0 24px;
   box-sizing: border-box;
}
.cooperation .cooperInfor .item .insideBox{
    background: #FFFFFF;
    box-shadow: 0px 16px 35px 0px rgba(23,35,73,0.06);
    border-radius: 4px;
    height: 445px;
}
.cooperation .cooperInfor .insideBox .img{
 position: relative;
 height:220px
}
.cooperation .cooperInfor .insideBox .txt{
 padding: 5px 32px 0;
 box-sizing: border-box;
}
.cooperation .cooperInfor .insideBox .txt .title{
    font-size: 24px;
    font-weight: bold;
    color: #233863;
    line-height: 33px;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 27px;
}
.cooperation .cooperInfor .insideBox .txt .title::after{
    position: absolute;
    content: '';
    display: block;
    width: 48px;
    height: 4px;
    background: #f67001;
    bottom: 0;
}
.cooperation .cooperInfor .insideBox .txt .des{
    font-weight: 400;
    font-size: 16px;
    color: #4a4a4a;
    line-height: 24px;
}
.cooperation .question{
    margin: 120px 0 124px;
    display: flex;
    justify-content: space-between;
}
.cooperation .question .question-video{
    width: 520px;
}
.cooperation .question .question-video img{max-width: 100%;box-shadow: 0px 16px 35px 0px rgba(23,35,73,0.06);}
.cooperation .question .question-text{
    padding-left: 118px;
    position: relative;
    width: calc(100% - 520px);
}
.cooperation .question .question-text::before{
    content: '';
    position: absolute;
    top: 0px;
    left: 98px;
    width: 159px;
    height: 159px;
    background-image: url("../images/icon-02.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.cooperation .question .question-text .tit{
    padding-top: 28px;
    font-weight: bold;
    font-size: 40px;
    color: #233863;
    line-height: 56px;
}
.cooperation .question .question-text .des{
    margin-top: 32px;
}
.cooperation .question .question-text .des p{
    font-weight: 400;
    font-size: 16px;
    color: #4A4A4A;
    line-height: 28px;
}
.cooperation .question .question-text .des p:last-child{
    margin-top: 24px;
}
.yun{
    background-image: url("/aboutus/img/vision/aboutbg.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 143px;
    padding-bottom: 157px;
}
.title-01{
    font-weight: bold;
    font-size: 40px;
    color: #233863;
    line-height: 56px;
    text-align: center;
}
.yun .title-01 br {
    display: none;
}
.yun .title-02{
    margin-top: 32px;
    font-weight: 400;
    font-size: 16px;
    color: #4A4A4A;
    line-height: 28px;
    text-align: center;
    margin-bottom: 39px;
}
.yun-box .item{
    float: left;
    width: calc(50% - 66px);
    height: 100px;
    margin-right: 10px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    background: linear-gradient( 21deg, #FFFFFF 0%, rgba(255,255,255,0.56) 100%);
    border-radius: 8px;
	padding:24px 20px;
}
.yun-box .item img{
    width: 64px;
    height: 64px;
    margin-right:34px;
}
.yun-box .item .text .tit{
    font-weight: 400;
    font-size: 24px;
    color: #233863;
    line-height: 33px;margin:0;padding:0;
}
.yun-box .item .text .des{
    margin-top: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #6B7B9B;
    line-height: 22px;
}
.swiper-pagination-bullet{margin-right: 5px;}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #f67001;
}
.sitemap-container{border-bottom: 1px #ccc solid;}
.arrow:after{    
    content: "";
    position: absolute;
    display: inline-block;width:10px;height:10px;margin-left:2px;
    padding-top: 10px;background: url(/icon/arrow.svg) no-repeat center;background-size: 100% auto;
}
.arrow:hover:after{margin-left:5px;}
@media (max-width: 768px) {
	.help-search{width:94%;}
	.searchinput{width:75%;}
	.jobBox .startTime{display: none;}
	.jobsArticle{overflow:scroll;}
	.citybox .city-title a{width:auto;}
	.newslis dl dd p{
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3; 
		overflow: hidden;
		text-overflow: ellipsis;}
	.yun-box .item .text .des {
		margin-top: 24px;
		font-size:1.4rem;
		line-height: 20px;
	}
	.yun-box .item img {
		width: 56px;
		height: 56px;
		margin: 0;
		margin-bottom: 16px;
	}
	.yun-box .item .text .tit {
		text-align: center;
		font-size: 20px;
		line-height: 28px;
		font-weight: 500;
	}
	.swiper-pagination {
		bottom: 0;
		width: 100%;
		margin: 0 auto;
	}
	.yun::after {
		content: '';
		background-image: url(/aboutus/img/vision/m-bg-01.png);
		background-size: cover;
		background-repeat: no-repeat;
		position: absolute;
		top: 42px;
		display: inline;
		height: 552px;
		width: 100%;
		z-index: -1;
	}
	.yun {
		padding-top: 100px;
		position: relative;
		background: none;
		padding-bottom: 30px;
	}
	.yun-box {
		overflow: hidden;
		margin: 0 -24px;
		position: relative;
		padding-bottom: 32px;
	}
	.cooperation .question .question-text .tit {
		font-size: 32px;
		line-height: 45px;
		padding-top: 24px;
	}
	.yun .title-02 {
		display: none;
	}
	.yun .title-01 {
		margin-bottom: 32px;font-size: 28px;line-height: 40px;
	}
	.yun-box .item {
		flex-direction: column;
		margin:0 auto 20px auto;
		height: 220px;
		padding: 24px;
		width: auto;
		max-width: 260px;
		float:none;box-shadow: 0px 16px 35px 0px rgba(23,35,73,0.06);
	}
	.cooperation .question {
		margin: 72px 0 0;
		flex-direction: column;
	}
	.cooperation .question .question-video, .cooperation .question video {
		width: 100%;
		height: 100%;
	}
	.cooperation .question .question-text {
		padding-left: 0;
		width: 100%;
		margin-top: 49px;
	}
	.cooperation .cooperInfor .item {
		width: 100%;
		padding: 0;
		box-shadow: 0px 16px 35px 0px rgba(23,35,73,0.06);
		border-radius: 4px;
		margin-bottom: 40px;
	}
	.Contact .mq-icon {
		width: 60px;
		height: 60px;
		float: left;
		background: #eee;
		border-radius: 100%;
		text-align: center;
		color: #fff;
	}
	.Contact .mq-icon img{width:30px;height:30px;margin-top:15px;}
	.Contact>ul>li {
		float: left;
		width: 100%;
		height: auto;
		padding: 0px;
		margin: 20px 0 10px 0;
	}
	.Contact .mq-contacts{width:60%;}
	#main_right span.text_sub h1{font-size: 18px;}
	.articleList dl dt img{width:100%;height:auto;}
	.articleList dl dd h3{font-size:14px;}
	.por-container {
		padding-left:24px;
		padding-right: 24px
	}
	.por-container {
		padding-left:16px;
		padding-right: 16px
	}
	.mh_text_1{font-size: 36px;}
	.Contact .mq-city{width: 60px;height:60px;line-height: 60px;font-size: 18px;}
	.pager-links a{display: none;}
    .pager-links a:first-child,.pager-links a:last-child{display: inline-block;}
  }