@charset "gb2312";

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {margin: 0;padding: 0}
table {border-collapse: collapse;border-spacing: 0}
fieldset, img {border: 0;vertical-align: top}
address, caption, cite, code, dfn, em, optgroup, var {font-style: inherit;font-weight: inherit}
del, ins {text-decoration: none}
li {list-style: none}
caption, th {text-align: left}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 400}
q:after, q:before {content: ''}
abbr, acronym {border: 0;font-variant: normal}
sup {vertical-align: baseline}
sub {vertical-align: baseline}
legend {color: #000}
button, input, optgroup, option, select, textarea {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;outline: 0}
a {text-decoration: none;color: #333}

body {font-family: "΢ÈíÑźÚ";font-size: 13px;color: #333}
::-webkit-scrollbar {width:8px;background-color:#006eff}
::-webkit-scrollbar-thumb {width:8px;background-color:#aeaeae}
::-webkit-scrollbar-track-piece {width:8px;background-color:#f8f8f8}
::-webkit-scrollbar-thumb:hover {width:8px;background-color:#006eff}

.white, .white a {color: #fff}
.yellow, .yellow a {color: #ff0}
.blue, .blue a {color: #0054b3}
.red, .red a {color: red}

.wrap { width:100%;height: 100%;max-width: 1200px;margin: 0 auto;}
.section { width:100%;height: 100%;margin: 0 auto;overflow: hidden!important}

.clear {width: 100%;clear: both}
.fl {float: left}
.fr {float: right}
.hide {display: none}
.block {display: block}

.zoom {zoom: 1}
.hidden {visibility: hidden}
.none {display: none}

.f13 {font-size: 13px}
.f14 {font-size: 14px;}
.f16 {font-size: 16px; text-transform:uppercase;}
.f18 {font-size: 18px}
.f20 {font-size: 20px}
.f30 {font-size: 30px}
.f32 {font-size: 32px}

.mt15 {margin-top: 15px}

.line28 {line-height: 25px}

.pt5 {padding-top: 5px}
.pt20 {padding-top: 20px}

.text-left {text-align: left!important}
.text-center {text-align: center!important}
.text-right {text-align: right!important}

.pb12 {padding-bottom: 12px!important}
.pb20 {padding-bottom: 20px!important}


.header {height: 95px;width: 100%; box-shadow:0 0 10px #ccc}
.fixed {width: 100%;position: fixed;top: -95px;z-index: 9999;background: #fff;}
.n-fixed {width: 100%;position: fixed;top: 0;z-index: 999;background: #fff;transition: all .2s ease-out;-webkit-transition: all .2s ease-out}
#never {top: 0!important}

#drop.fixed ul li a {color: #fff}
.logo {
	display: table-cell;
	max-width: 250px;
	height: 95px;
	vertical-align: middle;
	overflow: hidden
}
.logo img {
	vertical-align: middle;
	max-width: 253px;
	max-height: 70px
}
.language{ width:80px; margin-top:38px;}
.language ul li{ float:right; margin-left:10px;}


.menu li{ float:left; font-size:15px; line-height:95px;margin:0 20px; position:relative}
.menu li a{ color:#595959; position:relative}
.menu li a:hover,.menu li a.cur,.menu li a.curh{ color:#0054b3;}

.menu li .line{background:#0054b3; position:absolute; bottom:-39px;left:50%;height:3px;width:0;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s; }
.menu li a:hover .line,.menu li a.cur .line,.menu li a.curh .line{ width:100%;left:0;}

.menu li .sub{ position:absolute;z-index:99; background:#fff; width:120px; margin-left:-60px;left:50%;box-shadow:0 0 10px rgba(0,0,0,0.15); height:0; opacity:0;overflow: hidden; transition:.5s}
.menu li .sub dd{line-height:38px; font-weight:normal; font-size:14px; border-bottom:1px dotted #d8d8d8; position:relative; text-align:center}
.menu li .sub dd a{ display:block; padding:0}
.menu li:hover .sub{ height:auto; opacity:1; top:96px}



.banner {width: 100%;overflow: hidden;position: relative;margin: 0 auto}
.banner .bd {position: relative;height: 100%;z-index: 0}
.banner .bd li {
	zoom: 1;
	vertical-align: middle
}
.banner .bd li a {
	width: 100%;
	display: block
}
.banner .text {
	width: 100%;
	text-align: left;
	position: absolute;
	top: 45%; margin:0 auto;
	color: #fff; z-index:999; 
}
.banner .text .mores{ width:96%;max-width:1180px; margin:0 auto; padding:46px 30px;background:url(../images/bannerbg.png) repeat-y left top; }
.banner .text .mores h3{ font-size:42px; font-weight:bold; line-height:40px; color:#fff; margin-bottom:30px;}
.banner .text .mores h4{ font-size:36px; font-weight:bold; line-height:60px; margin-bottom:20px;}
.banner .text .mores span{ display: block; width:40px; height:3px; background-color:#fff; margin-bottom:15px;}

.banner .text .mores p{ line-height:32px; font-size:15px; color:#fff; width:100%;}

.banner .text .more{ line-height:55px; margin-top:80px;}
.banner .text .more a{ color:#0054b3; width:160px;line-height:40px; text-align:center; display:block;border:solid 1px #0054b3;border-radius: 5px; cursor:pointer}
.banner .text .more a:hover{ background-color:#ff4a00; color:#fff;}

.banner .text h5 {
	font-size: 40px;
	padding-bottom: 10px;
	font-weight: 700
}
.banner .text p {
	font-size: 14px;
	line-height: 30px
}
.banner .hd {
	width: 100%;
	height: 15px;
	overflow: hidden;
	position: absolute;
	bottom: 35px;
	z-index: 1;
	text-align: center
}
.banner .hd ul li {
	display: inline-block;
	margin-right: 10px;
	width: 15px;
	height: 15px;
	line-height: 14px;
	text-align: center;
	background: url(../images/slide1-ico.png) no-repeat 0 0;
	cursor: pointer
}
.banner .hd ul li.on {
	background-position: -23px 0
}
.nbanner, .nbanner a {
	width: 100%;
	display: block;
	margin-top: 61px;
	background-repeat: no-repeat;
	background-position: center 61px;
	background-attachment: fixed
}
.swiper-slide {
	width: 100%;
	text-align: center;
	font-size: 18px;
	background: #fff;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}
.swiper-slide img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right: 3%!important;
	top: 58%!important
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 15px 0!important
}
.swiper-button-next {
	right: 2%!important;
	background: url(../images/arrow_45.png) no-repeat -105px 0!important
}
.swiper-button-prev {
	left: 2%!important;
	background: url(../images/arrow_45.png) no-repeat 0 0!important
}
.swiper-button-next, .swiper-button-prev {
	width: 45px!important;
	height: 45px!important
}
.swiper-button-next, .swiper-button-next.swiper-button-disabled, .swiper-button-prev, .swiper-button-prev.swiper-button-disabled {
	opacity: 0;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {
	opacity: 1
}
.swiper-container:hover .swiper-button-next.swiper-button-disabled, .swiper-container:hover .swiper-button-prev.swiper-button-disabled {
	opacity: .35
}
.swiper-pagination-bullet-active {
	background: #fff!important
}
.swiper-pagination-bullet {
	background: #fff!important;
	opacity: .2
}
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 90px!important
}
.wrapper-intro {
	position: absolute;
	overflow: hidden
}
.wrapper-intro p {
	padding-top: 10px
}
.wrapper-intro p {
	color: #fff
}
.footer-bor {
	width: 100%;
	display: block;
	height: 1px;
	background: #000
}
#back-footer, .back-footer {
	min-width: 1150px;
	padding: 40px 0 30px
}
.footer-1 {
	width: 1150px;
	margin: 0 auto
}
.index-nav-1 a {
	color: #8b8b8b;
	display: inline-block;
	padding: 0 18px;
	background: url(../images/ico-1.png) no-repeat center right
}
.index-nav-1 a:first-child {
	padding-left: 0
}
.index-nav-1 a:last-child {
	background: 0 0
}
.links-1 a {
	padding: 0 3px
}
.js-tj-1 a {
	padding-right: 4px
}
.bq-1, .js-tj-1, .js-tj-1 a, .links-1 a, .links-1 p {
	color: #969696
}
#white-footer .bq-1, #white-footer .js-tj-1, #white-footer .links-1 p, #white-footer a {
	color: #969696;
	opacity: .9;
	filter: alpha(opacity=90)
}
#back-footer .bq-1, #back-footer .js-tj-1, #back-footer .links-1 p, #back-footer a {
	color: #fff;
	opacity: .9;
	filter: alpha(opacity=90)
}

.footer{background: url(../images/footerbg.jpg) repeat-x center top;}
.footer-fixed {
	width: 100%;
	max-height: 50px;
	position: fixed;
	bottom: 0;
	
	z-index: 9999;
	overflow: hidden
}
.max50, .max50 .back-footer, .max50 .white-footer {
	padding: 14px 0;
}

.footer-fixed .back-footer, .footer-fixed .back-footer a {
	color: rgba(255,255,255,.8)
}
.footer-fixed .white-footer, .footer-fixed .white-footer a {
	color: #999
}

.footer .kwidth{ width:100%; max-width:1200px; margin:0 auto;}


.black_overlay {
	Z-INDEX: 1001; POSITION: fixed; FILTER: alpha(opacity=70); BACKGROUND-COLOR: black; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; TOP: 0%; LEFT: 0%; -moz-opacity: 0.7; opacity: 0.7
}
.www_zzjs_net02 {
	Z-INDEX: 1002; POSITION: fixed; BACKGROUND-COLOR: white; WIDTH: 36%; DISPLAY: none; OVERFLOW: hidden; TOP: 20%; LEFT: 32%; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius:10px;
}

.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*¹Ì¶¨µÄÐü¸¡´°*/
.yb_conct{position:fixed;z-index:9999999;bottom:160px;right:0px; width:54px; height:192px; background:url(../images/rightbar.jpg) #fff center center;box-shadow: 0 0 10px #ccc;transition:all .3s ease;}
.yb_conct li a{cursor:pointer; display:block; width:54px; height:48px;}


.erji { line-height:48px; width:210px; background-color:#fff; display:none; margin-left:-210px; margin-top:-48px; font-size:15px; text-align:center;box-shadow: 0 0 10px #ccc;position:absolute; z-index:9999999; clear:both;}


.www_zzjs_net02 #biaoyi{-webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0; border-bottom:1px solid #E6E6E6;  }
.www_zzjs_net02 #biaoyi #zuo{ float:left; width:70%; }
.www_zzjs_net02 #biaoyi #you{ float:right; width:20%; text-align:right; line-height:50px; font-size:14px; padding-right:20px;}
.www_zzjs_net02 #biaoyi h3{ line-height:50px; font-size:20px; padding-left:20px;}
.www_zzjs_net02 #videoclass{ padding:25px; text-align:center}