@charset "utf-8";
/*global */
body { overflow-x: hidden;
font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif; background: #f2f2f2 }
.clear2 { clear: both; font-size: 2rem; height: 20px; overflow: hidden; line-height: 20px; }
.clear3 { clear: both; font-size: 3rem; height: 30px; overflow: hidden; line-height: 20px; }
.clear1 { clear: both; font-size: 1rem; height: 10px; overflow: hidden; line-height: 10px; }
.clearline { clear: both; font-size: 1rem; margin-bottom: 10px; border-bottom: 1px solid #ddd; height: 10px; overflow: hidden; line-height: 10px; }
.clear { clear: both; font-size: 0; height: 0; overflow: hidden; line-height: 0; }
.ml10px { margin-left: 10px; }
.mb10px { margin-bottom: 10px; }
.mb20px { margin-bottom: 20px; }
.arialfont {font-family:Arial; }
.whitebg {background: #fff;}
body a { color: #666;text-decoration: none;transition: all 0.3s;-moz-transition: all 0.3s;	/* Firefox 4 */-webkit-transition: all 0.3s;	/* Safari 和 Chrome */-o-transition: all 0.3s; }
body a:hover { color: #0095ff; text-decoration: none; }
ul,ol,p { padding:0; margin:0;}
ul li { list-style:none;}
/*公共 */
nav { height: 100px; padding: 10px 30px 0 30px;  }

nav .logobg { margin-top: 10px; background: url("/static/img/top_logo2.png") no-repeat; height:80px; width: auto; background-size: 100% 100%;}
nav .toptel {background: url("/static/img/top_tel.png") no-repeat; background-size: 100% 100%;}
.nav3 {}
.nav3 ul.navul { float:left;}

.nav3 ul li.nLi { float:left; position:relative; z-index:6;}
.nav3 ul li.nLi h3 { height:50px; margin: 0; padding: 0; }
.nav3 ul li.nLi h3 a { height:50px; color: #fff; padding:0 25px; line-height:50px; display:block; font-size:18px; font-weight: bold;}
.nav3 ul li.nLi h3 a:hover { color:#f0b042;  }
.nav3 ul li.nLi h3 a.show {border-bottom: 2px solid #c61113; background: #1f2775;}
.nav3 ul li.on h3 a {color:#f0b042; }
.nav3 .sub { position:absolute; display: none;right: -25px; left:-25px; top:50px; box-shadow: 0 0 8px -3px #333; border-radius:0 0 10px 10px; overflow:hidden; background:#fff; border-top:3px solid #1f2775}
.nav3 .sub ul li { border-bottom:1px solid #1168d4; margin-bottom:-1px;}
.nav3 .sub ul li a { display:block;background:#1168d4; color:#fff; text-align:center; padding:5px 5px; line-height:40px; font-size:16px;}
.nav3 .sub ul li a:hover { background: #1f2775; color: #fff; }
.nav31 {color: #fff; line-height: 30px; padding: 10px 0 0 0; margin-right: 20px; float: right; position: relative; z-index: 1;}
.nav31 a {color: #fff;}
.nav31 a:hover {color: #f0b042;}
img.topmenu {width:30px; background: url("/static/img/navbar-toggle.png") no-repeat; background-size: 100% 100%; height: auto; margin: 3px 10px 0 30px;}

.nav31 .top_search { position: relative; z-index: 1; height: 30px; float: right;}
.nav31 .top_search a.sub1 {width: 30px; line-height: 30px; display: block; border: 0; height: 30px; background: url("/static/img/search_icon.png") center center no-repeat;}
#sub2 {position: absolute; z-index: 2;height: 40px;padding: 5px; right: -5px; top: -5px; background: #f2f2f2; border: 1px solid #eee; width: 300px;}
#sub2 input {border: 0; color: #999; padding-left: 15px; display: block;outline:none; height: 30px; width: 85%; box-sizing: border-box; line-height: 30px; float: left; background: none}
#sub2 a.sub2 {width: 30px; line-height: 30px; height: 30px; display: block; float: right; background: url("/static/img/search_icon3.png") center center no-repeat}

.img100 {width: 100%; height: auto;}

nav.navwhite {background: #fff; border-bottom: 2px solid #dddddd; padding-top: 10px;}
nav.navwhite .nav3 ul li.nLi h3 a {color: #333;}
nav.navwhite .nav3 ul li.nLi h3 a:hover { color: #0095ff;}
nav.navwhite .nav3 ul li.on h3 a {  color: #0095ff; }
nav.navwhite .pull-left .logobg {background: url("/static/img/top_logo.png") no-repeat; background-size: 100% 100%; margin-top: 0;}
nav.navwhite img.topmenu { background: url("/static/img/navbar-toggle_a.png") no-repeat; background-size: 100% 100%; }
nav.navwhite .nav31 {color: #888; padding-top: 0;}
nav.navwhite .nav31 a{color: #888;}
nav.navwhite .nav31 a:hover {color: #0095ff;}
nav.navwhite .top_search a.sub1 {background: url("/static/img/search_icon2.png") center center no-repeat;}

nav.navblue {background: #2c3373; border-bottom: 2px solid #dddddd; padding-top: 10px;}
nav.navblue .nav3 ul li.nLi h3 a {color: #fff;}
nav.navblue .nav3 ul li.nLi h3 a:hover { color: #f0b042;}
nav.navblue .nav3 ul li.on h3 a {  color: #0095ff; }
nav.navblue .pull-left .logobg { /*background: url("/static/img/top_logo.png") no-repeat;*/ background-size: 100% 100%; margin-top: 9px;}
nav.navblue img.topmenu { background: url("/static/img/navbar-toggle_a.png") no-repeat; background-size: 100% 100%; }
nav.navblue .nav31 {color: #fff; padding-top: 9px;}
nav.navblue .nav31 a{color: #fff;}
nav.navblue .nav31 a:hover {color: #f0b042;}
nav.navblue .top_search a.sub1 {background: url("/static/img/search_icon2.png") center center no-repeat;}

@media screen and (max-width:1600px) {
	.nav3 ul li.nLi h3 a {font-size: 16px; padding: 0 20px;}
}

@media screen and (max-width:1230px) {
	nav .logobg {height: 60px;}
	.nav3 ul li.nLi h3 {height: 40px; line-height: 40px;}
	.nav3 ul li.nLi h3 a {font-size: 15px; padding: 0 10px; line-height: 40px; height: 40px;}
	.nav31 {font-size: 13px;}
	nav {height: 80px;}
	.nav3 .sub {top: 40px;} 
}


@media screen and (max-width:992px) {
nav { height: 80px; padding: 10px 10px 0 20px }	
	nav .logobg {margin-top: 5px;}
	img.topmenu {width:20px; height: auto; margin: 10px 0 0 20px;}
}
@media screen and (max-width:768px) {
nav {  height: 80px; padding: 20px 20px 0 20px }	
	nav img.logobg  {width: auto; height: 60px;}
}
@media screen and (max-width:700px) {
nav {  height: 60px; padding: 5px 5px 0 5px }
	nav img.logobg  {width: auto; height: 40px;}
	img.topmenu {width:20px; height: auto; margin: 8px 0 0 20px;}
}

.nav2 {position: fixed; padding: 5px 0; z-index: 30; background: url("/static/img/topbg.png") center top no-repeat #2452ba; top: 0; bottom: 0; right: 0; width: 400px; box-shadow: 0 5px 15px -5px #333; overflow-y: auto}
.nav2 {width: 200px; }
.nav2 a.nav_close { display: block; float: right; width:50px;height: 50px; margin-right: 15px; padding: 10px ; background: #333;}
.nav2 a.nav_close:hover {background: #0059ff;}
.nav2 ul {margin: 10px;}
.nav2 ul li {border-bottom:2px solid #133c99; font-size: 14px; }
.nav2 ul li h2 {padding: 0; margin: 0; font-weight: bold; font-size: 15px; line-height: 24px; padding-top: 10px;}
.nav2 ul li h2 a {color: #fff; padding-left: 5px;}
.nav21 {padding-bottom: 5px; padding-top: 2px;}
.nav21 a { display:inline-block; font-size: 13px; color: #b8ccf9; padding-left: 5px; box-sizing: border-box; width: 30%; height: 30px; line-height: 30px;}
.nav2 .logobg {margin-left: 20px;}
@media screen and (max-width:992px) {
	.nav2 {width: 600px; }
	.nav2 a.nav_close {  width:30px; height: 30px; }	
}

@media screen and (max-width:768px) {
	.nav2 {width:100%; }
}

.footer { background:#2c3373; color:#fff; padding:50px 0; }
.footer .container { position: relative; z-index: 1; }
.footer1 {float: left; padding-right: 10%; }
.footer1 img {height: auto; max-width: 100%}
.footer1 p {padding-left: 92px; padding-top: 30px; font-size: 16px; line-height: 180%;}
.footer2 { float: left; min-height: 170px; padding: 0 0 0 40px; box-sizing: border-box; width:32%; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2);}
.footer2 a {display: block; color: #fff; float: left; width:50% ; box-sizing: border-box;  padding-left:60px; line-height: 40px; font-size: 16px; padding-bottom: 30px; position: relative; z-index: 1;}
.footer2 a span {display: block; position: absolute; z-index: 2; width: 40px; height: 40px;left: 0; top: 0;}
.footer2 a span.f1 {background: url("/static/img/f1.png") center center no-repeat;background-size:cover;}
.footer2 a span.f2 {background: url("/static/img/f2.png") center center no-repeat;background-size:cover;}
.footer2 a span.f3 {background: url("/static/img/f3.png") center center no-repeat;background-size:cover;}
.footer2 a span.f4 {background: url("/static/img/f4.png") center center no-repeat;background-size:cover;}
.footer2 a:hover {color: #ffa;}

.footer2a {float: left; min-height: 200px; padding:0 0 0 40px; box-sizing: border-box; width: 32%; border-left:1px solid rgba(255,255,255,0.2); border-right:1px solid rgba(255,255,255,0.2);}
.footer2a a {display: block; color: #999; padding-bottom: 20px; white-space:nowrap;}
.footer2a h2 {font-size: 18px; color: #aaa; padding-bottom: 20px;}

.footer3 {float: right; text-align: center; color: #939393; padding-top: 5px;}
.footer3 img {width: 93; height: auto; padding-bottom: 15px;}
/*.footer3 strong {font-size: 24px; display: block; font-weight: normal; font-family:Arial ; color: #fff; padding-top:5px; line-height: 120%;}
.footer3 strong a {color: #fff;}
*/
.footer1new {float: left; width: 85%;}
.footer1new .footer11 {float: left; }
.footer1new .footer11 img {height: auto; max-width: 100%}
.footer1new .footer12 {float: left; color: #fff; font-size: 16px; padding-top: 5px; line-height: 180%; padding-left:5%;}
.footer1new .footer13 {padding-top: 15px; margin-top: 20px; border-top:1px solid rgba(255,255,255,0.2); font-size: 15px;}
.footer1new .footer13 a {display: inline-block; padding: 0 10px; color: #999;}
.footer1new .footer13 a:hover {color: #fff;}
@media screen and (max-width:1600px) {
	.footer {padding: 60px 0;}
	.footer1  { padding-right: 5%;}
	.footer3 strong {font-size: 20px;}
	.footer1new {width: 85%;}
	.footer1new .footer11 {width: 30%;}
}
@media screen and (max-width:1230px) {
	.footer1 p { font-size: 14px;}
	.footer2 {width: 20%; padding-left: 20px;}
	.footer2 a {width: 100%;}
	.footer1new .footer11 {width: auto;}
	.footer1new .footer12 {padding-left:95px; padding-top: 20px;}
}
@media screen and (max-width:992px) {
	.footer {padding: 30px 0 30px 0;}
	.footer1 {width:100%; padding-bottom: 30px; padding-right: 0;}
	.footer1 img {width: 40%; height: auto; float: left; padding-top: 0; }
	.footer1 p {width: 60%; float: left; padding-left: 30px; box-sizing: border-box; padding-top: 0;}
	.footer2 {width:100%; border: 0; padding-left: 0; clear: both;  border-top:1px solid rgba(255,255,255,0.2); padding-top: 20px; }
	.footer2 a {width:25%;}
	.footer3 {position: absolute; z-index: 2; right: 0; top: 0;}
	.footer .container {position: relative; z-index: 1;box-sizing: border-box; padding-right: 130px}
	.footer1new {width: 100%; float:none;}
	.footer1new .footer13 { display: none}
}
@media screen and (max-width:768px) {
	.footer {padding: 30px 0 10px; text-align: center;}
	.footer .container {padding-right:15px;}
	.footer1 {width: 100%; padding:0 0 20px 0; text-align: center;}
	.footer1 img {width:80%; display:block; margin: 0 10%; padding-bottom: 15px;}
	.footer1 p {width: 100%; padding-left: 0; margin: 0 auto;}

	.footer2 {width: 100%; font-size: 14px;border-bottom:1px solid rgba(255,255,255,0.2); min-height:110px;}
	.footer2 a {width: 50%; padding-bottom: 15px; padding-left: 10px; line-height: 30px; font-size: 13px;}
	.footer2 a span { width: 30px; height: 30px; left: 20px;}
	.footer3 {width: 100%; border-left:0; line-height:180%;  padding-top: 10px; padding-left: 0; padding-bottom: 20px; text-align: center; position: relative; z-index: 1;}
	.footer3 img {max-width: 50%; height: auto ;}
	.footer1new .footer11 {width: 80%; margin: 0 auto; float: none; padding-top: 20px;}
	.footer1new .footer12 {width: 100%; float:none; text-align: center; padding-left: 0; padding-right: 0;;}
}



/*首页*/
/*首页首屏广告*/
.index_img {width: 100%; overflow: hidden;height: 65vh; position: relative; z-index: 1;margin-top: 116px}
/*.top_bg1 { position: absolute; z-index:3; left: 0; right: 0; top: 0; height: 150px; background: url("/static/img/topbg.png") center top no-repeat; background-size: 100% 150px;}*/
.top_bg1 { height: 0px; }
.top_bg2 { position: absolute; z-index:3; left: 0; right: 0; bottom: 0; height: 150px; background: url("/static/img/top_bg2.png") center top no-repeat; background-size: 100% 150px;}

.index_img .swiper-wrapper {z-index: 2;}

.index_img .swiper-slide img { 
	width: 100%;
	height: 100vh;
    transition: all 6s;
}

.index_img .swiper-slide:hover img {
   /*transform: scale(1.05);*/
}

.index_img .swiper-pagination {bottom:30px}
.index_img .swiper-pagination span {width: 15px; height: 15px; border-radius:10px;}
.index_img .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 10px; opacity: 1; }
.index_img .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; width: 60px;}
.index_img .swiper-button-next { width: 80px; height: 80px;right: 40px; color: #fff; border-radius:40px; background:rgba(0,0,0,0.2);}
.index_img .swiper-button-prev { width: 80px; height: 80px; left: 40px; color: #fff; border-radius:40px; background:rgba(0,0,0,0.2);}
.index_img .swiper-button-next:hover { background:rgba(0,0,0,0.9);}
.index_img .swiper-button-prev:hover { background:rgba(0,0,0,0.9);}

@media screen and (max-width:1230px) {
	.index_img .swiper-pagination span {width: 10px; height: 10px;}
	.index_img .swiper-button-next { width: 60px; height: 60px;right: 30px; }
	.index_img .swiper-button-prev { width: 60px; height: 60px; left: 30px;}
	.swiper-button-prev:after {font-size: 30px;}
	.swiper-button-next:after {font-size: 30px;}
}
@media screen and (max-width:768px) {
	/* 控制移动端顶部背景广告横幅显示*/
    .index_img {height: 20vh;margin-top: 55px}
    .index_img .swiper-slide img {height: 40vh;}

	.index_img .swiper-pagination {bottom:10px}
	.index_img .swiper-pagination span {width: 6px; height: 6px;}
	.index_img .swiper-button-next {display: none;}
	.index_img .swiper-button-prev {display: none;}
	.index_img .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 4px; opacity: 1; }
	.index_img .swiper-pagination span.swiper-pagination-bullet-active {background: #0095ff; width: 20px;}
	
	.top_bg1 { height: 0px;}
	.top_bg2 { height: 0px;}
}


.index-news { margin: 1rem 0; padding-bottom:55px; padding-top: 200px;  position: relative; z-index: 1; }
.index-news1 {width: 50%; float: left; position: relative; z-index: 2; overflow: hidden;}
.index-news1 img {width: 100%; height: 385px;}

.index-news1 .swiper-pagination {bottom:20px; right: 20px; text-align: right}
.index-news1 .swiper-pagination span {width: 10px; height: 10px; border-radius:10px;}
.index-news1 .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 10px; opacity: 1; }
.index-news1 .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; width: 40px;}
.index-news1 .swiper-slide a {position: relative; z-index: 1; display: block;}
.index-news1 .swiper-slide a h2 { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; font-size: 18px; color: #fff; padding: 0; margin: 0; height: 60px; line-height: 30px; padding-top: 15px; padding-left: 30px;  box-size:border-box;  background:url("/static/img/index1bg1.png") left bottom no-repeat; background-size:100% 100%;}

.index-news1_title {padding:60px 20px; text-align: center;}
.index-news1_title h2 {font-size: 32px; margin: 0;  padding: 0; font-weight: normal;}

.index-news2 { margin-left: 50%; box-sizing: border-box; padding-left: 40px;}
#tabs1 {}
#tabs_title1 {position: absolute; z-index: 3; top:55px; text-align: center; right: 0; left:0;}
#tabs_title1 img { width: 150px; }
#tabs_title1 a.more {float: right; font-size:14px ; text-decoration: none; line-height: 65px; display: inline-block; margin: 0 30px;}
#tabs_title1 a.active {font-size: 14px; color: #333; border-bottom: 2px solid #0a4e98}

.news1 li { background: #fff; height: 110px; margin-bottom:27px; position: relative; z-index: 1; box-sizing: border-box; padding: 15px 20px; }
.news1 li p a {font-size: 16px; line-height: 180%;}
.news1 li .date1 {position: absolute; z-index: 2; left: 20px; bottom:15px; float: left; font-size: 13px; color: #999;}
.news1 li a.more1 {position: absolute; z-index: 2; right: 20px; bottom:15px; float: left; font-size: 13px; color: #2b74e2;}
.news1 li a.more1:hover {color: #333;}

.index-informa {}
.index-media {}
.index-trends {}
.index-special {}
.campus-style {}
.campus-life {}

.index1 {margin: 1rem 0; padding-bottom:55px; padding-top: 200px;  position: relative; z-index: 1;}
.index11 {width: 50%; float: left; position: relative; z-index: 2; overflow: hidden;}
.index11 img {width: 100%; height: 385px;}

.index11 .swiper-pagination {bottom:20px; right: 20px; text-align: right}
.index11 .swiper-pagination span {width: 10px; height: 10px; border-radius:10px;}
.index11 .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 10px; opacity: 1; }
.index11 .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; width: 40px;}
.index11 .swiper-slide a {position: relative; z-index: 1; display: block;}
.index11 .swiper-slide a h2 { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; font-size: 18px; color: #fff; padding: 0; margin: 0; height: 60px; line-height: 30px; padding-top: 15px; padding-left: 30px;  box-size:border-box;  background:url("/static/img/index1bg1.png") left bottom no-repeat; background-size:100% 100%;}

.index1_title {padding:60px 20px; text-align: center;}
.index1_title h2 {font-size: 32px; margin: 0;  padding: 0; font-weight: normal;}

.index12 { margin-left: 50%; box-sizing: border-box; padding-left: 40px;}

.news1 li { background: #fff; height: 110px; margin-bottom:27px; position: relative; z-index: 1; box-sizing: border-box; padding: 15px 20px; }
.news1 li p a {font-size: 16px; line-height: 180%;}
.news1 li .date1 {position: absolute; z-index: 2; left: 20px; bottom:15px; float: left; font-size: 13px; color: #999;}
.news1 li a.more1 {position: absolute; z-index: 2; right: 20px; bottom:15px; float: left; font-size: 13px; color: #2b74e2;}
.news1 li a.more1:hover {color: #333;}

@media screen and (max-width:1600px) {
	.index-news { padding-top:150px; }
	
	.index1 {padding-top:150px; }
	#tabs_title1 {top: 30px;}
	#tabs_title1 a {font-size: 28px;}
	#tabs_title1 a.active {font-size: 32px;}
	
}

@media screen and (max-width:1230px) {
	.index1 {padding-top:110px; padding-bottom: 10px; }
	#tabs_title1 {top: 15px;}
	#tabs_title1 a {font-size: 22px; line-height: 56px;}
	#tabs_title1 a.active {font-size: 25px;}
	.news1 li p a {font-size:14px;}
	.news1 li {height: 90px; margin-bottom: 20px; padding: 5px 15px;}
	.news1 li .date1 {left: 15px; bottom:10px; font-size: 12px;}
	.news1 li a.more1 {right: 15px; bottom:10px; font-size: 12px;}
	.index11 img {width: 100%; height: 310px;}
}

@media screen and (max-width:992px) {
	.index11 {width: 100%; float: none;}
	.index12 {width: 100%; padding-left: 0; float:none; margin-left: 0;}
	.index1 {padding-top: 0px;}
	#tabs_title1 { position: relative; z-index: 2; text-align: left; padding-bottom: 15px;}
	#tabs_title1 img { width:75px; margin: 10px 20px; }
	#tabs_title1 a { float: right; font-size:14px; line-height:70px; }
	#tabs_tille1 a.more { float:right; font-size:14px; }
	
	.news1 li {height: auto; padding-bottom: 30px;}
	.news1 li p a {font-size: 15px;}
}

@media screen and (max-width:768px) {
	.index1 {padding-bottom: 0; margin-bottom: 0;}
	.index11 img {width: 100%; height: auto;}
	.index11 .swiper-slide a h2 {font-size: 14px; padding-left: 10px; height: 50px; padding-right: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.index1_title {padding: 20px 20px; text-align: center;}
	.index1_title h2 {font-size:20px; margin: 0; padding: 0; padding-bottom:10px;}
	.index1_title p {font-size: 14px; color: #666;}
	.index11 .swiper-pagination {bottom:13px}
	.index11 .swiper-pagination span {width: 6px; height: 6px; border-radius:10px;}
	.index11 .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 5px; opacity: 1; }
	.index11 .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; width: 20px;}
	.news1 li p a {font-size: 14px;}
	
	#tabs_title1 { text-align: left; }
	#tabs_title1 img { width:75px; margin: 10px 20px; }
	#tabs_title1 a { float: right; font-size:14px; line-height:70px; }
	#tabs_tille1 a.more { float:right; font-size:14px; }
}

/*.index2 { background:url("/static/img/index2bg.jpg") center top no-repeat; background-size: cover; padding-bottom:30px;}*/
.index2 { background-color: #dbe8f0; padding-bottom:30px;}
.index2_title {padding:50px 20px; text-align: center;}
.index2_title img { width: 150px; }
.index2_title span { float: right;height: 66px;line-height: 66px; font-size:14px; color:#fff; }
.index2_title h2 {font-size: 32px; color: #fff; margin: 0;  padding: 0; font-weight: normal;}

.index21 { position: relative; z-index: 1; padding-bottom: 70px;}
.index21 .swiper-slide {width: 40%; box-sizing: border-box;}
.index21 .swiper-slide a { display: block;}
.index21 .swiper-slide a img {width: 100%; height: auto;}
.index21 .swiper-pagination {bottom:10px;}
.index21 .swiper-pagination span {width: 10px; height: 10px; border-radius:10px;}
.index21 .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 10px; opacity: 1; }
.index21 .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; width: 40px;}

@media screen and (max-width:1230px) {
	.index2_menus ul li a p {padding:0 25px;}
}

@media screen and (max-width:992px) {
	.index2 {padding-bottom:15px; padding-top: 15px;}
	.index2_title { padding: 20px 20px; text-align: center; }
	.index2_title img { width:100px; }
	.index2_title span { line-height: 50px; }
	.index2_title h2 {font-size:20px; margin: 0; padding: 0; padding-bottom:10px;}
	
	.index21 { width: 100%; float: none;}
	.index21 .swiper-pagination span {width: 6px; height: 6px; border-radius:10px;}
	.index21 .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 5px; opacity: 1; }
	.index21 .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; width: 20px;}
	.index21 .swiper-slide { /*padding: 0 20px*/ margin: 0 auto; }
	.index21 {padding-bottom: 50px;}
}

@media screen and (max-width:768px) {
	.index2 {padding-bottom:15px; padding-top: 15px;}

	a.i5more {width: 300px; height: 30px; line-height: 30px; font-size: 14px; margin: 15px auto 10px;}
	
	.index2_title { padding: 20px 20px; text-align: center; }
	.index2_title img { width:100px; }
	.index2_title span { line-height: 50px; }
	.index2_title h2 {font-size:20px; margin: 0; padding: 0; padding-bottom:10px;}
	.index2 .special .swiper-slide a img {width: 100%; height: auto;}
	
	.index5_title {padding: 20px 20px; text-align: center;}
	.index5_title h2 {font-size:20px; margin: 0; padding: 0; padding-bottom:10px;}
		
	.index21 { width: 100%; float: none;}
	.index21 .swiper-pagination span {width: 6px; height: 6px; border-radius:10px;}
	.index21 .swiper-pagination span.swiper-pagination-bullet {background: #fff;margin: 0 5px; opacity: 1; }
	.index21 .swiper-pagination span.swiper-pagination-bullet-active {background: #fff; width: 20px;}
	.index21 .swiper-slide { /*padding: 0 20px*/ margin: 0 auto; }
	.index21 {padding-bottom: 50px;}
}

.index3 { background-color:#fff; padding:50px 0 50px; }
.index31 { width: 48%; background: #fff; height:450px;}
.index31a { width: 48%; background: #fff; height:270px;}
.index3_title {height: 80px; border-bottom: 1px solid #ebebeb;}
.index3_title img { width:100px; margin:16px 20px; }
.index3_title h2 {line-height: 80px;padding: 0; margin: 0; padding-left: 30px; float: left; font-size: 24px; font-weight: normal; color: #333; background:url("/static/img/xyzx.png") center top no-repeat; background-size: contain; padding-bottom:30px;}
.index3_title a.more { display: block; float: right; color: #888; font-size: 14px; line-height: 80px; padding-right: 25px;}
.index3_title a.more:hover {color: #318be3;}

.news2 {padding: 0 30px}
.news2 li {position: relative; z-index: 1; height: 85px;}
.news2 li span {display: block; width: 200px; height: 10px; border-bottom: 1px solid #ebebeb; position: absolute; z-index: 2; left: 0; bottom:0;}
.news2 li .date2 {color: #318be3; padding-top:17px; font-size: 14px; padding-bottom:3px;}
.news2 li a {font-size: 16px;display: block; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


#tabs_title2 a {line-height: 80px;padding: 0; text-decoration: none; margin: 0; padding-left: 30px; float: left; font-size: 20px; font-weight: normal; color: #333;}
#tabs_title2 a.active {font-size: 24px;}
@media screen and (max-width:992px) {
	.index3 {padding: 30px 0; }
	.index31 {width: 100% !important; margin-bottom: 20px; padding-bottom: 20px; clear: both; height: auto;}
	.index31a {width: 100%; margin-bottom: 20px; padding-bottom: 20px; clear: both; height: auto;}
	.index3_title {height: 50px;}
	.index3_title img { width: 75px; margin: 10px 20px; }
	.index3_title h2 {font-size: 18px; line-height: 50px;}
	.index3_title a.more {line-height: 50px;}
	
	#tabs_title2 a {font-size: 16px; line-height: 70px;}
	#tabs_title2 a.active {font-size: 18px;}
	
	.news2 {padding-bottom: 15px;}
	.news2 li {height:auto; padding-bottom: 5px;clear: both;}
	.news2 li .date2 {padding-bottom: 0; padding-top: 7px;}
	.news2 li a {font-size: 14px;}
}
@media screen and (max-width:768px) {
	.index3 {padding: 30px 0 10px}
	.index31 {width: 100% !important; margin-bottom: 20px; padding-bottom: 20px; clear: both; height: auto;}
	.index3_title {height: 50px;}
	.index3_title img { width: 75px; margin: 10px 20px; }
}


.index4 {background: url("/static/img/index4bg.jpg") center top no-repeat; height: auto; background-size: cover; padding-bottom: 280px; }
.index4_title {padding:50px 20px; text-align: center;}
.index4_title img { width: 150px; }
.index41 {position: relative; z-index: 1;}
.index42 { width: 45%; float: left;}
.index42 video { display: block; width: 100%; height: auto;}
.index42 a.more {display: block; text-align: right; line-height: 40px; font-size: 15px; color: #fff;}

.index43 { width: 51%; float: right; position: relative; z-index: 2;}
.index43 .swiper-slide img {width: 100%; height: auto;}
.index43 .annius { position: absolute; z-index: 2; right: 0; bottom: 0; background: url("/static/img/index4bg2.png") right bottom no-repeat;width: 400px; height: 60px; box-sizing: border-box;}
.index43 .swiper-pagination { position: absolute; z-index: 3;left: auto; right:40px; bottom:10px; float: left; width: 100px; height: 40px; color: #fff; font-size: 20px; text-align: center; line-height: 40px;}
.index43 a.swiperprev { display: block; width: 30px; height: 30px; background: url("/static/img/prev.png") center center no-repeat; line-height: 30px; position: absolute; z-index: 10; right: 150px; bottom: 15px;} 
.index43 a.swipernext { display: block; width: 30px; height: 30px; background: url("/static/img/next.png") center center no-repeat; line-height: 30px; position: absolute; z-index: 10; right: 10px; bottom: 15px;} 
.index44 {position: absolute; z-index: 4; float: left; left: 0; bottom:-210px; border: 3px solid rgba(255,255,255,0.5); padding: 30px 0 30px 30px;}
.index44 a {display: block; margin-right: 30px; float: left;}

@media screen and (max-width:1230px) {
	.index44 a img {width: 160px; height: auto;}
}

@media screen and (max-width:992px) {
	.index42 {width: 100%;}
	.index43 {width: 100%;}
	.index44 {border: 0; padding:20px 0; position: relative; z-index: 1; bottom:auto; margin: 0 -15px 0 -15px; }
	.index44 a {width: 33.33%; box-sizing: border-box; margin-right: 0; padding: 0 15px}
	.index44 a img { height: auto; width: 100%;}
	.index4 {padding-bottom: 40px;}
	.index4_title { padding: 30px 20px; }
	.index4_title img { width:100px; }
	.index4_title span { line-height: 50px; }
}

@media screen and (max-width:768px) {
	.index4 {padding-bottom: 0;}
	.index44 {margin: 0 -10px;}
	.index44 a {padding: 0 10px}
	
	.index4_title img { width:100px; }
	.index4_title span { line-height: 50px; }
}


.index5 { background-color: #fff; padding-bottom:30px;}
.index5_title {padding:50px 20px; text-align: center;}
.index5_title img { width: 150px; }
.index5_title span { float: right;height: 66px;line-height: 66px; font-size:14px; color:#fff; }
.index5_title h2 {font-size: 32px; color: #fff; margin: 0;  padding: 0; font-weight: normal;}
.index51 { position: relative; z-index: 1; padding-bottom: 70px;}
.index51 .swiper-slide {width: 40%; box-sizing: border-box;}
.index51 .swiper-slide a { display: block;}
.index51 .swiper-slide a img {width: 100%; height: auto;}
.index51 .swiper-pagination { bottom:10px; }
.index51 .swiper-pagination span {width: 8px; height: 8px; border-radius:10px;}
.index51 .swiper-pagination span.swiper-pagination-bullet { background: #000; margin: 0 5px; opacity: 0.2; }
.index51 .swiper-pagination span.swiper-pagination-bullet-active {background: #007aff; width: 10px;}

.news5 { background: #fff; padding: 20px 60px 30px;}

.news5 ul li {width: 47%; box-sizing: border-box; padding-top: 20px; padding-bottom: 30px; border-bottom: 1px solid #efefef; padding-left:140px; position: relative; z-index: 1;}
.news5 ul li a{font-size: 16px; line-height: 180%;}
.news5 ul li span {width: 120px; background: #0095ff; height: 30px; line-height: 30px; text-align: center; color: #fff;display: block; position: absolute; z-index: 1; left: 0; top: 26px; font-size: 14px;}
a.i5more {max-width: 400px; height: 40px; line-height: 40px; border: 1px solid #eee; text-align: center; color: #999; font-size: 16px; display: block; margin:30px auto 0;}
a.i5more:hover {color: #0095ff; border: 1px solid #0095ff;}

@media screen and (max-width:1230px) {

}

@media screen and (max-width:992px) {
	.index5 {padding-bottom:15px; padding-top: 15px;}
	.index5_title { padding: 20px 20px; text-align: center; }
	.index5_title img { width:100px; }
	.index5_title span { line-height: 50px; }
	.index5_title h2 {font-size:20px; margin: 0; padding: 0; padding-bottom:10px;}
}

@media screen and (max-width:768px) {
	.index5 {padding-bottom:15px; padding-top: 15px;}
	
	.index5_title img { width:100px; }
	.index5_title span { line-height: 50px; }
}