@charset 'UTF-8';
/* UED Interaction (http://www.njued.com) */
/* Reset css */

.fullpage {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.pc_page_swiper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pc_page_swiper .swiper-container {
	/* position: absolute; */
}

.fullpage li {
	width: 100%;
	position: absolute;
	/*一定要设置这个*/
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 4;
}

.pc_first_page_img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.pc_second_page_img {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.pc_first_page_img img,
.pc_second_page_img img {
	width: 100%;
	height: 100%;
}

.pc_first_page_info {
	position: absolute;
	text-align: right;
	z-index: 10;
}

.pc_first_page_info h3 {
	color: #FFFFFF;
	font-size: 100px;
	margin-bottom: 29px;
}

.pc_first_page_info h5 {
	color: #FFFFFF;
	font-size: 48px;
}

.pc_second_page {
	width: 100%;
	height: 100%;
	display: flex;
}

.pc_first_page_arrow {
	width: 20px;
	position: absolute;
	bottom: 50px;
	z-index: 10;
	cursor: pointer;
	animation-name: beat;
	/*动画名称*/
	animation-duration: .5s;
	/*设置秒数*/
	animation-timing-function: linear;
	/*速度曲线*/
	animation-iteration-count: infinite;
	/*播放次数*/
	animation-direction: alternate;
	/*逆向播放*/
	animation-play-state: running;
	/*正在运行*/
}

@keyframes beat {
	0% {
		bottom: 50px;
	}

	100% {
		bottom: 55px;
	}
}


@media(max-width:768px){
.banner{ height:300px;}
.jiugg{ margin-top:0px;}
.slide_show {
	position: relative;
	height: 300px;
	width: 100%;
}
.slide_show li img {
	width: 100%;
	overflow: hidden;
	-webkit-transition: all 3s cubic-bezier(0.7, 0.5, 0.3, 1);
	transition: all 3s cubic-bezier(0.7, 0.5, 0.3, 1);
	height:300px;
}
.fullpage {
    width: 100%;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
	height:300px;
}
}

.slide_show {
	position: relative;
	height: 100%;
	width: 100%;
}

.slide_show * {
	outline: none;
}

.slide_show li img {
	width: 100%;
	overflow: hidden;
	-webkit-transition: all 3s cubic-bezier(0.7, 0.5, 0.3, 1);
	transition: all 3s cubic-bezier(0.7, 0.5, 0.3, 1);
}

.slide_show .pc_first_page_slide.slick-active img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

li.one {
	z-index: 4;
}

li.two {
	z-index: 3;
}

li.three {
	z-index: 2;
}

li.four {
	z-index: 1;
}

li.current {
	/* clip:rect(0,1600px,970px,0); */
	z-index: 9;
	animation: mymove 1s linear 0s forwards;
}

@keyframes mymove {
	from {
		clip: rect(0, 2000px, 970px, 0);
	}

	to {
		clip: rect(0, 2000px, 970px, 2000px);
	}
}

.activeImg {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/*common css */
.container{margin:0 auto; padding-left:20px; padding-right:20px; max-width:1240px;}
.bg-white{background:#ffffff;}
.bg-gray{background:#f4f4f4;}
.bg-img-1{background:url(../images/bg_1.png) #f4f4f4 no-repeat center; background-size:cover;}
.bg-img-2{background:url(../images/bg_2.jpg) #222222 no-repeat center; background-size:cover; color:rgba(255,255,255,.7);}
.bg-img-3{background:url(../images/bg_img_6.jpg) #222222 no-repeat left bottom; background-size:cover; color:rgba(255,255,255,.7);}



/*layout style*/
.Str-main{margin:0 auto;  width:100%; height:100%;}
.Str-mobile-nav {display:none;}

.Str-header{position:fixed; width:100%; height:90px; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.2); z-index:900; -moz-transition:all .3s;-webkit-transition:all .3s;-o-transition:all .3s;-ms-transition:all .3s;transition:all .3s;}
.Str-header .container{max-width:100%;}
.Str-header h1{float:left; height:50px;margin:0 40px 0 0;}
.Str-header h1 a.logo{display:block; width:257px; height:50px; text-indent:-999999px; background:url(../images/mlogo_w.png) no-repeat center; background-size:257px 50px;  -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}

.Str-header ul.Str-navother{float:right;}
.Str-header ul.Str-navother li{position:relative; float:left; padding:8px 0 8px 15px;}

.Str-header ul.Str-navother li a.join-btn{display:block; padding:0 20px; background:#00a0de; border-radius:100px; line-height:34px; font-size:14px; color:#fff; }
.Str-header ul.Str-navother li a.join-btn:hover{background:#4cc8f2;}

.Str-header ul.Str-navother li a.search-btn{display:block; width:34px; height:34px; border-radius:100px; border:1px solid rgba(255,255,255,.5); background:url(../images/icon_s_w.png) no-repeat center; background-size:50%;}
.Str-header ul.Str-navother li a.search-btn:hover{background:url(../images/icon_s_w.png) #00a0de no-repeat center; background-size:50%; border:1px solid #00a0de;}

.searchbox{display:none; position:absolute;right:-30px; top:50px; width:420px; padding:10px; border-radius:100px;  background:#fff;  box-shadow:0 0 12px rgba(0,0,0,.3);}
.searchbox:before{position:absolute; right:38px; top:-8px; content: ''; width:16px; height:16px; background:url(../images/arr_bg_w.png) no-repeat center; background-size:16px;}
.searchbox .search-input{border:1px solid #e9e9e9; padding:8px; line-height:20px; border-radius:100px; font-size:16px; width:100%; padding-right:80px;-webkit-appearance:none;}
.searchbox .search-btn{cursor:pointer; position:absolute; right:10px; top:10px; border:0; width:80px; height:38px; font-size:15px;border-radius:100px; text-align:center; color:#fff; background:#00a0de;}


/*一级*/
.Str-header ul.primary-menu{float:left;}
.Str-header ul.primary-menu li{position:relative; z-index:2; float:left;}
.Str-header ul.primary-menu li a{position:relative; display:block; padding:10px 15px; font-size:15px; line-height:30px; color:#fff; text-decoration:none; -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.Str-header ul.primary-menu li a:before{position:absolute; left:50%; top:0; content:""; opacity:0; width:0%; height:2px; background:#fff; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.Str-header ul.primary-menu li a:hover{color:#fff; text-decoration:none;  -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.Str-header ul.primary-menu li a:hover:before{opacity:1; width:30%;  -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
/*二级*/
.Str-header .left{ width:65%; float:left;}
.Str-header .right{ width:35%; float:right; padding-top:50px;}
.Str-header .right img{ width:400px;}
.Str-header .sub_kd{ width:1200px; margin:auto;}
.Str-header .sub-menu span{ font-size:24px; display:block; padding-left:50px; padding-top:25px; padding-bottom:25px;}
.Str-header ul.primary-menu li ul{display:none; position:fixed; top:43px; background:#ffffff;width:100%; left:0; margin-top:25px;  height:500px; padding:20px 0;}

.Str-header ul.primary-menu li ul li{float:left; width:240px; right:0; position:relative; padding-left:50px;}
.Str-header ul.primary-menu li ul li a{position:relative; display:inline-block; font-size:16px; padding:10px 0;  line-height:24px; color:#000000; text-align:center;background:url(../images/tb.jpg) left no-repeat; padding-left:25px;}
.Str-header ul.primary-menu li ul li a:before{display:none;}
.Str-header ul.primary-menu li ul li a:after{position:absolute; left:50%; bottom:0; content:""; opacity:0; width:0%; height:1px; background:rgba(255,255,255,.8); -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.Str-header ul.primary-menu li ul li a:hover{color:#2F318B;}
.Str-header ul.primary-menu li ul li a:hover:after{opacity:1; width:100%;  -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.Str-header ul.primary-menu li ul li.nav-active a{color:rgba(255,255,255,1);} 
.Str-header ul.primary-menu li ul li.nav-active a:after{position:absolute; left:50%; bottom:0; content:""; opacity:1; width:100%; height:1px; background:rgba(255,255,255,.5); -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}

.Str-header p.header-btns{float:right;}
.Str-header p.header-btns a{display:block; float:left;margin:8px 5px;}
.Str-header p.header-btns a.search-btn{width:34px; height:34px; border-radius:100px; border:1px solid rgba(255,255,255,.5); background:url(../images/icon_s_w.png) no-repeat center; background-size:50%;}
.Str-header p.header-btns a.search-btn:hover{background:url(../images/icon_s_w.png) #00a0de no-repeat center; background-size:50%; border:1px solid #00a0de;}
.Str-header p.header-btns a.join-btn{padding:0 20px; background:#00a0de; border-radius:100px; line-height:34px; font-size:14px; color:#fff; }
.Str-header p.header-btns a.join-btn:hover{background:#4cc8f2;}

.Str-header-scroll{background:#fff; height:70px; padding:15px 0; border:1px solid rgba(0,0,0,.2);}
.Str-header-scroll h1{height:40px; margin:0 30px 0 0;}
.Str-header-scroll h1 a.logo{width:210px; height:40px; background:url(../images/mlogo.png) no-repeat center; background-size:210px 40px;}

.Str-header-scroll ul.primary-menu li a{padding:5px 15px; color:#333; -moz-transition:none;-webkit-transition:none;-o-transition:none;-ms-transition:none;transition:none;}
.Str-header-scroll ul.primary-menu li a:before{background:#00a0de;}
.Str-header-scroll ul.primary-menu li a:hover{color:#00a0de;}
.Str-header-scroll ul.primary-menu li ul{top:40px;}

.Str-header-scroll p.header-btns a{display:block; float:left;margin:3px 5px;}
.Str-header-scroll p.header-btns a.search-btn{width:34px; height:34px; border-radius:100px; border:1px solid rgba(0,0,0,.5); background:url(../images/icon_s.png) no-repeat center; background-size:50%;}

.Str-header-scroll ul.Str-navother li{position:relative; float:left; padding:3px 0 3px 15px;}
.Str-header-scroll ul.Str-navother li a.search-btn{display:block; width:34px; height:34px; border-radius:100px; border:1px solid rgba(0,0,0,.5); background:url(../images/icon_s.png) no-repeat center; background-size:50%;}

.Str-foot{background:#252b3a; padding:40px 0;}
.foot-left{float:left; width:74%;}
.foot-nav a{margin:0 0 25px; position:relative; display:inline-block; padding-right:21px; font-size:14px; line-height:30px; color:rgba(255,255,255,.5);}
.foot-nav a:hover{color:#00a0de;}
.foot-nav a:after{content:''; position:absolute; right:10px; top:9px; width:1px;height:12px; background:rgba(255,255,255,.5);}
.foot-nav a:last-child:after{display:none;}
.foot-copyright p{font-size:13px;  color:rgba(255,255,255,.4); line-height:25px; }
.foot-copyright p a{ color:rgba(255,255,255,.4);}
.foot-copyright p a:hover{color:#00a0de;}
.foot-copyright p label{display:inline-block;margin-left:20px;}
.foot-right{float:right; width:26%;}
.foot-right p{font-size:14px; margin:0 0 10px; color:#fff;}
.foot-right img{display:block; width:100%;}

.Str-banner{height:640px; background:#222;}
/*swiper 01*/
.Banner-swiper{width:100%; height:100%;}
.Banner-swiper .swiper-slide{width:100%; height:100%; background-repeat:no-repeat; background-position:50%; background-size:cover;}
.Banner-swiper .swiper-slide a{display:block;width:100%; padding-top:100%;}
.Banner-swiper .swiper-button-next, .Banner-swiper .swiper-button-prev {position: absolute; top: 50%; width:60px; height: 60px; border-radius:60px; margin-top: -30px; z-index: 10; cursor: pointer; background-color:rgba(0,0,0,.24); background-position: center; background-repeat: no-repeat; background-size:50%;}
.Banner-swiper .swiper-button-prev, .Banner-swiper .swiper-container-rtl .swiper-button-next {background-image:url(../images/arr_left.png); left: 30px;  right: auto;}
.Banner-swiper .swiper-button-next, .Banner-swiper .swiper-container-rtl .swiper-button-prev {background-image: url(../images/arr_right.png); right: 30px; left: auto;}

.Banner-swiper .swiper-pagination-bullet{width: 8px; height: 8px; display: inline-block; border-radius:100px; background: #fff;  opacity: .4;}
.Banner-swiper .swiper-pagination-bullet-active {opacity: 1; width:16px; background: #f90;}



.right-box{background:#f4f4f4; padding:0 20px; margin:0 0 5px;}

.comm-title{padding:20px 0; line-height:30px; font-size:14px; text-align:right; overflow:hidden;}
.comm-title span{float:left; width:auto; font-size:24px; color:#222; font-weight:600;}
.comm-title a.morelink{position:relative; display:inline-block; color:#666; padding-right:20px;}
.comm-title a.morelink:after{content:''; position:absolute; right:0; top:6px; width:18px; height:18px; border-radius:100px; background:url(../images/arr_gray.png) no-repeat center; background-size:11px; }
.comm-title a.morelink:hover{opacity:.5;}
.comm-title label{position:relative; display:inline-block; padding-left:35px;}
.comm-title label:before{content:''; width:1px; height:12px; background:#aaa; position:absolute; left:15px; top:10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.comm-title.yellow span{color:#c7ac74;}


.img-news{overflow:hidden; margin:0 0 15px;}
.img-news dt{position:relative; float:left; width:28%; padding-top:17%; overflow:hidden;}
.img-news dt img{position:absolute; left:0; top:0; display:block; width:100%; height:100%; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.img-news dt img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}

.img-news dd{margin-left:28%; padding-left:20px;}
.img-news dd h3{margin:0 0 10px; font-size:16px;  line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.img-news dd p.p-txt{margin:0 0 10px; font-size:14px; color:#999; line-height:22px; height:66px; overflow:hidden;}
.img-news dd p.p-time{font-size:14px; color:#999;}

.imgnews-link{display:block; color:#222;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.imgnews-link:hover .img-news dd h3{color:#666;}
.imgnews-link:hover .img-news dt img{transform: scale(1.2);}



.notice-list{padding:0 0 10px;}
.notice-list li{padding:10px 0;}
.notice-list li a{display:block; }
.notice-list li a:hover p{color:#00a0de;}
.notice-list li a span{display:block; position:relative; font-size:14px; color:#999; line-height:18px; padding-left:20px;}
.notice-list li a span:before{content:''; display:block; width:12px; height:4px; background:#00a0de; position:absolute; left:0; top:8px;}
.notice-list li a p{padding-left:20px; font-size:15px; color:#333; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.news-list li{border-bottom:1px solid #e9e9e9; padding:5px 0;}
.news-list li:last-child{border:0;}
.news-list li a{display:block; overflow:hidden; text-align:right; line-height:40px; font-size:14px; color:#999;}
.news-list li a:hover span{color:#00a0de;}
.news-list li a span{position:relative; padding-left:20px; float:left; display:block;text-align:left; width:80%; font-size:15px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news-list li a span:before{content:''; display:block; width:12px; height:4px; background:#00a0de; position:absolute; left:0; top:18px;}

.fast-link{overflow:hidden; margin-left:-5px; margin-right:-5px;}
.fast-link li{float:left; width:50%; padding:5px;}
.fast-link li a{display:block; padding:20px; background:#00a0de; text-align:center;}
.fast-link li a:hover{background:#4cc8f2;}
.fast-link li a img{display:block; width:50px; height:50px; margin:0 auto 10px; }
.fast-link li a span{display:block; font-size:15px; color:#fff; line-height:20px;}

.brand-box{overflow:hidden;}
.brand-item{float:left; width:160px; }
.brand-item span{cursor:pointer;margin:0 0 2px; display:block; padding:20px; font-size:16px; line-height:40px; color:#fff; background:rgba(102,102,102,.2); background:#252b3a; background:-moz-linear-gradient(left, #252b3a,#666); background:-webkit-gradient(linear, 0 0, 100% 0, from(#252b3a), to(#666)); box-shadow:-5px 0 5px rgba(0,0,0,.3) inset;}
.brand-item span.current{color:#fff; background:#f60; background:-moz-linear-gradient(left, #f60,#fdaa0e); background:-webkit-gradient(linear, 0 0, 100% 0, from(#f60), to(#fdaa0e)); }
.brand-con{margin-left:160px; background:#fff; height:490px; overflow:hidden;}

.brand-abt{height:290px; padding:20px;}
.brand-abt h3{font-size:24px; font-weight:600; color:#222; margin:0 0 10px; }
.brand-abt p{font-size:14px; color:#666;}
.brand-btn{margin:20px 0 0; display:inline-block; padding:8px 25px; border:1px solid #ccc; border-radius:6px; font-size:15px; color:#666; }
.brand-btn:hover{background:#00a0de; color:#fff; border:1px solid #00a0de;}
.brand-img{height:200px; background:#333; padding:20px 15px;}

.brand-abt-two{height:50%; padding:20px; border-bottom:1px solid #ddd;}
.brand-abt-two p.img-p{position:relative; padding-right:22%; text-align:justify;}
.brand-abt-two p.img-p img{position:absolute; right:0; top:0; display:block; max-width:18%;}

.brand-abt-all{height:100%; }

/*swiper 2*/
.Brand-swiper{width:100%; height:100%;}
.Brand-swiper .swiper-slide{width:100%; }
.Brand-swiper .swiper-slide img{display:block; width:100%; height:100%;}

.Brand-swiper .swiper-button-next, .swiper-button-prev {position: absolute; top: 50%; width:40px; height: 40px; border-radius:60px; margin-top: -20px; z-index: 10; cursor: pointer; background-color:rgba(0,0,0,.5); background-position: center; background-repeat: no-repeat; background-size:50%;}
.Brand-swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image:url(../images/arr_left.png); left: 10px;  right: auto;}
.Brand-swiper .swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: url(../images/arr_right.png); right: 10px; left: auto;}

.mini-imgs{overflow:hidden; margin-left:-10px; margin-right:-10px; margin-top:10px;}
.mini-imgs li{position:relative; float:left; width:33.3333%; padding:10px;}
.mini-imgs li img{position:relative; display:block; width:100%;}
.mini-imgs li img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}
.meeting-list{position:relative;}
.meeting-list li{padding:20px 0;}
.meeting-list li dl{overflow:hidden;}
.meeting-list li dl dt{float:left; width:30%; font-size:12px; line-height:24px; border-radius:100px; background:#bbb; color:#fff; text-align:center;}
.meeting-list li dl dd{position:relative; margin-left:30%; font-size:15px; line-height:20px; height:40px; overflow:hidden; color:#666; padding-left:24px;}
.meeting-list li dl dd:before{content:'';width:5px; height:5px; border-radius:10px; background:#bbb; position:absolute; left:10px; top:8px; z-index:40;}
.meeting-list li dl dd a{color:#666;}
.meeting-list li dl dd a:hover{color:#00a0de;}
.meeting-list li:first-child dt{color:#fff; background:#f90;}

.Tbanner{margin-top:20px;}
.Tbanner img{position:relative;display:block; width:100%; height:auto;}
.Tbanner img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}
.list-style-two{overflow:hidden; margin-left:-10px; margin-right:-10px;}
.list-style-two li{position:relative; float:left; width:50%; padding:10px; }


.tec-imgnews{background:#fff; padding:15px; overflow:hidden;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.tec-imgnews dt{position:relative;float:left; width:34%; padding-top:20%; overflow:hidden;}
.tec-imgnews dt img{display:block; position:absolute; left:0; top:0; width:100%; height:100%; -moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.tec-imgnews dt img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}
.tec-imgnews dd{margin-left:34%; padding-left:15px;}
.tec-imgnews dd h3{margin:0 0 5px; font-size:18px; line-height:1.5; color:#222; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tec-imgnews dd p.p-txt{margin:0 0 10px; line-height:22px; height:44px; overflow:hidden; font-size:14px; color:#999;}
.tec-imgnews dd p{font-size:14px; color:#999;}

.tec-link{display:block;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.tec-link:hover .tec-imgnews{background:#f3f6f8; box-shadow:0 0 16px rgba(0,0,0,.3);}
.tec-link:hover .tec-imgnews dt img{ transform: scale(1.2);}

.friend-logo{margin:0 0 10px; margin-left: -10px; margin-right: -10px; overflow:hidden;}
.friend-logo li{position: relative; float: left;  width:16.6666%; padding:10px;}
.friend-logo li img{position:relative; display:block; width:100%; height:auto;}
.friend-logo li img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}
.friend-link label{display:inline-block;margin:5px 0;}
.friend-link label a{display:inline-block; margin-right:20px; line-height:20px; font-size:14px; color:#666;}
.friend-link label a:hover{color:#00a0de; text-decoration:underline;}

/*子页面*/
.Sub-banner{position:relative;height:200px; background:url(../images/bg_img_1.jpg) #252b3a no-repeat right bottom; background-size:100%;}
.Sub-banner.Sub-banner-part{background:url(../images/bg_img_2.jpg) #252b3a no-repeat right bottom; background-size:100%;}
.Sub-banner .container{position:relative; height:100%;}
.sub-name{position:absolute; left:0; bottom:0; height:70px; font-size:28px; color:#fff; padding:0 20px;}

.Art-banner{background:url(../images/bg_img_1.jpg) #252b3a no-repeat left center; background-size:100%;padding-top:90px;}
.page-position{padding:20px; line-height:20px; font-size:14px; color:rgba(255,255,255,.6); }
.page-position a{color:#fff;}
.page-position a:hover{color:#4cc8f2;}

.mobile-title{display:none;}
/*左侧滚动固定*/
.Str-body{padding-bottom:0px; background:#fff;}
.Str-body.bg-gray{background:#f4f4f4;}
.Strwarp{ border-left:1px solid #ccc; }
.Strsider{float:left; width:200px; height:auto; margin-top:-70px; }
.left-menu{position:relative; top:0; width:200px;}
.page-name{font-size:28px; height:70px; color:#fff;}

.left-menu-ul{padding-top:40px;}
.left-menu-ul li a{position:relative; display:block;  padding:10px 10px 10px 30px; font-size:15px; line-height:24px; color:#666; }
.left-menu-ul li a:hover{color:#00a0de;}
.left-menu-ul li a:before{position:absolute; left:-2px; top:0; content:""; width:3px; height:0%; background:#00a0de; opacity:0; -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}
.left-menu-ul li a:hover:before{opacity:1; height:100%; -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s;}

.left-menu li.current-cat a{color:#fff; font-weight:500;background:#252b3a; background:-moz-linear-gradient(left, #252b3a,#fff); background:-webkit-gradient(linear, 0 0, 100% 0, from(#252b3a), to(#fff));}
.left-menu li.current-cat a:before{opacity:1; height:100%;}
.Strmain{margin-left:220px;  padding:40px 0;}

.Artwarp{}
.Artsider{float:left; width:100px; height:auto; }
.sider-box{position:relative; top:0; width:100px; padding-top:100px; }
.Artmain{margin-left:140px; padding:40px 0; min-height:900px;}

.Txtsider{float:left; width:240px; height:auto; }
.txt-box{position:relative; top:0; width:240px; padding-top:100px; }
.Txtmain{margin-left:280px; background:#fff; padding:40px 0 0; border-left:1px solid #ccc; border-right:1px solid #ccc; min-height:900px;}


/*左侧滚动固定*/

/*sub style*/
.Sub-str{overflow:hidden;}
.Sub-str .sub-left{float:left; width:70%; padding-right:40px;}
.Sub-str .sub-right{float:left; width:30%;}

.newsList{display:block; transition:all 0.3s; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.newsList:hover{background:#eaf1f5; background:-moz-linear-gradient(left, #eaf1f5,#ffffff); background:-webkit-gradient(linear, 0 0, 100% 0, from(#eaf1f5), to(#ffffff));}
.imglist-dl{padding:15px 0; border-bottom:1px solid #dddddd; overflow:hidden; }
.imglist-dl dt{position:relative; float:left; width:30%; padding-top:18%;}
.imglist-dl dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.imglist-dl dt img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}
.imglist-dl dd{margin-left:30%; padding-left:20px;}
.imglist-dl dd h3{margin:0 0 5px; font-size:18px; line-height:1.5; color:#222; text-align:justify; }
.imglist-dl dd p{margin:0 0 10px; font-size:14px; line-height:20px; max-height:40px; overflow:hidden; color:#787878; text-align:justify;}
.imglist-dl dd p.p-date{margin:0; font-size:14px;}

.txtlist-dl{padding:15px 0; border-bottom:1px solid #e9e9e9; overflow:hidden;}
.txtlist-dl dt{float:left; width:100px; padding-left:20px;}
.txtlist-dl dt span{display:inline-block;  font-size:24px; color:#999; text-align:right; line-height:1.5;}
.txtlist-dl dt span label{display:block; font-size:18px;}
.txtlist-dl dd{margin-left:120px;}
.txtlist-dl dd h3{margin:0 0 10px; font-size:18px; color:#222; }
.txtlist-dl dd p{margin:0 0 10px; font-size:14px; line-height:20px; max-height:40px; overflow:hidden; color:#999; text-align:justify;}


.side-box{background:#fff; padding:0 20px; border:1px solid #e9e9e9; margin:0 0 20px;}
.side-title{padding:20px 0 10px; font-size:18px; font-weight:600; color:#222;}

.hot-news {padding:0 0 10px;}
.hot-news li{padding:10px 0;}
.hot-news li dl{overflow:hidden;}
.hot-news li dl dt{position:relative; float:left; width:35%; padding-top:22%; overflow:hidden; }
.hot-news li dl dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.hot-news li dl dt img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}
.hot-news li dl dd{margin-left:35%; padding-left:10px; }
.hot-news li dl dd h4{font-size:15px; line-height:22px; max-height:44px; overflow:hidden;}

.side-wx{background:#fff; padding:20px; border:1px solid #e9e9e9;}
.side-wx p{text-align:center; font-size:12px; color:#999;}
.side-wx p img{display:block; margin:10px auto 5px; width:90%; border:1px solid #eee;}
.wx-infor{overflow:hidden;}
.wx-infor dt{float:left; width:60px;}
.wx-infor dt img{display:block; width:55px; height:54px; padding:3px;}
.wx-infor dd{margin-left:60px; padding:10px 5px; text-align:left;}
.wx-infor dd h3{font-size:16px; font-weight:600; margin:0; line-height:20px; }
.wx-infor dd p{font-size:12px; color:#999; text-align:left; line-height:20px; }

.list-all-box{padding-left:40px;}
.list-all-box li{border-bottom:1px solid #e9e9e9;}
.list-all-box li a{position:relative; display:block; padding:10px 0 10px 100px; }
.list-all-box li a:before{content:''; position:absolute; left:20px; top:10px; width:55px; height:65px;background:url(../images/icon_file.png) no-repeat center; background-size:55px; }
.list-all-box li a:hover{background:#eaf1f5; background:-moz-linear-gradient(left, #eaf1f5,#ffffff); background:-webkit-gradient(linear, 0 0, 100% 0, from(#eaf1f5), to(#ffffff));}
.list-all-box li a h3{margin:0 0 10px; font-size:18px; color:#222;}
.list-all-box li a p{margin:0 0 10px; font-size:14px; line-height:20px; max-height:40px; overflow:hidden; color:#999; text-align:justify; }
.list-all-box li a p.p-date{margin:0;}

.list-all-box.list-file li a{padding:15px 0 15px 50px;}
.list-all-box.list-file li a:before{content:''; position:absolute; left:10px; top:15px; width:20px; height:24px;background:url(../images/icon_file.png) no-repeat center; background-size:20px;}
.list-all-box.list-file li h3{margin:0; font-size:15px; text-align:right; overflow:hidden; color:#999;}
.list-all-box.list-file li h3 span{float:left; width:80%; font-size:15px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#222;}

.talent-box{background:#f4f4f4; padding:15px; overflow:hidden;}
.talent-box dt{float:left; width:27%; padding-top:36%; position:relative; }
.talent-box dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0;}
.talent-box dt img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}
.talent-box dd{margin-left:27%; padding-left:15px;}
.talent-box dd h3{margin:0 0 10px; font-size:18px; color:#222;}
.talent-box dd h3 span{font-size:14px; color:#999; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.talent-box dd p{font-size:12px; color:#666; line-height:22px; max-height:110px; overflow:hidden; text-align:justify;}

.sort-nav{padding:0 0 10px;}
.sort-nav li{padding:5px 0; border-bottom:1px solid #e9e9e9;}
.sort-nav li:last-child{border:0;}
.sort-nav li a{display:block; font-size:15px; line-height:30px; color:#666; background:url(../images/arr_gray.png) no-repeat right center; background-size:16px;}
.sort-nav li.current-cat a{color:#00a0de; font-weight:600;}

.talent-list .talent-box{background:#fff; border-bottom:1px solid #e9e9e9;}
.talent-list .talent-box dt{float:left; width:18%; padding-top:23%; position:relative; }
.talent-list .talent-box dd{margin-left:18%; padding-left:20px;}
.talent-list .talent-box dd h3{margin:0 0 10px; font-size:18px; color:#222;}
.talent-list .talent-box dd h3 span{font-size:14px; color:#999; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.talent-list .talent-box dd p{font-size:12px; color:#666; line-height:22px; max-height:110px; overflow:hidden;}

.list-title{font-size:20px; font-weight:600; margin:0 0 20px 15px; color:#222;}

.product-box{overflow:hidden; padding:20px;}
.product-box dt{float:left; width:20%; border:1px solid #eee;}
.product-box dt img{position:relative; display:block; width:100%; height:auto;}
.product-box dt img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}
.product-box dd{margin-left:20%; padding-left:20px;}
.product-box dd h3{margin:0 0 10px; font-size:18px; line-height:1.5; color:#222; font-weight:600;}
.product-box dd h3 span{display:block; font-size:14px; color:#999; font-weight:normal;}
.product-box dd p{font-size:14px; color:#666; line-height:22px; max-height:66px; overflow:hidden; text-align:justify;}

.pro-link{display:block; padding:15px; border-bottom:1px solid #e9e9e9;}
.pro-link:hover{background:#eaf1f5; background:-moz-linear-gradient(left, #eaf1f5,#ffffff); background:-webkit-gradient(linear, 0 0, 100% 0, from(#eaf1f5), to(#ffffff));}

.about-article{padding:0 70px;}
.about-article .article-con{margin:0 0 40px; }
.about-article .article-con p{margin:0 0 15px; font-size:16px; line-height:1.8; color:#333; text-align:justify;}
.about-article .article-con img{position:relative; display:block; margin:10px auto; width:100%;}
.about-article .article-con img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}

.page-title{font-size:24px; margin:0 0 20px; color:#222;}

.rules-list{padding:0 0 40px 40px; margin-left:-15px; margin-right:-15px; overflow:hidden;}
.rules-list li{position:relative; float:left; width:25%; padding:15px; }

.rules-box{display:block; border-top:1px solid #ccc; border-left:1px solid #ccc; background:url(../images/rules_bg.jpg) no-repeat right bottom; background-size:cover; padding:25px 35px 25px 25px; height:210px;}
.rules-box:hover{-webkit-transform: translateY(-10PX);-ms-transform: translateY(-10PX);transform: translateY(-10PX);}

.rules-box h4{position:relative; font-size:18px; color:#222; text-align:center; line-height:1.2; padding-top:60px; background:url(../images/jsai_mlogo.png) no-repeat center top; background-size:50px;}
.rules-box h4:after{content:''; width:40px; height:10px; background:url(../images/stars.jpg) no-repeat center; background-size:40px; 10px; position:absolute; left:50%; bottom:-70px; margin-left:-20px;}

.main-photo img{display:block; width:100%;}
.main-article{padding:40px 80px;}
.main-article p{margin:0 0 15px; font-size:16px; line-height:1.8; text-align:justify;}
.main-article h2{font-size:30px; font-weight:600; text-align:center;}
.main-article h2 span{display:block; font-size:16px;}
.main-article h3{font-size:24px; font-weight:600;}
.main-article a{color:#00a0de; text-decoration:underline;}
.main-article a.downfile{display:inline-block;  text-align:center; font-size:14px; line-height:24px; padding:10px 40px; background:#00a0de; border:1px solid #00a0de; color:#fff; text-decoration:none; border-radius:100px;}
.main-article a.downfile:hover{background:#4cc8f2; border:1px solid #4cc8f2; color:#fff;}
.line{margin:30px 0; width:100%; padding-top:1px; background:#ddd;}

.member-step{padding:20px 0 40px; overflow:hidden; border-bottom:1px dotted #ccc;}
.member-step .ms-txt{float:left; width:40%;}
.member-step .ms-txt h3 {font-size:24px; font-weight:600; color:#222;}
.member-step .ms-txt h3 span{display:block; }
.member-step .ms-txt h3 a{display:inline-block; color:#222; position:relative; line-height:2;}
.member-step .ms-txt h3 a:hover{color:#00a0de;}
.member-step .ms-txt h3 a:after{content:'';width:100%; height:3px; background:#00a0de; position:absolute; left:0; bottom:0;}  
.member-step .ms-img{margin-left:45%;}
.member-step .ms-img img{display:block; width:100%;}

.member-abt{padding:40px 0;}
.mem-level li img{display:block; width:100%;}

.member-txt{padding:20px 0 0;}
.member-txt h3{font-size:18px; font-weight:600; line-height:30px; color:#666;}

.member-table{width:100%; background:#fff;}
.member-table td{padding:15px; background:#f5f5f5; border:5px solid #fff; font-size:14px; color:#666;}
.member-table td.name{width:20%; font-size:16px; font-weight:600; color:#333; text-align:center; vertical-align:middle;}
.member-table td ul li{position:relative; font-size:14px; padding:5px 0; padding-left:20px; line-height:20px; }
.member-table td ul li:after{content:''; width:12px; height:4px; background:#999; position:absolute; left:0; top:13px;}

.list-style-three{margin-left: -10px; margin-right: -10px; overflow:hidden;}
.list-style-three li{position: relative; float: left;  width:33.3333%; padding:10px;}

.list-style-four{margin-left: -10px; margin-right: -10px; overflow:hidden;}
.list-style-four li{position: relative; float: left;  width:25%; padding:10px;}

.member-power{overflow:hidden;}
.member-power dt{float:left; width:80px; height:80px; border:1px solid #c7ac74; padding:15px; border-radius:100px;}
.member-power dt img{display:block; width:100%; height:100%;}
.member-power dd{margin-left:100px;}
.member-power dd h3{margin:0 0 10px; font-size:18px; color:#c7ac74; line-height:30px;}
.member-power dd p{font-size:14px; line-height:20px; height:100px; color:#ccc; text-align:justify;}

.cost-table{width:100%;}
.cost-table th{border:1px solid #ccc; background:#f5f5f5; color:#333; text-align:Center; padding:10px; line-height:1.5; vertical-align:middle; font-size:12px; font-weight:600;}
.cost-table td{border:1px solid #ccc; padding:10px;  line-height:1.5; text-align:Center; vertical-align:middle; font-size:14px; }

.join-xuehui{margin:40px 0; line-height:2; text-align:center;}
.join-xuehui a{display:block; margin:10px 0; color:#666; text-decoration:underline;}
.join-xuehui a:hover{color:#00a0de; text-decoration:none;}
.join-xuehui a.join-link{display:inline-block; padding:0 40px; font-size:16px; line-height:44px; border-radius:100px; background:#00a0de; color:#fff; text-decoration:none;}
.join-xuehui a.join-link:hover{background:#4cc8f2; color:#fff;}

.code-img img{display:block; margin:15px auto; width:160px; border:1px solid #ddd;}

/*文章详情*/
.article-title{margin:0 0 40px; }
.article-title h3{font-size:34px; line-height:1.4; color:#222;}
.article-title p{font-size:14px; color:#999;}
.article-title p label{display:inline-block; margin:0 10px;}
.article-content{font-size:16px; line-height:30px; color:#333; }
.article-content p{margin:0 0 25px; text-align:justify; }
.article-content img{position:relative; display:block; max-width:100%; margin:0 auto 15px; height:auto;}
.article-content img:after{content: ""; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background:#eee;}
.article-foot p{line-height:2; font-size:14px; color:#999;}


.rulestxt-list{overflow:hidden;padding-bottom:100px;}
.rulestxt-list dt{height:50px; font-size:18px; font-weight:600; color:#222; text-align:left; }
.rulestxt-list dd{padding:5px 0; line-height:25px; font-size:14px; overflow:hidden;}
.rulestxt-list dd a{display:block; padding-right:24px; background:url(../images/arr_gray.png) no-repeat right center; background-size:12px; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

/*wp page*/
.pagination {clear:both; text-align: center; padding: 20px 0; font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;}
.pagination h2{display:none;}
.pagination a ,.pagination span{display:inline-block;margin: 0 1px 0 0; padding: 6px 12px; text-decoration:none;}
.pagination span.current{background:#00a0de;  color: #fff !important;}
.pagination a.page-numbers{background:#eeeeee; color:#666666;}

/*重置分享按钮*/
.share-box{font-size:14px; color:#999; text-align:center;}
#newBtn .bdsharebuttonbox{text-align:center;}
#newBtn .bdsharebuttonbox a{display:block; float:none;margin:10px auto; width:40px; height:40px;}
#newBtn a.bds_weixin{background:url(../images/share_weixin.png) no-repeat center; background-size:100%;}
#newBtn a.bds_tsina{background:url(../images/share_wb.png) no-repeat center; background-size:100%;}
#newBtn a.bds_sqq{background:url(../images/share_qq.png) no-repeat center; background-size:100%;}

/*点赞按钮*/
.likebox{margin:0 0 40px;}
.likebox a.favorite{position:relative; display:block; margin:0 auto; width:70px; height:70px; border-radius:100px; background:url(../images/zan_1.png) #fff no-repeat center; background-size:30px; border:1px solid #00a0de;}
.likebox a.favorite:hover{box-shadow:0 0 10px #00a0de;}
.likebox a.favorite.done,.likebox a.favorite:hover.done{background:url(../images/zan_2.png) #eee no-repeat center; background-size:30px; border:1px solid #ccc; box-shadow:0 0 0 #fff;}
.likebox a.favorite .count{position:absolute; left:55px; top:0px; background:#00a0de; font-size:12px; padding:2px 5px; line-height:18px; border-radius:50px; color:#fff;}

/*面包屑*/
.breadcrumbs {overflow:hidden;}
.breadcrumbs li {float: left;margin: 0 5px 0 0;padding: 0; max-width:25%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/**新增页面模块**/
.Sub-page-banner{position:relative;height:540px; background:url(../images/bg_img_3.jpg) #252b3a no-repeat center bottom; background-size:100%;}
.Sub-page-banner .container{height:100%;}

.banner-mini{background:url(../images/bg_img_4.jpg) #252b3a no-repeat right bottom; background-size:cover;}
.banner-jsai{background:url(../images/bg_img_5.jpg) #252b3a no-repeat center bottom; background-size:cover;}
.banner-scholar{background:url(../images/bg_img_6.jpg) #252b3a no-repeat center bottom; background-size:cover;}

.banner-txtarea{position:relative; width:100%; height:100%; display: flex; justify-content:center; align-items: center; text-align:center;}
.banner-txtarea img{display:block; max-width:60%;}
.Subpage-all{position:relative; margin-top:-80px;}

.sitemap{overflow:hidden; height:300px;}
.sitemap dt{font-size:15px; font-weight:600;}
.sitemap dd{padding:2px 0;}
.sitemap dd b,.sitemap dd a{display:block; font-size:13px;}

.str-tree dt{font-size:16px; font-weight:600; color:#333; line-height:30px; padding:6px 0; }
.str-tree dd{font-size:15px; color:#666; padding:5px 0;padding-left:20px; line-height:20px; }
.str-tree dd ul{padding-left:20px;}
.str-tree dd ul li{font-size:13px; padding:6px 0;}

.str-tree dd a{display:block; position:relative; font-weight:600;}
.str-tree dd a:before{content:''; width:15px; height:4px; position:absolute; left:-24px; top:8px; background:#00a0de;}
.str-tree dd ul li a{font-weight:normal;}
.str-tree dd ul li a:before{content:''; width:15px; height:2px; position:absolute; left:-24px; top:9px; background:#aaa;}

.mem-box{overflow:hidden; height:120px;}
.mem-box dt{float:left; width:100px;}
.mem-box dt img{display:block; width:90px; }
.mem-box dd{margin-left:110px;}
.mem-box dd h3{font-size:15px; font-weight:600;margin:0 0 5px;}
.mem-box dd p{font-size:14px; color:#999;margin:0; line-height:1.5;}

.page-imgtxt{overflow:hidden;}
.pagetxt{float:left; width:65%; font-size:15px; line-height:1.8; text-align:justify; color:#666;}
.pagetxt p{margin:0 0 15px;}
.pageimg{margin-left:80%;}
.pageimg img{display:block; max-width:100%}

.pagecon{font-size:15px; line-height:1.8; text-align:justify; color:#666;}
.pagecon p{margin:0 0 15px;}

.techimgs{overflow:hidden;}
.techimgs img{display:block; width:100%;}

.sortbaoblue{background:#00a0de; padding:30px 20px;}
.sortbaoblue h3{margin:0 0 20px; font-size:18px; color:#fff; font-weight:600; line-height:24px; min-height:96px;}
.sortbaoblue h3 span{display:block;}
.sortbaoblue p{font-size:14px; color:rgba(255,255,255,.8); line-height:20px; height:200px; text-align:justify;}

.comment-content{position:relative; padding:20px; background:#00a0de; line-height:24px; border-radius:100px; padding-left:64px; color:#fff; font-size:16px;  overflow:hidden;  text-overflow:ellipsis; white-space:nowrap;}
.comment-content span{position:absolute; left:16px; top:14px; display:block; width:36px; height:36px; font-size:18px; border:2px solid #fff; border-radius:100px; line-height:32px; text-align:center; }

.tab-name{overflow:hidden; width:300px; text-align:center; margin:0 auto 20px;border:1px solid #00a0de; border-radius:100px;}
.tab-name span{display:block; float:left; line-height:40px; width:50%;  color:#00a0de; font-size:14px; background:#fff; cursor:pointer;}
.tab-name span.current{background:#00a0de; color:#fff;}

.techstep img{display:block; margin:50px auto 0; max-width:100%;}

.tech-power dt{border:1px solid #4cc8f2;}
.tech-power dd h3{color:#4cc8f2;}
.comm-title.blue span{color:#4cc8f2;}

.red-title{padding-bottom:15px; margin-bottom:20px; border-bottom:3px solid #f00; font-size:54px; color:#f00; text-align:center; font-family:'宋体',Serif; font-weight:600;}
.red-title span{display:block; font-size:15px; color:#666;}
.red-art-tit{font-size:34px; font-weight:600; text-align:center; margin:0 0 20px;}

.red-article-foot p{text-align:right; font-size:16px; margin:0;}

.sci-link{display:block;box-shadow:0 0 12px rgba(0,0,0,.1);-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.sci-link:hover{box-shadow:0 0 24px rgba(0,0,0,.2);}
.science-box{padding:10px; }
.science-box dt{position:relative; width:100%; padding-top:57.69%; overflow:hidden; }
.science-box dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s;}
.sci-link:hover .science-box dt img{transform: scale(1.2);}
.science-box dd{padding:10px 0 0; }
.science-box dd h3{font-size:18px; line-height:24px; height:48px; overflow:hidden; color:#222;}
.science-box dd p.p-txt{margin:0 0 10px; font-size:14px; line-height:22px; height:66px; overflow:hidden; color:#999;}
.science-box dd p{font-size:14px; color:#999;}

.downfile-list{overflow:hidden; padding:0 15px;}
.downfile-list dt{overflow:hidden; font-size:12px; color:#999;}
.downfile-list dt em{display:block; float:right; width:80px; font-style:normal; text-align:center;}
.downfile-list dt span{margin-right:80px;  }
.downfile-list dd a{display:block; overflow:hidden; padding:8px 0 8px 10px;color:#333; border-bottom:1px solid #e9e9e9;}
.downfile-list dd a em{display:block; float:right; width:80px; font-style:normal; text-align:center;}
.downfile-list dd a span{display:block;margin-right:80px; background:url(../images/icon_file.png) no-repeat left center; background-size:20px; padding:7px 0; padding-left:30px;font-size:15px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.downfile-list dd i.down{margin:4px auto; display:block; width:26px; height:26px; border-radius:100px; background:url(../images/down.png) #eee no-repeat center; background-size:16px; }
.downfile-list dd a:hover i.down{background-color:#eaf1f5;}
.downfile-list dd a:hover{background:#eaf1f5; background:-moz-linear-gradient(left, #eaf1f5,#ffffff); background:-webkit-gradient(linear, 0 0, 100% 0, from(#eaf1f5), to(#ffffff));}

/*404*/
.Str-404{width:100%; height:100%; background:#222; color:#fff; display: flex; justify-content:center; align-items: center; text-align:center;}
.Str-404 h1{margin:0; font-size:180px; line-height:1.5; }
.Str-404 h2{font-size:60px; line-height:1.5; }
.Str-404 h3{font-size:24px;  line-height:2; margin:0 0 40px;}

/*search*/
.search-article{padding:40px 60px;}
.page-search{position:relative; width:70%; margin:0 auto; }
.page-search .search-input{border:0px; padding:10px 20px; line-height:30px; height:52px; border-radius:100px; font-size:16px; width:100%; padding-right:24%; background:#fff; -webkit-appearance:none;}
.page-search .search-btn{cursor:pointer; position:absolute; right:-5px; top:0; border:0px solid #00a0de; width:24%; height:52px; font-size:16px; border-radius:100px; text-align:center; color:#fff; background:#00a0de;}
.searchnull .search-input{border:1px solid #ccc;-webkit-appearance:none;}

.search-list li{border-bottom: 1px solid #e5e5e5; position: relative; }
.search-list li a{display:block;padding: 20px 32px 52px; text-decoration:none;}
.search-list li a:hover{box-shadow: 0 0 40px rgba(0,0,0,.08);}
.search-list li h3{display:block; color:#121212; width:100%; font-size:18px; font-weight:600; overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; line-height: 30px; padding-left: 30px;	-webkit-transform: translateX(-27px);	-ms-transform: translateX(-27px);	transform: translateX(-27px);	transition: all .36s ease}
.search-list li h3:before{content:''; width:20px; height:30px; background: url(../images/icon_file.png) no-repeat center; background-size: 11px; position: absolute; left:0;	-webkit-transform: scale(1.8);	-ms-transform: scale(1.8);	transform: scale(1.8);	line-height: inherit}
.search-list li a:hover h3{color: #00a0de;	-webkit-transform: translateX(-17px); -ms-transform: translateX(-17px);	transform: translateX(-17px)}
.search-list li p{font-size: 15px; color: #666;  line-height: 26px; width:100%; text-align:justify; overflow: hidden; transition: all .36s ease;}
.search-list li a:hover p{-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
.search-list li span.details{position: absolute;
	left: 26px;
	bottom: 20px;
	width: 40px;
	height: 16px;
	color: transparent;
	border-left: 1px solid #e5e5e5;
	overflow: hidden;
	padding:0;
	}
.search-list li span.details:after,.search-list li span.details:before{
	content:"";
	background:url(../images/arr_detail.png) no-repeat center;
	background-size:12px;
	width:16px; 
	height:16px;
	transition: all .36s ease;	
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)}
.search-list li span.details:before{left: 15px;}
.search-list li span.details:after{left: -30px; opacity: 0}
.search-list li a:hover span.details:before{left: 30px; opacity: 0}
.search-list li a:hover span.details:after{left: 15px; opacity: 1}

.search-null{text-align:center; min-height:400px; font-size:16px; }
.search-null p{margin:40px 0; text-align:center;}