*{ margin:0; padding:0; border:0;}
body{ font-size:14px; font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei"; background-color:#f6f6f6;}
li{ list-style:none;}
a { color:#333; text-decoration:none;}
a:hover {color: #333; text-decoration:none;}

.nav_main { overflow:hidden;}
.nav_box { width:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:1000;}
.nav { width:1200px; margin:0 auto; overflow:hidden;}
.logo { float:left; margin-top:-10px;}
.nav_li { float:left; width:1000px; overflow:hidden;}
.nav_li ul { padding-left:111px;}
.nav_li li { float:left; font-size:18px; line-height:27px; color:#333333; padding:34px 20px 0; font-family: SourceHanSansCN-Medium, SourceHanSansCN;}
.nav_li li a { color:#333333;}
.sou { float:right; padding-top:35px;}
.nav_box2 { width:100%; overflow:hidden; position:absolute; left:0; top:60px; z-index:1001;}
.nav_box2 ul { width:920px; padding-left:280px; margin:0 auto; overflow:hidden;}
.nav_box2 li { line-height:58px; padding-top:10px; display:none;}
.nav_box2 li a { color:#F8F8F8; font-size:14px; line-height:21px; padding:0 20px;}
.nav_box2 li a:hover { color:#CC1E19;}
.nav_box2 li:nth-child(1) { background:url(../images/san.png) 65px 0 no-repeat;}
.nav_box2 li:nth-child(2) { background:url(../images/san.png) 250px 0 no-repeat;}
.nav_box2 li:nth-child(3) { background:url(../images/san.png) 434px 0 no-repeat;}
.nav_box2 li:nth-child(4) { background:url(../images/san.png) 580px 0 no-repeat;}
.nav_box2 li:nth-child(5) { background:url(../images/san.png) 692px 0 no-repeat;}
.nav_box2 li:nth-child(6) { background:url(../images/san.png) 805px 0 no-repeat;}
.nav_back { width:100%; height:68px; overflow:hidden; position:absolute; left:0; top:60px; z-index:999; background:url(../images/nav_meng.png) repeat-x; display:none;}

.banner { width:100%; height:590px; margin-bottom:60px; overflow:hidden; background-color:#c1d9ee;}
.swiper-container {}
.swiper-container p { width:1200px; height:144px; margin:311px auto 0; color:#333333; font-size:20px; line-height:24px; font-family: Arial-BoldMT, Arial;}
.swiper-container p span { display:block; color:#333333;  margin-left:610px; width:590px;}
.swiper-slide { position:relative;}
.swiper-slide .text {

  font-size: 14px;
  width: 100%;
  line-height: 1.3;
  position:absolute;
  left:0;
  top:0;
  
}
.dian_box { width:100%; position:absolute; left:0; top:0;}
.dian_main { width:1200px; margin:0 auto; position:relative;}
.swiper-pagination {
  position: absolute;
  right:0;
  top:500px;
  left:auto;
  bottom:auto;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination .swiper-pagination-bullet { width:13px; height:13px; border:solid 2px #CC1E19; background:none; opacity:1;}
.swiper-pagination .swiper-pagination-bullet-active { width:13px; height:13px; border:solid 2px #CC1E19; background-color:#CC1E19; opacity:1;}

h1 { width:1200px; margin:0 auto 40px; overflow:hidden;}
h1 img { width:100%;}

.main { width:1200px; margin:0 auto 80px;}
.swiper-container2 { position:relative;}
.swiper-container2 .swiper-slide { position:relative;}
.swiper-container2 .swiper-slide b { display:block; text-align:center; font-size:34px; line-height:56px; height:132px; visibility:hidden; position:relative;}
.swiper-container2 .swiper-slide span { display:block; text-align:center; font-size:28px; line-height:46px; height:92px; margin-bottom:20px; color:#333333;  visibility:hidden; font-family:Arial-BoldMT, Arial;}
.swiper-container2 .swiper-slide b a { color:#333333; position:absolute; left:0; bottom:0; width:100%; text-align:center;}
.swiper-container2 .swiper-slide img { border-radius:0}
.swiper-container2 .swiper-slide.swiper-slide-active b { visibility:visible;}
.swiper-container2 .swiper-slide.swiper-slide-active span { visibility:visible;}

.main2 { width:1200px; margin:0 auto;}
.title { text-align:center; margin-bottom:20px;}
.mian_f1 { padding: 25px 0 25px; overflow:hidden;}
.mian_f1.hui { background-color:#F8F8F8;}
.block { width:1200px; margin:0 auto;}
.block_left { float:left; width:280px; margin-right:50px;}
.block_left b { font-size:14px; line-height:19px; margin-top:20px; margin-bottom:12px; display:block; font-weight:normal;}
.block_left strong { font-size:14px; margin-bottom:12px; line-height:16px; display:block; font-weight:normal;}
.block_left span { display:block;}
.block_left span a { display:block; width:60px; height:30px; background:url(../images/more.png) no-repeat}
.block_left span a:hover { background:url(../images/more_tab.png) no-repeat}
.block_right { width:870px; float:left; overflow:hidden;}

.swiper-container3 { width:93.4%; margin:0 auto; position:relative;}
.swiper-container3 .swiper-slide { position:relative;}
.swiper-container3 .swiper-slide b { display:block; text-align:center; font-size:18px; line-height:24px; margin-bottom:10px;}
.swiper-container3 .swiper-slide span { display:block; text-align:left; font-size:18px; line-height:24px; margin-bottom:10px; margin-bottom:20px; color:#333333; font-family:Arial-BoldMT, Arial;}
.swiper-container3 .swiper-slide b a { color:#333333;}
.swiper-container3 .swiper-slide img { border-radius:0; margin-bottom:20px}
.swiper-container3 .swiper-slide strong { width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.swiper-container3 .swiper-slide strong:hover { background:url(../images/play1.png) center 64px no-repeat #000; opacity:0.5;}
.swiper-container3 .swiper-slide strong a { width:100%; height:100%; display:block;}

.swiper-container4 { width:93.4%; margin:0 auto; position:relative;}
.swiper-container4 .swiper-slide { position:relative;}
.swiper-container4 .swiper-slide b { display:block; text-align:center; font-size:18px; line-height:24px; margin-bottom:10px;}
.swiper-container4 .swiper-slide span { display:block; text-align:left; font-size:18px; line-height:24px; margin-bottom:10px; margin-bottom:20px; color:#333333; font-family:Arial-BoldMT, Arial;}
.swiper-container4 .swiper-slide b a { color:#333333;}
.swiper-container4 .swiper-slide img { border-radius:0; margin-bottom:20px}
.swiper-container4 .swiper-slide strong { width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.swiper-container4 .swiper-slide strong:hover { background:url(../images/play1.png) center 64px no-repeat #000; opacity:0.5;}
.swiper-container4 .swiper-slide strong a { width:100%; height:100%; display:block;}

.swiper-container5 { width:93.4%; margin:0 auto; position:relative;}
.swiper-container5 .swiper-slide { position:relative;}
.swiper-container5 .swiper-slide b { display:block; text-align:center; font-size:18px; line-height:24px; margin-bottom:10px;}
.swiper-container5 .swiper-slide span { display:block; text-align:left; font-size:18px; line-height:24px; margin-bottom:10px; margin-bottom:20px; color:#333333; font-family:Arial-BoldMT, Arial;}
.swiper-container5 .swiper-slide b a { color:#333333;}
.swiper-container5 .swiper-slide img { border-radius:0; margin-bottom:20px}
.swiper-container5 .swiper-slide strong { width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.swiper-container5 .swiper-slide strong:hover { background:url(../images/play1.png) center 64px no-repeat #000; opacity:0.5;}
.swiper-container5 .swiper-slide strong a { width:100%; height:100%; display:block;}

.swiper-container6 { width:93.4%; margin:0 auto; position:relative;}
.swiper-container6 .swiper-slide { position:relative;}
.swiper-container6 .swiper-slide b { display:block; text-align:center; font-size:18px; line-height:24px; margin-bottom:10px;}
.swiper-container6 .swiper-slide span { display:block; text-align:left; font-size:18px; line-height:24px; margin-bottom:10px; margin-bottom:20px; color:#333333; font-family:Arial-BoldMT, Arial;}
.swiper-container6 .swiper-slide b a { color:#333333;}
.swiper-container6 .swiper-slide img { border-radius:0; margin-bottom:20px}
.swiper-container6 .swiper-slide strong { width:100%; height:100%; display:block; position:absolute; left:0; top:0;}
.swiper-container6 .swiper-slide strong:hover { background:url(../images/play1.png) center 64px no-repeat #000; opacity:0.5;}
.swiper-container6 .swiper-slide strong a { width:100%; height:100%; display:block;}

.main3 { width:1200px; margin:80px auto 0; position:relative;}
.main3 .h1 { text-align:center; font-size: 24px; font-family: MicrosoftYaHei-Bold, MicrosoftYaHei; font-weight: bold;color: #333333;line-height: 31px;letter-spacing: 7px; margin-top:40px;}
.main3 .h2 { text-align:center; margin-top:10px; font-size: 20px;font-family: Arial-BoldMT, Arial;color: #333333;line-height: 23px;}
.main3 .h3 { width:660px; margin:30px auto 0; text-align:center;font-size: 20px;font-family: MicrosoftYaHei;color: #333333;line-height: 26px;letter-spacing: 1px;}
.main3 .h4 { width:660px; margin:10px auto 50px; text-align:center;font-size: 14px;font-family: ArialMT;color: #333333;line-height: 16px;letter-spacing: 1px;}

.main3 .title { margin-bottom:40px;}

.list3 { height:730px;}
.list3 li { width:585px; height:330px; margin-bottom:60px; float:left; margin-left:30px; position:relative;}
.list3 li:nth-child(odd) { margin-left:0;}
.list3 li .tan { width:625px; height:625px; position:absolute; left:-20px; top:-20px; z-index:99; display:none; background:url(../images/tan_back.png) repeat; backdrop-filter: blur(10px);}
.list3 li:hover .tan { display:block; z-index:101}
.list3 li .tan .t1 {font-size: 24px; padding-left:20px; margin-top:390px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #333333;line-height: 31px;}
.list3 li .tan .t2 {font-size: 20px; padding-left:20px;font-family: Arial-BoldMT, Arial;font-weight: bold;color: #333333;line-height: 30px;}
.list3 li .tan .t3 {font-size: 16px; padding-left:20px; margin-top:30px;font-family: MicrosoftYaHei;font-weight:normal; color: #333333;;line-height: 31px;}
.list3 li .tan .t4 {font-size: 16px; padding-left:20px;font-family: ArialMT;font-weight: normal;color: #333333;line-height: 18px;}
.list3 li img { position:absolute; left:0; top:0; z-index:100}
.list3 li:hover img { z-index:102}

.main4 { width:1200px; margin:80px auto 0;}

.main4 .title { margin-bottom:0;}
.main5 { margin:0 auto 0; position:relative;}
.swiper-container7 { width:200%; cursor:pointer; position:absolute; left:-50%; top:50px;}
.swiper-container7 .swiper-slide { position:relative;}
.swiper-container7 .swiper-slide span { text-align:center; display:block; font-size:20px; line-height:40px; padding:10px 0;}
.swiper-container7 .swiper-slide a { color:#FFF;}
.swiper-container7 .swiper-slide .tan { width:100%; padding:30px 0; position:absolute; left:0; bottom:0; z-index:99; background:url(../images/tan_back3.png) left bottom no-repeat; background-size:100% auto;}
.swiper-container7 .swiper-slide .tan .t1 {font-size: 24px; padding-left:20px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #fff;line-height: 31px;}
.swiper-container7 .swiper-slide .tan .t2 {font-size: 20px; padding-left:20px;font-family: Arial-BoldMT, Arial;font-weight: bold;color: #fff;line-height: 30px;}
.swiper-container7 .swiper-slide .tan .t3 {font-size: 16px; padding-left:20px; padding-right:20px; margin-top:0;font-family: MicrosoftYaHei;font-weight:normal; color: #fff;;line-height: 31px;}
.swiper-container7 .swiper-slide .tan .t4 {font-size: 16px; padding-left:20px;font-family: ArialMT;font-weight: normal;color: #fff;line-height: 18px;}
.swiper-container7 .swiper-slide .tan { visibility:hidden;}
.swiper-container7 .swiper-slide.swiper-slide-active .tan { visibility:visible;}

.list6 { overflow:hidden; height:585px; position:relative;}
.list6 .list_block { width:585px; height:585px; position:absolute; z-index:10; left:0; top:0; overflow:hidden;}
.list6 .list_block img { margin-left:-227px;}
.list6 .list_block:hover { width:1040px; overflow:inherit; z-index:11}
.list6 .list_block:hover img { margin-left:0;}
.list6 .list_block .tan { width:455px; height:585px; position:absolute; right:0; top:0; z-index:99; display:none; background:url(../images/tan_back.png) repeat; backdrop-filter: blur(10px);}
.list6 .list_block:hover .tan { display:block; z-index:101}
.list6 .list_block .tan .t1 {font-size: 24px; padding-left:20px; margin-top:190px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #333333;line-height: 31px;}
.list6 .list_block .tan .t2 {font-size: 20px; padding-left:20px;font-family: Arial-BoldMT, Arial;font-weight: bold;color: #333333;line-height: 30px;}
.list6 .list_block .tan .t3 {font-size: 16px; padding-left:20px; padding-right:20px; margin-top:130px;font-family: MicrosoftYaHei;font-weight:normal; color: #333333;;line-height: 31px;}
.list6 .list_block .tan .t4 {font-size: 16px; padding-left:20px; padding-right:20px;font-family: ArialMT;font-weight: normal;color: #333333;line-height: 18px;}
.list6 .list_block2 { width:585px; height:585px; position:absolute; z-index:10; left:auto; right:0; top:0; overflow:hidden;}
.list6 .list_block2 img { margin-left:-227px;}
.list6 .list_block2:hover { width:1040px; overflow:inherit; z-index:11}
.list6 .list_block2:hover img { margin-left:0;}
.list6 .list_block2 .tan { width:455px; height:585px; position:absolute; left:0; top:0; z-index:99; display:none; background:url(../images/tan_back.png) repeat; backdrop-filter: blur(10px);}
.list6 .list_block2:hover .tan { display:block; z-index:101}
.list6 .list_block2 .tan .t1 {font-size: 24px; padding-left:20px; margin-top:190px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #333333;line-height: 31px;}
.list6 .list_block2 .tan .t2 {font-size: 20px; padding-left:20px;font-family: Arial-BoldMT, Arial;font-weight: bold;color: #333333;line-height: 30px;}
.list6 .list_block2 .tan .t3 {font-size: 16px; padding-left:20px; padding-right:20px; margin-top:130px;font-family: MicrosoftYaHei;font-weight:normal; color: #333333;;line-height: 31px;}
.list6 .list_block2 .tan .t4 {font-size: 16px; padding-left:20px; padding-right:20px;font-family: ArialMT;font-weight: normal;color: #333333;line-height: 18px;}

.swiper-container8 { width:94%; margin:45px auto 0; position:relative; overflow:hidden;}
.swiper-container8 .swiper-slide { position:relative;}
.swiper-container8 .swiper-slide a { display:block;}
.swiper-container8 .swiper-slide .tan { width:98%; padding-right:2%; height:100%; position:absolute; left:0; top:0; z-index:99; display:none; background:url(../images/tan_back3.png) repeat;}
.swiper-container8 .swiper-slide:hover .tan { display:block; z-index:101}
.swiper-container8 .swiper-slide .tan .t1 {font-size: 24px; padding-left:20px; margin-top:270px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #fff;line-height: 31px;}
.swiper-container8 .swiper-slide .tan .t2 {font-size: 20px; padding-left:20px;font-family: Arial-BoldMT, Arial;font-weight: bold;color: #fff;line-height: 30px;}
.swiper-container8 .swiper-slide .tan .t3 {font-size: 16px; padding-left:20px; padding-right:20px; margin-top:130px;font-family: MicrosoftYaHei;font-weight:normal; color: #fff;;line-height: 31px;}
.swiper-container8 .swiper-slide .tan .t4 {font-size: 16px; padding-left:20px; padding-right:20px;font-family: ArialMT;font-weight: normal;color: #fff;line-height: 18px;}

.main9 { width:1200px; height:1750px; margin:80px auto 0; position:relative;}
.main9 .title { margin-bottom:50px;}
.list9 { width:380px; float:left; margin-right:30px; margin-bottom:40px;}
.list9:nth-child(4) {margin-right:0}
.list9:nth-child(7) {margin-right:0}
.title_list { border-left:solid 6px #CC1E19; padding-left:9px; position:relative;}
.title_list b { display:block; font-size: 36px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;color: #333333;line-height: 47px;}
.title_list span { display:block; font-size: 20px;font-family: PingFangSC-Light, PingFang SC;font-weight: 300;color: #333333;line-height: 28px;}
.title_list strong { position:absolute; right:0; bottom:0; width:30px; height:30px; display:block;}
.title_list strong a { width:30px; height:30px; display:block; background:url(../images/more2.png) no-repeat;}
.title_list strong a:hover { width:30px; height:30px; display:block; background:url(../images/more2_tab.png) no-repeat;}
.photo9 { margin-top:30px; position:relative;}
.photo9:hover img { width:400px; height:234px; margin-left:-10px; margin-top:-10px;}
.photo9 .tan { width:400px; height:234px; position:absolute; left:-10px; top:-10px; z-index:99; display:none; background:url(../images/tan_back3.png) repeat; backdrop-filter: blur(10px);}
.photo9:hover .tan { display:block; z-index:101}
.photo9 .tan .t1 {font-size: 24px; padding-left:20px; margin-top:30px;font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;font-weight: bold;color: #fff;line-height: 31px;}
.photo9 .tan .t2 {font-size: 20px; padding-left:20px;font-family: Arial-BoldMT, Arial;font-weight: bold;color: #fff;line-height: 30px;}
.photo9 .tan .t3 {font-size: 14px; padding-left:20px; padding-right:20px; margin-top:20px;font-family: MicrosoftYaHei;font-weight:normal; color: #fff;;line-height: 19px;}
.photo9 .tan .t4 {font-size: 14px; padding-left:20px; padding-right:20px; margin-top:5px;font-family: ArialMT;font-weight: normal;color: #fff;line-height: 16px;}
.text9 {font-size: 18px; margin-top:25px; margin-bottom:15px; font-family: ArialMT;line-height: 21px; padding-left:18px; background:url(../images/dian.png) left 7px no-repeat;}
.text9 a {color: #333333;}

.footer_box { overflow:hidden; background-color:#f8f8f8;}
.footer { width:1200px; margin:0 auto; padding:40px 0; overflow:hidden;}
.footer_block { width:380px; float:left; margin-right:30px;}
.footer_block:nth-child(3) {margin-right:0}
.footer_title { height:60px; padding-top:75px; text-align:center;font-size: 24px;font-family: MicrosoftYaHei;color: #333333;line-height: 31px;}
.footer_block:nth-child(1) .footer_title { background:url(../images/foot1.png) center top no-repeat;}
.footer_block:nth-child(2) .footer_title { background:url(../images/foot2.png) center top no-repeat;}
.footer_block:nth-child(3) .footer_title { background:url(../images/foot3.png) center top no-repeat;}
.footer_text {font-size: 14px;font-family: MicrosoftYaHei;color: #333333;line-height: 24px;}
.footer_block:nth-child(3) .footer_text { padding-left:120px;}