/* banner */
.banner {width: 1300px; margin: 0 auto;}
.banner img{ display: block; width: 100%; margin: 0 auto;}
.banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.05,1.05);}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}
.banner .swiper-pagination-bullet{ width:8px; height:8px; border-radius: 100%; transition: all 1s; background: #fff; opacity: 0.8; margin: 0 10px;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{ background: #fff; width: 50px; border-radius: 5px;}




.index-title{color: #ffffff; padding: 30px 0 15px 0;}
.index-title h2{font-size: 24px; }
.index-title p{font-size: 18px; }
.index-title a{font-size: 16px; display: block; color: #ffffff; width: 100px; height: 35px; line-height: 35px; background: #cc0000; text-align: center; }
.index-title a:hover{background: #333333; color: #ffffff;}
/* .index-sec2{padding: 40px 0;} */
.index-title .pro-tit{margin-left:20px;color:#000;}
.index-title .pro-tit a{background:none; color:#cc0000; float:left; width:auto; padding:0 5px;}
.index-sec2-list li{width:32%; transition: all 0.6s; background: #ffffff; float: left; margin-left: 2%; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2); margin-top: 20px;position: relative;}
.index-sec2-list li .img img{width:100%;}
.index-sec2-list li .text{padding:30px 10px; box-sizing: border-box;}
.index-sec2-list li .text h2{color: #333333; font-size: 20px; text-align:center;}
.index-sec2-list li .text p{color: #666666; font-size: 14px;}
.index-sec2-list li:nth-child(3n+1){margin-left: 0;}
.index-sec2-list li:hover{transform: translateY(10px);}
.index-sec2-list li:hover h2{color: #cc0000;}
.index-sec2-list li a{ position: relative; display: block;}
.index-sec2-list li a::after{position: absolute; content: "";   background-color: rgba(204,0,0,0.7); width: 100%; height: 100%; top: 0; left: 0; transform:scale(0);}
.index-sec2-list li a:hover::after{transform:scale(1); transition: all 0.6s;}
.index-sec2-list li .more{position: absolute; z-index: 3; width: 100%; height: 100%; text-align: center; top: 0; opacity: 0;}
.index-sec2-list li .more h2{text-align: center; color: #ffffff; font-size: 24px; margin-bottom: 30px; letter-spacing: 1px; padding:0 20px;}
.index-sec2-list li .more span{text-align: center; color: #ffffff; font-size: 16px;}
.index-sec2-list li a:hover .more{opacity: 1;}
.index-table{display: table;
width: 100%;
height: 100%;}
.index-cell {
    display: table-cell;
    vertical-align: middle;
	height: 368px;
}


.index-title2 h2{color: #333333;}
.index-title2 p{color: #666666; }

.index-sec3-list{padding-bottom: 40px;}
.index-sec3-list li{  width:31.5%;margin-left: 2.7%;  overflow: hidden; float: left; margin-top: 20px;}
.index-sec3-list li figure{margin:0 !important;}
.index-sec3-list h3{font-size: 16px; margin-bottom: 15px;  display: inline-block; 
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.index-sec3-list li figcaption{ padding:20px 20px 30px 20px; transition: all 0.36s; background: #fff; border:1px solid #E0E0E0; border-top: none;
overflow: hidden; box-sizing: border-box;}
.index-sec3-list li h5{ font-size: 18px; color: #888888; margin: 10px 0; font-family: "arial narrow";letter-spacing: 2px;}
.index-sec3-list li p{ font-size: 16px; color: #666666; line-height: 30px;overflow: hidden; word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;}
.index-sec3-list li:hover figcaption{ transform: translateY(-30px); box-shadow: 5px 3px 5px rgba(0,0,0,0.1)}
.index-sec3-list li:nth-child(3n+1){margin-left: 0;}
.index-sec3-list li img{width: 100%;}

.index-ad{background: url(../images/rc-bg2.jpg) no-repeat center center; padding: 60px 0 100px 0; position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-attachment: fixed; margin: 20px 0 60px;}
.index-ad h2{color: #ffffff; font-size: 38px; margin-bottom: 20px; text-align: center;}
.index-ad span{display: block; height: 2px; margin: 0 auto; background: #ffffff; width: 70px;}
.index-ad p{font-size:18px; text-align:center;line-height:30px;margin-top:10px; color:#fff;}


.index-footer{background: #2d2d2d; padding: 60px 0 0;}
.footer-box-list{float: left; width: 12%; padding-left: 10px; padding-right: 20px; box-sizing: border-box;}
.footer-box-list:nth-child(2){width:30%;}
.footer-box-list:nth-child(2) li{width:50%;float:left;}
.footer-box-list:nth-child(3) {margin-left:15%;}
.footer-box-list:nth-child(3) img{}
/* .footer-box-list h3{ padding-bottom: 5px; color: #ffffff; font-size: 20px; margin-bottom: 20px; } */
.footer-box-list li{line-height: 30px;}
.footer-box-list a { display: block; color: #ffffff; font-size: 20px;}
.footer-box-list h3 img { height: 20px; }
.footer-mail {color: #ffffff; font-size: 29px; margin-top: 50px; font-family: "DIN"; text-align: right; }
.footer-box-list li a:hover{color: #ffffff;}  
    
    
    
.footer-mail img { width: 14px; height: 14px; display: inline-block;  margin-right: 5px;}
.index-footer .last{width: 250px; float: right; padding: 0;margin-top: 1%;}
.index-footer .last h3 a{color: #ffffff; font-size: 18px;}
.index-footer .last h3{ width: 220px; border: 1px solid #ffffff; text-align: center; padding: 10px 0; border-radius: 10px; box-sizing: border-box;float: right;}
.index-footer .last p{color: #ffffff; text-align: right; font-size: 16px;}
.index-footer .last .img{margin-top: 20px; float: right; position: relative;}
.index-footer .last .img a{display: inline-block; }
.index-footer .last .img img{ opacity: 0.6; margin-right: 10px;}
.index-footer .last .img img:hover{opacity: 1;}
.index-footer .bottom{border-top: 1px solid #404040; padding: 10px 0; margin-top: 40px;}
.index-footer .bottom .left img{height: 60px;}
.index-footer .bottom .right{color: #a5a7ab;margin-top: 10px;line-height:50px; }
.index-footer .bottom .right a{color: #a5a7ab; }


.index-footer .last .img .erweima{display: none; position: absolute; z-index: 9; top: 47px; left: 0; z-index: 25; border: 1px solid #d8d8d8;}
.index-footer .last .img .erweima img{width: 110px; height: 110px;  opacity: 1;}
.index-footer .last .img:hover .erweima{display: block;}


/*子页面*/
.page-main{padding: 60px 0 ; box-sizing: border-box;}
.ptbox{	position:relative;	}
.pbanner { position: relative; overflow: hidden; /* margin-top: 82px; */ }
.pbanner img { display: block; width: 100%; height: auto; line-height: 0; }
.culbg{	background:#f5f5f5;	}
.pbtxts{position:absolute;	left:0;	right:0;top:35%;color:#fff;	text-align:center;}
.pbtxts .ch{font-size:32px; margin-bottom: 40px;}
.pbtxts .en{font-family:Arial;	font-size:30px;	text-transform:uppercase;margin-bottom: 40px;}
.pbtxts .line{	width:50px;	height:4px;	background:#fff;	margin:13px auto 0 auto; display: block;	}

/*栏目导航*/
.page-column{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);}
.page-column li{ font-size: 20px; position: relative; height: 90px; display: inline-block; flex: 1; display: flex; align-items: center; justify-content: center; border-left: 1px solid #eeeeee; box-sizing: border-box;}
.page-column li a{ font-size: 20px; color: #333333;}
.page-column li.on{background: #186bbe;}
.page-column li.on a{color: #ffffff; }
.page-column li:first-of-type{border-left: none;}

.page-main .index-sec3-list li{margin-bottom: 40PX;}
.loadmore{ border:1px solid #000; height: 65px; line-height: 65px; text-align: center; width: 280px;  margin: 50px auto;
cursor: pointer; color: #000; font-size: 16px; text-transform: uppercase; font-family: arial; transition: all 0.6s;}
.loadmore:hover{ background: #222; color: #fff;}
.page-main .index-sec2-list li{margin-top: 0; margin-bottom: 50px;}

.page-main-display{background: #f5f5f5; box-sizing: border-box;}
.worksWord { padding: 60px 0; }
.worksWord .tit { line-height: 1.5; font-size: 30px; color: #080808; font-weight: normal; padding: 10px 0 20px; border-bottom: 1px solid #ececec; }
.worksWord .con { padding-top: 50px; text-align: justify;line-height:36px; }
.worksWord .con p{line-height:36px;}
.worksWord .con img{max-width:100%;}

.backToList { padding: 40px 0;  }
.backToList .con { position: relative; height: 50px;}
.backToList .link { display: block; color: #333; padding-right: 190px; margin-bottom: 10px; text-align: justify; line-height: 1.4; }
.backToList .link:hover { color: #004ea2; }
.backToList .back { display: block; position: absolute; right: 0px; top: 0px; width: 170px; height: 50px; background-color: #186bbe; text-align: center; line-height: 50px; color: #fff; }
.backToList .back:before { content: ""; display: inline-block; width: 30px; height: 14px; vertical-align: middle; background: url(../images/aw2.png) no-repeat center center; margin-right: 15px; position: relative; transition: .56s; -webkit-transition: .56s; left: 0; }
.backToList .back:hover { background-color: #333333; }
.backToList .back:hover:before { left: 8px; }


.line{background:#f5f5f5; height: 8px; display: none;}
.maskfadeUp { display: block; background-color: #ffffff; z-index: 1; -webkit-transition: -webkit-transform 1.2s 0.5s; transition: transform 1.2s 0.5s; } 
.maskfadeUp { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } 
.maskfadeUp.animated { -webkit-transform: translateY(-102%); transform: translateY(-102%); }
.maskfadeLeft{ display: block; background-color: #ffffff; z-index: 1; -webkit-transition: -webkit-transform 1.2s 0.5s; transition: transform 1.2s 0.5s; } 
.maskfadeLeft { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; } 
.maskfadeLeft.animated { -webkit-transform: translateX(102%); transform: translateX(102%); }

/*平台建设*/
.news{ width:98%; margin:10px auto; clear:both; }
.news li{ border-bottom:#CCCCCC dashed 1px;width: 100%; float: left; list-style:none; background:url(../images/icon01.gif) left 10px no-repeat;  font-size:12px; color:#999999; line-height:22px;margin:10px auto; height:auto}
.new-a{font-weight: bold;}
.news li a{ font-size:14px;line-height:30px;color:#000;}
.news .list-l{float:left;width:180px;height:130px; overflow:hidden;}
.news .list-l img{width:180px; }
.news .list-r{float:right;}
.news .list-r{width:595px;}