/* 轮播图 */

.banner-box-pc{position:fixed;top: 0;left: 0;width:100%;height:100vh;background-repeat: no-repeat;}
.banner-box-mb{position:fixed;top: 0;left: 0;width:100%;height:100vh;background-repeat: no-repeat;}

.bigbox{background: #fff;position: relative;top:100vh;}
.scroll{position: absolute;bottom: 20px;left: 50%;animation: shaking 5s linear infinite;-webkit-animation: shaking 5s linear infinite;transition: 2s;}
@keyframes shaking{  
   25% {     
    bottom:10px; 
  }  
  50% {    
    bottom:20px;    
  }  
  75% {    
    bottom:40px; 
  }  
  100% {    
    bottom:20px;  
  }  
}

/* 标题 */
.title-box{text-align: center; }
.title-box h5{font-size: 40px;color: #BF2629;font-weight: bold;font-family:Arial Black, Gadget, sans-serif;}
.title-box p{font-size: 26px;color: #BF2629;font-family:Georgia;}

/* 最新活动 */
/*#goto{padding: 100px 0 50px 0;background: #E6E6E6;}
#goto .swiper-father{position: relative;}
.banner2{margin-top: 100px;position: initial;}
.banner2 .swiper-wrapper{position: initial;}
.banner2 .swiper-slide dl{background: #fff;padding-bottom: 20px;border-bottom: 2px solid #fff;box-shadow: 0px 0px 5px 0px #4D4D4D;}
.banner2 .swiper-slide dl a:first-child{font-size:18px;text-decoration:none;color:#666;font-weight:bold}
.banner2 .swiper-slide dl a dt img{width: 100%;min-height: 212px;}
.banner2 .swiper-slide dl dt img{width: 100%;}
.banner2 .swiper-slide dl a .dd-tit{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;font-size: 20px;height:72px;min-height:72px;line-height:28pxfont-family: "Times New Roman", Times, serif;}
.banner2 .swiper-slide dl dd{display: flex;justify-content: space-between;padding: 20px 20px 0 20px;font-size: 18px;font-family: Arial;}
.banner2 .swiper-slide dl dd span{font-size: 16px;color: #666;font-weight: normal;font-family: Arial;}
.banner2 .swiper-slide dl dd span:last-child{background: #E5E5E5;font-size: 14px;padding: 3px 8px;}
.banner2 .swiper-slide dl .click-a{border: 1px solid #E5E5E5;display: block;width: 100px;margin: 20px 0 0 20px;text-align: center;color: #BD2629;text-decoration: none;border-radius: 10px;font-size: 14px;height: 27px;line-height: 27px;}
.banner2 .swiper-slide dl .click-a img{vertical-align: middle;margin-left: 5px;margin-bottom: 4px;}
.banner2 .swiper-slide dl:hover{border-bottom: 2px solid #BF2629;color: #BF2629;}
.banner2 .swiper-slide dl:hover .click-a{border: 1px solid #BF2629;}
.banner2 .swiper-button-prev,.banner2 .swiper-container-rtl .swiper-button-next{left: 0;top: 35%;}
.banner2 .swiper-button-next,.banner2 .swiper-container-rtl .swiper-button-prev{right: 0;top: 35%;left: auto;}
.banner2 .swiper-button-next,.banner2 .swiper-container-rtl .swiper-button-prev{background-image: url(../img/index/banner/banner2-right.png);}
.banner2 .swiper-button-prev,.banner2 .swiper-container-rtl .swiper-button-next{background-image: url(../img/index/banner/banner2-left.png);}
.banner2 .swiper-button-next{width: 15px;height: 30px;background-size: 15px 30px;right: 10%;}
.banner2 .swiper-button-prev{width: 15px;height: 30px;background-size: 15px 30px;left: 10%;}
#goto .more-box a{color: #BF2629;border: 1px solid #BF2629;}
#goto .more-box a:hover{color: #fff;}*/
#goto{padding: 100px 0 50px 0;background: #E6E6E6;margin-top: 100vh;}
#goto .swiper-father{position: relative;}
.banner2{margin-top: 100px;position: initial;}
.banner2 .swiper-wrapper{position: initial;}
.banner2 .swiper-slide dl{background: #fff;padding-bottom: 20px;border-bottom: 2px solid #fff;box-shadow: 0px 0px 5px 0px #4D4D4D;}
.banner2 .swiper-slide dl a{text-decoration: none;display: block;}
.banner2 .swiper-slide dl a dt img{width: 100%;min-height: 212px;}
.banner2 .swiper-slide dl dt img{width: 100%;}
.banner2 .swiper-slide dl .dd-active{color: #195C99;font-size: 14px;font-weight: bold;margin-top: 10px;}
.banner2 .swiper-slide dl dd{display: flex;justify-content: space-between;padding: 10px 20px 0 20px;font-size: 18px;}
.banner2 .swiper-slide dl a .dd-tit {display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;font-size: 18px;height: 72px;min-height: 72px;line-height: 28px;color: #BF2629;font-weight: bold;font-family:Arial;}
.banner2 .swiper-slide dl dd span{font-size: 16px;color: #666;font-weight: bold;}
.banner2 .swiper-slide dl .click-a{border: 1px solid #E5E5E5;display: block;width: 100px;text-align: center;color: #BD2629;text-decoration: none;border-radius: 10px;font-size: 12px;height: 27px;line-height: 27px;}
.banner2 .swiper-slide dl:hover .click-a{border: 1px solid #BF2629;}
.banner2 .swiper-slide dl:hover{border-bottom: 2px solid #BF2629;color: #BF2629;}
#goto .more-box a{color: #BF2629;border: 1px solid #BF2629;}
#goto .more-box a:hover{color: #fff;}

/* 更多 */
.more-box{width: 250px;margin: 20px auto 0 auto;height: 50px;line-height: 50px;text-align: center;}
.more-box a{display: block;color: #fff;text-decoration: none;font-size: 16px;background: none;border: 1px solid #E5E5E5;}
.more-box a:hover{background: #BF2629;border: 1px solid #BF2629;}

/* 研究和报告 */
.research{background: #4D4D4D;padding: 50px 0;}
.research .swiper-father{position: relative;}
.banner3{margin-top: 50px;position: initial;}
.research .title-box h5{color: #fff;}
.research .title-box p{color:#fff;}

.banner3 .swiper-slide dl dt{overflow:hidden;max-height:350px}
.banner3 .swiper-slide dl dt img{width: 100%;min-height:350px}
.banner3 .swiper-wrapper{position: initial;}
.banner3 .swiper-slide a{text-decoration:none}
.banner3 .swiper-slide .big-dl .dd-box dl{overflow: hidden;margin-top: 30px;}
.banner3 .swiper-slide .big-dl .dd-box dl a{text-decoration: none;}
.banner3 .swiper-slide .big-dl .dd-box dl dt{float: left;width: 80px;height: 90px;border: 1px solid #fff;margin-right: 20px;padding: 15px 0;}.banner3 .swiper-slide .big-dl .dd-box dl dt span{display: block;color: #fff;font-size: 20px;text-align: center;height: 30px;}
.banner3 .swiper-slide .big-dl .dd-box dl dt span:first-child{font-size: 22px;}
.banner3 .swiper-slide .big-dl .dd-box dl .first-dd{font-size: 20px;color: #F6F5F8;padding-right: 5px;overflow: hidden;font-family:Arial;height: 60px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 10px;}
.banner3 .swiper-slide .big-dl .dd-box dl dd{width:calc( 100% - 100px);color: #A3A3A3;font-size: 16px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align:justify;line-height:25px;font-family:Arial;height:50px;}
.banner3 .swiper-slide .big-dl:hover .dd-box dl dt{background: #BF2629;border: 1px solid #4D4D4D;}
.banner3 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;top: 45%;}
.banner3 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;top: 45%;left: auto;}
.banner3 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url(../img/index/banner/banner3-right.png);}
.banner3 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(../img/index/banner/banner3-left.png);}
.banner3 .swiper-button-next{width: 15px;height: 30px;background-size: 15px 30px;right: 10%;top: 35%;}
.banner3 .swiper-button-prev{width: 15px;height: 30px;background-size: 15px 30px;left: 10%;top: 35%;}

/* 发现问题 */
.other {padding: 50px 0;background: #E6E6E6;}
.other .container{width: 100%;padding: 0;margin-top:50px}
.other .container .row{padding: 0;margin: 0;}
.other .container .col-md-3{padding: 0;}
.other .container .col-md-3 img{width: 100%;}
.other .container .col-md-3 dl{position: relative;margin-bottom: 0;}
.other .container .col-md-3 dl a{display: block;color: #fff;text-decoration: none;background: rgba(0,0,0,.3);}

.other .container .col-md-3 dl dd h5{font-size: 36px;color: #fff;font-weight: normal;transition: linear 0.4s -0.1s;text-align: center;font-family:Arial Black, Gadget, sans-serif}
.other .container .col-md-3 dl dd p{color: #fff;font-size: 14px;line-height: 25px;letter-spacing: .5px;height: 70px;overflow: hidden;opacity: 0;transition: linear 0.4s 0.1s;width: 80%;margin: 0 auto;font-family: Arial Black, Gadget, sans-serif;}

.other .container .col-md-3 dl dd{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.other .container .col-md-3 dl dd .box{position: relative;}
.other .container .col-md-3 dl dd .box{width: 80%;position: absolute;top: 10%;height: 80%;left: 10%;display: flex;align-items: center;justify-content: center;}
.other .container .col-md-3 dl dd .box section{width: 90%;z-index: 8;}
.other .container .col-md-3 dl dd .box section div{position: absolute;top: 0;left:0;width: 100%;height: 100%;z-index: 9;}
.other .container .col-md-3 dl:hover .box section div{border: 1px solid #fff;animation: zoomIn forwards 0.5s;}
.other .container .col-md-3 dl:hover dd{background: rgba(0,0,0,.5);}
.other .container .col-md-3 dl:hover dd h5{transform: translate(0, -30px);}
.other .container .col-md-3 dl:hover dd p{opacity: 1;animation: zoomIn forwards 0.5s;}

/*.other {
    margin: 50px 0;
}
.other .container{width: 100%;padding: 0;}

 .other .container .col-md-3 img{transition:1s;cursor:pointer;width:auto}
.other .container .col-md-3 img:hover {transform: scale(1.1);}
.other .container .row{padding: 0;margin: 0;}
.other .container .col-md-3{padding: 0;position: relative;display: flex;justify-content: center;align-content: center;}
.other .container .col-md-3 section{width: 100%;position: absolute;top: 0;left:0;z-index:99;text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;}
.other .container .col-md-3 section div a{color: #fff;background: url(../img/index/other/other-href.png) no-repeat center bottom;text-decoration: none;display: block;line-height: 30px;}
.other .container .col-md-3 section:hover{background: rgba(191,38,41,.7);}
.other .container .col-md-3 div h6{color: #fff;font-size: 30px;margin: 30px 0 50px 0;}
.other .container .col-md-3 div .other-img{width: initial;}
.other .container .col-md-3 .other-img{width: 100%;}
.other .container .col-md-3 section div img{width: initial;}*/
@media only screen and (max-width: 600px) {
	#goto{padding: 20px 25px ;}
    .research{padding:20px 25px;}  
	.banner2{margin-top: 20px;}
    .goto-img{display: none;}
    
    /*.other .container .col-md-3{margin-top: 15px;height: 250px;overflow: hidden;}
    .other .container .col-md-3 .other-img{height: initial;width:100%;}*/

    .other .container{margin-top:20px}
    .other {padding: 20px 0;}
    .other .container .col-md-3 dl{height: 100px;overflow: hidden;margin-top: 15px;}
    .other .container .col-md-3 dl dd .box section div{display:none}
    .other .container .col-md-3 dl dd p{display: none;}
    .other .container .col-md-3 dl dd h5{font-size:22px}

	.banner3 .swiper-slide dl .dd-box{padding: 0 5px;}

    .more-box{margin:0 auto}
    
    .title-box h5{font-size: 20px;}
    .title-box p{font-size: 16px;}
    .banner3{margin-top: 20px;}
    /*.other{margin: 0;}*/
    .more-box{width: 170px;height: 30px;line-height: 30px;}
    .banner2 .swiper-slide dl dt{height: 150px;overflow: hidden;}
    .banner2 .swiper-slide dl dd{display:none}
    .banner2 .swiper-slide dl .click-a{display:none}
    
	.banner3 .swiper-slide dl dt{height: 150px;overflow: hidden;}
    .banner3 .swiper-slide dl dt img{padding:0 20px 0 20px}
    .banner3 .swiper-slide .big-dl .dd-box dl dt{display:none}
    .banner3 .swiper-slide .big-dl .dd-box dl .first-dd{width:80%;margin:0 auto;}
    .banner3 .swiper-slide .big-dl .dd-box dl dd{width:90%;margin:0 auto;}
    .banner2 .swiper-button-prev{display: none;}
    .banner2 .swiper-button-next{display: none;}
    .banner3 .swiper-slide .big-dl .dd-box dl{margin-top: 15px;}
    .banner3 .swiper-button-prev{display: none;}
    .banner3 .swiper-button-next{display: none;}
    
 /*.other .container .col-md-3 img{transition:1s;cursor:pointer;width:100%}
.other .container .col-md-3 img:hover {transform: scale(1.1);}*/

.banner-box-pc{display:none}
    .banner-box-mb{display:block}
    .banner3 .swiper-slide .big-dl .dd-box dl .first-dd{font-size:18px;}
}

@media only screen and (min-width: 600px) {
    /*.other .container .col-md-3{margin-top: 15px;}*/
    
	#goto{padding: 30px 25px;}
    .research{padding: 30px 25px;}  
	.banner2{margin-top: 50px;}
    
    /*.other .container .col-md-3{width:48%;float:left;margin:1%}*/
    .other .container .col-md-3 dl{height: 100px;overflow: hidden;margin-top: 15px;}
    .other .container .col-md-3 dl dd p{display: none;}

}

@media only screen and (min-width: 768px) {
    .goto-img{position: absolute;bottom:25px;z-index: 999;left: 45.5%;}
    .swiper_banner .swiper-wrapper .swiper-slide p{color: #fff;text-align: center;font-size: 22px;line-height: 28px;}
    
    
	#goto{padding: 50px 25px;}

	.banner2{margin-top: 50px;}

    /*.other .container .col-md-3{width:48%;float:left;margin:1%;overflow: hidden;}*/
    .banner2 .swiper-slide dl dt{height: 300px;overflow: hidden;}
} 

@media only screen and (min-width: 992px) {
    .goto-img{position: absolute;bottom:40px;z-index: 999;left: 46.5%;}
	.swiper_banner .swiper-wrapper .swiper-slide p{color: #fff;text-align: center;font-size: 40px;line-height: 80px;}
	
	
	#goto{padding: 50px 0;}
	.banner2{margin-top: 50px;}
	
	/*.other .container .col-md-3{margin-top: 0;}


    .other .container .col-md-3{width:48%;float:left;margin:1%}*/
    .banner2 .swiper-slide dl dt{height: auto;max-height: 200px;overflow: hidden;}
    .banner2 .swiper-slide dl dt img{min-height:200px}
    .other .container .col-md-3 dl{height: auto;overflow: hidden;margin-top: 0px;}
    .other .container .col-md-3 dl dd p{display: block;}
    .other  .container  .col-md-3  img{min-height:  235px}
} 

@media only screen and (min-width: 1200px) {
    .goto-img{position: absolute;bottom:40px;z-index: 999;left: 48.2%;}
    /*.other .container .col-md-3{width:25%;margin:0}*/
    .banner2{width:90%}
    
    .banner3{width:90%}
    .banner-box-pc{display:block}
    .banner-box-mb{display:none}
    .other  .container  .col-md-3  img{min-height:  275px}
}

@media only screen and (min-width: 1680px) {
    .other  .container  .col-md-3  img{min-height:  380px}
    
    .banner2{width: 1440px;}
    .banner3{width: 1420px;}
	
}