@charset "UTF-8";

/*CSS重置*/

.resources-banner{position:relative;overflow:hidden;}

.resources-banner img{position:relative;left: 50%;transform: translate3d(-50%, 0, 0);width: calc(1.6*100%);min-height:180px;}

.resources-banner-nav{position: absolute;top: 40%;left: 24%; display:none;}

.resources-banner-title{display: inline-block;}

.resources-banner-chinese{line-height:44px;height: 44px; font-size:44px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(255,255,255,1);line-height:30px;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.35);margin-bottom: 10px;}

.resources-banner-english{height:24px;line-height: 24px; font-size:30px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(255,255,255,1);line-height:30px;text-shadow:0px 2px 5px rgba(0, 0, 0, 0.35);text-transform:uppercase;}

@media (max-width: 576px) {

  .resources-banner-nav{display: none;}

}

@media (min-width: 576px) and (max-width: 767.98px) {

  .resources-banner-nav{top: 30%;left: 20%;}

  .resources-banner-chinese{line-height:27px;height: 27px; font-size:27px;}

  .resources-banner-english{height:18px;line-height: 18px; font-size:18px;}

}

@media (min-width: 768px) and (max-width: 991.98px) {

  .resources-banner-nav{top: 32%;left: 17%;}

  .resources-banner-chinese{line-height:36px;height: 36px; font-size:36px;}

  .resources-banner-english{height:24px;line-height: 24px; font-size:24px;}

}

@media (min-width: 992px) and (max-width: 1199.98px) {

  .resources-banner-nav{position: absolute;top: 35%;left: 14%;}

  .resources-banner-chinese{line-height:40px;height: 40px; font-size:40px;}

  .resources-banner-english{height:27px;line-height: 27px; font-size:27px;}

}



.swiper1 .swiper-slide a{

	display:block;

}

.swiper1 .swiper-slide.selected a {

    color: #fff !important;

}

.resources-content{width: 100%;background:rgba(247,247,247,1);}

.resources-content-PageTitle{width: 200px;text-align: center;margin: 0 auto; padding: 60px 0 40px 0;}

.content-PageTitle-chinese{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(51,51,51,1);}

.content-PageTitle-chinese img{margin-right: 11px; width: 36px; height: 36px; position: relative; top: -2px;}

.resources-content-list{text-align: center;padding-bottom: 60px;}

.list-left{display: inline-block;margin-right: 10px;position: relative;}

.list-right{display: inline-block;position: relative; background-image: url(../images/resources-bj.png);background-position: left bottom; background-repeat: no-repeat;}

.list-right-logo{position: absolute;top: 20px; right: 20px;}

.list-right-con{position: absolute;width: 438px; height: 286px; overflow: hidden;top: 50%; margin-top: -113px; left:50%; margin-left: -219px; text-align: left;font-size:14px;

font-family:Microsoft YaHei;font-weight:400;color:rgba(43,92,197,1);line-height:26px;}

.list-right-con p{text-indent:0em;}

@media (max-width: 576px) {
.resources-content-list {
    text-align: center;
    padding-bottom: 25px;
}
  .resources-content-PageTitle{padding: 15px 0 5px 0;}

  .content-PageTitle-chinese{font-size:16px;}

  .list-left{margin-right: 0px;padding: 10px;}

  .list-right{padding: 10px; height: 440px; background-color: #f3f5ff}

  .list-right-con{position: absolute;width: 90%; height: 286px; overflow: hidden;top: 50%; margin-top: -113px; left:50%; margin-left: -45%; text-align: left;font-size:14px;

font-family:Microsoft YaHei;font-weight:400;color:rgba(43,92,197,1);line-height:26px;}

.content-PageTitle-chinese img{margin-right: 5px; width: 20px; height: 20px; position: relative; top: -2px;}

  .list-right-logo img{width: 120px; height: 53px;}

  .list-right-con{margin-top: -120px;}



}

@media (min-width: 576px) and (max-width: 767.98px) {

  .resources-content-PageTitle{padding: 25px 0 10px 0;}

  .content-PageTitle-chinese{font-size:18px;}

}

@media (min-width: 768px) and (max-width: 991.98px) {

  .resources-content-PageTitle{padding: 35px 0 20px 0;}

  .content-PageTitle-chinese{font-size:20px;}

}

@media (min-width: 992px) and (max-width: 1199.98px) {

  .resources-content-PageTitle{padding: 50px 0 35px 0;}

}







.resources-message{width: 100%;background:rgba(255,255,255,1); background-image: url(../images/resources-listbj.png); clear: both;}

.resources-message-PageTitle{width: 200px;text-align: center;margin: 0 auto; padding: 60px 0 16px 0;}

.message-PageTitle-chinese{font-size:24px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(51,51,51,1);}

.message-PageTitle-english{font-size:16px;font-family:Microsoft YaHei;font-weight:bold;color:rgba(204,204,204,1);text-transform:uppercase;}

.message-PageTitle-active{width:40px;height:3px;background:rgba(43,92,197,1);margin: 14px auto;}



@media (max-width: 576px) {

  .resources-message-PageTitle{padding: 15px 0 5px 0;}

  .message-PageTitle-chinese{font-size:16px;}

  .message-PageTitle-active{margin: 7px auto;} 

}

@media (min-width: 576px) and (max-width: 767.98px) {

  .resources-message-PageTitle{padding: 25px 0 10px 0;}

  .message-PageTitle-chinese{font-size:18px;}

  .message-PageTitle-english{font-size:12px;}

}

@media (min-width: 768px) and (max-width: 991.98px) {

  .resources-message-PageTitle{padding: 35px 0 20px 0;}

  .message-PageTitle-chinese{font-size:20px;}

  .message-PageTitle-english{font-size:14px;}

}

@media (min-width: 992px) and (max-width: 1199.98px) {

  .resources-message-PageTitle{padding: 50px 0 35px 0;}

}

@media (min-width: 1200px) {

}



.container1 {/*width: 100%;border: 1px solid #ccc;*/padding-bottom: 60px;margin: 0 auto;}

.swiper1 {width: 85%;margin-bottom: 40px;}

.swiper1 .swiper-slide {cursor:pointer; text-align: center; font-size: 16px; width:150px;height:44px;line-height: 44px; background:rgba(43,92,197,0);border:1px solid rgba(216,216,216,1);border-radius:22px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(102,102,102,1);}



.swiper1 .selected {background:rgba(43,92,197,1);border-radius:22px;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);}

