html,
body {
	background: #000;
	font-family: 微软雅黑;
	color: #fff;
	height: 100%; 
	/*overflow: hidden;*/
}

.content-box {
	width: 100%;
	position: relative;-webkit-overflow-scrolling:touch;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.right {
	float: right!important;
}

.left {
	float: left;
}

.center {
	text-align: center;
}

.clear {
	overflow: hidden;
}

.line-clamp-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 8;
	overflow: hidden;.news-choose-con-list.active
	line-height: 26px;
}

.line-clamp-1 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.font-12 {
	font-size: 12px;
}

.header {
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	height: 11.1111%;
	min-height: 90px;
	max-height: 120px;
	 height:90px;
	width: 100%;
	background: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	/*overflow: hidden;*/
}

.header .content {
	/*display: flex;
    justify-content: space-between;*/
	margin: 0 auto;
	height: 100%;
}

.header-left {
	position: relative; width:188px; margin-top:35px;
	float: left;
	height:50px;
}
.header-left img{ width:128px;}


.header-right {
	float: right;
	cursor: pointer;
	height: 100%;
}

.header-right a {
	color: #fff;
	text-decoration: none;
	font-size: 13px;
}
.header-tab-list {

	height: 100%;
	padding:6px 0;
		padding-right: 10px;
	box-sizing: border-box;
}
.header-right li {
	padding:0;
	text-align: left;
	border-bottom: 1px solid transparent;
	position: relative;
	height:20px; margin-bottom:0;
	width:66px;
}
.header-tab-list li:nth-child(2) a{ letter-spacing: 0;}
.header-right li:after {
	border: 6px solid transparent;
	border-left: 6px solid #fff;
	content: "";
	right: -15px;
	position: absolute;
	top: 5px;
}

.header-right li.active:after {
	border: none;
}

.header-right li.active {
	border-bottom: 1px solid #fff;
}

.header-tab-line {
	width: 0;
	height: 1px;
	position: absolute;
	bottom: 0;
	background: #fff;
}

.header-right li.active .header-tab-line {
	display: none;
}

.content {
	width: 100%;
	box-sizing: border-box;
	padding: 0 45px;
}


/**/

