
/*头部*/
.header{height: 149px;background: url(../img/header-bg.jpg) repeat-x; min-width: 1360px; z-index: 100000;}
.header::after{content: ''; background: url(../img/header-mountain.png) no-repeat bottom left; width: 100%;height: 149px;display: block;}
.header .logo{width: 252px;height: 68px;display: block; margin: 40px 0 40px 6%;}
.header .nva-but{display: none;}
.header .header_top_r{width: 900px; margin: 40px  6% 40px 0;}
.header .header_top_r ul{white-space:nowrap;} 
.header .header_top_r ul li{display: inline-block; font-size: 22px; text-align: center; font-weight: bold;padding: 0 15px;} 
.header .header_top_r ul li i{text-transform:Uppercase; font-size: 12px;  display: block;}
.header .header_top_r ul li.on,.header .header_top_r ul li:hover{color: #ae0e0e;position: relative;}
.header .header_top_r ul li.on::before,.header .header_top_r ul li:hover::before{ content: ''; background: url(../img/icon-nav-l.png) no-repeat center;background-size: contain ;height: 16px;width: 28px;position: absolute; left: -12px;top: 8px;}
.header .header_top_r ul li.on::after,.header .header_top_r ul li:hover::after { content: ''; background: url(../img/icon-nav-r.png) no-repeat center;background-size: contain;height: 16px;width: 28px;position: absolute;right: -12px;top: 8px;}

.header-line {display: none;}
.footer{height: 286px; background: url(../img/footer-bg.jpg);color: #d3d3d3; font-family:'微软雅黑',Microsoft YaHei,Arial,Verdana,\5b8b\4f53;}
.footer .list{height: 215px;}
.footer .list .address{width: 360px; padding: 20px 0 20px 60px; background: url(../img/footer-address.png) no-repeat;background-position: 20px 34px;}
.footer .list .address h3{font-size: 18px; color: #fff; height: 50px; line-height: 50px;}
.footer .list .address span{line-height: 36px;}

.footer .list .column{width: 290px; padding: 20px 0 20px 60px; background: url(../img/footer-column.png) no-repeat;background-position: 20px 34px;}
.footer .list .column h3{font-size: 18px; color: #fff; height: 50px; line-height: 50px;}
.footer .list .column ul li{line-height: 36px; float: left; width: 115px; }
.footer .list .column ul li a{color: #ada9a3;}
.footer .list .column ul li::after{content: '' ; height: 12px;width: 1px; background-color:#d3d3d3 ;display: inline-block;margin-bottom: -2px;margin-left: 35px;}
.footer .list .column ul li:nth-child(2n)::after{display: none;}

.footer .list .weixin{width: 450px; padding: 20px 0 20px 60px; background: url(../img/footer-weixin.png) no-repeat;background-position: 20px 34px;}
.footer .list .weixin h3{font-size: 18px; color: #fff; height: 50px; line-height: 50px;}
.footer .list .weixin ul li{float: left; margin-right: 15px; }
.footer .list .weixin ul li:nth-child(2){margin-right:0;}
.footer .list .weixin ul li:nth-child(3){display: none;}	
	
.footer .copyright{height: 70px; line-height: 70px; color: #ada9a3;text-align: center;text-transform:Uppercase;}
.footer .copyright a{color: #ada9a3;}

/*视频播放*/
.video-aboutus>div,.video-aboutus>div iframe,.video-js,.videos{width: 550px !important; height: 406px !important;}
.video-js .vjs-big-play-button{background: url(../img/index-1-video-button.png) no-repeat center;background-size: cover; left:250px;top:176px; height: 54px;width: 54px;border:0;-webkit-border-radius:50%;-moz-border-radius: 50%;border-radius: 50%;}
.video-js .vjs-big-play-button::before{content: '';}
.video-js .vjs-control-text{display: none;}

/*导航*/
.about_nav{background-color: #fff;text-align: center;}
.about_nav ul{height: 70px;}
.about_nav ul li{cursor: pointer; height: 70px;line-height: 70px; width: 148px; display: inline-block; font-size: 22px;text-align: center;}
.about_nav ul li a{display: block;}
.about_nav ul li.on,.about_nav ul li:hover{background: url(../img/about-title-bg.jpg) no-repeat center;background-size: 100% 46px; color: #fff;}

/*banner*/
.banner{}
.banner ul li{width: 100%;height: 628px; background-position: center;background-repeat: no-repeat;background-size: cover;}


.index_fixed{position: fixed;top: 166px; right: 5px;  z-index: 9999; background: url(../img/right-xf.png) no-repeat;width: 109px;height: 321px; display: none;}
.index_fixed .close{cursor: pointer;display: block;background: url(../img/arrow1.png) no-repeat;background-size: contain;width: 22px;height: 22px; position: absolute;left: 5px;top: 0;}
.index_fixed .consulting{cursor: pointer;display: block;width: 90px;height: 90px; position: absolute;left: 10px;top: 122px;}
.index_fixed .consultingwap{display: none;}
.index_fixed .weixin{cursor: pointer; display: block; width: 90px;height: 90px; position: absolute;left: 10px;bottom: 10px;}
.index_fixed .weixin::before{content: '' ;background: url(../img/footer-qrcode.jpg) no-repeat center/cover; height: 90px; width: 90px;position: absolute; left: -100px; top: 0px; display: none;}
.index_fixed .weixin:hover::before{display: block;}

.index_fixed_small{background: url(../img/right-xf-small.png) no-repeat bottom; width: 35px;height: 131px; }
.index_fixed_small .close{background: url(../img/arrow2.png) no-repeat;background-size: contain;}
.index_fixed_small .consulting{cursor: pointer;display: block;width: 90px;height: 90px; position: absolute;left: 10px;top: 122px;}
.index_fixed_small .weixin{cursor: pointer; display: block; width: 90px;height: 90px; position: absolute;left: 10px;bottom: 10px;}
.index_fixed_small .weixin::before{content: '' ;background: url(../img/footer-qrcode.jpg) no-repeat center/cover; height: 90px; width: 90px;position: absolute; left: -100px; top: 0px; display: none;}
.index_fixed_small .weixin:hover::before{display: block;}



@media (max-width: 1680px) {
	.banner ul li{height: 550px; }
}

@media (max-width: 1440px) {
	.banner ul li{height: 471px; }
}

@media (max-width: 1366px) {
	.banner ul li{height: 446px; }
}
/*@media (max-width: 1099.98px) { 　background: url(../img/icon-wap-nav.png) no-repeat center;background-size: 0.5rem; */
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {

	.header{height:1rem; width: 7.5rem; min-width: 7.5rem;background-size: 1rem;position: fixed;top: 0;left: 0;right: 0;}
	.header::after{height: 1rem;background-size: 50%;}
	.header .logo{width: 4rem;height: 1rem;display: block; padding: 0.15rem 0 0.1rem 0.2rem;margin: 0;}
	
	/*手机导航动画*/
	.header .nva-but{display: block;width: 1rem;height: 1rem;position: absolute;right: 0;top: 0;}
	.header .nva-but span{width: 0.5rem;height: 0.06rem; left: 0.25rem; background-color: #8b2533;position: absolute;transition:ease .6s}
	.header .nva-but span:nth-child(1){top:0.30rem;transform-origin:left}
	.header .nva-but span:nth-child(2){top:0.5rem}
	.header .nva-but span:nth-child(3){top:0.7rem;transform-origin:right}
	.header .nva-but span:nth-child(4){top:0.5rem;}
	
	.header .nva-but span:nth-child(1){animation: myfirst1 1s infinite alternate;-moz-animation: myfirst1 1s infinite alternate;-webkit-animation: myfirst1 1s infinite alternate;-o-animation: myfirst1 1s infinite alternate;}
	.header .nva-but span:nth-child(2){animation: myfirst2 1s infinite alternate;-moz-animation: myfirst2 1s infinite alternate;-webkit-animation: myfirst2 1s infinite alternate;-o-animation: myfirst2 1s infinite alternate;}
	.header .nva-but span:nth-child(3){animation: myfirst3 1s infinite alternate;-moz-animation: myfirst3 1s infinite alternate;-webkit-animation: myfirst3 1s infinite alternate;-o-animation: myfirst3 1s infinite alternate;}
	.header .nva-but span:nth-child(4){animation: myfirst4 1s infinite alternate;-moz-animation: myfirst4 1s infinite alternate;-webkit-animation: myfirst4 1s infinite alternate;-o-animation: myfirst4 1s infinite alternate;}

	@keyframes myfirst1{from {transform:scaleX(0)}to {transform:scaleX(1)}}
	@keyframes myfirst2{from {transform:rotate(45deg)}to {transform:rotate(0deg)}}
	@keyframes myfirst3{from {transform:scaleX(0)}to {transform:scaleX(1)}}
	@keyframes myfirst4{from {transform:rotate(-45deg)}to {transform:rotate(0deg)}}
	
	.header .header_top_r{margin: inherit;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);position: fixed;z-index: 100001;top: 0; right: -100%; transition: all .3s;}
	
	.header .header_top_r ul{width:60%;padding-top: 1rem; background: url(../img/header-bg.jpg) center;background-size: 1rem;height:100%;position:absolute;right:0;top:0;z-index:100} 
	.header .header_top_r ul li{display: block;padding: 0.2rem;font-size:0.32rem;width:100%;height: 1.1rem;line-height: 1.2;border-bottom:1px dashed #999;position: relative;} 
	.header .header_top_r ul li i{text-transform:Uppercase; font-size: 0.26rem;}
	.header .header_top_r ul li.on::before,.header .header_top_r ul li:hover::before{height: 0.32rem;width: 0.74rem;left: 0.7rem;top: 0.3rem;}
	.header .header_top_r ul li.on::after, .header .header_top_r ul li:hover::after {height: 0.32rem;width: 0.74rem;right: 0.7rem;top: 0.3rem;}
	.header-line {display: block; height: 1rem;width: 100%;}
	/*视频播放*/
	.video-js .vjs-big-play-button{height: 0.8rem;width: 0.8rem;top:1.8rem;left:3.2rem;}
	.footer{height: 1.2rem;}
	.footer .list{height: 1rem;width: 2.2rem !important;min-width: 2.2rem !important;;margin: initial;float: right;}
	.footer .list .address{display: none;}
	.footer .list .column{display: none;}
	.footer .list .weixin{width: 2.2rem !important; padding: 0; background:none;float: right;} 
	.footer .list .weixin h3{display: none;}
	.footer .list .weixin ul li{float: left; margin-right: 0; }
	.footer .list .weixin ul li:nth-child(1){display: none;}
	.footer .list .weixin ul li:nth-child(2){display: none; }	
	.footer .list .weixin ul li:nth-child(3){display: block; margin: 0.2rem 0.6rem; width: 0.8rem; height: 0.8rem; }	
	.footer .copyright{width: 5.3rem !important;min-width: 5.3rem !important; text-align: left; height: 1rem;margin: initial;font-size: 0.24rem;line-height: 1.3; padding: 0.28rem 0.1rem; }


	/*导航*/
	.about_nav ul{height: auto; /*height: 1rem;white-space:nowrap; overflow: auto;*/}
	.about_nav ul li{height: 1rem;line-height: 1rem; width: 1.7rem; font-size: 0.3rem; }
	.about_nav ul li.on,.about_nav ul li:hover{background-size: 100% 0.6rem;}

	.banner ul li{height: 4rem;}
	
	.index_fixed{top: 3rem; right: 0.1rem;  z-index: 9999; width: 1rem;height: 4rem;background-size: contain;}
	.index_fixed .close{display: none;}
	.index_fixed .consulting{display: none;}
	.index_fixed .consultingwap{display: block; width: 0.9rem;height: 0.9rem;left: 0.05rem;top: 1.1rem; position: absolute;}
	.index_fixed .weixin{width: 0.9rem;height: 0.9rem;left: 0.05rem;bottom: 0.05rem;top: 2rem;}
	.index_fixed .weixin::before{content: '' ;background: url(../img/footer-qrcode.jpg) no-repeat center;background-size: cover; height: 1.9rem; width:1.9rem;position: absolute; left: -2rem; top: 0px; display: none;}
	.index_fixed .weixin:hover::before{display: block;}
	
}