@charset "utf-8";
/* CSS Document */
html,body{background:#ffffff;color:#2c2c2c;font:10px 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;}
a{text-decoration:none!important;}
*{margin:0;padding:0;}

select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../images/zc-arrow.png") no-repeat scroll right center transparent!important;

  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}


/*按钮*/
.btn-box{width:100%;margin: 0 auto; padding: 0 0; text-align: center;}
.btn-box p{font-size:1.6rem; color:#767676; line-height:3.6rem; margin-top:1rem;}

.btn-style{width:auto; line-height: 40px; font-size:1.6rem; text-align: center; color: #fff;padding:10px 20px; border-radius:6px;background-color: #a52934;}
.btn-style:link{color:#fff!important;}
.btn-style:hover{color:#fff!important;}
.btn-style:visited{color:#fff!important;}

.btn-style3{width:100px;display: inline-block;text-align:center;color:#fff;border-radius:0!important;border:1px solid #941219;background-color: #a52934;font-size:1.8rem; font-weight:bold; padding:10px 0;line-height:1.5}
.btn-style3:link{color:#fff!important;}
.btn-style3:hover{color:#fff!important;}
.btn-style3:visited{color:#fff!important;}

.btn-style4{width:auto;text-align:center;color:#a52934;border-radius:0!important;font-size:1.8rem; font-weight:bold; padding:10px  0;line-height:1.5;}
.btn-style4:link{color:#a52934!important;}
.btn-style4:hover{color:#a52934!important;}
.btn-style4:visited{color:#a52934!important;}

.btn-bai{ position: absolute; bottom:3rem; right:5.2rem; width:auto; line-height:20px; color:#767676!important; font-size:1.6rem; text-align: center; color: #fff;padding:10px 20px; border-radius:6px;background-color: #fff;}
.btn-bai:link{color:#767676!important;}
.btn-bai:hover{color:#767676!important;}
.btn-bai:visited{color:#767676!important;}


/*通用*/

.carousel-control.left,.carousel-control.right{background: none!important;}

.fl{float:left;}
.fr{float:right;}

.width100{ width:100%;}
.width33{ width:32.7%; float: left;margin-left: 0.6%; margin-bottom:0.6rem;}

.md{padding-top:100px;margin-top:-100px;}

.padding{ padding:3rem 2rem;}
.padd-zc{padding:2rem 2rem 1rem;}
.padding2{ padding:3rem 0;}
.padd-ul{padding-left:2rem; padding-right:2rem;}


.mt10{margin-top: 1rem;}
.mt20{margin-top: 2rem;}
.mt30{margin-top: 3rem;}
.mt60{margin-top: 6rem;}
.mb10{margin-bottom: 1rem;}
.mb20{margin-bottom: 2rem;}
.mb30{margin-bottom: 3rem;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.font14{ font-size:1.4rem;}
.font16{ font-size:1.6rem; line-height:1.6;}
.font18{ font-size:1.8rem; line-height:1.8;}
.font24{ font-size:2.4rem; }
.font30{font-size:3rem;}
.font12{ font-size:1.2rem;}
.auto{ margin:0 auto;}
h3{font-size:2.4rem;border-left: 8px solid #a52934;padding-left: 10px;}
h4{font-size:2rem;font-weight: bold; line-height:3; border-bottom:1px solid #dcdcdc;}

/*标题*/
.title{width:100%; margin:0 auto; margin-top:1rem; margin-bottom:2rem;}
.title h2{ font-size:3rem; line-height:1.4;font-weight:bold; color:#2c2c2c;text-align:center;}
.title p{font-size:1.6rem; color:#2c2c2c; text-align:center;line-height:1.6; margin-top: 1rem;}
.title-text{font-size:2.4rem; color:#2c2c2c; text-align:center;line-height:36px; margin-top: 20px; margin-bottom: 20px;}


/*前景色背景色*/
.col-red{ color:#a52934;}
.col-black{ color:#2c2c2c;}
.col-gray{color:#767676;}
.bg-white{background:#fff;}
.bg-gray{background:#eef0f7;}
.bg-gray1{background:#f4f4f4;}
.bg-gray2{background:#e2e2e2;}

/*daohang*/
.logo{width:319px;height:59px;vertical-align:top; background: url(../images/top-logo.jpg)no-repeat;}
.logo-xs{width:50%;height:auto;margin:0 25%;}
/*banner*/
.banner{background:#4c4c4c url(../images/banner.jpg) no-repeat center top;height:570px;}
.banner .btn-pos{ position: absolute; top: 36rem; left:30%; width:auto; line-height: 40px; font-size:1.8rem; text-align: center; color: #fff;padding:5px 20px; border-radius:6px;background:url(../images/dian.png) right no-repeat #a52934; padding-right:4.2rem;}

/*zc*/
.padd-zc{padding:2rem 2rem 1rem;}
.zc{background:#eee;width: 100%;padding-top:30px;padding-bottom:20px;}
.zc h2{ font-size:3.6rem; text-align:center;}
.zc h2 span{font-size:2.4rem;}
.zc h4{font-size:2rem; font-weight:bold; text-align:center; line-height:2.5;}

.zc_xiala,.zc_kuang{ margin:0 auto!important;width:95%;background:#fff; border-radius:8px;}
.zc_kuang input{ border-radius:8px;}
.zc_xiala select,.zc_kuang input{ width:100%; background: #fff; border:0; font-size: 1.6rem; padding:13px 10px;}
.zc_xiala option{width:100%; background: #fff; padding:0; border-radius:8px; border:0; line-height: 3.6rem!important;font-size: 1.6rem; padding:4px 10px;}
.btn-style input{ line-height:30px;padding:6px 20px;font-size:16px; border:0;}
.form-tj input{ line-height:30px;font-size:16px; border: 0;}


/*part01*/
.p1-box{width:auto; height:auto; margin:0.5rem 0.5rem; font-size:2rem; line-height:1.5; color:#fff;text-align: center; padding:5rem 0;font-weight: bold;}
.p1-bg1{background:url(../images/p1-bg1.jpg) top center no-repeat;}
.p1-bg2{background:url(../images/p1-bg2.jpg) top center no-repeat;}
.p1-bg3{background:url(../images/p1-bg3.jpg) top center no-repeat;}
.p1-bg4{background:url(../images/p1-bg4.jpg) top center no-repeat;}

/*滚动*/
.m-xm-list{width:100%;}
.m-xm-list .bd li{ float: left; position: relative; width:33.3%; margin-left:2px; height: 230px; overflow: hidden;*zoom:1; margin-bottom: 8px;}
.m-xm-list .bd li p{background: rgba(0,0,0,.5)!important;filter:Alpha(opacity=90); background: #fff;color:#fff; height: 40px; line-height: 40px; text-align: center; font-size:1.2rem;position: absolute; bottom:0; width:100%;}
.m-xm-list .bd li p a{ color: #b57e69}
.m-xm-list .bd .prev{ left:-25px;}
.m-xm-list .bd .next{ right:-25px;}
.m-xm-list .sb-nav{ padding-top: 0px; overflow: hidden;*zoom:1;}
.m-xm-list .sb-nav li{ width: 8px; height: 8px; background: url(../images/dot_a01.png) no-repeat; float: left; margin-right: 3px; text-indent: -999em; overflow: hidden;*zoom:1;cursor: pointer;}
.m-xm-list .sb-nav li.on{  background: url(../images/dot_a02.png) no-repeat;}
.m-xm-list .sb-nav.tac{text-align: center;}
.m-xm-list .sb-nav.tac li{ display: inline-block; float: none;}

.m-slideBox{ position: relative;}
.m-slideBox .con{overflow: hidden;*zoom:1;}

.m-slideBox .next,
.m-slideBox .prev{ top:50%; margin-top: -11px;}
.m-slideBox .next{right:0;}
.m-slideBox .prev{left:0;}

.pa{position:absolute}


/*part02*/
.bg_02{background:url(../images/bg_02.jpg) bottom center no-repeat;}
.p2-icon{text-align:center;font-size:1.8rem;font-weight:bold;color:#2c2c2c;line-height:2;}
.p2-icon img{ margin-bottom:20px;}
.p2-heng{background: #a52934;width:60px;height:7px;margin: 0 auto;}

/*part03*/
.p3-box1{width:35%;}
.p3-box2{width:63%;}
.xuezhi{}
.xuezhi .jiao{width: 0px;border-bottom: 0.8em solid #509be8;margin-left:5%;border-left: 0.8em solid transparent !important;border-right: 0.8em solid transparent !important;}
.xuezhi .bgcolor{background-color:#509be8;color:#fff;padding:10px;}
.xuezhi p{font-size:1.6rem; line-height: 1.5;}
.xuezhi p strong{font-weight: bold; margin-right: 10px;}




.xmys{padding-top:5px; padding-bottom:5px;}
.xmys-tit{display:inline-block;vertical-align:middle; width:10%;font-size:1.8rem;color:#a52934;line-height:2;font-weight: bold; text-align: left;}
.xmys-p{display:inline-block;vertical-align:middle;width:88%;font-size:1.4rem; line-height: 1.5; padding-left:2%; border-left: 1px solid #dcdcdc;color:#2c2c2c;}

.xmys2{padding-top:10px; padding-bottom:10px;margin-bottom:1px;}
.xmys-tit2{font-size:1.8rem; display:inline-block;width:18%; vertical-align:middle;font-weight:bold;color:#2c2c2c; text-align: center;}
.xmys-p2{font-size:1.4rem; display:inline-block;width:80%; vertical-align:middle;}

/*part04*/
.bg_04{background:url(../images/bg_04.jpg) top center no-repeat #2d5588;}
.p4-box{background:#fff; height:350px;}
.p4-box .p4-text{padding:0 10px 10px;}
.p4-yszy{background: #eef0f7; padding:10px; border-radius:5px 10px; margin-top: 5px;}


/*part5*/
.cgal-box{position: relative;margin:10px 0;}

.cgal-box1{height:200px;}
.cgal-box2{height:210px;}
.cgal-box3{height:200px;}
.cgal-box4{height:325px;}
.cgal-box5{height:220px;}
.cgal-box6{height:210px;}
.cgal-box7{height:210px;}

.cgal-img{width:16%;position: absolute;top:10%;left:0;bottom:0;}

.cgal-text{width:90%;background:#eef0f7;padding:30px 20px 30px 80px;border-radius:20px;position: absolute;top:0;right:0;bottom:0;}
.cgal-text .xm{color:#509be8; font-weight: bold; font-size:1.8rem;text-transform:uppercase;}
.cgal-text .xl{color:#2c2c2c;font-size:1.6rem;}
.cgal-text2{width:90%;background:#eef0f7;padding:30px 80px 30px 20px;border-radius:20px;}
.cgal-text2 .xm{color:#509be8; font-weight: bold; font-size:1.8rem;text-transform:uppercase;}
.cgal-text2 .xl{color:#2c2c2c;font-size:1.6rem;}

/*part6*/
.p5-wen{background:#0749a0;color:#fff;padding:10px;}
.wen-tit,.da-tit{width:4%; height:40px;background:#469bde;line-height:40px; font-weight:bold;font-size:2.4rem;text-align:center;color:#fff;float:left;}
.p5-wen p{width:94%;font-size:1.8rem;line-height:40px;margin-left: 10px;float:left;}
.p5-da{padding:10px;background: #fff; border:1px solid #dcdcdc;}
.da-tit-text{width:94%;font-size:1.6rem;line-height:1.8; margin-top:6px; margin-left: 10px;float:left;}
.da-box{background:#eef0f7;width:90%; margin-left: auto; margin-right: auto; padding:10px;color:#738297;}
.da-box-min{border-bottom:1px solid #d9dfe8;padding:8px;}
.da-box-min h5{font-size:1.6rem; font-weight: bold;background:url(../images/wenda.png) left no-repeat;padding-left:40px; margin-bottom:5px;}

/*part07*/
.p7-box .rel p{position: absolute;bottom: 0;left: 0;right: 0;width:100%;line-height: 1.6;padding: 17px 0;color: #fff;text-align: center;font-size: 1.4rem;margin: 0;background: #999;background: rgba(0,0,0,.5);}
.p7-box .rel{position: relative;transition: all .5s;z-index: 1;margin: 0 0 8px;}
.p7-box .rel:hover{box-shadow:0 0 20px rgba(0,0,0,.6);transform:scale(1.1);z-index:999;}


/*更多*/
.gengduo ul {list-style: none;}
.gengduo ul li{float: left;font-size: 14px;width: 15%;text-align: center;border-right: 1px solid #e3e3e3;}
.gengduo ul li a{color:#555;}
.gengduo ul li a:hover{color:#a52934;}



#wrap ul li .a1 img{
	width:100%;
	height:auto;
}
#wrap ul li{
	width:32.9%;
	height:auto;
	list-style: none;
	position: relative;
	float: left;
	overflow: hidden;
	margin:0.2%;
} 
#wrap ul li .a1 .divA{
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	height:auto;
	padding:2% 5%;
	background: #fafafa;
}
#wrap ul li .a1 .divA>.p1{
	width:100%;
	line-height:2;
	font-size:1.6rem;
    color: #2c2c2c;
	font-weight: bold;
	text-align:left;
}
#wrap ul li .a1 .divA>.p2{
	width: 312px;
	height: 21px;
    font-size: 14px;
    color: #b4b4b4;
    line-height:1.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#wrap ul li .a1 .divA>.p3{
	position: absolute;
	right:12px;
	bottom: 10px;
	width:auto;
	color: #fff;
	font-size:1.4rem;
	border-radius:4px;
	background: #a52934;
	padding:2px 5px;
}
#wrap ul li .a1 .divA>.p3>span{
	font-size: 24px;
	font-weight:800;
}
/*遮罩*/
#wrap ul li .a2{
	position: absolute;
	top: 0;
	left:-100%;
	width:100%;
	height:100%;
	text-align: center;
	color: white;
	background: rgba(0,0,0,0.5);
	transition: all 0.2s;  
} 
#wrap ul li .a2 .p4{
	width:100%;
	text-align: center;
	position: absolute;
	top:30px;
	left: -100%;
	color: #ffe605;
	font-size:1.8rem;
    font-weight: bold;
    transition: all 0.2s 0.1s ease-out ;  
}
#wrap ul li .a2 .p5{
	width:100%;
	text-align: center;
	line-height:1.5;
	position: absolute;
	top:65px;
	left: -100%;
	font-size:1.2rem;
    color: white;
	text-align: left;
	padding: 0 10px;
    transition: all 0.2s 0.2s ease-out ;  
}
#wrap ul li .a2 .p6{
	position: absolute;
	top: 140px;
	left: 175px;
	transform: scale(1.4);
	transition: all 0.3s 0.2s ;
}
#wrap ul li .a2 .p6 span{
	font-family: Arial;
    font-size: 36px;
    font-weight: 700;
    color: white;
}
#wrap ul li .a2 .p7{
	position: absolute;
	bottom:-50px;
	left:25%;
	width:50%;
	height:38px;
	line-height: 38px;
	border-radius: 20px;
	margin: 10px auto;
	border: 1px solid;

	transition: all 0.2s 0.5s ;
}


/*part09*/
.main{background:url(../images/map.jpg) 0 0 no-repeat; margin-top: -20px;}
.map-layer{width:94%; margin-left:6%;margin-right:6%; height:auto;background: #fff;border-radius: 20px;padding:40px 27px;margin-top:50px;}
.form-box input{ width: 100%; padding:15px 10px;font-size:1.6rem; border-radius:4px;background:#fff;color:#555; border:1px solid #ccc;}

/*footer*/
footer { 
	width:100%;
	height: auto;
    margin:0px auto;
	padding-top:40px;
	padding-bottom:60px;  
	background:#6b6b6b;
	color:#fff;
	font-size:1.4rem;
	}

/* 鍙充晶婕傛诞 */
.fixmes {position: fixed;left:0;top:140px;display: none;z-index:999;}
.fix{width:120px;height:auto;padding:4px 0;margin-top:2px; font-size:14px; line-height:20px;border-radius:4px;}
.fix-logo{width:120px;height:auto;}
.fix img{ margin:0 auto;}
.fix a,#yingcang{display: block;color:white;text-align: center;font-family:"Microsoft Yahei",Arial;}
.fix:hover{filter:alpha(opacity=90); text-align: center;-moz-opacity:0.9; opacity:0.9;}
.fix:visited{color:#fff;}
.fix1 {background: #a52934;}
.fix2 {}
.fd-input{border-radius:4px;background:#fff; border:1px solid #dedede; width:90px;padding:0 2px;}
.fd-a {border-radius:4px; color:#fff; background:#a52934; border:1px solid #d0021b;padding:0 16px; text-align: center;margin-top:2px;}
.fix3 {background: #f4f4f4; border:1px solid #dedede; padding:10px 13px;font-size:14px;margin-top:2px;}
.fix4 {background: #FBB01F;}
.fix5 {background: #EF6608;}
.fix6 {background: #a52934;margin-top:2px;}
.fix7 {background: #BABABA;margin-top:2px;border-radius:4px;}
.ask i{
	width: 30px;
	height:30px;
	display: block;
	margin: 0 auto;
	background:url(../images/ask.png) center no-repeat;
	animation: shine .8s infinite;
	animation-name: shine;
	animation-duration: 0.8s;
	animation-timing-function: initial;
	animation-delay: initial;
	animation-iteration-count: infinite;
	animation-direction: initial;
	animation-fill-mode: initial;
	animation-play-state: initial;
	}
.ask i .nav-ask {
    animation: shine .8s infinite;
    animation-name: shine;
    animation-duration: 0.8s;
    animation-timing-function: initial;
    animation-delay: initial;
    animation-iteration-count: infinite;
    animation-direction: initial;
    animation-fill-mode: initial;
    animation-play-state: initial;
}
@keyframes shine{
	0%{opacity: 0;}
	50%{opacity: 1;}
	70%{opacity: 1;}
	100%{opacity: 0;}
}

@-webkit-keyframes shine{
	0%{opacity: 0;}
	50%{opacity: 1;}
	70%{opacity: 1;}
	100%{opacity: 0;}
}








@media(max-width:1200px){
	/*banner*/

	.banner{background:#4c4c4c url(../images/banner-1200.jpg) no-repeat center top;height:570px;}
	.banner .btn-pos{ top:39rem; left:25%;}
	.p7-box{width:100%; overflow: hidden;}
	.ren{border: 1px solid #c8cfdd;width:100%; overflow: hidden;}
}



@media(max-width:991px){
	html,body{font:8px 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}

	.banner{background:#4c4c4c url(../images/banner-991.jpg) no-repeat center top;height:478px;}
	
	.p4-box{height:320px;}
	
	.cgal-img{width:14%;position: absolute;top:10px;left:0;bottom:0;}
	
	.cgal-text{padding:10px 10px 10px 40px;top:0;right:0;bottom:0;}
	.cgal-box1{height:140px;}
	.cgal-box2{height:160px;}
	.cgal-box3{height:130px;}
	.cgal-box4{height:250px;}
	.cgal-box5{height:180px;}
	.cgal-box6{height:180px;}
	.cgal-box7{height:150px;}
	
}

@media(max-width:860px){
	html,body{font:8px 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
	h3{font-size:2rem;}
	.banner{background:#f8f8f8;height:auto;padding:30px 0;}
	.padding{ padding:1rem 3rem 2rem 3rem;}
	
	.btn-style3{padding:10px;min-width:auto;}
	.btn-style4{padding:10px;min-width:auto;}
	
	.font30{font-size:2rem;}
	/*zc*/
	.padd-zc{width:90%;}
	
	/*标题*/
	.title{}
	.title h2{ font-size:2rem}
	.title p{text-align:left;}
	.title-text{font-size:2rem;margin-top:10px;line-height:20px;  margin-bottom:0;}
	
	/*滚动*/
	.m-xm-list{width:90%;margin-left:auto;margin-right:auto; }
	.m-xm-list .bd li{width:100%;}
	.m-xm-list .bd li p{height:30px; line-height:30px;}
	.m-xm-list .bd .prev{ left:-15px;}
	.m-xm-list .bd .next{ right:-15px;}

	
	.p2-icon img{ margin-bottom:6px;}
	.p2-heng{width:40px;height:4px;}
	
	.p3-box1{width:100%;}
	.p3-box2{width:100%;}
	
	.xmys-tit{width:15%;}
	.xmys-p{width:80%;}
	
	.bg_04{background:#c7e0f9;}
	
	.p4-box{height:auto;}
	
	.cgal-img{width:14%;position: absolute;top:10px;left:0;bottom:0;}
	
	.cgal-text{padding:10px 10px 10px 20px;top:0;right:0;bottom:0;}
	.cgal-box1{height:230px;}
	.cgal-box2{height:250px;}
	.cgal-box3{height:220px;}
	.cgal-box4{height:500px;}
	.cgal-box5{height:270px;}
	.cgal-box6{height:270px;}
	.cgal-box7{height:220px;}
	
	
	.wen-tit,.da-tit{width:10%; height:30px;line-height:30px;}
	.p5-wen p{width:80%;line-height:30px;}
	.da-tit-text{width:80%;}
	
	.gengduo p{font-size:2rem;}
	.gengduo ul li{width:49%;}
	
	/*公用底部*/
	.foot {position: fixed;width: 100%;margin: 0px auto 0; color:#fff;z-index: 9999;background:rgba(176,27,65,1);left: 0;bottom: 0;}
	.foot .footWrap{padding: 0;margin: 0 auto; color:#fff;}

	.foot ul{list-style: none;}
	.foot ul li {float: left;width:50%;text-align: center;padding:10px 0;}
	.foot ul li .border-left{ border-left:1px solid #fff;}
	.foot ul li a { color:#fff; text-decoration:none; font-size:15px;}

	.footWrap img{ width:25px; height:25px;display:inline-block; margin-right:10px; vertical-align:middle;}
	.footWrap span{ margin-top:15px;}
	
	.shan{
		width:100%;
		height:100%;
		margin: 0 auto;
		background:#fe0000;
		animation: bg .1s infinite;
		animation-name:bg;
		animation-duration: 0.8s;
		animation-timing-function: initial;
		animation-delay: initial;
		animation-iteration-count: infinite;
		animation-direction: initial;
		animation-fill-mode: initial;
		animation-play-state: initial;
		}

	@keyframes bg{
		0%{opacity:1;}
		50%{opacity: 1;}
		70%{opacity: 1;}
		100%{opacity: 0;}
	}

	@-webkit-keyframes bg{
		0%{opacity:1;}
		50%{opacity: 1;}
		70%{opacity: 1;}
		100%{opacity: 0;}
	}
	
}