.guide-container,
.service-container,
.service-area-container,
.download-container,
.consult-message-container {
	padding-top: 0;
	padding-left: 12.5%; height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch;

}
.news-container{padding-left: 12.5%;height: 100%; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.service-area-container,.service-container{ height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch;}
.news-container{
	background-size: 100% 100%;
	position: relative;
}
.container-right{ padding-top:110px;}
.service-area-container{
	/*background: url(../image/service-area-bg1.jpg)no-repeat center center;*/
	background-size: 100% 100%;
	position: relative;
}

.guide-container{
	background: url(../image/guide_bg.jpg)no-repeat center top;
	position: relative;background-size: 100% 100%;height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch;
}

.download-container .container-right {
	background: url(../image/data_download_bg.jpg)no-repeat center top;background-size: 100% 100%;
	position: relative;
}

.consult-message-container {
	background: url(../image/consult_message_bg.jpg)no-repeat center top;
	position: relative; background-size:100% 100%;
}

.service-container .container-right {
	background: url(../image/service_bg.jpg) center top;
	background-size: 100% 100%;
	position: relative;
}
.service-area-title-list td{ padding-top:45px;}
.global-side {
	width: 12.5%;
	height: 100%;
	position: fixed;
	top: 90px;
	left: 0;
	background: #000;
}

.global-side-second-level {
	display: none;
}

.global-side-list>li,
.global-side-second-level li {
	display: inline-block;
	width: 100%;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
	box-sizing: border-box;
	cursor: pointer;
	padding-right: 0;
}

.global-side-list>li a {
	width: 100%;
	display: inline-block;
	padding: 13px 0;
	box-sizing: border-box;
	text-align: center;
}

.global-side-second-level li {
	padding-right: 0;
	padding-left: 20px;
}

.global-side-list>li:last-of-type a {
	border-bottom: none;
}

.global-side-list>li.active>a {
	background:#313131;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff);
}


/*.global-side-list>li a{
    border-bottom: 1px solid transparent;
}
.global-side-list>li.active>a {
    border-bottom: 1px solid #fff;
}*/


/*.global-side-list>li:hover {
    background: url(../image/hover.gif)no-repeat center center;
}*/

.global-side-list>li.up:after {
	border: 6px solid transparent;
	border-left: 6px solid #fff;
	content: "";
	right: 0;
	position: absolute;
	top: 55px;
}

.global-side-list>li.up.active:after {
	border: 6px solid transparent;
	border-top: 6px solid #fff;
	content: "";
	right: 5px;
	position: absolute;
	top: 55px;
}

.global-side-list>li.active .global-side-second-level {
	display: block;
}

.global-side-second-level li.active {
	background:#1b1b1b;
}

.global-side-list>li {
	position: relative;
}

.global-side-list>li img {
	width: 10px;
	height: 12px;
	position: absolute;
	top: 13px;
	right: 30px;
	display: none;
}


/*.global-side-list>li:hover img {
    display: block;
    -ms-transform:translate(10px);
    -moz-transform:translate(10px);
    -webkit-transform:translate(10px);
    -o-transform:translate(10px)
    transform:translate(10px);
    transition: .5s;
}*/



.guide-way-container {
	padding: 2% 3%;
}

.guide-way-container-left,
.guide-way-container-right {
	width: 50%;
	float: left;
}

.guide-way-container-right {
	
	height: 500px;
}

.guide-way-name {
	padding-left: 33px;
	margin: 10px 0;
}

.guide-way-info {
	padding-left: 66px;
	margin-bottom: 25px;
	line-height: 16px;
}

.guide-way-name,
.guide-way-info {
	font-size: 14px;
}

.guide-baidu {
	width: 95%;
	position: relative;
	height:400px;
	border-radius: 5px;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 5%;
	float: right;
}

.guide-baidu-map {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	display: block;
	border-radius: 5px;
	overflow: hidden;
}

.guide-map-result {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	display: none;
}

.guide-to-map {
	display: none;
}

.guide-to-way {
	display: block;
	padding-top: 3px;
	background: #d4d4d4!important;
	height:100%;
	line-height: 36px;
	color:#333!important;
	font-size: 12px;
	padding:0 10px;
}

.guide-search {
	width: 55%;
	background: transparent;
	border: none;
	outline: none;
	margin-right: 10px;
	color: #fff;
	line-height: 36px;
	font-size: 12px;
}
.guide-search::-webkit-input-placeholder{
	color:#fff;
	font-size: 12px;
}
.news-container-list {
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
	z-index: 200;
	text-align: center;
	overflow: auto;
}
.news-container-list-new{ padding-top:50px;}
.news-container-list::-webkit-scrollbar{
	display: none;
}

.news-list-time{
	width: 80%;
	height: 5%;
}

.news-mask {
	background: rgba(0, 0, 0, .75);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	height: 100%;
	position: absolute; width:100%;
	z-index: 1;
}

.news-choose-con-list {
	display: none; margin:0 5%;
}

.news-choose-con-list.active {
	display: block;
}

.news-choose-item {
	margin: 0 50px; padding-top:0;
	text-align: center;
}

.news-choose-item {
	display: inline-block;
	border-bottom: transparent;
	padding-bottom: 15px;
	cursor: pointer;
}

.news-choose-item.active {
	border-bottom: 1px solid #fff;
}

.news-face-list:first-of-type {
	background-size: 100% 100%;
}

.news-face-list:nth-of-type(2) {
	background: url(../image/second.jpg)no-repeat;
	background-size: 100% 100%;
}

.news-face-list:nth-of-type(3) {
	background: url(../image/third.jpg)no-repeat;
	background-size: 100% 100%;
}

.news-face-list>a{
	display:block;
}
.news-face-list img {
	width: 100%;
}

.service-more {
	padding: 10px 40px;
	background: #363434;
	color: #fff;
	margin-top: 10px;
	display: inline-block;
	cursor: pointer;
}
.service-more:hover{ background:#e5e5e5; color:#000;}
.news-container-list{ padding-bottom:50px;}
.news-choose-con-list li.news-list-timeroll{ margin-bottom:0; margin-top:0;}
.news-content-list {
	margin-left:603px; margin-right:20px; margin-top:30px;background: rgba(0,0,0,.6); padding:10px; padding-left:30px;
	box-sizing: border-box;

	position: relative;
	text-align: left;
}

.news-face-list {
	width: 603px;
	height: 280px;
	display: block; float:left;
	overflow: hidden;
}

.news-face-list>a {
	width: 100%;
	height: 100%;
}

a .news-content-list,
.news-face-list .news-content-list {
	width: 40%;
	height: 100%;
	background: none;
	text-align: center;
}

.news-face-list:first-of-type .news-content-list,
.news-face-list:last-of-type .news-content-list {
	float: right;
	color: #1a191a;
}

.news-content-list>div {
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	box-sizing: border-box;
}


.news-title-list {
	font-size: 16px;
	margin-bottom: 20px;
}

.news-info-list {
	font-size: 16px;
}

.news-list-class {
	width: 1100px;
	margin: 0 auto;
	text-align: center;
	margin-top: 60px;
}

.news-list li {
	cursor: pointer;
	width: 220px;
	position: relative;
	height: 220px;
	display: inline-block;
	margin:15px 15px;
	overflow: hidden;
}

.news-list li img {
	width: 100%;
	height: 100%;
}

.news-cover-con {
	background: rgba(0, 0, 0, .5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	display: none;
}

.news-cover-title {
	width: 100%;
	height: 24px;
	position: absolute;
	top: 50%;
	margin-top: -12px;
	display: none;
	padding: 0 7.5%;
	box-sizing: border-box;
}

.news-list .line-1 {
	position: absolute;
	top: 7%;
	left: 7%;
	width: 1px;
	height: 0;
	background: #fff;
}

.news-list .line-2 {
	position: absolute;
	bottom: 7%;
	left: 7%;
	width: 0;
	height: 1px;
	background: #fff;
}

.news-list .line-3 {
	position: absolute;
	top: 7%;
	right: 7%;
	width: 0;
	height: 1px;
	background: #fff;
}

.news-list .line-4 {
	position: absolute;
	top: 7%;
	right: 7%;
	width: 1px;
	height: 0;
	background: #fff;
}
.breakbox{ width:100%; clear:both; height:50px;}
.page {
	width:1200px;
	position: absolute;
	top: 35%;
	left:-50px;
	text-align: center;
	font-size: 12px;
}

.page-current {
	display:none;
	margin-top: 3px;
}
.page-input{ display:none;}
.page-input input {
	width: 30px;
	padding: 2px 10px;
	text-align: center;
	margin: 0 10px;
	outline: none;
	-webkit-appearance: none;
	border: none;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.page-arrow {
	overflow: hidden; display:block;
	margin: 0 auto;
}
.news-list-container-class{ position:relative; width:1100px; margin:0 auto;}
.news-list-container{ padding-bottom:0;}
.page-left,
.page-right {
	width: 60px;
	height: 60px;
	cursor: pointer;
	top: 50%;
}

.page-left {
	background: url(../image/page-left.png) center center;
	background-size: contain;
	float: left;
	left:0;
}
.backbtn .btn{ margin:0 auto;}
.backbtn .showbig{ display:none}
.page-right {
	background: url(../image/page-right.png) center center;
	background-size: contain;
	float: right;
	right:0;
}

.service-container-list {
	width:800px;
	margin: 0 auto;
	z-index: 200;
	position:static;
	text-align: center;
}

.service-con-list .news-content-list>div {
	padding: 0 8.8%;
}

ul.service-con-list {
	height: 480px;
	margin-top: 3.5%;
}
.service-container-list .news-content-list{ margin-left:0;}
.service-con-list .news-title-list {
	margin-bottom: 10px;
	line-height: 30px;
	box-sizing: border-box;
	/*background: url(../image/title_bg1.png)no-repeat center;*/
	background-size: cover;
	white-space: nowrap;
	font-size: 26px;
	font-weight: 600;
	color: #1a191a;
}

.news-face-list:nth-of-type(2) .news-title-list {
	color: #fff;
}

.service-bottom a {
	padding: 10px 15px;
	border: 1px solid #fff;
}

.service-bottom a:hover {
	background: #fff;
	color: #000;
	border-bottom: #005580;
	background: #fff;
}
.service-bottom{ padding-bottom:20px;}
.service-bottom a{
	 display:inline-block; margin:0 10px;
}


.service-area-container-list {
	width: 70%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
}

.service-area-container-pic {
	width: 30%;
	height: 80%;
	position: absolute;
	top: 8%;
	left: 20%;
	margin: 0;
	background: url(../image/artpic.jpg) no-repeat center center;
	background-size: contain;
}

.service-area-container-text {
	width: 200px;
 float:left; margin-left:50px;
	top: 0; overflow:hidden;
	/*right: 0;*/
}

.border-bottom-style{
    width: 100%;
    border-top: 1px solid #5e696f;

}
.service-area-container-text h3 {
	width: 100%;
	height: 24px;
	font-size: 24px;
	margin: 30px 0 5px 0;
	float: left;
}

.service-area-container-text h1 {
	width: 100%;
	height: 80px;
	font-size: 40px;
	margin: 5px 0;
	float: left;

}

.service-area-container-text h5 {
	width: 100%;
	height: 16px;
	font-size: 16px;
	margin: 5px 0 50px;
	float: left;

}

.service-area-container-text a {
	width: 100%;
	height: 20px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	white-space: nowrap;
	padding: 5px 0px;
	color: #000!important;
	background: #fff!important;
	margin: 7px 0;
	float: left;
}

.service-area-container-text a:hover {
	background-color: #ecb443 !important;
	color: #000;
	cursor: pointer;
	z-index: 1;
}
.recruit-item .itemtitle{ font-size:16px;}
.service-area-container-text p {
	width: 100%;
	height: 20px;
	margin: 15px auto;
	font-size: 16px;
	text-align: center;
	white-space: nowrap;
	float: left;
}

.service-area-item {
	display: inline-block;
	padding: 0 20px;
	padding-bottom: 1.2%;
	margin: 0 2.2%;
	cursor: pointer;
	font-size: 18px;
	color: #e0dfdf;
}

.service-area-item.active {
	border-bottom: 1px solid #fff;
	color: #fff;
}

.service-area-container-list .area-line {
	width: 100%;
	margin-bottom: 5%;
	height: 1px;
}

.service-area-title {
	width: 70px;
	height: 38px;
	line-height: 38px;
	padding-left: 20px;
	/*background: url(../image/title_bg1.png)no-repeat center;*/
	background-size: 100% 100%;
	box-sizing: border-box;
	white-space: nowrap;
	margin-bottom: 30px;
}

.service-area-list {
	width: 100%;
	/*background: rgba(0, 0, 0, .45);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);*/
	position: relative;
	padding: 12px;
	box-sizing: border-box;
	-moz-user-select: none;
	
}

.service-area-list .swiper-container {
	height: 100%;
}

.service-area-list .swiper-button-prev,
.service-area-list .swiper-button-next {
	width: 31px;
	height: 51px;
	padding: 8px;
	box-sizing: border-box;
	background: rgba(0, 0, 0, .45);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	margin-top: -26px;
}

.service-area-list .swiper-button-prev {
	left: -31px;
}

.service-area-list .swiper-button-next {
	right: -31px;
}

.service-area-list .swiper-button-prev img,
.service-area-list .swiper-button-next img {
	width: 100%;
	margin-top: 7px;
}

.service-area-info-list {
	/*display: -webkit-flex;*/
	/* 新版本语法: Chrome 21+ */
	/*display: -webkit-box;*/
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	/*display: -moz-box;*/
	/* 老版本语法: Firefox (buggy) */
	/*display: -ms-flexbox;*/
	/* 混合版本语法: IE 10 */
	/*display: flex;*/
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	/*justify-content: space-between;*/
	width: 100%;
}

.service-area-info-item {
	width: 18.5%;
	cursor: pointer;
	float: left;
	margin-right: 1.5%;
	height: 100%;
}

.service-area-info-item:last-of-type {
	margin: 0;
}

.service-area-scroll {
	height: 185px;
	width: 100%;
	overflow-y: hidden;
	overflow-x: scroll;
}

.service-area-item-face {
	margin-bottom: 6%;
	max-height: 77%;
	overflow: hidden;
}

.service-area-item-face img {
	width: 100%;
}

.button {
	width: 30px;
	height: 30px;
	text-align: center; font-size:15px; color:#fff; line-height:26px; font-family: Arial, Helvetica, sans-serif;
}
.pic-box-close span{ font-size:15px;}
.close_button {
	margin: 0 auto;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer; 
	margin-top: .5%;
}

.mask {
	width: 100%;
	height: 100%;
	background: #000;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0.4;
	z-index: 2000;
	z-index: 8000;
	display: none;
	-moz-user-select: none;
	
}

.dialog {
	width: 60%;
	height:400px; margin-top:-100px;
	overflow: hidden;
	position: absolute;
	z-index: 9000;
	display: none;
	-moz-user-select: none;
	
	background: rgba(0, 0, 0, .86);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8000000, endColorstr=#C8000000);
}
.dialog_content p img{ margin:0 20px 0 10px;}
.dialog-container {
	width: 100%;
	overflow-y: hidden;
	overflow-y: scroll;
	box-sizing: border-box;
}

.dialog-container::-webkit-scrollbar {
	display: none;
}

.dialog_head {
	width: 96%;
	background: rgba(50, 50, 50, .85);
	text-align: left;
	padding:0 2%;
	color: #eee;
	cursor: move; height:32px; line-height:32px;
}
.dialogpic{ width:800px; left:50%; text-align:center; margin-left:-400px; top:50%; height:492px; margin-top:-250px; background:none;}
.dialogpic img{ margin:0 auto; max-width:100%;}
.dialog_content {
	width: 100%;
	height: 100%;
	padding: 2%;
	box-sizing: border-box;
	line-height: 20px; font-size:14px; font-family:"宋体";
}	
.dialogpic .dialog_content{ padding:0; width:800px; height:460px; overflow:hidden;} 
.dialogpic .dialog_content img{ width:800px; height:460px; display:block;}
.dialogindex .dialog_content{ padding:15px 20px 0 20px;}
.message-container {
	margin: 0 auto; padding-top:40px;
}

.data-download {
	width: 70%;
	padding: 10% 10%;
	background: rgba(0, 0, 0, .45);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	margin: 0 auto;
}

.data-download-table {
	border-top: 1px solid #5e696f;
	border-right: 1px solid #5e696f;
	width: 100%;
}

.data-download-table td,
.data-download-table th {
	border-bottom: 1px solid #5e696f;
	border-left: 1px solid #5e696f;
	padding: 15px 0;
	text-align: center;
}

.data-download-table td a {
	cursor: pointer;
	font-size: 12px;
}

.data-download-prompt {
	font-size: 10px;
	margin-top: 40px;
	line-height: 20px;
}

.consult-message {
	width: 70%;
	padding: 2% 10% 10px 10%;
	margin: 0 auto;
	box-sizing: border-box;
}

.form-input {
	border: 1px solid #434343;
	padding: 10px;
	margin-bottom: 2.5%;
}

.form-input input,
.form-input button,
.form-input textarea,
.form-input .select {
	outline: none;
	-webkit-appearance: none;
	border-radius: 0;
	background: none;
	border: none;
	color: #fff;
}

.form-choose-area {
	position: relative;
	cursor: pointer;
}

.form-choose-area .choose-area {
	display: block;
	position: absolute;
	top: 100%;
	border: 1px solid #434343;
	width: 100%;
	box-sizing: border-box;
	border-top: none;
	background: rgba(0, 0, 0, 1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000, endColorstr=#19000000);
	display: none;
}

.form-choose-area .choose-area li {
	/*border-bottom: 1px solid rgba(255,255,255,.6);*/
	padding: 10px;
}

.form-choose-area .choose-area li.active {
	background: rgba(255, 255, 255, .1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff);
}

.form-choose-area .choose-area li:hover {
	background: rgba(255, 255, 255, .1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff);
}

.form-choose-area .choose-area li:last-of-type {
	border-bottom: none;
}

.form-input textarea::-webkit-input-placeholder {
	color: #fff;
	font-size: 16px;
	font-family: "SimHei ", 黑体, "Microsoft YaHei", 微软雅黑;
}

.form-input textarea {
	width: 100%;
}

.form-input.submit-cancel {
	border: none;
	padding: 0;
}

.form-input.submit-cancel button {
	border: 1px solid #434343; font-family:"黑体";
	padding: 10px 40px;
	cursor: pointer;
}
.content-box{ width:650px; margin:0 auto 0 auto;  z-index:20; position:relative;} 
.content-box-art-center{ padding-top:120px;}
.content-box img{ width:400px; float:left;}
.graybg{ width:100%; height:100%; background:rgba(0,0,0,.8); position:fixed; top:0;}
.header-tab-list li a{ letter-spacing:2px;}
.service-area-container-text a:hover{ color:#fff;}
.message-link {
	width: 70%;
	padding: 0 10%;
	padding-top: 1%;
	margin: 0 auto; font-size:14px;
	box-sizing: border-box; padding-bottom:20px;
	line-height: 24px;
}

.message-link p:nth-of-type(n+1) {
	margin-bottom: 10px;
}

.recruit-item {
	width: 70%;
	margin: 0 auto;
	padding:15px 20px;
	position: relative;
	cursor: pointer;
	margin-bottom:20px;
	font-size: 14px; background:rgba(0,0,0,.2)
}
.titlemess{ margin-bottom:10px; font-size:14px;}
.message-link p.plast{ margin-bottom:40px;}
.recruit-info {
	margin-top: 0;
	height: 0;
	overflow: hidden; font-size:14px; line-height:28px;
}

.recruit-item.active .recruit-info {
	margin-top: 3%;
	height: auto;
}

.recruit-item:after {
	border: 6px solid transparent;
	border-bottom: 6px solid #fff;
	content: "";
	right: 20px;
	position: absolute;
	top: 15px;
}

.recruit-item.active:after {
	border: 6px solid transparent;
	border-top: 6px solid #fff;
	content: "";
	right: 20px;
	position: absolute;
	top: 15px;
}

.position-info {
	/*width: 70%;*/
	margin:0 3.5%;
	margin-top: 10px;
}
.position-info div{
	width:50%;
}

.introduce-container,
.guide-way-container {
	width: 90%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000, endColorstr=#66000000);
	margin: 0 auto;
}

.introduce-img,
.introduce-text {
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.news-face-list a img{transition: all 0.3s;}
.news-face-list a img:hover{ -webkit-transform:scale(1.1);}
.introduce-container .dialog-container {
	height:80%;
}
.dialogpic .dialog-container {
	height:460px;
}
.service-area-container-text p{ padding:5px 0;}
.introduce-container{
	top:10%;
}
.introduce-title {
	width: 70px;
	height: 38px;
	line-height: 38px;
	padding-left: 20px;
	/*background: url(../image/title_bg1.png)no-repeat center;*/
	background-size: 100% 100%;
	box-sizing: border-box;
	white-space: nowrap;
	margin: 3% 0;
	font-size: 20px;
}

.guide-way-container-left .introduce-title {
	margin: 4.5% 7%;
}
.service-area-title-list {
	width: 100%;
	padding: 0;
	margin-top:0;
	text-align: center;
	border-bottom: 1px solid #434343;
	/*display: -webkit-flex;*/
	/* 新版本语法: Chrome 21+ */
	/*display: -webkit-box;*/
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	/*display: -moz-box;*/
	/* 老版本语法: Firefox (buggy) */
	/*display: -ms-flexbox;*/
	/* 混合版本语法: IE 10 */
	/*display: flex;*/
	/* 新版本语法: Opera 12.1, Firefox 22+ */
	/*justify-content: space-around;*/
}
.service-area-title-list-write{ margin-top:0;}
.service-area-item{ font-size:22px;}
.click-data-download {
	border-top: 1px solid #5e696f;
}

.click-data-download a {
	font-size: 16px!important;
}

.data-download-table td p:first-of-type {
	padding-bottom: 15px;
}
.form-input button:hover{ background:#fff; color:#000;}
.data-download-table td p:last-of-type {
	padding-top: 15px;
}

.hanwei360-iframe {
	width: 100%;
	height: 100%;
}


.hot-phone {
	display: none;
}

.error-messege {
	display: none;
	width: 220px;
	height: 120px;
	line-height: 120px;
	text-align: center;
	background: rgba(0, 0, 0, .86);
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -60px;
	margin-left: -110px;
	z-index: 2000;
}

.service-area-content {
	width: 100%;
	height: 80%;
	margin: 0 auto;
	overflow: hidden;
}

#carousel {
	position: relative;
	z-index: 2;
	height: 424px;
	margin-top: 100px;
	transform-style: preserve-3d;
	perspective: 800px
}

#carousel img {
	position: absolute;
	left: 50%;
	top: 40%;
	width: 800px;
	height: 450px;
	margin-left: -400px;
	margin-top: -225px;
	transition: transform .5s ease-in-out;
	box-shadow: 8px 8px 20px rgba(0, 0, 0, .2);
	cursor: pointer
}

#bannerNav {
	position: relative;
	margin-top: 20px;
	height: 10px;
	padding: 10px 0;
	text-align: center
}

#bannerNav ul li {
	cursor: pointer;
	overflow: hidden;
	display: inline-block;
	width: 14px;
	margin: 0 5px
}

#bannerNav ul li a {
	margin: 0 auto;
	display: block;
	width: 12px;
	height: 12px;
	vertical-align: top;
	border-radius: 6px;
	background: #5e6671;
	font-size: 0
}

#bannerNav ul li.on a,
#bannerNav ul li:hover a {
	background: #b4b7ba
}


.service-area-right-container {
	width:800px;
	height: 100%;
	margin: 0 auto;
}

.service-area-right-container .gallery-top {
	height: 300px;
	border: 1px solid #434343;
	padding: 5px;
	box-sizing: border-box;
	position: relative; margin-top:20px;
}

.service-area-right-container .gallery-top .swiper-slide{
	background: rgba(0,0,0,.45);
}
.service-area-right-container .gallery-top .swiper-slide-img{
	overflow: hidden;
}
.service-area-right-container .gallery-top .swiper-slide-text{
	width:430px;
	height:auto;
	max-height: 100%;
	position: absolute;
	font-size: 12px;
	line-height: 20px;
	bottom:10%;
	overflow: hidden; right:10px;
}
.weather{ position:absolute; right:150px; top:5px;}
.service-area-right-container .gallery-top .swiper-slide-img img{
	 height:100%;position: absolute; left:50%; margin-left:-326px;
}
.service-area-right-container .gallery-top .swiper-button-next{
	right:7px;
	top: 97%;
	width:82px;
	height:26px;
	background: url(../image/right.png)no-repeat center center rgba(0,0,0,.45);
	background-size: 20% 70%;
}

.service-area-right-container .gallery-top .swiper-button-prev{
	left:76.3%;
	top: 97%;
	width:82px;
	height:26px;
	background: url(../image/left.png)no-repeat center center rgba(0,0,0,.45);
	background-size: 20% 70%;
}
.service-area-right-container .gallery-top .swiper-button-prev:hover{
	background: url(../image/left-1.png)no-repeat center center rgba(255,255,255,.45);
	background-size: 20% 70%;
}
.service-area-right-container .gallery-top .swiper-button-next:hover{
	background:url(../image/right-1.png)no-repeat center center rgba(255,255,255,.45);
	background-size: 20% 70%;
}
.service-area-right-container .gallery-thumbs {
	margin-top: 3%;
	height:140px; overflow:hidden;
}


.service-area-right-container .swiper-slide {
	background-size: cover;
	background-position: center;
}


.service-area-right-container .gallery-thumbs .swiper-slide {
	/*height: 100%;*/

	opacity: 0.4;
	cursor: pointer;
}
.service-area-right-container .gallery-thumbs .swiper-slide-active {
	opacity: 1;
}
.service-area-right-container .gallery-thumbs .swiper-slide img {
	width: 100%; height:124px;
}
.news-content-list .news-info-list{ height:50px;}
.news-title-list-c2 {
	font-size: 40px;
	margin:0px 0px 10px 0px;
}
.font-20{
	font-size: 20px;
}
.news-content-list .font-20{ margin-bottom:12px; font-size:18px;}
.font-40{
	font-size: 40px;
}


.news-content-list a,.backbtn .btn{
	border:1px solid;
	border-color: #fff;
	width: 120px;
	height: 20px;
	margin-top:10px; line-height:20px;
	font-size:18px;
	padding: 8px 0; display:block; text-align:center;
}
.backbtn .showbig{ display:none;}
.news-content-list a:hover i{ margin-left:5px; -webkit-transition:.3s;}
.news-content-list a:hover{
	color: #000;
	background-color: #fff;
}
.news-choose-con-list li.news-list-timeroll{
	width: 100%;
	height:60px; float:left;
}
.news-choose-con-list li.news-list-timeroll:last-child{ border-bottom:1px solid #fff;}
.news-list-timeroll a{
	width: 98.2%;
	height: 60px;
	 border-top: 1px solid #fff;
	 border-bottom: 1px solid #fff;
	 float: left !important;
	 clear: left !important;
}
.news-list-timeroll a:hover{
	color: #d4a962;
	background-color: #000;
}
.news-list-timeroll h3{
    width: 55px;
    height: 60px; line-height:60px;
    margin: 0 1px 0 5px;
    float: left;
    font-size: 40px;
}
.news-list-timeroll p{
    width: 20px;
    height: 20px;
    float: left;
    margin: 15px 5px 2px 1px;
}
.news-list-timeroll h5{
    border-bottom: 1px solid #fff;
    width: 100px;
    height: 25px;
    float: left;
    margin: 5px 0px 0px 30px;
}
.news-list-timeroll h6{
    width: 60%;
    height: 60px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 20px; line-height:60px;
    padding: 0 0px 0 250px;
}
.news-list-show {
	width: 100%;

}

.news-choose-con-list li{ height:280px; margin-bottom:20px; float:left; width:100%; overflow:hidden;}
.news-choose-con-list li .news-content-list{ padding:20px 30px; margin-top:0; height:280px;}
.news-choose-con-list li .vosontest{ height:40px; overflow:hidden;}
.news-list-show-container {
	width: 100%;

}

.news-list-show-container::-webkit-scrollbar {
	display: none;
}

.news-list-show-head {
	width: 100%; text-align:center;
	border-bottom: 1px solid #434343;
}
.news-list-show-head div{ display:inline-block; padding:0 5px;
	height: 20px;
	border-bottom: 2px solid #fff;
}
.news-list-show-content {
	width: 640px; padding-top:20px;
}
.news-list-show-content::-webkit-scrollbar {
    display: none;
}
.news-list-show-content p{
	width: 100%; margin-bottom:20px;
}
.news-list-show-content img{

	vertical-align:bottom; margin:0 auto;
}
.artcenter-part1{
    width: 80%;
    height: 25%;
    margin: 10px 0px 0px 135px;
    float: left;
    background: url("/uploads/20180502/6c2b4a979e3a355d12ebbe5d11576853.jpg");
}
.artcenter-part2{
	width: 50%;
    height: 14%;
    margin: 10px 0px 0px 135px;
    clear: left;
    float: left;
    color: #d3d3d1
}
.artcenter-part3{
	width: 29%;
    height: 20%;
    float: right; line-height:34px;
    margin: 10px 65px 0px 0px;
    clear: right;
}
.artcenter-part4{
    width: 50%;
    height: 40px;
    float: left;
    clear: left;
    margin: 10px 0px 0px 135px;
    border-bottom: 1px solid #434343;
}
.artcenter-part4 p{
 	width: 10%;
    height: 70%;
    border-bottom: 2px solid #fff;
    margin-top: 10px;
    text-align: center;
}
.artcenter-part5{
    width: 18%;
    height: 46px;
    float: right;
    margin: 10px 205px 0px 0px;
    text-align: center;
    line-height: 46px;
    border:1px solid #fff;
    cursor: pointer;
}
a.artcenter-part5:hover{
	color: #000;
	background-color: #fff;
}
.artcenter-part6{
    width: 50%;
    height: 35%;
    float: left;
    clear: left;
    margin: 30px 0px 0px 135px;
}
.background-color-a1a1a1{
	color: #a1a1a1;
}

/*20180503 haoqi*/
.news-content-list>div{ left:0;}
#bannerNav{ top:480px; margin-top:0; position:absolute; width:100%;}
.service-area-content{ position:relative; height:650px;}
.backbtn{ width:100%; text-align:center; padding-top:40px; padding-bottom:70px;}
.backbtn .btn{ cursor:pointer;}
.backbtn .btn:hover{
	color: #000;
	background-color: #fff;
}
.header-right{ margin-right:0;}
.area-name{ left:0;}
.area-name p:nth-child(2){ font-family: Arial, Helvetica, sans-serif}
.news-title-list-c2{ font-size:28px;}
.border-bottom-style{ border-top:1px solid #434343;}
.news-info-list{ margin-bottom:13px; height:80px; overflow:hidden;}
.news-list-show-head div{ margin-bottom:-1px; font-size:22px; height:36px;}
.guide-way-info{ padding-left:33px; line-height:28px; width:310px;}
.guide-way-name{ font-size:18px;}
.guide-search{ padding-left:20px; width:200px;}
.guide-to-way{ font-size:14px;}
.service-area-title{ padding-left:33px;}
.news-list-timeroll a:hover h5{ border-bottom:1px solid #d4a962;}
.service-container-list .news-face-list{ width:100%; margin-bottom:20px; height:200px; margin-bottom:20px;}
.service-container-list .news-content-list{ padding-top:10px;}
.service-container-list .news-info-list{ height:20px;}
.news-choose-con-list-news{ width:1100px; margin:0 auto; padding-top:20px;}
.news-choose-con-list-news .news-face-list{ width:550px;}
.news-choose-con-list-news .news-face-list img{ width:100%; height:280px;}
.news-choose-con-list-news .news-content-list{ margin-left:550px;}
.content-box-art img{ width:400px; height:560px;}
.line-clamp-2-newcon,.news-list-show-content{ display:block; margin:0 auto;}
.form-input.submit-cancel button {
		font-size: 18px;
	}
.service-area-right-container-write{ padding:0; width:980px; height:400px;}
.service-area-right-container .gallery-top .swiper-slide-img{ width:500px; height:375px;position: relative;}
.service-area-right-container .gallery-top{ height:375px;}
.service-area-right-container .gallery-top .swiper-slide-text{ color:#fff;}

.productshow{
	width:992px;
	height:124px;
	margin:0 auto;
	position:relative;
	text-align:center;
}
.productshow .scrollcontainer{
	width:100%;
	height:124px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
.productshow .scrollcontainer ul{
	width:20000px;
	position:absolute;
	left:0px;
	top:0px;
}
.productshow .scrollcontainer li{
	float:left;
	width:228px; padding:0 10px;
	height:124px;
	text-align:center;
}
.productshow .scrollcontainer li img{ width:100%; height:100%; cursor:pointer;}
.productshow .aleft{ position:absolute; left:-30px; top:40px;background: url(../image/left.png)no-repeat center center rgba(0,0,0,.45); width:25px; height:34px; background-size:100% 100%;}
.productshow .aright{ position:absolute; right:-30px; top:40px;background: url(../image/right.png)no-repeat center center rgba(0,0,0,.45);width:25px; height:34px; background-size:100% 100%;}
.dialogindex{ width:950px; height:400px; background:none;}
.dialogindex .photo{  width:500px; height:400px; position:relative;}
.dialogindex .photo:before{ display:block; width:490px; height:390px; border:5px solid rgba(0,0,0,.5); content:''; position:absolute; left:0; top:0; z-index:20}
.dialogindex .photo img{ width:100%; height:100%;}
.dialogindex .info{ width:450px; height:400px; overflow:hidden; }
.dialogindex .dialog-container{ background:rgba(0,0,0,.65); height:368px;}
.guide-container .container-right-traval{ background-size:100% 100%;}
.news-choose-item.active{ font-size:22px;}
.news-container .container-right{ min-height:920px;}

.pfd{ width:100%; text-align:center; position:fixed; color:#fff; font-size:12px; bottom:0; left:0; background:#000; padding:10px 0;}
.container-right{ padding-bottom:50px;}
::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #313131;
    }
::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #1b1b1b;
    }
	
@media screen and (min-width:980px) and (max-width:1366px) {


	.page-left,
	.page-right {
		width: 40px;
		height: 40px;
	}
}
@media screen and (min-width: 640px) and (max-width: 980px) {


	.page-left,
	.page-right {
		width: 40px;
		height: 40px;
	}
}
@media screen and (max-width: 640px) {
	.backbtn .showbig{ display:block;}
	.pfd{ font-size:11px; line-height:16px; padding:10px 5%; width:90%}
	.content {
		padding: 0 20px;
	}

	.header {
		height: 60px;
		min-height: initial;
		max-height: initial;
	}

	.header-left {
		width: 120px; margin-top:10px;
	}

	.header-right {
		width: 30px; margin-right:0;
	}

	.header-mobile-tab {
		width: 100%;
		margin-top: 22px;
		cursor: pointer;
	}

	.header-mobile-list {
		width: 100%;
		height: 2px;
		background: #fff;
		margin: 5px 0;
	}

	.header-tab-list {
		position: fixed;
		top: 60px;
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, 1);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5000000, endColorstr=#E5000000);
		overflow: hidden;
		height: 0;
		z-index: 2000;
	}

	.header-right li.active {
		border-bottom: 1px solid #868d9c;
	}

	.header-right li {
		border-bottom:none;
	}

	.header-right li a {
		display: block;
		padding: 15px 0;
	}

	.header-right li:last-child {
		border-bottom: none;
	}

	
	.news-container,
	
	.download-container,
	
	.service-container {
		padding-top: 0;
		padding-left: 0;
	}
	.consult-message-container,.guide-container,.service-area-container{ padding-top:0; padding-left:0;}
	.container-right{ padding-top:130px;}
	.news-container-list-new{ padding-top:0;}
	.guide-container{ min-height:100%; }
	.service-container-list {
		padding-left: 0;
	}

	.service-con-list li {
		display: block;
	}

	.news-face-list {
		width: 100%;
		height: 100px;
		float: none;
	}

	.news-face-list img {
		height: 100%;
	}
	.news-container-list .news-choose-con-list li{ display:block; margin-bottom:0; width:100%; float:left; height:auto;}
	.news-choose-con-list li{ width:100%; float:left; margin-bottom:15px;}
	.news-content-list{ position:static; padding:10px 0 15px 0;; width:100%; float:none; height:auto;}
	.news-content-list>div{ position:static; height:auto;}
	.news-content-list a{ margin-top:10px; position:static;}
	.news-content-list .font-20{ padding:5px 0;}
	.news-title-list-c2{ font-size:16px;}
	.news-content-list {
		width:100%; margin-bottom:10px;
		float: none;
	}

	.news-face-list:nth-of-type(2) .news-content-list {
		float: left;
	}
	.news-info-list{ height:auto; margin-bottom:0;}
	.service-container .news-face-list {
		width: 100%;
		height: 120px;
	}
	
	.service-container .news-face-list img {
		height: 100%;
		width: auto;
	}

	.service-container-list .news-content-list {
		height: 120px;
		width: 45%;
	}

	.service-more {
		padding: 10px 20px;
		font-size: 12px;
	}
	.service-more:hover{ background:#e5e5e5;}
	.news-info-list{
		font-size: 12px;
	}
	.service-con-list .news-title-list{
		font-size: 22px;
	}

	.news-list li {
		width:150px;
		margin: 0;
		float: left;
		 height:150px; margin-left:10px;
		margin-bottom: 20px;
	}

	.page {
		bottom: 20px;
	}

	.news-list li:nth-of-type(2n+2) {
		float: right;
	}

	.news-cover-con {
		display: block;
		width: 100%;
		height: 30px;
		top: 50%;
		margin-top: -15px;
	}

	.news-cover-title {
		width: 100%;
		display: block;
		line-height: 22px;
	}

	.global-side {
		position: fixed;
		top: 70px;
		width: 100%;
		height: auto;
		z-index: 200;
		display: flex;
		justify-content: space-around;
	}

	.global-side ul {
		width: 100%;
		display: -webkit-flex;
		/* 新版本语法: Chrome 21+ */
		display: -webkit-box;
		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
		display: -moz-box;
		/* 老版本语法: Firefox (buggy) */
		display: -ms-flexbox;
		/* 混合版本语法: IE 10 */
		display: flex;
		/* 新版本语法: Opera 12.1, Firefox 22+ */
		justify-content: space-around;
	}

	.global-side-list>li,
	.global-side-second-level li {
		text-align: center;
		position: relative;
		padding-left: 0;
	}

	.global-side-list>li {
		padding: 13px 0;
	}

	.global-side-list>li.active {
		background: rgba(255, 255, 255, .1);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff, endColorstr=#19ffffff);
	}

	.global-side-list>li.up:after {
		top: 15px;
	}

	.global-side-list>li.active>a {
		background: none;
	}
	.news-list-show-head div{ width:auto; font-size:18px; height:auto;}
	.news-list-show-head{ margin-top:0;}
	.news-list-show-content{ padding-top:20px;}
	.global-side-list>li.up.active:after {
		top: 20px;
	}
	.dialogindex .dialog-container{ height:268px;}
	.global-side-list>li.active .global-side-second-level{ position:fixed; top:107px; background:#000;}
	.global-side-list>li.active .global-side-second-level li{ top:0; float:left; width:50%; text-align:center; left:0; position:static;}
	.global-side ul.global-side-second-level {
		display: block;
		position: absolute;
		top: 20px;
		left: 0;
	}

	.global-side-second-level li {
		text-align: center;
		padding: 13px 20px;
	}

	.global-side-intro.active .global-side-second-level {
		display: block;
	}

	.container-right {
		padding-left: 0;
	}

	.news-content-list>div {
		height: 80%;
		width: 100%;
		padding: 0px 15px;
		box-sizing: border-box;
	}

	.news-title-list {
		margin-bottom: 10px;
	}

	.news-mask {
		width: 100%;
	}

	.service-area-item {
		font-size: 14px;
	}

	.consult-message,
	.message-link {
		width: 100%;
	}

	.guide-way-container,
	.introduce-container,
	.service-container .container-right { background-size:100% 100%;
	}

	.consult-message-container{
	
		background: url(../image/consult_message_bg.jpg) center center; background-size:100% 100%; padding-top:0; height:auto; overflow:hidden;
	}
	.consult-message-container .container-right{ height:500px;overflow-y:auto; -wekbit-overflow-scrolling:touch;}
	.service-area-right-container .gallery-top .swiper-slide-text{ height:260px; overflow-y:auto;}
	.guide-way-container-left,
	.guide-way-container-right,
	.guide-baidu {
		width: 100%;
	}
	.page{ position:static;}
	.guide-way-container-left .introduce-title {
		margin: 4.5% 0;
	}

	.guide-way-name {
		padding-left: 0px;
	}

	.guide-way-info {
		padding-left: 25px;
	}

	.introduce-img,
	.introduce-text {
		width: 100%;
	}

	.introduce-img {
		border-radius: 5px;
	}
	/*.service-area-list {
        height: 70%;
    }*/

	.service-area-info-list {
		overflow: scroll;
		display: block;
		margin: 0;
	}

	.service-area-info-item {
		width: 100%;
		margin-bottom: 40px;
	}

	.news-choose-item {
		margin: 0 40px; padding-top:0;
	}

	.page-left,
	.page-right {
		width: 30px;
		height: 30px; display:none;
	}

	.news-list li.news-item:last-of-type {
		margin-bottom: 50px;
	}

	.service-area-title-list {
		padding: 0; margin-top:0;
	}

	.global-side-second-level li:first-of-type {
		left: -127px;
		top: 15px;
		width: 100%;
	}

	.global-side-second-level li:last-of-type {
		right: -40px;
		top: 15px;
		position: absolute;
		width: 120%;
	}

	.global-side-second-level li a {
		font-size: 16px;
		padding-bottom: 15px;
	}
	.news-list {
		box-sizing: border-box;
		padding:0;
	}
	.global-side-list>li a {
		padding: 0;
	}

	.dialog {
		width: 90%;
		height: 75%;
		border-radius: 5px;
		overflow: hidden;
	}

	.form-input,
	.form-choose-area .choose-area,
	.form-input.submit-cancel button {
		font-size: 14px;
	}
	.form-input.submit-cancel button {
		font-size: 14px;
	}
	.form-input textarea::-webkit-input-placeholder {
		font-size: 12px;
	}

	.global-side-second-level li {
		padding: 0;
	}

	.global-side-second-level li>a {
		width: auto;
		padding: 13px 0 7px 0;
		border-bottom: 1px solid transparent;
	}

	.global-side-second-level li.active {
		background: transparent;
	}

	.global-side-second-level li.active a {
		background: transparent;
		border-bottom: 1px solid #fff;
	}

	.news-container-list {
		padding-left: 0;-webkit-overflow-scrolling:touch;
	}

	.introduce-container {
		width: 90%;
		overflow-y: scroll;
	}

	.service-area-info-item {
		margin-bottom: 20px;
	}

	.service-area-info-item p {
		font-size: 12px;
	}

	.service-area-item-face {
		margin-bottom: 10px;
	}

	.recruit-item {
		width: 90%;
	}
	
	.hanwei360-iframe {
		width: 100%;
		height: 100%;
		padding-top: 60px;
	}

	.global-side-list>li:hover img {
		display: none;
	}
	.header-right.active li{border-bottom: 1px solid #868d9c;}
	.header-right{ padding-bottom:10px;}
	.header-right li {
		text-align: center;
	}

	.index-container .content {
		display: none;
	}

	.index-mobiel-tab {
		display: flex;
		justify-content: space-around;
		background: #000;
	}

	.index-mobiel-tab li {
		padding: 3px 0;
	}

	.close_button {
		margin-top: -.5%;
		right: 1.8%;
	}

	.service-container-list {
		width: 90%;
	}

	.news-face-list {
		float: left;
		margin-bottom: 2.08%;
	}

	.dialog_head {
		padding: 2.2%;
	}

	.dialog_content p {
		font-size: 14px;
		text-indent: 25px
	}

	.service-area-list .swiper-button-prev,
	.service-area-list .swiper-button-next {
		background: transparent;
	}
	/*.hot-phone {
        display: inline-block;
        width: 20px;
        height: 16px;
        background: url(../image/phone.png)no-repeat center center;
        background-size: 100% 100%;
        margin-bottom: -2px;
        margin-right:5px;
    }*/

	.service-area-container-pic {
		width: 60%;
		height: 65%;
		position: absolute;
		top: 20px;
		left: 20%;
		margin: 0;
		background: url(../image/artpic.jpg) no-repeat center center;
		background-size: contain;
	}

	.service-area-container-text {
		width: 260px; margin:0 auto; overflow:hidden;
	}
.content-box{ width:85%; padding-left:15%;}
.content-box img{ padding-top:0; width:260px;}
	.service-area-container-text h3 {
		width: 100%;
		height: 24px;
		font-size: 24px;
		margin: 30px 0 5px 0;
		float: left;
		white-space: nowrap;
	}

	.service-area-container-text h1 {
		width: 100%;
		height: 80px;
		font-size: 40px;
		margin: 5px 0;
		float: left;
		white-space: nowrap; font-size:30px;
	}
	.header-left img{ width:98px; margin-top:10px;}
	.service-area-container-text h5 {
		width: 100%;
		height: 16px;
		font-size: 16px;
		margin: 5px 0 20px;
		float: left;
		white-space: nowrap;
	}

	.service-area-container-text a {
		width: 100%;
		height: 20px;
		font-size: 16px;
		line-height: 20px;
		text-align: center;
		white-space: nowrap;
		padding: 5px 0px;
		color: #000 !important;
		background-color: : #fff !important;
		margin: 7px 0;
		float: left;
	}

	.service-area-container-text a:hover {
		background: #ecb443;
		color: #000;
		cursor: pointer;
	}

	.service-area-container-text a:nth-of-type(1) {color: #000;background-color: #fff;}

	.service-area-container-text a:nth-of-type(2) {color: #000;background-color: #fff;}

	.service-area-container-text a:nth-of-type(3) {color: #000;background-color: #fff;}

	.service-area-container-text a:nth-of-type(4) {color: #000;background-color: #fff;}

	.service-area-container-text p {
		width: 100%;
		height: 20px;
		margin: 15px auto;
		font-size: 16px;
		text-align: center;
		white-space: nowrap;
		float: left;
	}
	.service-area-right-container .gallery-top .swiper-slide{
		position: relative;
	}
	.service-area-right-container{
		width: 90%;
	}
	.service-area-right-container .gallery-top .swiper-slide-img{
		opacity: .5;
		width:100%;
		position: absolute;
		top:0;
	}
	.service-area-right-container .gallery-top .swiper-slide-text{
		width:96%; left:2%; top:10px;
	}
	.service-area-right-container .gallery-top .swiper-button-prev{
		left:47.3%;
	}
	.service-area-title-list .service-area-item{
		margin:0; padding-top:0;
	}
	#bannerNav ul li{
		width: 20px;
	}
	#bannerNav ul li a{
		width:6px;
		height:6px;
		border-radius: 50%;
	}
	.introduce-container, .guide-way-container{ top:120px;}
	.dialog_content p{ width:100%; clear:both; padding-bottom:10px;}
	.dialog_content p img{ width:100%; display:block; margin-bottom:10px;}
	.service-area-content{
		overflow: hidden;
	}
	.data-download-table td a,.data-download-table td p:first-of-type{
		font-size: 12px!important;
	}
	.artcenter-part1{
		width: 84%;
	    height: 20%;
	    margin: 10px 0px 0px 22px;
	    float: left;
	    background: url(/uploads/20180502/6c2b4a9….jpg);
	}
	.artcenter-part2{
	    width: 77%;
	    height: 14%;
	    margin: 10px 0px 0px 36px;
	    clear: left;
	    float: left;
	    color: #d3d3d1;
	}
	.artcenter-part3{
		width: 77%;
	    height: 20%;
	    float: right;
	    margin: 10px 50px 0px 0px;
	    clear: right;
	}
	.artcenter-part4{
        width: 71%;
	    height: 6%;
	    float: left;
	    clear: left;
	    margin: 10px 0px 0px 40px;
	    border-bottom: 1px solid #fff;
	}
	.artcenter-part4 p{
	 	width: 25%;
	    height: 70%;
	    border-bottom: 2px solid #fff;
	    margin-top: 10px;
	    text-align: center;
	}
	.artcenter-part5{
	    width: 18%;
	    height: 27px;
	    float: right;
	    margin: 0px 69px 0px 0px;
	    text-align: center;
	    line-height: 27px;
	    border: 1px solid #fff;
	    cursor: pointer;
	}
	a.artcenter-part5:hover{
		color: #000;
		background-color: #fff;
	}
	.artcenter-part6{
		width: 75%;
	    height: 35%;
	    float: left;
	    clear: left;
	    margin: 29px 0px 0px 40px;
	}
	.news-face-list {
	    width: 100%;
	    height: auto;
	}
	.news-title-list-c2 {
	    font-size: 16px;
	    margin: 5px 0px 10px 0px;
	}
	.news-content-list{ margin-top:0;}
	.news-content-list .font-20{ margin-bottom:5px;}
	.font-40{
		font-size: 14px;
	}
	.font-20{
		font-size: 14px;
	}
	.line-clamp-2 {
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 1;
	    overflow: hidden;
	    line-height: 26px; margin-bottom:15px;
	}
	.news-list-container {
		 position:static;
	    width: 100%;
		

	}
	.news-list-show {
		width: 100%;
		position:static;
		z-index: 1500;
		-moz-user-select: none;

	}

	.news-list-show-container {
		width: 100%;

	}

	.news-list-show-container::-webkit-scrollbar {
		display: none;
	}

	.news-list-show-head {
		width: 100%;
		text-align:center; height:auto;
	}
	#bannerNav{ top:250px;}
	.guide-way-info{ width:auto;}
	.news-list-show-head div{
		display:block; line-height:30px;
	    border-bottom: none; margin:0 10px; text-align:left;
	}
	.news-list-show-content {
		width:96%;
		height: 96%;
		padding: 2%;
		line-height: 20px;
		font-size: 12px;
	}
	.news-list-show-content p{
		width: 100%;
	}
	.line-clamp-2{ display:block;}

	.news-content-list a{
	   : 1px solid;
		border-color: #fff;
		width: 65px;
		height: 12px;
		font-size: 12px; line-height:12px;
		padding: 5px 10px;
	}
	.news-content-list a:hover{
		color: #000;
		background-color: #fff;
	}
	.introduce-img, .introduce-text{
		height:auto;
	}
	.introduce-img img{
		width:100%;
		height:auto;
	}

	.news-list-show-content img{ max-width:100%; height:auto; margin:0;}
	#carousel img{
		width:300px;
		left:10px;
	}
	.service-area-right-container .gallery-top .swiper-slide-text img{
		width:100%!important;
		height:auto!important;
	}
	.news-list-timeroll h3{
	    width: 42px;
	    height: 55px;
	    margin: 3px 3px 3px 5px;
	    float: left;
	    font-size: 30px;
	    line-height: 55px;
	}
	.news-list-timeroll p{
	    width: 20px;
	    height: 47px;
	    float: left;
	    line-height: 20px;
	    margin: 10px 5px 2px 1px;
	}
	.news-list-timeroll h5{
		border-bottom: 1px solid #fff;
	    width: 30px;
	    height: 30px;
	    float: left;
	    margin: 0px 0px 0px 20px;
	}
	.news-list-timeroll h6{
		width:auto; margin-right:20px; text-align:left;
	    height: 60px;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    font-size: 18px;
	    padding: 22px 0px 10px 0; margin-left:130px; overflow:hidden;
	}
	/*20180505*/
	.news-face-list{ float:none;}
	ul.service-con-list{ margin-top:0; height:auto;}
	.news-content-list{ margin-left:0}
	.service-bottom{ width:100%; clear:both; padding-top:20px; padding-bottom:20px;}
	.content-box{ padding-top:0;}
	.service-area-content{ height:auto;}
	.header-right li:after{ display:none;}
	.header-right li{ width:100%; padding-right:0;}
	.service-container-list .news-face-list{ margin-bottom:5px;}
	.content-box-shui{ padding-left:0;}
	#carousel img{ margin-left:0px; height:auto; top:150px;}
	#carousel{ height:180px; width:320px; margin:120px auto 0 auto;}
	.content-box-art{ left:0; margin-left:0; width:260px; margin:0 auto; top:0; padding-top:0; position:static; height:auto; padding-left:0; height:auto;}
	.content-box-art img{ height:auto;}
	.line-clamp-2-newcon img{ margin:0;}
	.news-list-class{ width:320px; margin-top:20px;}
	.page-arrow{ display:none;}
	.page{ width:100%;}
	.page-current,.page-input{ display:inline-block;}
	.service-area-right-container .gallery-thumbs .swiper-slide img{ height:64px;}
	.dialogpic{ margin-left:0; left:5%;}
	.dialog_head{ padding:0 2%; width:96%;}
	.dialogpic .dialog_content img{ width:100%; height:auto;}
	.dialogpic .dialog_content{ width:100%;}
	.close_button{ margin-top:0; line-height:32px;}
	.news-choose-con-list-news .news-face-list img{ height:auto;}
	.news-choose-con-list-news .news-face-list{ width:100%;}
	.news-choose-con-list-news .news-content-list{ margin-left:0;}
	.news-list-timeroll h6{ padding-top:0;}
	.news-choose-con-list-news{ width:100%;}
	.news-choose-con-list li .vosontest{ line-height:24px;}
	.news-list-timeroll a{ width:100%; border-bottom:none;}
	.content-box-pic{ padding-left:0;}
	.news-container{ padding-top:0;}
	.service-area-right-container .gallery-top{ height:330px;}
	.service-area-right-container-write{ height:350px;}
	.productshow{ width:280px; padding:0 20px;}
	.productshow .scrollcontainer{ width:280px;}
	.productshow .scrollcontainer li{ width:60px; padding:0 5px; height:40px;}
	.productshow .aleft{ top:10px; width:15px; left:0; height:20px; background-size:100% 100%;}
	.productshow .aright{ top:10px;width:15px; right:0; height:20px; background-size:100% 100%;}
	.dialogindex{ width:300px; height:500px;}
	.dialogindex .photo{ width:100%; float:none; height:200px; overflow:hidden;}
	.dialogindex .info{ padding-right:0; position:relative; width:100%; height:300px;}
	.weather{ display:none;}
	.header-right li{ height:auto;}
	.global-side-second-level{ display:none;}
	.service-area-item{ font-size:20px;}
	.service-area-title-list td,.news-choose-item.active{ font-size:16px;}
	.news-choose-item.active{ padding-bottom:5px;}
	.news-list-show-head-sh{ padding-top:30px;}
	.content-box-art-center{ padding-top:0px;}
	.content-drop{ padding-top:30px;}
	.service-area-title-list td{ padding:0 0 7px 0;}
	
	.service-area-title-list td{ padding:0 0 7px 0;}
	.service-area-title-list-write td,.service-area-title-list-area td{ padding:0 20px 7px 20px;}
	.news-list-show-head-sh{ display:none;}
	.form-choose-area{ z-index:200;}
	#carousel img.on{ margin-top:-215px;}
}

@media screen and (min-width:1000px) and (max-width:1024px) {
	.service-area-right-container .gallery-thumbs{ height: 124px;}
	.news-face-list{ width: 403px;}
	.news-content-list{ margin-left: 403px;}
	.news-choose-con-list li.news-list-timeroll{ margin-bottom: 0;}
	.news-choose-con-list-news .news-face-list{ width:450px;}
	.news-choose-con-list li .news-content-list{ margin-left:450px;}
	.news-list-class{ width:900px;}
	.page{ width:900px; left:0;}
	.news-list li{ width:200px; height:154px;}
	.news-list-show-content{ width:900px;}
	.news-list-container-class{ width:900px;}
	
	
}
.news-mask{ top:0;}
@media screen and (min-width:1600px) and (max-width:1920px) {

#bannerNav{ top:555px;}
.news-choose-con-list-news{ width:1100px;}

}