*{padding: 0; margin: 0;}
html,body {font-family: 'Microsoft Yahei', Helvetica, 'Hiragino Sans GB',  Arial, sans-serif;min-width: 1200px; line-height:1.5; font-size:16px; color:#111111;}
div,ul,li,a {box-sizing: border-box;  -moz-box-sizing: border-box;  /* Firefox */  -webkit-box-sizing: border-box;  /* Safari */}
li {list-style: none;}
a {text-decoration: none;}
img {border: 0;}
.l {float: left;}
.r {float: right;}
.clearfix:before,.clearfix:after {content: "";display: block; height: 0; clear: both;visibility: hidden;}
.tc {text-align: center;}
.tr {text-align: right;}
.clear{display: block; height: 0; clear: both;}
h4{ font-weight:400;}
em,i{font-style:normal;font-family: 'Brandon Grotesque', sans-serif;
font-style: normal;
font-weight: 100; /* 100=Thin, 300=Light, 400=Regular, 500=Medium, 700=Bold, 900=Black */
}

.hong{color:#c1171c;}
.fenbg{ background:#f5e1e3;}
.container {position: relative; width: 1200px; margin: 0 auto; position: relative;}
.m-banner{ display:none;}
.banner { height: 735px;background:url(../images/banner.jpg) top center; overflow: hidden; display: flex; justify-content: center;align-items: center;}
.flex { display: flex; }
.flexf { display: flex; justify-content:space-between;}
.banner img {width: 100%;}
.main { background:#19191b;  position: relative; height: auto; overflow: hidden;}
.nav { width: 100%; height: 60px; background: #c1171c; z-index: 9999;}
.nav.roll { position: fixed; top: 0; z-index: 999;}
.nav li { float: left;width:calc(100%/8); font-size:20px; text-align: center;}
.nav li a {display: block;height: 20px;line-height: 20px;margin: 20px 0;width: 100%;text-align: center;color: #fff;}
.nav li.last {cursor: pointer; font-size:20px;color: #e7c385;line-height: 60px; padding-left: 30px;background: #00387b url(../images/bm.png) no-repeat 11px center;}
.nav li.last a{ color:#fff; }
.nav li:last-child a { border-right: none}
.nav li.current { background: #1a1a1a;}
.nav li.current a {}
.pic-title {text-align: center; font-size:36px; line-height:1;}
.pic-title span{ font-size:42px; display:block;font-weight:bold;}
span.dabiaoti{ font-size:32px;color:#c1171c; line-height:1.6; font-weight:bold; margin-bottom:10px; display:block; padding-left:60px; background:url(../images/title.png) left center no-repeat;}
span.dabiaoti b{font-size:36px;}

.block1 {width: 100%; padding:100px 0 70px 0; color:#fff;}
.block1 .container{ justify-content: space-between;flex-direction: row-reverse;}
.block1 .pic-title { padding-top: 10px; margin-bottom: 150px;}
.block1 .wrapper { width: 960px; padding: 0 22px 20px;  color: #333;line-height:36px;}
.block1 p { font-size: 16px; font-weight: 400;}
.block1 .block1l{ width:calc(100% - 386px);color:#333; padding:30px; margin:50px 0;}
.block1 .block1l li:nth-child(1){ margin:10px 0 35px;}
.block1 .block1l p{ border:1px solid #666; padding:25px; font-size:16px; line-height:2;}
.block1 .block1r{width:386px; border:5px solid #fff;line-height: 0;}
.block1 .block1r img{ width:100%;}


.block2 {width: 100%; max-width: 1200px; margin:0 auto; padding:100px 0;color:#fff;}
.block2 .block2c {position:relative;margin-top:70px; line-height:1.9;}
.block2 .block2c img{ position:absolute; top:5px; right:0px; z-index:0;}
.block2 .block2c li{ margin-top:65px; position:relative; z-index:9;}
.block2 .block2c li em{ font-weight:bold; }
.block2 .block2c li:nth-child(1){ width:65%;}
.block2 .block2c li:nth-child(2){ width:77.3%;}
.block2 .block2c li:nth-child(2){ margin-top:50px;}
.block2 .block2c li:nth-child(2) p{ background:#19191b;}
.block2 .block2c li p{ border:1px solid #666; padding:20px;}
.block2 .block2c i{ width:10px; display:inline-block;}

.block3 { position: relative; width: 100%; min-width: 1200px; overflow: hidden; padding:100px 0;}
.block3 .block3c {max-width: 1200px; margin:0 auto;margin-top:20px;}
.block3 .block3c .block3c1{ text-align:center;}
.block3 .block3c .block3c2{ margin-top:50px;}
.block3 .block3c .block3c2 span{ display:block; border-bottom:1px solid #666; font-size:36px; line-height:2; margin-bottom:15px;font-weight:bold;}
.block3 .block3c .block3c2 b{ font-size:20px; display:block;}
.zuoyoutu{position: relative;justify-content: space-between;}
.zuoyoutul { max-width:121px;}
.zuoyouturc{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%)scale(1);width: 100%;}
.zuoyoutur{ width:calc(100% - 141px); position:relative;}
.zuoyoutul img{ width:100%;}
.block3 .block3c .block3c3{ margin-top:50px; line-height:2;}
.block3 .block3c .block3c3 img{ float:left; margin-right:20px;}
.block3 .block3c .block3c3 span{ display:block; border-bottom:1px solid #666; font-size:36px; line-height:2; margin-bottom:15px;font-weight:bold;}
.block3 .block3c .block3c3 b{ font-size:20px; padding-top:10px; display:inline-block;}
.block3 .block3c .block3c3 .zuoyoutu{ border-top:1px dashed #999; padding-top:20px; margin-top:20px;}
.block3 .block3c .block3c4{ justify-content: space-between;}
.block3 .block3c .block3c4l{ margin-top:50px; width:60%;}
.block3 .block3c .block3c4l span{ display:block; border-bottom:1px solid #666; font-size:36px; line-height:2; margin-bottom:15px;font-weight:bold;}
.block3 .block3c .block3c4l b{ font-size:36px;}
.block3 .block3c .block3c4l h4{ font-size:24px;}
.block3 .block3c .block3c4l em{ font-size:16px; font-weight:400;}
.block3 .block3c .block3c4r{ margin-top:50px;width:35%;}
.block3 .block3c .block3c4r span{ display:block; border-bottom:1px solid #666; font-size:36px; line-height:2; margin-bottom:15px;font-weight:bold;}
.block3 .block3c .block3c4r b{ font-size:36px;}
.block3 .block3c .block3c4r h4{ font-size:24px;}
.block3 .block3c .block3c5{border:1px solid #999; padding:20px; padding-bottom:0px; margin-top:60px;}
.block3 .block3c .block3c5 span{ display:block; font-size:28px; line-height:50px; font-weight:bold;}
.block3 .block3c .block3c5 li{ margin-bottom:35px;}

.bg4img{ float:right;}
.block4 { position: relative; max-width: 1200px; overflow: hidden; margin:0 auto;padding:100px 0; color:#fff;}
.block4 .block4c { max-width:1200px; margin:0 auto;justify-content: space-between; margin-top:70px;}
.block4 .block4c ul{padding:0px 0px 5px 0px; }
.block4 .block4c .block4cl{background:url(../images/title_4bg.jpg) no-repeat 15px bottom; }
.block4 .block4c .block4cr{background:url(../images/title_4bg.png) no-repeat 8px bottom; }
.block4 .block4c ul li{ margin-top:30px;}
.block4 .block4c ul i{ text-align:center;font-style:normal; font-size:16px; color:#fff; width:32px; height:32px; border-radius:50%; line-height:32px; display:inline-block;background:#c1171c; margin-right:20px;}
.block4 .block4c ul li span{ display:block; font-size:20px; font-weight:bold;}

.block5 {position: relative;width: 100%;  padding:100px 0;}
.block5 .block5c { max-width:1200px; margin:0 auto;justify-content: space-between; margin-top:50px; font-size:18px;}
.block5 .block5c li{border-bottom:1px solid #999; padding:6px 0px; line-height:1.5;}
.block5 .block5c li:nth-child(1){ font-size:18px;}
.block5 .block5c li:nth-child(odd) img{ float:right; margin-left:30px;}
.block5 .block5c li:nth-child(even) img{ float:left;margin-right:30px;}
.block5 .block5c li span{ display:block; font-size:32px; font-weight:bold; text-transform:uppercase;}
.block5 .block5c li b{ display:block; margin-bottom:10px; color:#666;}
.block5 .block5c li:nth-child(2) span{ margin-top:20px;}
.block5 .block5c li:nth-child(3) span{ margin-top:50px;}
.block5 .block5c li:nth-child(4) span{ margin-top:50px;}
.block5 .block5c>span{ text-align:center; line-height:3; display:block;}
.block5 .block5c .toggle-btn,.block5 .block5c .toggle-btn2,.block5 .block5c .toggle-btn3,.block5 .block5c .toggle-btn4,.block5 .block5c .toggle-btn5,.block5 .block5c .toggle-btn6{ display:none;}


.block6 { position: relative; width: 100%; max-width: 1200px; overflow: hidden; padding:100px 0;margin:0 auto; font-size:18px; color:#fff;}
.block6 .block6c{border:1px solid #666; padding:20px; height: 535px;overflow-y: auto; margin-top:50px;line-height: 2;}
.block6 .block6c li { display:flex;}
.block6 .block6c li i{ width:18%;}
.block6 .block6c li span a{ color:#fff;}
.block6 .block6c li span a:hover{ color:#eee;}


.block7 {position: relative;width: 100%;min-width: 1200px;overflow: hidden;padding-top:100px;padding-bottom: 50px;}
.block7 .container{ width:1200px;}
.block7 .pic-title { margin-bottom: 10px;}
.block7 .mySwiper {padding:15px 0px; width: 1100px; overflow: hidden;}
.block7 .mySwiper3 {padding:15px 0px; width: 1100px; overflow: hidden;}
.block7 .mySwiper3 a{ color:#333;}
.block7 .block7foot{width:1200px;position:relative; background:#fff;}
.swiper-backface-hidden .swiper-slide{ }

.block8 {max-width:1200px; margin:0 auto; margin-top:50px; background:#fff;}
.block8 ul{justify-content: space-between; padding:30px;}
.block8 ul li img{ border:8px solid #fff;}
.block8 ul li a{ text-align:center; display:block; color: #666;}



.indexcon{ width:1200px; margin:0 auto;margin-top:50px;l}
.mySwiper2 {height: 80%;width: 100%;background:url(../images/title_7.png) no-repeat center bottom; padding-bottom:10px !important;background-size: 100% auto;}
.mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.mySwiper .swiper-slide {width: calc(20% - 20px);height: 100%;opacity: 1; text-align:center; font-size:12px;}
.mySwiper .swiper-slide-thumb-active {opacity: 1; }
.mySwiper .swiper-slide-thumb-active img{ border:3px solid #ce1f27;}
.mySwiper img{ width:calc(100% - 6px);border:3px solid #fff;}
.mbigimg{ width:320px; height:390px; margin:0 auto;}
.bigimg img{  height:550px; object-fit:cover;}

.mySwiper3 {height: 20%;box-sizing: border-box;padding: 10px 0;}
.mySwiper3 .swiper-slide {width: calc(20% - 20px);height: 100%;opacity: 1; text-align:center; font-size:16px;}
.mySwiper3 .swiper-slide-thumb-active3 {opacity: 1; }
.mySwiper3 .swiper-slide-thumb-active3 img{ border:3px solid #ce1f27;}
.mySwiper3 img{ width:calc(100% - 6px);border:3px solid #fff;}



.swipermone{ width:100%; border:1px solid #D79D65; box-sizing:border-box; padding:15px 20px; margin:0 auto;  padding-bottom:0px;}
.swipermolist{ }
.swipermolist .img{ width:307px; height:191px; margin:0 auto;}
.swipermolist .txt{ margin:10px 0px; line-height:20px; font-size:14px; color:#fff4eb;}
.swipermtwo {margin-top:65px;background-size:360px auto;padding:60px 0px;}
.mwqhgbox{ padding:0px 17px; padding-top:20px; border-top:1px solid #3C3C3C; border-bottom:1px solid #3C3C3C; margin:0 auto;}
.mwqhgbox li{ width:100%; }
.mwqhgbox li .img{ }
.mwqhgbox li .img img{ width:100%;}
.mwqhgbox li .txt{ height:40px; line-height:40px; padding:0px 10px; color:#fff4eb; font-size:14px;}
.mwqhgbox li .txt span{ float:right;  color:#fff4eb;}
.mwqhgbox li .txt span a{ color:#fff4eb;}

.mbotbox{ background-color:#1E1E1E; margin-top:40px;}
.mbotbox .btop{ width:100%; margin:0 auto; padding:20px 0px; padding-bottom:10px;}
.mbotbox .btop .img{  float:left;}
.mbotbox .btop .img img{ width:90px;}
.mbotbox .btop .txt{ line-height:30px; font-size:12px; color:#fff; margin-left:10px; float:left;}
.mbotbox .btop .ewmpic{ float:right; font-size:14px; color:#fff; margin-right:10px; text-align:center; line-height:30px;}
.mbotbox .btop .ewmpic img{ }
.mbotbox .btxt{ text-align:center; line-height:24px; padding:10px 10px; font-size:12px; color:#666; border-top:1px solid #3C3C3C;}

.mfooter{ display:none;}
.footer { position: relative; width: 100%;min-width: 1200px;background-color: #666666;  color: #fff; font-size:14px;}
.footer .container { padding: 30px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.footer .footer1{ width:20%;}
.footer .footer1 img{ max-width:100px; max-height:100px; margin-right:10px;}
.footer .footer2{ text-align:center; line-height:1.8;}
.footer .footer3{ text-align:center;line-height:20px;width:15%; padding-left:5%;}
.footer .footerc{ width:50%; padding-top:30px;}
.footer .footerr{ width:20%; line-height:15px; text-align:center;}
.footer .btm {text-align: center;padding:5px 0;border-top: 1px solid #ccc;font-size: 14px;letter-spacing: 0px; line-height:28px;}
.author{ line-height:2.5;}
.footer .btm a {color: #fff; padding:0 5px;}

.leimap{ display:none;}  
.fudong{ position:fixed; right:5px; bottom:20%; z-index:999; }
.fudong img{ max-width:60px;}
#gotop{ position: fixed; right:5px;bottom: 13%;z-index: 9999;}

@media(max-width:767px){
html, body,.footer{ min-width:320px;font-size:14px;line-height:25px;}
.m-banner{ display:block; margin:0px; padding:0px; }
.m-banner img,.zuoyoutur,.zuoyoutul{ width:100%;}
span.dabiaoti b,.pic-title{ font-size:28px;}
.pic-title span{ font-size:32px;}
.banner,.nav {display: none;}
.zuoyoutu{ display:block;}
.zuoyouturc{ position:initial;transform: translate(0%, 0%) scale(1);}
.zuoyoutul img{ width:100px !important;}
.block1 .container{ display:block;}
.block1,.block2,.block3,.block4,.block5,.block6,.block7{ width:100%;min-width:320px;padding-top:60px;padding-bottom:60px;}
.block1{padding-top:60px;background:#f5e1e3; color:#111111;}
.block1 .block1l{ width:100%; padding:0;margin:0;}
.block1 .block1r{ width:100%;}
.block1 .block1r video{ width:100%; height:auto;}
.block1 .block1l p{ border:0px; border-top:1px solid #c1171c; font-size:14px; padding:20px 0; line-height:1.8;}
.block1 iframe{ height:75vh;}
.container{ width:94% !important; margin:0 auto; min-width:320px;}
.r,.l{ float:none;}
.block1 .r{ width:100%;margin:30px auto 0px; padding-left:0px;}
.main { margin-top:-7px !important;}
.block2 .block2c{ margin-top:0;}
.block2 .block2c,.block3 .block3c{ padding:20px;}
.block2 .block2c img{ display:none;}
.block2 .block2c li{ width:100% !important;margin-bottom:30px;}
.block2 .block2c li:nth-child(1){margin-top:0;}
.block2 .block2c li:nth-child(2){margin-top:0;}
.block2 .block2c li:nth-child(3){margin:0;}
.block2 .block2c li p{border:0px; border-top:1px solid #c1171c; padding-left:0px; padding-right:0px;}
.block1 .pic-title{margin-bottom:25px;}
.block2 .pic-title{margin-bottom:25px;}
.block3 .pic-title{margin-bottom:25px;}
.block3 .block3c .block3c3 img{ width:50%; margin:0 auto 20px auto; float:none;display: block;}
.block3 .block3c b,.block3 .block3c .block3c3 b{ display:block; line-height:1.2;padding-top:0px;}
.block3 .block3c .block3c4,.block3 .block3c .block3c4l em,.block4 .block4c{ display:block;}
.block3 .block3c .block3c4l,.block3 .block3c .block3c4r{ width:100%;}
.block3 .block3c .block3c4l .zuoyoutu{margin-bottom:20px;}
.block3 .block3c .block3c4r .zuoyoutu{ display:flex;}
.block3 .block3c .block3c4r .zuoyoutu .zuoyouturc{ padding:20px; line-height:3;}
.block3 .block3c .block3c5 span{ font-size:18px;}
.block3 .block3c .block3c5 li{ margin-bottom:15px;}
.block3 .block3c .block3c5{ padding:10px;}
.block4 .block4c{ padding:20px;}
.block4 .block4c ul li{ margin:0px; padding-bottom:15px;}
.block4 .block4c ul li p{ width:calc(100% - 55px);}
.block4 .block4c ul li span{ font-size:18px;}
.block5 .block5c{padding:10px;font-size:16px; margin-top:0;}
.block5 .block5c li img{ width:70%; margin:0 auto !important; float:none !important; display:block; margin-top:50px !important;}
.block5 .block5c li{ margin-bottom:10px; padding-bottom:20px;}
.block5 .block5c li span{ margin-top:0px !important; text-align:center;}
.block5 .block5c li b{text-align:center;}
.block5 .block5c .text,.block5 .block5c .text2,.block5 .block5c .text3,.block5 .block5c .text4,.block5 .block5c .text5,.block5 .block5c .text6 {display: -webkit-box; -webkit-line-clamp: 3; /* 默认显示3行 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; transition: all 0.5s ease; /* 动画效果 */}
 .block5 .block5c .text.expanded,.block5 .block5c .text2.expanded2,.block5 .block5c .text3.expanded3,.block5 .block5c .text4.expanded4,.block5 .block5c .text5.expanded5,.block5 .block5c .text6.expanded6{ -webkit-line-clamp: unset; /* 展开时显示全部内容 */ height: auto; padding-bottom:20px;}
 .block5 .block5c .toggle-btn,.block5 .block5c .toggle-btn2,.block5 .block5c .toggle-btn3,.block5 .block5c .toggle-btn4,.block5 .block5c .toggle-btn5,.block5 .block5c .toggle-btn6{ margin:20px 0;cursor: pointer; display:block; border:0px;color:#999; background:none;}
 .block5 .block5c li{padding:0px;font-size: 16px !important; padding-bottom:20px;}
 .block5 .block5c .btn{ display:none !important;}
 .block6 .block6c{ margin:10px; font-size:14px;}
 .block6 .block6c li{ margin-bottom:10px;}
 .block6 .block6c li i{ width:100px;}
 .block6 .block6c li span{width:calc(100% - 102px);}
 .block5 .pic-title {margin-bottom: 20px;}
 .block6 .pic-title {margin-bottom: 60px;}
 
 .block8 ul{ border:0px; padding:5px;}
 .block8 ul li img{ border:0px;}
 .block8 li{ width:33%;}
 .block8 li img{ width:100%;}
 .indexcon,.block7 .block7foot{ width:100%;}
 .indexcon{ margin-top:50px;}
 .indexcon .bigimg img{ width:80%; margin:0 auto;height: auto;}
 .footer .flexf{ display:none !important;}
 .pic-title img{ width:60%;margin: 0 auto;} 
 .block7 .mySwiper{ width:100%;} 
 .footer .footer1{width:100%; margin-bottom:5%; display:none;}
 .footer .footer3{width:100%;margin-top:5%;}
 .leipc{ display:none;}
 .leimap{ display:block;}   
 
     #gotop{ display:block;}
	.gotop img{ max-width:60px;}
}