@charset "utf-8";
/* CSS Document */
*{
	font-family: ????????????SC-Regular;
	font-weight: normal;
}
body{
	margin: 0;
	padding: 0;
}
@font-face {
	font-family: ????????????SC-Regular;
	src: url("../fonts/????????????SC-Regular.otf");
}
ul,li,dd,dl,h1,h2,h3,h4,h5,h6,p{
	margin: 0;
	padding: 0;
}
ul,li,dd,dl{
	list-style: none;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
img{
	border: none;
/*	display: block;*/
}
.clearfix{
	clear: both;
}
input{
	border: none;
}
textarea{
	border: none;
	resize: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	clear: both;
}
.clearfix:after{
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.lf{float:left}
.rg{float:right}
.head{width:100%;min-width:1200px;z-index:9999;background:#fff;border-bottom:1px solid #ddd;height:108px;transition:all .3s}
.fixDiv{position:fixed;top:0;left:0;z-index:99;}
.moblie_head{display:none}
.logo{padding-top:0px;padding-left:2.18%;width:272px;transition:all .3s}
.logo a{display:block;position:relative;overflow:hidden}
.logo img{width:100%;position:relative;z-index:100}
.logo .p1{background:#ff6d07;position:absolute;top:0%;left:0px;width:100%;height:80%;}
.nav{width:70%;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;margin-right:5%;}
.nav ul li{float:left;width:10%;height:108px;background:url(img/1_02.jpg) right center no-repeat;transition:all .3s}
.nav ul li .a1{line-height:108px;display:block;text-align:center;font-size:18px;color:#333;transition:all .3s}
.nav ul li:hover .a1{color:#183985;transition:all .3s}
.nav ul li .div1{display:none;background:#183985;width:100%;left:0px;position:absolute;top:101px;z-index:100}
.nav ul li .div1 .p1{width:57.4%;float:right;height:65px;line-height:65px}
.nav ul li .div1 .p1 a{color:#fff;font-size:14px;text-transform:uppercase;background:url(img/1_26.jpg) center bottom no-repeat;display:inline-block;height:65px;line-height:65px;margin-right:5%;transition:all .5s}
.nav ul li .div1 .p1 a:hover{background:url(img/1_27.jpg) center bottom no-repeat;color:#fff}
.nav ul li .mad3 .p1 .pad{margin-left:30%}
.nav ul li .mad4 .p1 .pad{margin-left:44%}
.nav ul li .mad5 .p1 .pad{margin-left:45%}
.nav ul li .mad6 .p1{text-align:right}
.a_txt{display:none}
/*??????1600??????1200?????????????????????*/
@media screen and (max-width: 1600px) and (min-width:1200px) {
.nav ul li .a1{font-size:14px}
.nav ul li .div1 .p1 a{font-size:12px}
.foot_top ul{margin-left:60px}
.nav ul li .div1 .p1{width:58.1%}
.moblie_head{display:none}
}
/*???????????????*/
@media screen and (max-width: 1024px) and (min-width: 0px){
.head{display:none}
.moblie_head{display:block;height:60px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd}
.moblie_head .lf{ padding-left:5%}
.moblie_head .lf img{height:60px}
.moblie_head .rg{padding-right:5%;padding-top:22px}
.moblie_head .rg a img{height:16px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding-left:5%;padding-right:5%}
.a_txt .div3 ul li{border-bottom:1px solid #232530}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
.a_txt .div3 ul li .a_js2{background:url(img/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_js2_on{background:url(img/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.a_txt .div3 ul li .a_txt2{display:none}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
}

/* banner */
.c-banner{
	width: 100%;
	position: relative;
}
.c-banner img{
	width: 100%;
}
.c-banner .banner ul{
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.c-banner .banner ul li{
	position: absolute
	display: none;
	opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
	opacity: 1;
	display: block;
}
.c-banner .banner ul li img{
	width: 100%;
	position: absolute;
	top: 0px;
}
.c-banner .banner ul li:first-child img{
	position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
	padding: 0;
	position: absolute;
	top: 50%;
	margin-top: -53px;
	background: #000000;
	opacity: 0.5;
	border-radius: 5px;
	z-index: 10;
	
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
	opacity: 0.8;
}
.c-banner .nexImg{
	right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
	
	
}
.c-banner .ssera{width:30%;height:56px;background:#fff;border-radius:5px;position: absolute;bottom:60px;margin-left:20%;}
.c-banner .jumpBtn{
	width: 100%;
	position: absolute;
	bottom: 20px;
	text-align: center;
}
.c-banner .jumpBtn ul{
	margin-bottom: 0px;
	padding: 0px;
}

.c-banner .jumpBtn ul li{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: white;
	opacity: 0.9;
	margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
	margin-left: 0px;
}
@media screen and (max-width:768px) {
	.c-banner{
		width: 100%;height:100%;
		overflow: hidden;
                  margin-top:60px;
	}
	.c-banner .ssera{ display:none;}
	.c-banner .banner ul li img{
		width:100%;height:100%;
		position: absolute;
		left: 0;
		margin-left:0px;
	}
	
}
.line1{
	width: 74px;
	float: left;
}
.line1 img{
	width: 100%;
}
.qiu{
	width: 20px;
	height: 20px;
	border-radius: 10px;
	border: 2px solid #fff;
	box-sizing: border-box;
	margin: 0 5px;
	float: left;
}
.banner-hang:hover .qiu{
	border: 2px solid #183985;
}
.banner-hang{
	overflow: hidden;
	margin-bottom: 34px;
}
 
.about{
	width: 100%;
	overflow: hidden;
	background: url("img/26.jpg") no-repeat center;
	position: relative;
}
.about-dw{
	width: 764px;
	height: 100%;
	position: absolute;
	right: 140px;
	top:0px;
} 
.about-dw img{
	width: 100%;
	height: 100%;
}
.about-fw{
	width: 1200px;
	margin: 0 auto;
	padding-top:60px;
	padding-bottom:50px;
	box-sizing: border-box;
	position: relative;
}

.about-left{
	width: 50%;
	float: left;
	border-radius: 10px;
	background: none;
	box-shadow: 0 0 15px #eae9e9;
	padding:60px 50px;
	box-sizing: border-box;
}
.about-top{
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}
.about-bt{
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}
.about-bt h1{
	float: left;
	display: block;
	font-size: 36px;
	color: #333333;
	margin-right: 10px;
	font-weight: bold;
}
.about-bt h2{
	float: left;
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	color: #d5d5d5;
	padding-top:10px;
	box-sizing: border-box;
	position: relative;
	margin-top: 10px;
}
.about-bt h2:before{
	content: '';
	position: absolute;
	left: 0px;
	top:0px;
	width: 28px;
	height: 1px;
	background-color: #183985;
}
.about-ms{
	overflow: hidden;
	font-size: 16px;
	color: #183985;
	letter-spacing: 7px;
	text-align: left;
}
.about-bt2{
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}
.about-bt2 h1{
	float: left;
	display: block;
	font-size: 36px;
	color: #333333;
	margin-right: 10px;
	font-weight: bold;
}
.about-bt2 h2{
	float: left;
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	color: #d5d5d5;
	padding-top:10px;
	box-sizing: border-box;
	position: relative;
	margin-top: 10px;
}
.about-bt2 h2:before{
	content: '';
	position: absolute;
	left: 0px;
	top:0px;
	width: 28px;
	height: 1px;
	background-color: #fff;
}
.about-ms2{
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	letter-spacing: 7px;
	text-align: left;
}
.about-p{
	width: 100%;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 38px;
}
.about-p a{color:#333;}
.about-more{
	width: 140px;
	height: 36px;
	border-radius: 18px;
	background-color: #fff;
	border:1px solid #cecece;
	color: #cecece;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.about-more:hover{
	background-color: #fff;
	border:1px solid #183985;
	color: #183985;
	box-shadow: 0 4px 4px #ffe7cb;
}
.about-list{
	width: 100%;
	overflow: hidden;
}
.about-list li{
	width: 28%;
	float: left;
	margin-right:8% ;
	overflow: hidden;
	border: 1px solid #183985;
	padding:18px 0;
	box-sizing: border-box;
}
.about-list li:hover{
	background-color: #183985;
}
.about-list li:nth-child(3n){
	margin-right: 0px;
}
.about-list li h3{
	width: 100%;
	font-size: 30px;
	color: #183985;
	font-weight: bold;
	overflow: hidden;
	margin-bottom: 8px;
	padding-left: 18px;
	box-sizing: border-box;
}
.about-list li:hover h3{
	color: #fff;
}
.about-list li h4{
	width: 100%;
	font-size: 14px;
	color: #183985;
	text-transform: uppercase;
	overflow: hidden;
	padding-left: 18px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.about-list li:hover h4{
	color: #fff;
}

@media screen and (max-width:1200px) {
	.about-dw{display:none;}
	.about-fw{
	width: 100%;
	margin: 0 auto;
	padding-top:0px;
	padding-bottom:0px;
	box-sizing: border-box;
	position: relative;
}

.about-left{
	width:100%;
	float: left;  
	background: none;
}
.about-top{
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}
.about-bt{
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}
.about-bt h1{
	float: left;
	display: block;
	font-size: 36px;
	color: #333333;
	margin-right: 10px;
	font-weight: bold;
}
.about-bt h2{
	float: left;
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	color: #d5d5d5;
	padding-top:10px;
	box-sizing: border-box;
	position: relative;
	margin-top: 10px;
}
.about-bt h2:before{
	content: '';
	position: absolute;
	left: 0px;
	top:0px;
	width: 28px;
	height: 1px;
	background-color: #183985;
}
.about-ms{
	overflow: hidden;
	font-size: 16px;
	color: #183985;
	letter-spacing: 7px;
	text-align: left;
}
.about-bt2{
	width: 100%;
	overflow: hidden;
	margin-bottom: 5px;
}
.about-bt2 h1{
	float: left;
	display: block;
	font-size: 36px;
	color: #333333;
	margin-right: 10px;
	font-weight: bold;
}
.about-bt2 h2{
	float: left;
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	color: #d5d5d5;
	padding-top:10px;
	box-sizing: border-box;
	position: relative;
	margin-top: 10px;
}
.about-bt2 h2:before{
	content: '';
	position: absolute;
	left: 0px;
	top:0px;
	width: 28px;
	height: 1px;
	background-color: #fff;
}
.about-ms2{
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	letter-spacing: 7px;
	text-align: left;
}
.about-p{
	width: 100%;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 38px;
}
.about-more{
	width: 140px;
	height: 36px;
	border-radius: 18px;
	background-color: #fff;
	border:1px solid #cecece;
	color: #cecece;
	line-height: 36px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.about-more:hover{
	background-color: #fff;
	border:1px solid #183985;
	color: #183985;
	box-shadow: 0 4px 4px #ffe7cb;
}
.about-list{
	width: 100%;
	overflow: hidden;
}
.about-list li{
	width: 28%;
	float: left;
	margin-right:8% ;
	overflow: hidden;
	border: 1px solid #183985;
	padding:18px 0;
	box-sizing: border-box;
}
.about-list li:hover{
	background-color: #183985;
}
.about-list li:nth-child(3n){
	margin-right: 0px;
}
.about-list li h3{
	width: 100%;
	font-size: 30px;
	color: #183985;
	font-weight: bold;
	overflow: hidden;
	margin-bottom: 8px;
	padding-left: 18px;
	box-sizing: border-box;
}
.about-list li:hover h3{
	color: #fff;
}
.about-list li h4{
	width: 100%;
	font-size: 14px;
	color: #183985;
	text-transform: uppercase;
	overflow: hidden;
	padding-left: 18px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.about-list li:hover h4{
	color: #fff;
}
.about-right{ display:none;}
}


.about-icon{
	width: 40px;
	height: 40px;
	float: right;
	margin-right: 12px;
}
.about-icon img{
	width: 100%;
	height: 100%;
}
.img2{
	display: none;
}
.about-list li:hover .about-icon .img2{
	display: block;
}
.about-list li:hover .about-icon .img1{
	display: none;
}
.about-right{
	position: absolute;
	right: 0px;
	top:60px;
	width:515px;
	float: right;
	overflow: hidden;
	z-index: 10;
}
.about-right img{
	width: 100%;
}
.products{
	width: 100%;
	overflow: hidden;
	background: url("img/28.jpg") no-repeat center;
	background-size: cover;
}
.productswap{display:none;}
.products-fw{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding:50px 0;
	box-sizing: border-box;
}
.products-top{
	width: 100%;
	overflow: hidden;
	margin-bottom: 34px;
}
.products-bt{
	width: 100%;
	float: left;
	overflow: hidden;
	text-align:center; 
}
.bai{
	color: #fff !important;
}
.hui{
	color: #d5d5d5 !important;
}
.products-more{
	float: right;
	width: 42px;
	height: 42px;
}
.products-more img{
	width: 100%;
	height: 100%;
}
.pro{
	width: 100%;
	overflow: hidden;
	padding-bottom: 70px;
}
.products-one{
	width: 100%;
	background-color: #fff;
	/*padding:25px 30px;*/
	padding:10px;
	box-sizing: border-box;
	margin-top: 70px;
	transition: all 0.8s ease;
}
.products-pic{
	width: 100%;
	height: 350px;
	overflow: hidden;
	/*padding-bottom: 15px;*/
	box-sizing: border-box;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 25px;
}
.products-pic img{
	width: 100%;
	height: 100%;
}
.products-bt{
	width:100%;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	color: #333333;
	margin-bottom: 25px;
}
.more{
	width: 134px;
	margin: 0 auto;
	border-radius: 17px;
	border:1px solid #cecece;
	box-sizing: border-box;
	font-size: 14px;
	color: #cecece;
	text-align: center;
	line-height: 34px;
	text-transform: uppercase;
	margin-bottom: 25px;
	overflow: hidden;
}
.swiper-pagination-bullet{
	background-color:#e5e5e5;
	opacity: 1;
	width: 14px;
	height: 14px;
	border: none;
}
.swiper-pagination-bullet-active{
	width: 14px;
	height:14px;
	background-color:#183985;
}
.products-one:hover{
	margin-top: 0px;
}
.products-one:hover .products-pic{
	border-bottom: 1px solid #183985;
}
.products-one:hover .products-bt{
	color: #183985;
}
.products-one:hover .more{
	color: #183985;
	border:1px solid #183985;
	box-shadow: 0 4px 4px #183985;
}
.case{
	width: 100%;
	overflow: hidden;
	background: url("img/29.jpg") no-repeat center;
	background-size: cover;
	margin-bottom: 50px;
	position: relative;
}
.case1{ display:none;}
.case-dw{
	position: absolute;
	right: 10%;
	top:310px;
	width: 524px;
}
.case-dw img{
	width: 100%;
}
.case-fw{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:65px;
	box-sizing: border-box;
}
.case-left{
	width: 772px;
	float: left;
	overflow: hidden;
}
.case-right{
	width: 400px;
	float: right;
}
.case-bt{
	width: 100%;
	overflow: hidden;
	margin-bottom: 6px;
}
.case-h1{
	float: right;
	display: block;
	font-size: 36px;
	color: #fff;
	margin-left: 10px;
}
.case-h2{
	float: right;
	display: block;
	font-size: 16px;
	color: #fff;
	padding-top:25px;
	box-sizing: border-box;
	position: relative;
	text-transform: uppercase;
}
.case-h2:before{
	content: '';
	position: absolute;
	right: 0px;
	top: 20px;
	width: 26px;
	height: 1px;
	background-color: #fff;
}
.case-ms{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	letter-spacing: 7px;
	text-align: right;
	margin-bottom: 15px;
}
.case-more{
	width: 42px;
	height: 42px;
	float: right;
	overflow: hidden;
}
.case-more img{
	width: 100%;
	height: 100%;
}
.news{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 50px;
}
.newswap{display:none;}
.news-top{
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}
.news-bt{
	float: left;
}
.news-more{
	width: 42px;
	height: 42px;
	float: left;overflow: hidden;
	margin-top: 22px;
}
.news-more img{
	width: 100%;
	height: 100%;
}
.news-lbt{
	float: right;
}
.news-lbt li{
	float: left;
	width: 145px;
	border: 1px solid #eeeeee;
	text-align: center;
	line-height: 42px;
	margin-left: 30px;
	font-size: 16px;
	color: #333333;
	margin-top: 20px;
	cursor: pointer;
}
.news-lbt li.on{
	color: #fff;
	width:150px ;
	height: 50px;
	background: url("img/39.png") no-repeat;
	background-size: 100% 100%;
	padding-right: 10px;
	box-sizing: border-box;
	border: none;
	margin-top: 15px;
}
.news-nr{
	width: 100%;
	overflow: hidden;
	padding:0 15px;
	box-sizing: border-box;
}
.news-list{
	width: 100%;
	overflow: hidden;
}
.news-list li{
	width: 33.3%;
	float: left;
	overflow: hidden;
}
.news-date{
	width: 100%;
	padding-bottom: 30px;
	padding-left: 20px;
	box-sizing: border-box;
	border-bottom:1px solid #e5e5e5 ;
	margin-bottom: 30px;
	position: relative;
}
.news-date:before{
	content: '';
	position: absolute;
	left: 20px;
	bottom:-8px;
	width:16px ;
	height: 16px;
	border-radius: 8px;
	border: 1px solid #a0a0a0;
	background-color: #fff;
}
.news-list li:hover .news-date:before{
	border: 1px solid #183985;
}
.news-date:after{
	content: '';
	position: absolute;
	left: 24px;
	bottom:-4px;
	width:8px ;
	height: 8px;
	border-radius: 4px;
	background-color: #a0a0a0;
}
.news-list li:hover .news-date:after{
	background-color: #183985;
}
.news-day{
	width: 100%;
	overflow: hidden;
	font-size: 24px;
	color: #333333;
	margin-bottom: 10px;
}
.news-list li:hover .news-day{
	color: #183985;
}
.news-year{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	color: #999999;
}
.news-list li:hover .news-year{
	color: #183985;
}
.news-bottom{
	width: 100%;
	padding-left: 20px;
	box-sizing: border-box;
	overflow: hidden;
}
.news-title{
	width: 100%;
	overflow: hidden;
	font-size: 18px;
	color: #333333;
	margin-bottom: 20px;
	font-weight: bold;
}
.news-list li:hover .news-title{
	color: #183985;
}
.news-pic{
	width: 100%;
	height: 0px;
	overflow: hidden;
	margin-bottom: 12px;
	transition: all 0.5s ease;
}
.news-list li:hover .news-pic{
	height: 166px;
}
.news-pic img{
	width: 100%;
	height: 100%;
}
.news-p{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.news-more2{
	width: 136px;
	height:36px;
	border-radius: 18px;
	border:1px solid #183985;
	text-align: center;
	font-size: 14px;
	color: #183985;
	line-height: 36px;
	text-transform: uppercase;
	box-shadow: 0 8px 8px #183985;
	margin-bottom: 10px;
	display: none;
}
.news-list li:hover .news-more2{
	display: block;
}
.yc{
	display: none;
}
.video{
	width: 100%;
	overflow: hidden;
	background-color: #f5f5f5;
}
.video-fw{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:37px;
	padding-bottom: 45px;
	box-sizing: border-box;
}
.video-list{
	width: 100%;
	overflow: hidden;
}
.video-list li{
	width: 31%;
	float: left;
	height: 214px;
	overflow: hidden;
	margin-right:3.5% ;
}
.video-list li:nth-child(3n){
	margin-right: 0px;
}
.video-list li iframe{
	width: 100%;
	height: 100%;
}
.ddlink{width:100%;background:#f5f5f5;padding-top:15px;padding-bottom:15px;}
.ddlink p{width:1200px;margin:0 auto;color:#000;line-height:30px;}
.ddlink p a{color:#787878;margin-right:10px;}

.online{
	width: 100%;
	overflow: hidden;
	background: url("img/40.jpg") no-repeat center;
	background-size: cover;
}
.online-fw{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:70px;
	padding-bottom: 60px;
	box-sizing: border-box;
}
.online-left{
	width: 540px;
	float: left;
	overflow: hidden;
}
.map{
	width: 100%;
	height: 280px;
	overflow: hidden;
	margin-bottom: 22px;
}
.map img{
	width: 100%;
	height: 100%;
}
.online-bt{
	width: 100%;
	overflow: hidden;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 10px;
}
.online-list{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.online-list li{
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.icon{
	width: 30px;
	float: left;
}
.icon img{
	width: 100%;
}
.zi{
	width: 500px;
	float: right;
	overflow: hidden;
	line-height: 30px;
	font-size: 16px;
	color: #fff;
}
.online-tel{
	width: 100%;
	overflow: hidden;
}
.tel-icon{
	width: 50px;
	float: left;
	margin-right: 10px;
	margin-top: 26px;
	overflow: hidden;
}
.tel-icon img{
	width: 100%;
}
.tel-ma{
	width: 120px;
	float: left;
	border-radius: 60px;
	overflow: hidden;
}
.tel-ma img{
	width: 100%;
}
.online-right{
	width: 600px;
	float: right;
	overflow: hidden;
	background-color: #fff;
	border-bottom: 4px solid #183985;
	padding:40px 35px;
	box-sizing: border-box;
}
.online-hang{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.hang-zi{
	float: left;
	display: block;
	font-size: 18px;
	line-height: 60px;
	color: #333333;
}
.online-hang input[type="text"]{
	width: 455px;
	float: right;
	overflow: hidden;
	height: 60px;
	border:1px solid #e5e5e5;
	padding:0 10px;
	box-sizing: border-box;
	outline: none;
	font-size: 16px;
	color: #333;
}
.online-hang input[type="text"]::placeholder{
	color: #c1c1c1;
	font-size: 16px;
	font-weight: normal;
}
.online-hang textarea{
	width: 455px;
	float: right;
	overflow: hidden;
	height: 140px;
	border:1px solid #e5e5e5;
	padding:20px 10px;
	box-sizing: border-box;
	outline: none;
	font-size: 16px;
	color: #333;
	resize: none;
}
.online-hang textarea::placeholder{
	color: #c1c1c1;
	font-size: 16px;
	font-weight: normal;
}
.online-right input[type="submit"]{
	width: 455px;
	line-height: 60px;
	float: right;
	margin-top: 20px;
	margin-bottom: 30px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	border: none;
	outline: none;
	background-color: #183985;
}
.online-phone{
	width: 455px;
	float: right;
	overflow: hidden;
}
.phone-icon{
	float: left;
	width: 54px;
	margin-right: 12px;
}
.phone-icon img{
	width: 100%;
}
.phone-zi{
	float: left;
	font-size: 24px;
	line-height: 45px;
	color: #183985;
	font-weight: bold;
}
.big{
	font-size: 38px;
	font-weight: bold;
	margin-left: 10px;
}
.right-bt{
	width: 100%;
	overflow: hidden;
	padding-bottom: 18px;
	box-sizing: border-box;
	margin-bottom: 30px;
	border-bottom: 1px solid #dcdcdc;
	position: relative;
}
.right-bt:after{
	content: '';
	position: absolute;
	left: 0px;
	bottom:0px;
	width: 320px;
	height: 3px;
	background-color: #183985;
}
.right-china{
	float: left;display: block;
	font-size: 30px;
	color: #333333;
	font-weight: bold;
}
.right-eng{
	float: left;
	display: block;
	font-size: 20px;
	color: #999999;
	text-transform: uppercase;
	margin-top: 10px;
}
.bottom{
	width: 100%;
	overflow: hidden;
	background-color: #1a1917;
}
.bottom-fw{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.bottom-list{
	width: 50%;
	float: left;
}
.bottom-list li {
	display: block;
	float: left;
	font-size: 14px;
	color: #737373;
	line-height: 40px;
	margin-right: 15px;
}
.bottom-list li a{
	color: #737373;
}
.bottom-list li.on a{
	 color: #183985;
 }
.bottom-right{
	width: 100%;
	float: left;
	text-align: left;
	font-size: 14px;
	color: #737373;
	line-height: 40px;
}
.fu{
	width: 64px;
	height: 174px;
	position: fixed;
	right: 0px;
	top:50%;
	margin-top: -145px;
	background-color: #1a1917;
	z-index:99;
}
.fu-list{
	width: 40px;
	margin: 0 auto;
}
.fu-list li{
	width: 100%;
	cursor: pointer;
	position: relative;
	padding-top:16px;
	box-sizing: border-box;
}
.fu-list li img{
	width: 100%;
}
.fu-tel{
	width:0px;
	height: 60px;
	position: absolute;
	right: -12px;
	top:0px;
	overflow: hidden;
	background-color: #183985;
	box-sizing: border-box;
	transition: all 0.5s ease;
}
.fu-icon{
	width: 40px;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
}
.fu-icon img{
	width: 100%;
}
.fu-num{
	float: right;
	font-size: 22px;
	color: #fff;
	line-height: 60px;
	font-weight: bold;
	margin-right: 15px;
}
.dianhua:hover .fu-tel{
	width: 260px;
}
.go-top{
	width: 0px;
	height: 60px;
	position: absolute;
	right: -12px;
	bottom:-10px;
	background-color: #183985;
	overflow: hidden;
	transition: all 0.5s ease;
}
.zi-2{
	font-size: 16px;
}
.go:hover .go-top{
	width: 156px;
}
.fu-ma{
	position: absolute;
	width: 0px;
	height: 150px; 
	overflow: hidden;
	left: -12px;
	top:14px;
	transition: all 0.5s ease;
}
.fu-ma img{
	width: 100%;
	height: 100%;
}
.ma-hua:hover .fu-ma{
	width: 150px;
	left: -162px;
}
.fu-ma2{
	position: absolute;
	width: 0px;
	height: 150px; 
	overflow: hidden;
	left: -12px;
	top:-42px;
	transition: all 0.5s ease;
}
.fu-ma2 img{
	width: 100%;
	height: 100%;
}
.ma-hua2:hover .fu-ma2{
	width: 150px;
	left: -160px;
}
.fu-ma3{
	position: absolute;
	width: 0px;
	height: 150px; 
	overflow: hidden;
	left: -12px;
	top:-98px;
	transition: all 0.5s ease;
}
.fu-ma3 img{
	width: 100%;
	height: 100%;
}
.ma-hua3:hover .fu-ma3{
	width: 150px;
	left: -150px;
}
.us-banner{
	width: 100%;
	height: 205px;
	overflow: hidden; 
}
.us-banner img{
	width: 100%;
	height: 100%;
}
.us-dw{
	width: 1200px;
	height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	top:0px;
	overflow: hidden;
}
.us-bt{
	margin-left: 27px;
	width: 50%;
	border-left: 4px solid #183985;
	padding-left: 17px;
	box-sizing: border-box;
	margin-top: 70px;
	margin-bottom: 30px;
}
.us-china{
	width: 100%;
	font-size:30px ;
	color: #fff;
	font-weight: bold;
	overflow: hidden;
}
.us-eng{
	width: 100%;
	font-size:18px ;
	color: #fff;
	text-transform: uppercase;
	overflow: hidden;
}
.us-hang{
	width: 100%;
	overflow: hidden;
	text-align: right;
	font-size: 16px;
	color: #fff;
}
.us-hang a{
	color: #fff;
}
.yanse{
	color: #183985;
}
.us-js{
	width: 100%;
	overflow: hidden;
	background: url("img/26.jpg") no-repeat center;
	background-size: cover;
}
.us-fw{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:35px;
	padding-bottom:55px;
	box-sizing: border-box;
}
.us-left{
	width:100%;
	float: left;
	overflow: hidden;
}
.us-lbt{
	width:100%;
	overflow: hidden;
	height:60px;line-height:60px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom:30px;
}
.us-lbt span{float:left;font-size: 30px;font-weight: bold;color: #333333;}
.us-lbt p{float:right;font-size:14px;color:#787878;}
.us-lbt p a{color:#787878;}
.us-ms{
	width: 100%;
	overflow: hidden;
	font-size: 30px;
	color: #183985;
	margin-bottom: 25px;
	letter-spacing: 3px;
}
.us-p{
	width:100%;
	overflow: hidden;
	margin-bottom: 80px;
	font-size: 14px;
	color: #333333;
	line-height: 30px;
}
.us-list{
	width: 100%;
	overflow: hidden;
}
.us-list li{
	width: 238px;
	height: 98px;
	border:1px solid #183985;
	padding:15px 45px;
	box-sizing: border-box;
	float: left;
	margin-right: 10px;
	background-color: #fff;
}
.us-icon{
	width: 40px;
	float: left;
	overflow: hidden;
	margin-top: 12px;
}
.us-icon img{
	width: 100%;
}
.tu2{
	display: none;
}
.us-zi{
	float: right;
	width: 90px;
}
.us-h1{
	width: 100%;
	font-size:30px ;
	color: #183985;
	font-weight: bold;
	line-height: 62px;
}
.us-h2{
	width: 100%;
	font-size:14px ;
	color: #183985;
	text-transform: uppercase;
}
.us-list li:hover{
	background-color: #183985;
}
.us-list li:hover .us-h1{
	color: #fff;
}
.us-list li:hover .us-h2{
	color: #fff;
}
.us-list li:hover .us-icon .tu2{
	display: block;
}
.us-list li:hover .us-icon .tu1{
	display: none;
}
.us-right{
	width: 400px;
	float: right;
	overflow: hidden;
	margin-top: 20px;
}
.us-right img{
	width: 100%;
}
.swiper-slide img{
	width: 100%;
}
.zhi{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:40px;
	padding-bottom: 50px;
	box-sizing: border-box;
}
.zhi-bt{
	width: 100%;
	overflow: hidden;
	padding-bottom: 15px;
	box-sizing: border-box;
	margin-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 30px;
	color: #333333;
	font-weight: bold;
}
.zhi-lunbo{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.zhi-bo{
	width: 1086px;
	margin: 0 auto;
	overflow: hidden;
}
.next1.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: url("img/51.png");
	right: 0px;
}
.prev1.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: url("img/50.png");
	left: 0px;
}
.next1.swiper-button-next, .prev1.swiper-button-prev{
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 36px 36px;
	-webkit-background-size: 36px 36px;
	background-size: 36px 36px;
	background-position: center;
	background-repeat: no-repeat;
}
.next1.swiper-button-next:hover{
	background-image: url("img/52.png");
}
.prev1.swiper-button-prev:hover{
	background-image: url("img/53.png");
}
.center{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-top:40px;
	padding-bottom:30px;
	box-sizing: border-box;
	min-height: 700px;
}
#cdnav {
  line-height: 24px;  list-style-type: none; background:#666;
}

 

#cdnav>li { 
	font-size: 16px;
	color: #333333;
	line-height: 40px;
	border-radius: 20px;
	border:1px solid #e8e8e8;
	float: left;
	margin-right: 20px;
	margin-bottom:20px;
	width:180px;
	text-align:center;
}
#cdnav>li a{color:#333;}
#cdnav li:hover{
 background:#183985;
}
#cdnav li:hover a{color:#fff;}
#cdnav li ul {
 list-style-type: none;text-align:center;border-radius:20px;
 left: -999em; width: 180px; position: absolute;z-index:99999;
}
#cdnav li ul li{
 float: left; width: 180px;border-bottom:1px solid #698ee2;
 background: #183985; 
}
#cdnav li ul a{
 display: block; width: 180px;text-align:center;color:#fff;font-size:14px;
}

#cdnav li ul a:link  {
 color:#fff; text-decoration:none;
}
#cdnav li ul a:visited  {
 color:#666;text-decoration:none;
}
#cdnav li ul a:hover  {
 color:#F3F3F3;text-decoration:none;font-weight:normal;
 background:#383838;
}

#cdnav li:hover ul {
 left: auto;
}
#cdnav li.sfhover ul {
 left: auto;
}

.center-list{
	width: 100%;
	overflow: hidden;
	margin-bottom: 30px;
}
.center-list li{
	display: block;
	font-size: 16px;
	color: #333333;
	line-height: 40px;
	border-radius: 20px;
	border:1px solid #e8e8e8;
	float: left;
	margin-right: 20px;
	margin-bottom:20px;
}
.center-list li a{
	color: #333333;
	padding:0 40px;
	box-sizing: border-box;
}
.center-list li.on{
	background-color: #183985;
	border:1px solid #183985;
}
.center-list li.on a{
	color: #fff;
}
.center-tab{
	width: 100%;
	overflow: hidden;
}
.center-tab li{
	width: 380px;
	overflow: hidden;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.center-tab li:nth-child(3n){
	margin-right: 0px;
}
.center-pic{
	width: 100%;
	overflow: hidden;
	height: 195px;
	position: relative;
}
.center-pic img{
	width: 100%;
	height: 100%;
}
.center-dw{
	width: 100%;
	height: 0;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top:0px;
	background-color: rgba(26, 25, 23, 0.7);
	transition: all .5s ease;
}
.center-tab li:hover .center-pic .center-dw{
	height: 100%;
}
.center-dw img{
	width: 38px;
	height: 38px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	margin-top:78px ;
	cursor: pointer;
}
.center-nr{
	width: 100%;
	overflow: hidden;
	background-color: #f3f3f3;
	padding:20px;
	box-sizing: border-box;
}
.center-tab li:hover .center-nr{
	background-color: #183985;
}
.center-bt{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 12px;
}
.center-tab li:hover .center-bt{
	color: #fff;
}
.center-p{
	width: 100%;
	height: 45px;
	overflow: hidden;
	margin-bottom: 15px;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.center-tab li:hover .center-p{
	color: #fff;
}
.center-time{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	color: #999999;
}
.center-tab li:hover .center-time{
	color: #fff;
}
.details-btb{width:100%;background:#f8f8f8;padding:30px;MARGIN-BOTTOM:30PX;}
.details-btb .biaoti1{font-size:24px;text-align:left;color:#000;line-height:50px;float:left;width:100%;}
.details-btb .fuwen{font-size:14px;text-align:left;color:#787878;line-height:30px;float:left;}
.details-btb .zhengw{float:left;line-height:35px;width:100%;padding-top:20px;border-top:1px solid #eaeaea;margin-top:10px;margin-bottom:10px;}
.details-bt{
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px; 
	border-bottom:1px solid #eaeaea; 
	padding-bottom: 15px;
	box-sizing: border-box;
	
}
.details-lbt{
	width: 80%;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:20px ;
	line-height: 24px;
	color: #333333;
	font-weight: bold;
}
.details-time{
	width: 20%;
	float: right;
	overflow: hidden;
	font-size: 16px;
	line-height: 24px;
	color: #666666;
	text-align: right;
}
.details-p{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 14px;
	color: #333333;
	line-height: 30px;
}
.jiacu{
	font-weight: bold;
}
.details-p img{
	max-width: 100%;
}
.details-link{
	width: 100%;
	overflow: hidden;
	padding-top:20px;
	border-top:1px solid #e5e5e5;
	box-sizing: border-box;
}
.link-one{
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	line-height: 30px;
	color: #333333;
}
.link-one a{
	color: #333333;
}
.link-one a:hover{
	color: #183985;
}
.pro-list{
	width: 100%;
	overflow: hidden;
	padding:10px;
	box-sizing: border-box;
}
.pro-listwap{ display:none;}
.pro-list li{
	width: 380px;
	border:1px solid #e5e5e5;
	float: left;
	margin-bottom:30px ;
	margin-right: 20px;
	padding:10px;
	box-sizing: border-box;
}
.pro-list li:nth-child(3n){
	margin-right: 0px;
}
.pro-list li:hover{
	box-shadow: 0 0 8px #ede6dc;
	border:none;
}
.pro-pic{
	width: 100%;
	height: 380px;
	overflow: hidden;
	border-bottom: 1px solid #d2d2d2;
	box-sizing: border-box;
	margin-bottom: 25px;
}
.pro-list li:hover .pro-pic{
	border-bottom: 1px solid #183985;
}
.pro-pic img{
	width: 100%;
	height: 100%;
}
.pro-bt{
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	font-size: 18px;
	color: #333;
	margin-bottom: 25px;
}
.pro-list li:hover .pro-bt{
	color: #183985;
}
.pro-more{
	width: 135px;
	height: 36px;
	border-radius: 18px;
	margin: 0 auto;
	border:1px solid #cecece;
	color: #cecece;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 35px;
	line-height: 36px;
}
.pro-list li:hover .pro-more{
	border:1px solid #183985;
	color: #183985;
	box-shadow: 0 8px 8px #0068b7;
}

.preview{position:relative; width:400px; height:465px; margin:0px 0px 0px 0px;float:left;}
/* smallImg */
.smallImg{position:absolute; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;top:401px;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(img/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(img/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:absolute;float:left; width:400px; height:400px; overflow:hidden;left:0px;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #ddd;overflow:hidden; z-index:999;left:0px;width:400px;height:400px;}
#bigView img{position:absolute;}
.classic{
	width: 100%;
	overflow: hidden;
}
.classicwap{display:none;}
.classic li{
	width: 291px;
	overflow: hidden;
	padding-bottom: 50px;
	border-bottom: 2px solid #183985;
	box-sizing: border-box;
	float: left;
	margin-right:12px ;
	margin-bottom: 20px;
	position: relative;
}
.classic li:nth-child(4n){
	margin-right: 0px;
}
.classic li img{
	width: 100%;
	height: 233px;
	overflow: hidden;
}
.classic-dw{
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding:0 15px;
	box-sizing: border-box;
}
.classic-bt{
	width: 100%;
	overflow: hidden;
	font-size: 16px;
	color: #333333;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
	line-height: 50px;
}
.classic-p{
	width: 100%;
	height:0px ;
	overflow: hidden;
	font-size: 14px;
	line-height: 25px;
	color: #fff;
	transition: all 0.5s ease;
}
.classic-more{
	width: 110px;
	height: 0px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 15px;
	border:1px solid #fff;
	text-align: center;
	line-height: 30px;
	color: #fff;
	text-transform: uppercase;
	transition: all 0.5s ease;
}
.classic li:hover .classic-dw{
	background-color: #183985;
}
.classic li:hover .classic-dw .classic-bt{
	color: #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 13px;
}
.classic li:hover .classic-dw .classic-p{
	height:46px ;
	margin-bottom: 15px;
}
.classic li:hover .classic-dw .classic-more{
	height:30px ;
	margin-bottom: 17px;
}
.recruit{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding:40px 0;
	box-sizing: border-box;
	min-height: 700px;
}
.recruit-list{
	width: 100%;
	overflow: hidden;
}
.recruit-list li{
	width: 100%;
	overflow: hidden;
}
.recruit-top{
	width: 100%;
	overflow: hidden;
	background-color: #464650;
	padding:0 40px;
	box-sizing: border-box;
}
.top-one{
	width: 250px;
	float: left;
	font-size: 14px;
	line-height: 60px;
	color: #fff;
	text-align: left;
}
.top-two{
	width: 70px;
	float: right;
	font-size: 14px;
	line-height: 60px;
	color: #fff;
	text-align: center;
}
.top2{
	background-color: #fff;
}
.one2{
	color: #333333;
}
.click-xiala{
	width: 70px;
	float: right;
	font-size: 14px;
	line-height: 60px;
	color: #fff;
	cursor: pointer;
}
.click-xiala img{
	width: 28px;
	height: 20px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 20px;
}
.recruit-nr{
	width: 100%;
	max-height: 0px;
	overflow: hidden;
	background-color: #f5f5f5;
	padding:0px 70px;
	box-sizing: border-box;
	transition: all 1s ease;
	/*display: none;*/
}
.recruit-list li.on .recruit-nr{
	max-height: 1000px;
	margin-bottom: 18px;
}
.nr-top{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dashed #b5b5b5;
	margin-bottom: 30px;
	margin-top: 30px;
}
.nr-hang{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	font-size: 14px;
	color: #333333;
}
.hang-1{
	width: 350px;
	float: left;
	overflow: hidden;
}
.hang-2{
	width: 240px;
	float: left;
	overflow: hidden;
}
.hang-3{
	width: 180px;
	float: left;
	overflow: hidden;
}
.hang-4{
	width: 290px;
	float: left;
	overflow: hidden;
}
.nr-bottom{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
}
.nr-bottom:after{
	content: '';
	position: absolute;
	left: 50%;
	top:0px;
	width: 1px;
	height: 100%;
	background-color: #b5b5b5;
}
.nr-left{
	width: 480px;
	float: left;
	font-size: 14px;
	color: #333333;
	line-height: 30px;
}
.nr-right{
	width: 480px;
	float: right;
	font-size: 14px;
	color: #333333;
	line-height: 30px;
}
.da{
	font-size: 16px;
}
.shenqing{
	width: 100%;
	overflow: hidden;
	border-top:1px dashed #b5b5b5;
	padding-top:20px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.shenqing .liji{
	width: 150px;
	height: 46px;
	font-size: 18px;
	text-align: center;
	line-height: 46px;
	color: #fff;
	background-color: #183985;
	cursor: pointer;
}
.address{
	width: 100%;
	height: 620px;
	overflow: hidden;
	position: relative;
}
.address img{
	width: 100%;
	height: 100%;
}
.address-dw{
	position: absolute;
	left: 110px;
	top:100px;
	width:310px ;
	height: 420px;
	background-color: rgba(26, 25, 23, 0.8);
	padding:34px;
	box-sizing: border-box;
}
.add-bt{
	width: 100%;
	overflow: hidden;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding-bottom: 18px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.add-p{
	width: 100%;
	overflow: hidden;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
}
.zida{
	font-size: 16px;
}
.message{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 40px;
}
.message-pic{
	width: 395px;
	height: 660px;
	float: left;
	overflow: hidden;
}
.message-pic img{
	width: 100%;
	height: 100%;
}
.message-right{
	width: 770px;
	float: right;
	overflow: hidden;
	padding-top:40px;
	box-sizing: border-box;
}
.message-hang{
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}
.message-bt{
	width: 65px;
	float: left;
	overflow: hidden;
	font-size: 16px;
	color: #333333;
	line-height: 50px;
}
.message-hang input[type="text"]{
	width: 380px;
	line-height: 50px;
	border:1px solid #e5e5e5;
	background-color: #f6f6f6;
	font-size: 16px;
	color: #333;
	padding:0 10px;
	box-sizing: border-box;
	outline: none;
}
.message-ts{
	width: 315px;
	float: right;
	overflow: hidden;
	font-size: 14px;
	color: #afafaf;
	line-height: 50px;
}
.message-hang textarea{
	width: 705px;
	float: left;
	height: 160px;
	resize: none;
	border:1px solid #e5e5e5;
	background-color: #f6f6f6;
	font-size: 16px;
	padding:15px 10px;
	box-sizing: border-box;
	outline: none;
}
.message-hang textarea::placeholder{
	color: #afafaf;
}
.sub{
	width: 100%;
	overflow: hidden;
	margin-top: 45px;
}
.sub input[type="submit"]{
	width: 230px;
	height: 56px;
	background-color: #183985;
	font-size: 18px;
	color: #fff;
	margin-left: 147px;
	float: left;
}
.sub input[type="reset"]{
	width: 230px;
	height: 56px;
	background-color: #e5e5e5;
	font-size: 18px;
	color: #333;
	margin-right: 147px;
	float: right;
}
#canvas{
	cursor:pointer;
	float: left;
}
.xin{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding:40px 0px;
	box-sizing: border-box;
}
.xin-list{
	width: 100%;
	overflow: hidden;
}
.xin-list li{
	width: 380px;
	height: 215px;
	float: left;
	overflow: hidden;
	margin-right: 30px;
	margin-bottom: 30px;
}
.xin-list li:nth-child(3n){
	margin-right: 0;
}
.xin-list li iframe{
	width: 100%;
	height: 100%;
}
.tan{
	width: 100%;
	height: 100%;
	background-color: rgba(26, 25, 23, 0.84);
	position: fixed;
	left: 0px;
	top:0px;
	display: none;
}
.tan-kuai{
	width: 630px;
	height: 630px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top:50%;
	margin-left: -315px;
	margin-top: -315px;
	padding:30px 60px;
	box-sizing: border-box;
}
.tan-bt{
	width: 100%;
	text-align: center;
	font-size: 24px;
	color: #1a1917;
	overflow: hidden;
	margin-bottom: 16px;
	font-weight: bold;
}
.tan-hang{
	width: 100%;
	overflow: hidden;
	margin-bottom: 22px;
}
.tan-zi{
	width: 76px;
	float: left;
	font-size: 18px;
	color: #1a1917;
	line-height: 60px;
	text-align: right;
}
.tan-hang input[type="text"]{
	width:420px;
	height: 60px;
	font-size: 16px;
	color: #333;
	padding:0 10px;
	box-sizing: border-box;
	line-height: 60px;
	font-weight: normal;
	outline: none;
	border:1px solid #e5e5e5;
	background-color: #eeeeee;
	float: right;
}
.tan-hang input[type="text"]::placeholder{
	color: #999999;
	font-weight: normal;
}
.tan-hang textarea{
	width:420px;
	height: 120px;
	resize: none;
	font-size: 16px;
	color: #333;
	padding:18px 10px;
	box-sizing: border-box;
	font-weight: normal;
	outline: none;
	border:1px solid #e5e5e5;
	background-color: #eeeeee;
	float: right;
}
.tan-hang textarea::placeholder{
	color: #999999;
	font-weight: normal;
}
.tan-kuai input[type="submit"]{
	width: 100%;
	height: 60px;
	background-color: #183985;
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px;
	font-weight: normal;
}
.no-jiao{
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 18px;
	color: #ff8b00;
	padding-bottom: 10px;
	box-sizing: border-box;
	position: relative;
	cursor: pointer;
}
.no-jiao:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0px;
	margin-left: -41px;
	width: 82px;
	height: 1px;
	background-color: #183985;
}
.index-one{
	width: 100%;
	height: 792px;
	overflow: hidden;
	position: relative;
}
.index-one > img{
	width: 100%;
	height: 100%;
}
.page{
	width: 1200px;
	position: absolute;
	left: 50%;
	bottom: 170px;
	margin-left: -600px;
	z-index: 6;
}
.page li{
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #ffffff;
	float: left;
	margin-right: 70px;
	position: relative;
}
.page li:after{
	content: '';
	position: absolute;
	right: -65px;
	top:50%;
	width: 60px;
	height: 1px;
	background-color: #fff;
}
.page li:last-child:after{
	display: none;
}
.page li.active{
	width: 18px;
	height: 18px;
	border-radius: 9px;
	border:1px solid #183985;
	background:none;
	margin-top: -4px;
}

.js .animate-box{
	opacity: 0;
}

.p-d{
 width: 1200px;
 margin: 0 auto;
 overflow: hidden;
 padding:40px 0;
 box-sizing: border-box;
}
.p-bt{
 width: 100%;
 overflow: hidden;
 text-align: center;
 font-size: 20px;
 color: #333;
 font-weight: bold;
 margin-bottom: 40px;
}
.p-p{
 width: 100%;
 overflow: hidden;
 font-size: 14px;
 line-height: 28px;
 color: #333;
}
.p-p img{
 max-width: 100%;
 display: block;
 margin: 0 auto;
}
@media screen and (max-width: 1700px){
    .case-dw{
        width: 430px;
    }
}
@media screen and (max-width: 1500px){
    .case-dw{
        width: 375px;
    }
}
@media screen and (max-width: 1360px){
    .case-dw{
        width: 330px;
    }
}