@charset "utf-8";
* { margin: 0; padding: 0; }
li { list-style: none; }
img { border: 0; max-width: 100%;max-height: 100%;}
a { text-decoration: none; color: #000; outline: none; }
body { min-width: 320px; font-family:'Arial', "Microsoft yahei"; max-width: 750px; margin: 0 auto;position: relative;}
input { outline: none; }
.fl { float: left; }
.fr { float: right; }
.dn { display: none; }
.wrap { margin: 0 15px;  overflow: hidden;}
.clear { clear: both; }
/* head */
.head{position: relative;}
.head .pic img{display: block;}
.head .top{position: absolute;top: 10px;width: 100%;overflow: hidden;}
.head .top .fl{width: 40%;padding-left: 15px;box-sizing: border-box;}
.head .top .fl img{display: block;}
.head .top .fr{width: 55%;right: 15px;overflow: hidden;position: absolute;top: 50%;margin-top: -8px;}
.top-r{float: right;overflow: hidden;}
.head .top .fr p{float: left;font-size: 12px;color: #fff;margin-right: 10px;height: 16px;line-height: 16px;}
.head .top .fr p a{color: #fff;margin: 0 5px;}
.head .top .fr .search{float: left;width: 16px;}
.head .top .fr .search img{display: block;}
.logo-btnshow {margin: 3% 1.5% 1.5% 1.5%;overflow: hidden;display: none;position: relative;}
.show-test {width: 100%;float: left;height: 18px;line-height: 18px;text-indent: 15px;border: none;font-family: "微软雅黑";font-size: 14px;padding: 8px 0px;border: 1px solid #eaeaea;}
.show-btn {width: 60px;position: absolute;right: 0px;top: 0px;height: 36px;line-height: 36px;border: none;color: #fff;background-color: #f81c1b;}
/*nav*/
.nav-bg{padding: 4% 3% 6% 3%;position: relative;box-shadow: 0px 14px 18px 0px rgba(0, 0, 0, 0.06);}
.nav-bg ul{overflow: hidden;}
.nav-bg li{float: left;width: 25%;margin-bottom: 4%;text-align: center;}
.nav-bg li a{font-family: "微软雅黑";font-size: 14px;color: #6a1515;cursor: pointer;}
.nav-down{cursor: pointer;position: absolute;bottom: 0;left: 48%;width: 3%;padding-bottom: 3%;}
.nav-down img{width: 100%;padding-top: 90%;}
.dowm-box{overflow: hidden;display: none;position: relative;}
/* part1 */
.part1{margin-top: 40px;}
.title{margin-bottom:15px;}
.title a{font-size: 24px;color: #f81c1b;font-weight: bold;display:table;margin: 0 auto;padding-left: 28px;}
.part1 .title a{background: url(../images/part1-title.png) no-repeat left center;background-size: 20px;}
.swiper-wrapper{width:80% !important;margin-right: 0 !important;}
.swiper-slide{position: relative;}
.swiper-slide a{display: block;}
.swiper-slide img{width:100%;display: block;border-radius: 6px;}
.swiper-slide .tit {position: absolute;bottom: 0;left: 0;width: 100%;background-color: rgba(0,0,0,0.5);height: 40px;line-height: 40px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;}
.swiper-slide .tit p{text-align: center;font-size: 16px;color: #fff;padding:0 10px;box-sizing: border-box;word-break: break-all;}
.swiper-button-next, .swiper-button-prev{width: 50px;margin-top: -15px !important;width: 14px !important;height: 30px !important;}
.swiper-button-next{background: url(../images/part1-03.png) no-repeat center !important;background-size: 100% 100% !important; right: 6px !important;}
.swiper-button-prev{background: url(../images/part1-02.png) no-repeat center !important;background-size: 100% 100% !important; left: 6px !important;}
.part1 ul{margin: 30px 15px;}
.part1 ul li{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
.part1 ul li a{font-size: 16px;color: #343434;font-weight: bold;line-height: 24px;}
.more{display: block;height: 40px;line-height: 40px;text-align: center;background-color: #f6f6f6;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;font-size: 14px;color: #333333;}
/* part2 */
.part2{margin-top: 40px;}
.part2 .title a{background: url(../images/part2-title.png) no-repeat left center;background-size: 20px;}
.part2-t{padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;}
.part2-t a{display: block;position: relative;overflow: hidden;}
.part2-t .pic{position: relative;width: 150px;float: left;}
.part2-t .pic img{display: block;width: 150px;height: 102px;overflow: hidden;}
.part2-t .text{margin-left: 160px;}
.part2-t .text h5{font-size: 16px;color: #343434;line-height: 24px;height: 48px;overflow: hidden;margin-bottom: 4px;}
.part2-t .text p{font-size: 12px;color: #8d8d8d;line-height: 16px;height: 48px;overflow: hidden;}
.part2 ul{margin-bottom: 30px;}
.part2 ul li{padding: 10px;border-bottom: 1px solid #e5e5e5;}
.part2 ul li a{font-size: 16px;color: #343434;line-height: 24px;height: 48px;overflow: hidden;text-indent: 14px;display: block;background: url(../images/part2-02.png) no-repeat left 8px;background-size: 6px;}
/* part3 */
.part3{margin-top: 40px;}
.part3 .title a{background: url(../images/part3-title.png) no-repeat left center;background-size: 20px;}
.part3 ul{margin-bottom: 30px;}
.part3 ul li{padding: 10px;border-bottom: 1px solid #e5e5e5;}
.part3 ul li a{font-size: 16px;color: #343434;line-height: 24px;height: 48px;overflow: hidden;text-indent: 14px;display: block;background: url(../images/part2-02.png) no-repeat left 8px;background-size: 6px;}
/* part4 */
.part4{margin-top: 40px;}
.part4 .wrap{overflow: auto;}
.part4 .title a{background: url(../images/part4-title.png) no-repeat left center;background-size: 20px;}
.part4-nr{margin:0 auto 30px auto; position:relative;}
.part4-nr .hd{ width:100%; height:11px; z-index:1;text-align:center;margin-top: 10px;}
.part4-nr .hd ul{ display:inline-block; height:5px;font-size:0; vertical-align:top;}
.part4-nr .hd ul li{ display:inline-block; width:5px; height:5px;border-radius: 10px; background-color:#cf2b2a; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.part4-nr .hd ul .on{ background:#cf2b2a;width: 15px;  }
.part4-nr .bd{ position:relative;}
.part4-nr .bd li a{display: block;box-shadow: 0px 14px 18px 0px rgba(0, 0, 0, 0.06);}
.part4-nr .bd li .pic{ width:100%; }
.part4-nr .bd li .pic img{display: block;border-top-left-radius: 10px;border-top-right-radius:10px;}
.part4-nr .bd li .text{padding: 20px;border-bottom-left-radius: 10px;border-bottom-right-radius:10px;}
.part4-nr .bd li .text h5{font-size: 16px;color: #343434;line-height: 24px;height: 48px; overflow: hidden;margin-bottom: 10px;}
.part4-nr .bd li .text p{font-size: 12px;color: #8d8d8d;line-height: 16px;height: 48px;overflow: hidden;}
/* part5 */
.part5{margin-top: 40px;}
.part5 .title a{background: url(../images/part5-title.png) no-repeat left center;background-size: 20px;}
.part5 ul{margin-bottom: 30px;}
.part5 li{margin-bottom: 20px;}
.part5 li a{display: block;padding-left: 14px;font-size: 16px;color: #323232;background: url(../images/part2-02.png) no-repeat left center;background-size: 4px;line-height: 20px; height: 20px;overflow: hidden;}
/* part6 */
.part6{margin-bottom: 30px;}
.part6 .title a{background: url(../images/part6-title.png) no-repeat left center;background-size: 20px;}
/* footer */
.footer{  background: #a4171a; padding: 20px 0;}
.footer-logo img{display: block;margin: 0 auto;width: 150px;}
.footer-logo{padding-bottom: 20px;border-bottom: 1px solid #484848;}
.footer ul{padding-top: 20px;}
.footer ul li{font-size: 12px;color: #fff;text-align: center;line-height: 24px;}
/* fixed */
.fixed{position: fixed;right: 15px;bottom: 50px;}
.fixed li{margin: 10px 0;}
.fixed li img{display: block;width: 30px;}
/*列表页*/
.list-head{background: url(../images/list-top.png) no-repeat top center;background-size: 100% 100%;padding: 20px 0;}
.list-head .top{position: relative;top: 0;}
.list-top{background-color: #cf2b2a;padding: 3% 4% 5% 4%;}
.list-top img{width: 100%;cursor: pointer;}
.list-nav{background-color: #f6f6f6;}
.active a{border-bottom: 2px solid #ee3d3c;color: #cf2b2a !important;padding-bottom: 2%;}
.position{background-color: #cf2b2a;position: relative;height: 40px;line-height: 40px;}
.position-left{overflow: hidden;margin-left: 20px;}
.position-left img{float: left;width: 20px;display: block;margin-top: 5px;}
.position-left h4{font-family: "微软雅黑";font-size: 20px;color: #ffffff;font-weight: normal;margin-left: 3%;float: left;}

/*二级导航*/
.twonav-box{background-color: #efefef;position: relative;padding: 2% 6% 2% 3%;}
.two-nav{position:relative;top:22%;left:3%;cursor: pointer;width: 28px;}
.two-nav img{width:80%;}
.nav-show{overflow:hidden;display:none;padding: 3% 1.5% 1.5% 1.5%;}
.nav-show ul li{width:100%;height:28px;line-height:28px;border-bottom: 1px solid #ffcc33;}
.nav-show ul li a{color:#666666;}
.list-box{padding: 20px 15px;}
.list-box li{line-height: 40px;height: 40px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;padding-left: 14px;background: url(../images/part2-02.png) no-repeat left center;background-size: 4px;}
.list-box li a{font-family: "微软雅黑";font-size: 16px;color: #333333;cursor: pointer;}
.list-more{margin-top: 5%;}
.list-more h2{font-family: "微软雅黑";font-size: 20px;text-align: center;cursor: pointer;font-weight: normal;}
.list-more h2 a{color: #cf2b2a;}
.list-more img{display: block;margin: 0 auto;width: 5%;margin-top: 3%;}
/*展示页*/
.show-box{padding: 20px 15px;}
.show-title{border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
.show-title h3{font-family: "微软雅黑";font-size: 22px;color: #000000;font-weight: normal;line-height: 30px;margin-bottom: 10px;}
.show-title span{font-family: "微软雅黑";font-size: 12px;color: #999999;margin-right: 10px;}
.show{margin-top: 10px;}
.show p{font-family: "微软雅黑";font-size: 16px;color: #666666;text-indent: 32px;line-height: 30px;margin-bottom: 6px;}
.fanye{margin-top: 30px;}
.fanye span{display: block;font-family: "微软雅黑";font-size: 16px;color: #333333;margin-bottom: 10px;}
.fanye span a{color: #666666;cursor: pointer;}
@media screen and (min-width:0px) and (max-width: 320px){ 
.swiper-slide img{height: 184px;}
}
@media screen and (min-width:321px) and (max-width: 460px){ 
  .swiper-slide img{height: 236px;} 
}
@media screen and (min-width:461px) and (max-width: 560px){ 
   .swiper-slide img{height: 293px;} 
}
@media screen and (min-width:561px) and (max-width: 660px){ 
   .swiper-slide img{height: 351px;} 
}
@media screen and (min-width:661px) and (max-width: 749px){ 
   .swiper-slide img{height: 408px;} 
}
@media screen and (min-width:750px){ 
   .swiper-slide img{height: 431px;} 
}






































