@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; box-sizing:border-box; font-weight: normal; }
*:focus{outline:none;}
ul li{list-style:none;}
body{color:#666; width:100%;  margin:0 auto; overflow-x:hidden; padding-bottom:60px;  background: #f1f1f1}
a{text-decoration:none; color:#333}
.container{width:100%; padding: 0px 10px;}
.clr{clear:both;}

.header{width:100%; clear:both; height:60px;  position:fixed; top:0; left:0; z-index: 9; background:url(../images/header.jpg) no-repeat center}
.logo{ width:auto; height: 60px; z-index: 99; float: left;  margin-left: 10px;}
.logo img{width:auto; height: 60px; }
.logo p{font-size: 1.4rem; color: #b91622; font-weight: bold; float: left; line-height: 70px; margin-left: 8px;}
.menu{float:right; height:100%; width:20%; }
.menu img{ width:40%; display: block; margin:14px auto 0;}
html,body{font-size: 62.5%; }
.header_pic,.header_pic img{width:100%; height:auto; display: block}




/*导航*/
.header_all{width:100%; height: 100%; position: fixed; top:-100%; left:0; background: rgba(0,0,0,0.85); z-index: 999;     transition: top ease 0.35s; overflow-y: auto; padding-bottom: 60px;}
.header_all ul{width:100%; height: auto; overflow: hidden; padding: 20px;}
.header_all ul li{width:100%; height: auto; float: left; margin-bottom: 20px;  text-align: center;  border-bottom: 1px solid #333; padding-bottom: 10px}
.header_all ul li h3{width:100%; height: 40px; line-height: 40px; color:#e59b46; font-size: 1rem;  font-weight: bold; }
.header_all ul li .header_sub{width:100%; height: auto; overflow: hidden}
.header_sub a{width:33.33%; float:left; height: 35px; line-height: 35px; font-size: 0.9rem; color:#aaa; display: block; }
.nav_show{top:60px;}
.header_sub span{color:#e59b46}
.header_all ul li:last-child{width:100%; }
.header_all ul li:last-child .header_sub a{width:33.33%; float:left;}
.banner{width:100%;height:auto;}
.banner img{width:100%; height: auto;}
.swiper-container {width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; 
}
.swiper-pagination-bullet{background: #fff; opacity: 1}
.swiper-pagination-bullet-active{background: #0059a7}


.index_all{margin-top: 80px;}

.index_one{height:109px; background: #fff; border: 1px solid #b91622; padding: 15px; margin:20px auto}
.index_one_left{width:70px; height: auto; float: left}
.index_one_left img{width:100%; height: auto; display: block}
.index_one_right{width:auto; height: 89px;; margin-left:90px;}
.index_one_right h3{font-size:1.8rem; color: #333333; font-weight: bold;  width: 100%; height:100%; line-height:35px; word-break:break-all;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}


.index_two{width:100%; height: auto; overflow: hidden; margin-bottom: 20px;}
.index_two .swiper-slide a{width:100%; height: auto; overflow: hidden; background: #fff; text-align: left}
.index_two_pic{width:100%; height: auto; overflow: hidden}
.index_two_pic img{width:100%; height: auto; display: block}
.index_two_xx{width:100%; height: auto; overflow: hidden; padding: 10px 8px 15px;}
.index_two_xx h3{width:100%; height: auto; overflow: hidden; font-size: 1.4rem; color: #333333; line-height: 28px;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; font-weight: bold;}
.index_two_xx p{width:100%; height: 84px; overflow: hidden; font-size: 1.2rem; color: #555555; line-height: 28px; text-indent: 2rem;  word-break:break-all;display:-webkit-box; -webkit-line-clamp:3;
  -webkit-box-orient:vertical; overflow:hidden; margin-top: 10px;}
.index_tgg_pic{width:100%; height: auto; overflow: hidden}
.index_tgg_pic img{width:100%; height: auto; display: block}
.index_two .swiper-button-next, .index_two .swiper-button-prev{width:40px; height: 70px; margin-top: 0; top:20%}
.index_two .swiper-button-next{background: rgba(0,0,0,0.7) url(../images/news_right.png) no-repeat center; right:0px;}
.index_two .swiper-button-prev{background: rgba(0,0,0,0.7) url(../images/news_left.png) no-repeat center; left:0}
.index_two .swiper-button-prev:hover{background:rgba(185,22,34,0.7) url(../images/news_left.png) no-repeat center}
.index_two .swiper-button-next:hover{background:rgba(185,22,34,0.7) url(../images/news_right.png) no-repeat center}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content: ""}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: ""}
.index_two_title{width:100%; height: 55px; border-bottom: 1px solid #f1f1f1; background: #fff; }
.index_two_title h3{font-size: 1.8rem; color: #000000;  border-bottom:4px solid #b91622; width: 96px; float: left; text-align: center; line-height: 54px;}
.index_two_title a{float: right; font-size: 14px; color: #777777; line-height: 55px; }
.index_two_title a:hover{color:#b91622}


.index_three{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.tabs{width:100%; height: auto;overflow: hidden}
.tabs a{width:50%; height: 55px; line-height:55px; background: #fff; text-align: center; font-size: 1.4rem; color:#000000; float: left}
.tabs a.active{background: #b91622; color:#fff}
.news-list{width:100%; height: auto; overflow: hidden; margin-top:15px;}
.news-list li{width:100%; height:35px; line-height:35px;  text-align:left;}
.news-list li span{color:#999999; font-size: 1.3rem; float: left}
.news-list li p{font-size: 1.3rem; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 90%; height: 100%; float: left}
.news-list li a{width:100%; height: 100%; display: block;}


.index_four{width:100%; height: auto; overflow: hidden; margin-top: 10px; margin-bottom: 10px;}
.index_four ul{width:100%; height: auto; overflow: hidden; }
.index_four ul li{width:49%; height: 76px; float: left; margin-top: 10px; position: relative; padding:12px 15px 0;}
.index_four ul li:nth-child(2n){float: right}
.san_r1{background: #b91622}
.san_r2{background: #f3ae42}
.san_r3{background: #f8a571}
.san_r4{background: #f67d15}
.index_four ul li h3{font-size: 18px; color: #fff; line-height:28px; position: relative; z-index:1}
.index_four ul li img{position: relative; z-index:1}
.index_four ul li i{width:40px; height: 40px; display: block; position: absolute; right:15px; bottom:10px; z-index: 1}
.s_icon1{background: url(../images/icon1.png) no-repeat center}
.s_icon2{background: url(../images/icon2.png) no-repeat center}
.s_icon3{background: url(../images/icon3.png) no-repeat center}
.s_icon4{background: url(../images/icon4.png) no-repeat center}
.index_four ul li:after{content: ""; width: 42%; height: 100%; position: absolute; top:0; right:0; background: rgba(0,0,0,0.1); border-radius: 96px 0 0 0;}

.index_wu{width:100%; height: auto; padding:10px; background: #fff; overflow: hidden; margin-top: 15px; margin-bottom: 20px;}
.index_wu_nav{width:100%; height: auto; overflow: hidden; margin-top:20px;}
.index_wu_nav a{width:32.6%; height: 40px; line-height: 40px; border-radius: 25px;  text-align: center; font-size: 1.2rem; color: #000000; margin-right: 1%; 
	background: #f1f1f1; margin-bottom: 10px; float: left}
.index_wu_nav a:nth-child(3n){margin-right: 0}
.quxian_pic{width:100%; height: auto; overflow: hidden; margin-top: 20px;}
.quxian_pic img{width:100%; height: auto; display: block}
.index_wu ul{ width:100%; height: auto; overflow: hidden; margin-top:10px;}
.index_wu ul li{width:100%; height: 30px; line-height:30px; margin-bottom: 4px;}
.index_wu ul li span{font-size: 1.3rem; color: #b91622; margin-right: 5px;}
.index_wu ul li a{font-size:1.3rem; color: #333333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; width: 100%}
.index_wu ul li:hover a{color:#b91622}
.index_all_li{width:100%; height: auto; overflow: hidden; background: #fff url(../images/hb.jpg) no-repeat center; background-size: 100% 100%; margin-bottom: 20px;  padding: 10px;}
.dd_hz{width:100%; height: 40px; line-height: 40px; border-bottom: 1px solid #f1f1f1;}
.dd_hz_left{width:80%; height: auto; float: left}
.dd_hz_left a{width:auto; height: 40px; line-height: 40px;  color:#000000; font-size: 1.8rem; float: left; text-align: center; margin-right:12%}
.dd_hz_left a.active{border-bottom: 2px solid #b91622}
.dd_hz_more{float:right; color:#777777; font-size: 1.3rem}
.index_all_li .swiper-container{margin-top:10px; position: relative}
.dd_hz_more:hover{color:#e6001f}





/*连接*/
.index_links{width:100%; height: auto; background: #fff; padding: 10px; margin: 0px auto 20px; overflow: hidden}


.accordion{width:100%; height: auto;}
.accordion>li{width:100%;   margin-bottom: 15px; }

.accordion .link{position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease; width: 100%; height: 50px; 
	background: #fbfbfb url(../images/san_bjs.png) no-repeat 95% center; border: 1px solid #e6e6e6; line-height: 50px; padding: 0px 20px; font-size: 1.6rem; color: #000000;}


.accordion li.open .link{color:#b63b4d}
.accordion li.open i{color:#b63b4d}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.submenu{display:none;    background: #fbfbfb;
    border: 1px solid #e6e6e6; border-top:0; font-size:1.4rem; padding: 10px 0}
.submenu a{display:block;text-decoration:none;color:#000;padding: 0 12px; line-height: 30px; -webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease; font-size: 1.4rem}
.submenu a:hover{color:#b91622}










/*联系我们*/
.index_contact{width:100%; height: auto; overflow:hidden; background:#333333;padding:25px 0;}
.index_contact dl{width:auto; display: table; margin: 0px auto;}
.index_contact dl dt{width:40%; height: auto;  float: left; margin-right: 10px;}
.index_contact dl dt img{width:100%; height: auto; display: block}
.index_contact dl dd{float: left; height:100%; padding-top:30px;}
.index_contact dl dd p{color:#fff; font-size: 1.3rem; line-height: 28px;}
.copy{width:100%; height: auto; text-align: center; margin-top:30px;}
.copy p{font-size:1.4rem; color: #999999; line-height: 28px;}
.copy a{width:100%; height: auto; font-size: 1.3rem; color: #999999; line-height: 33px;}
.copy img{vertical-align:middle; vertical-align:middle;}




/*底部*/
footer{ position: fixed;  bottom: 0;left: 0;z-index:666; height: 60px;width: 100%; font-size: .14rem;  background: #262121;}
footer a{width:20%; height: 100%; float: left; background: #b91622; text-align: center}
footer a i{width:26px; height: 20px; display: block; background: url(../images/f_icon1.png) no-repeat center; background-size: 100% 100%; margin:8px auto 5px}
footer a p{width:100%; height: 20px; line-height: 20px; color:#fff; font-size: 1rem}
.f_logo{width:80%; height: 100%; float: left; display: flex; align-items: center;}
.f_logo img{align-items: center; margin: 0px auto; width:55%}











/*内页面包屑导航*/
.pos{width:100%; height:auto; line-height:26px; padding:10px 2%; font-size:1em; clear:both;
  text-align:left; border-bottom:1px solid rgba(255, 255, 255, 0.38); color:#313131; font-size:1.3rem; margin-top:60px;}
 .pos a{color:#313131; font-size:1.3rem}
 .pos span{color: #b91622; font-size:1.3rem}
 .pos span.wei{background: url(../images/sy.png) no-repeat left center; padding-left: 20px; color: #313131; background-size:15px}
 .ny{width:100%; padding:20px 15px; line-height:26px; clear:both; color:#333333; font-size:1.3rem}
 .ny img,.index_abou_xx img{max-width:100%; display:block; height:auto!important}
 .ny_about_info{width:100%; height: auto; display: block; overflow: hidden; margin: 8px auto; padding: 0px 15px}
 .ny_ban{width:100%; height:auto; overflow:hidden; margin-top:60px;}
 .ny_ban img{width:100%; height:auto; display:block;}
 .ny p{color:#333333; font-size:1.3rem; line-height:26px;}




 /*内页新闻*/
.news_x{width:100%;  margin-bottom:10px; clear:both;padding:0px 10px; margin-top: 25px;}
.news_x li{width:100%; padding:12px 0px; border-bottom:#bebebe 1px solid; float:left;}
.news_x li h3{height:25px; color:#313131;  font-weight:bold; font-size:1.6rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.news_x li p{font-size:1.3rem; color:#7d7d7d; height: 20px; line-height: 20px;}
.news_x li h4{font-weight:normal; color:#626262; height:58px; line-height:20px; overflow:hidden; margin-top: 10px; font-size:1.3rem; }



/*内页荣誉资质*/
.honor_list{width:100%; padding:20px 10px; clear:both;}
.honor_list li{width:48%;  float:left;height: auto;}
.honor_list li img{width:100%;height: 100%; border:#ddd 1px solid; display:block;}
.honor_list li p{line-height:40px; height:40px; overflow:hidden; color:#333; font-size:1.3rem; text-align:center; clear:both; text-overflow:ellipsis; white-space:nowrap}
.honor_list li:nth-child(2n){float:right}


/*内页导航*/
.index_clei{ width:100%; height:auto; line-height:45px; background:#eeeeee; overflow: hidden}
.index_clei a{ color:#1b1b1b; font-size:1.3rem; text-align:center; width:33.33%; height:100%; display:block; overflow:hidden; float:left; }
.index_clei a:nth-child(4){ border-right:0px;}
.index_clei a.active{ background:#b91622; color:#fff }
.pic{width:100%; clear:both; height: 221px; padding-top: 70px;}
.about_ban{ background: url(../images/about.jpg) no-repeat; background-size: 100% 100%; text-align: center }
.about_ban h3{ font-size: 36px; font-weight: bold; color: #fff;}
.about_ban p{font-size: 18px; color:#fff}
.index_plei{width:100%; height:auto; line-height:45px; background:#dadada; overflow: hidden}
.index_plei a{ color:#333; font-size:1.3rem; text-align:center; width:50%; height:45px; display:block; overflow:hidden; 
float:left; }
.index_plei a.active{ background:#b91622;color:#fff }

.ny_biaoti{width: 100%; font-size:2rem; color: #000; padding: 10px 0px; text-align: center;  clear: both}
.ny_time{width: 100%;  line-height: 30px; color: #888; height: auto;   margin-bottom: 20px; border-top: 1px solid #666; border-bottom: 1px solid #666;
           text-align: center; clear: both; font-size:1.2rem;}
.keyword_light,.keyword_light p{font-size:1.4rem; color:#333; line-height:32px;}



/*联系我们*/
.ditu{width:100%;height:300px;padding: 0px 15px}
.ny_contact{width:100%; height:auto; display:block; font-size:1.4rem; color:#333; line-height:28px; padding:0px 10px; margin:20px 0 40px}




@media screen and (max-width:375px){
	.menu img{width:42%}
}
	
	
	
@media screen and (max-width:360px){
	.index_contact_dh h4 span{font-size: 1.8rem}
	.menu img{width:45%}
}


@media screen and (max-width:320px){
.index_contact_dh h4 span{font-size: 1.6rem}
	.logo{width:38%}
	.menu img{width:52%}
	.dd_hz_left{width:76%}
}