﻿
/*头部*/
.header{height: 184px;  width: 100%; background-color: #fff;z-index: 999999;position: relative;background: url(../img/header.png) no-repeat top center;}
.header .logo{width: 553px;height: 86px;display: block; margin: 12px 0 12px 0;}
.header .header-border{position: relative; height: 112px;z-index: 999999;background: url(../img/header.png) no-repeat top center;}
.header .header_top_r{height: 72px;background-color: #fff;}
.header .header_top_r>ul{ width: 100%; white-space:nowrap;width: 1015px; } 
.header .header_top_r>ul>li{float: left; height: 72px; font-size: 16px; text-align: center; position: relative; width: 157px;transition: all 0.3s;} 
.header .header_top_r>ul>li>a{height: 72px;line-height: 72px; width: 100%;display: block; position: absolute; z-index: 9;background-color: #fff; }
.header .header_top_r>ul>li>ul{top: -500px;position: absolute; left: 0;right: 0; transition: all 0.5s; z-index: 1;}
.header .header_top_r>ul>li>ul>li{background: rgba(169 15 15 / 50%); height: 60px; line-height: 60px; width: 100%; color: #fff;}
.header .header_top_r>ul>li>ul>li>a{height: 60px; line-height: 60px; width: 100%;display: block; }
.header .header_top_r>ul>li>ul>li:hover{background:#a90f0f; height: 60px; line-height: 60px; width: 100%; color: #fff;}

.header .header_top_r>ul>li>a::before{content: '';width: 0%; height: 4px; position: absolute; bottom: 0;left: 50%; background: #a90f0f;transition: all 0.3s; }
.header .header_top_r>ul>li.on,.header .header_top_r>ul>li:hover{color: #a90f0f; position: relative; }
.header .header_top_r>ul>li.on>a,.header .header_top_r>ul>li:hover>a{background-color: #fff;background-size: 100% 100%;background-image: url(../img/title-bg.png) ;background-repeat: no-repeat; background-position:  top center;}
.header .header_top_r>ul>li:hover>ul{top: 72px; }
.header .header_top_r>ul>li.on::before{width: 100%;left: 0%;}
.header .header_top_r>ul>li>a:hover::before{width: 100%; left: 0%;}

.header .nva-but{display: none;}
.header-line {display: none;}



.footer{height: 98px;line-height: 98px; background: #990F1A; }
.footer .address{color: #FBFBFB;}


/*视频播放*/
.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: 247px; 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;}

/*内容页开始*/
.index_content .content { background-color: #fff; padding-top: 60px;overflow: hidden;padding: 35px;padding-bottom: 50px;min-height: 500px;}
.index_content .content h2 {text-align: center;padding: 0px 26px 26px 26px;line-height: 40px;font-weight: bold;font-size: 24px;}
.index_content .content h3 {color: #a5a5a5;text-align: center;padding-bottom: 20px;font-size: 16px;}
.index_content .content h5 {font-size: 14px; padding-left: 30px; background: url(../img/fhsyj.png) no-repeat 10px center;background-size: 14px;}

.index_content .content .info{font-size: 16px; height: 150px;}
.index_content .content .info ul li{width: 30%; float: left;margin-left: 10%;margin-right: 10%;}
.index_content .content .info ul li i{width: 70px;display: inline-block; text-align-last: justify; text-align: justify;}

.index_content .content .nav_content_li {font-size: 18px;min-height: 680px;}
.index_content .content .nav_content_li p{text-indent: 36px;}
.index_content .content .nav_content_li img {width: 680px;height: auto;padding-top: 5px;padding-bottom: 10px; display:block ; margin: 0 auto;}
.index_content .content .nav_content_span {display: flex;justify-content: space-between;}
.index_content .content .nav_content_span .textover_spa {color: #75787b;padding-top: 30px;font-size: 16px;}
.index_content .content .nav_content_span .textover_sp {color: #75787b;padding-top: 30px;font-size: 16px;}

/*@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;background-size: 1rem;position: fixed;top: 0;left: 0;right: 0;}
	.header .header-border{height:1rem; background-size: 10.2rem 1rem; }
	.header::after{height: 1rem;background-size: 50%;}
	.header .logo{width: 5rem;height: 1rem;display: block; padding: 0.15rem 0 0.1rem 0.2rem;margin: 0;}
	.header .logo img{width: 100%;}
	/*手机导航动画*/
	.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: #a90f0f;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;top: 0; right: -100%; transition: all .3s;}
	.header .header_top_r>ul{width:60% !important; min-width: 60% !important; padding-top: 1rem;background: #fff;height:100%;position:absolute;right:0;top:0;z-index:100} 
	.header .header_top_r>ul>li{display: block;font-size:0.32rem;width:100%;height: 1.1rem;line-height: 1.1rem;border-bottom:0.01rem dashed #999;position: relative;} 
	.header .header_top_r>ul>li>a{height: 1.08rem;line-height: 1.08rem;position:inherit;padding-right: 0.5rem;}
	.header .header_top_r>ul>li>cite{width: 1.1rem;height: 1.1rem;background: url(../img/nav_jia.png) no-repeat center;float: right; z-index: 9; position: absolute;top: 0;right: 0;}
	.header .header_top_r>ul>li.on>cite{background: url(../img/nav_jian.png) no-repeat center;}
	
	.header .header_top_r>ul>li>ul{display: none; top: inherit;position: inherit; left: inherit;right: inherit;z-index: 1;}
	.header .header_top_r>ul>li>ul>li{background: rgba(169 15 15 / 50%); height: 1rem; line-height: 1rem; }
	.header .header_top_r>ul>li>ul>li>a{height: 1rem; line-height: 1rem;padding-left: 0.5rem; }
	.header .header_top_r>ul>li>ul>li:hover{background:#a90f0f; height: 1rem; line-height: 1rem; }
	.header .header_top_r>ul>li.on{height: initial;  }
	.header .header_top_r>ul>li.on>ul{ display: block; }	
	.header .header_top_r>ul>li::before{display: none; }
	.header .header_top_r>ul>li:hover>ul{top: inherit; }
	
	.header-line {display: block; height: 1rem;width: 100%;}
	
	

	.footer{height:initial;line-height:0.58rem ; }
	.footer .address{padding: 0.2rem;}


	/*导航*/
	.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: 2.7rem;}
	
	.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;}
	
	
	/*内容页开始*/
	.index_content .content {padding: 0.5rem 0;min-height: 8rem; background: #fff;}
	.index_content .content h2 {padding: 0 0 0.3rem 0;line-height: 1.5;font-weight: bold;font-size: 0.4rem;}
	.index_content .content h3 {padding-bottom: 0.4rem;font-size: 0.28rem;}
	.index_content .content h5 {font-size: 0.28rem;}
	
	.index_content .content .info{font-size:0.3rem; height: 2rem;}
	.index_content .content .info ul li{width: 100%; margin-left: 0; margin-right: 0;}
	.index_content .content .info ul li i{width: 1.2rem;}
	
	.index_content .content .nav_content_li {font-size:0.32rem; min-height: 6rem;}
	.index_content .content .nav_content_li p{text-indent: 0.64rem;}
	.index_content .content .nav_content_li img {width: 100%;height: auto;padding-top: 0.2rem;padding-bottom: 0.2rem;}
	.index_content .content .nav_content_span {display: block;}
	.index_content .content .nav_content_span .textover_spa {width: 100%; display: block;padding-top: 0.2rem;font-size: 0.28rem;}
	.index_content .content .nav_content_span .textover_sp {width: 100%;display: block;padding-top: 0.2rem;font-size: 0.28rem;}
	/*内容页结束*/
	
}