.swiper2 {width: 98%;}      

.swiper2 .swiper-slide {/*height: calc(100vh - 50px);*/box-sizing: border-box !important;overflow-x: hidden !important;}



.listPosition{padding-left: 30px; background-image: url(../images/resources-weizhi.png);background-repeat: no-repeat;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(153,153,153,1);}

.listPost{font-size:24px;font-family:Microsoft YaHei;font-weight:400;color:rgba(51,51,51,1);margin-top: 20px;}

.listCon{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(138,138,138,1);line-height:28px;margin-top: 20px;}

.listMore{display:none;width:100px;height:32px;background:rgba(43,92,197,0);border:1px solid rgba(219,219,219,1);border-radius:16px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:rgba(153,153,153,1); text-align: center;line-height: 32px; margin-top: 50px;}



.container-list li:hover,.container-list li:active {background:rgba(43,92,197,1);border:2px solid rgba(43,92,197,1);background-image: url(../images/resources-logo.png);background-position: top right;background-repeat: no-repeat;}

.container-list li:hover .listPosition {background-image: url(../images/resources-weizhion.png); color: #ffffff;}

.container-list li:hover .listPost {color: #ffffff;}

.container-list li:hover .listCon {color: #ffffff;}

.container-list li:hover .listMore {border:1px solid rgba(255,255,255,1); color: #ffffff;}

.listBut{text-align: center;margin-top: 40px;}

.listBut button{width:210px;height:52px;line-height: 52px; text-align: center; background:rgba(43,92,197,1);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);border: none;}

.listMore>a{color: #333;}

.container-list li:hover .listMore {border:1px solid rgba(255,255,255,1); color: #ffffff;}



.container-list li:hover .listMore>a{color: #fff;}

.listBut{text-align: center;margin-top: 40px;}

.listBut button{width:210px;height:52px;line-height: 52px; text-align: center; background:rgba(43,92,197,1);font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:rgba(255,255,255,1);border: none;}

/*组*/

@media (max-width: 576px) {

  .swiper1 {width: 100%;margin-bottom: 40px;}

  .container-list{ text-align: center;}

  .container-list li{width: 100%; background:rgba(255,255,255,1);border:1px solid rgba(216,216,216,1); display: inline-block;padding: 40px 24px;margin-bottom: 20px; text-align: left;}

  .swiper1 .swiper-slide {font-size: 12px;height:40px;line-height: 40px;}  

  .listMore{margin-top: 20px;}

}



@media (min-width: 576px) and (max-width: 767.98px) {

  .container-list{ text-align: center;}

  .container-list li{width: 470px; height: 360px; background:rgba(255,255,255,1);border:1px solid rgba(216,216,216,1); display: inline-block;margin:0 20px;padding: 40px 24px;margin-bottom: 20px; text-align: left;}



}



@media (min-width: 768px) and (max-width: 991.98px) {

  .container-list{ text-align: center;}

  .container-list li{width: 570px; height: 360px; background:rgba(255,255,255,1);border:1px solid rgba(216,216,216,1); display: inline-block;margin:0 20px;padding: 40px 24px;margin-bottom: 20px; text-align: left;}

}



@media (min-width: 992px) and (max-width: 1199.98px) {

  .container-list{ text-align: center;}

  .container-list li{width: 335px; height: 360px; background:rgba(255,255,255,1);border:1px solid rgba(216,216,216,1); display: inline-block;margin:0 20px;padding: 40px 24px;margin-bottom: 20px; text-align: left;}

}



@media (min-width: 1200px) {

 .container-list{width:-webkit-calc(100% + 150px); width:-moz-calc(100% + 150px); width:calc(100% + 150px);}

 .container-list li{width: 335px; height: 360px; background:rgba(255,255,255,1);border:1px solid rgba(216,216,216,1); display: inline-block;float: left;margin-right: 40px;padding: 40px 24px;margin-bottom: 20px;}

 .container1 {/*width: 100%;border: 1px solid #ccc;*/padding-bottom: 60px;width: 1120px;margin: 0 auto;}

}

/*组End*/