@charset "utf-8";
/****** reset 基本样式重置 strat ******/
/* 清除内外边距 ---------- */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0;}
/* 各种字体矫正 --------- */
body, button, input, select, textarea { font: 14px/1 Microsoft YaHei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; }
h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
button, input, select, textarea { font-size: 100%; outline: none;}
address, cite, dfn, em, var { font-style: normal; }
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; }
small { font-size: 12px; }
/* 重置列表元素 --------- */
ul, ol { list-style: none; }
/* 重置文本格式元素 ----- */
a { color: #666; }
i { font-style: normal;}
a:hover { color: #2d86e0; }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
abbr[title], acronym[title] { border-bottom: 1px dotted; cursor: help;}
q:before, q:after { content: ''; }
/* 重置表单元素 ------- */
legend { color: #000; }
fieldset, img { border: none; }
/* 重置表格元素 ------ */
/*table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}
table th { font-weight: normal; }*/
/* 重置 hr --------- */
hr { border: none; height: 1px;}
/****** reset 基本样式重置 end   ******/
/****** 复用性样式设置 strat ******/
.clearfix:after { content: "\200B"; display: block; height: 0; clear: both;}
.clearfix { *zoom:1;}
.clear{ display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;  content:".";}
.fl { float: left; }
.fr { float: right; }
.m0 { margin: 0; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mb30 { margin-bottom: 30px; }
.mt30 { margin-top: 30px; }
.pd10 { padding: 10px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }
.pd30 { padding: 30px; }
.pt30 { padding-top: 30px; }
.pt0 { padding-top: 0; }
.pb0 { padding-bottom: 0; }
h1, h2, h3, h4, h5 { font-weight: normal; }
.fz20 { font-size: 20px; }
.fz18 { font-size: 18px; }
.fz16 { font-size: 16px; }
.bold { font-weight: 800; }
/****** 复用性样式设置 end   ******/

html{ height: 100%;}
body,.wrapper{ min-width: 1280px; min-height: 100%; position: relative;}
.container{ width: 1180px; margin: 0 auto; position: relative;}
.header{ width: 100%; height: 64px; background: #fff;}
.logo{ margin-top: 20px; width: 251px;}
.nav_list{ padding-left: 251px; padding-right: 214px;}
.nav_list li{ float: left;  text-align: center;}
.nav_list li a{display: block; text-align: center; font: 16px/64px "微软雅黑"; color: #666666;}
.hotline{ margin-top: 8px;}
.phone{ font: 14px/24px "微软雅黑"; color: #989898;}
.online{ display: block; padding-left: 23px; font: 12px/18px "微软雅黑"; color: #1881f7; background: url(../images/zx.png) left center no-repeat;}
.online:hover{ text-decoration: underline;}
.nav_list li { position: relative;}
.nav_list li i{ display: none; position: absolute; bottom: 5px; left: 50%; margin-left: -4.5px; color: #2871d5;}
.nav_list>li:hover>a,.nav_list>.active>a{ color: #2871d5;}
.nav_list .active i{ display: block;}

.banner{ width: 100%; height: 500px;background-color: #4690f5;}
.banner .container .banner_img{ margin-left: -187px;}
.info_blcok{ width: 200px; padding: 20px; position: absolute; bottom: 40px; right: 60px; background: url(../images/shade.png);}
.ewm { width: 120px; margin: 0 auto; margin-top: 0;padding: 4px; background: #FFFFFF;}
.ewm img{width: 100%;}
.info_blcok p{ margin-top:6px; display: block; font: 14px/18px "微软雅黑"; color: #FFFFFF; text-align: center;}


.content_left{ width: 880px; float: left; margin-top: 102px;}
.content_right{ width: 285px; float: right; margin-top: 73px;}

.cont_block{ padding: 0 40px; position: relative; border-left: 1px solid #cccccc;}
.cont_block .title{ height: 50px;}
.cont_block .title p{width: 165px; height: 50px; padding-left: 27px; font: 24px/50px "微软雅黑"; color: #2871d5; background: url(../images/titbg01.png) no-repeat left center; text-align: center; position: absolute; left: -5px; top: -25px;}
.cont_block .text_list{ margin-left: 5px; margin-bottom: 80px;}
.cont_block .text_list li{ margin-bottom: 24px;}
.cont_block .text_list h3{ font: 28px/40px "微软雅黑"; font-weight: bold; color: #445e8d; font-weight: bold; margin-bottom: 6px;}
.cont_block .text_list p{ font: 14px/24px "微软雅黑"; color: #666666; text-align: justify;}


.right_nav li{ margin-bottom: 20px;}
.right_nav li a{display: block; width: 284px;  position: relative;}
.right_nav .img_shade{ width: 284px; height: 240px; background: url(../images/imgshade.png) no-repeat center bottom; position: absolute; left: 0; top: 0;}
.right_nav .title_p{ width: 176px; background: url(../images/underline.png) bottom center no-repeat; padding-bottom: 10px; position: absolute; bottom: 50px;}
.right_nav .title_p p{ font: 18px/20px "微软雅黑"; font-weight: bold; color: #fafafa;}
.p_left{ left: 20px; text-align: left;}
.p_right{ right: 20px; text-align: right;}
.a_hover{display: none; width: 284px; height: 240px; background: url(../images/a_hover_bg.png) no-repeat center; position: absolute; left: 0; top: 0;}
.right_nav li a:hover .a_hover{ display: block;}
.a_hover div{ width: 200px; margin: 80px auto 0; text-align: center; }
.a_hover p{ font: 18px/24px "微软雅黑"; color: #FFFFFF;}
.a_hover span{display: block; width: 200px; height: 32px; font: 12px/32px "微软雅黑"; color: #ec4b4b; background: url(../images/titbg02.png) no-repeat center; margin-top: 10px;}


.footer_fixer{ height: 140px; margin-top: 34px;}
.footer{ width: 100%; position: relative; left: 0; bottom: 0; margin-top: -140px; background: #333333;}
.footer_logo{ margin-top: 52px; width: 165px; float: left;}
.footer_logo img{ width: 100%;}
.footer .address{ float:left; padding-left:112px; margin-top: 32px;}
.footer .address p{ line-height:180%; color:#b0b0b0; font-size:14px;font-family:"微软雅黑";}
.footer .address .copyright{ color:#666; font-size:12px; padding-top:12px;}
.foot-link{
	float:left;
	padding-left:30px;
	margin-top: 32px;
}
.foot-link li{
	float:left;
	margin:0 13px;
}
.foot-link li a{
	position:relative;
}
.foot-link li a i.ico{
	display:inline-block;
	width:27px;
	height:21px;
	background:url(../images/foot-ico.png) no-repeat;
}
.foot-link li a i.ico1{ background-position:0px 0px; height: 23px;}
.foot-link li a i.ico2{height:23px;background-position:0px -30px;}
.foot-link li a i.ico3{ background-position:0px -60px;}
.foot-link li a i.ico4{ background-position:0px -90px;}

.foot-link li a:hover i.ico1{ background-position:-30px 0px;}
.foot-link li a:hover i.ico2{ background-position:-30px -30px;}
.foot-link li a:hover i.ico3{ background-position:-30px -60px;}
.foot-link li a:hover i.ico4{ background-position:-30px -90px;}
.foot-link .code-box{
	display:none;
	position:absolute;
	width:112px;
	height:130px;
	left:-55px;
	bottom:20px;
	z-index:2;
	padding:10px 10px 0 10px;
	background:url(../images/code-box.png) no-repeat;
}
.foot-link li a i.ico3:hover +.code-box{ display: block;}
.foot-link .code-box img{
	width:110px;
	height:110px;
}




/*VR百校行*/
.container .bxx_text{ margin-top: 150px;}
.container .text_box{ width: 457px; height: 73px; padding: 10px; border: 1px solid #FFFFFF; margin-top: 15px; font: 16px/18px "微软雅黑"; color: #FFFFFF;}
.news_content{ margin-top: 73px;}
.news_list .news_img{ width: 240px; height: 157px;}
.list_box{ position: relative;}
.news_list li{ width: 845px; height: 183px; padding: 18px 37px 30px;}
.news_list li a{display: block; width: 845px;height: 157px; padding: 14px 0 12px;}
.news_list li:hover { background: url(../images/li_hover_bg.png) no-repeat center;}
.news_img{ float: left;}
.news_text{ width: 580px; float: right; color: #666666;}
.news_text .news_title{ font: 16px/30px "微软雅黑"; font-weight: bold;}
.news_text .news_p{display: block; width: 100%; height: 80px; font: 14px/20px "微软雅黑"; text-align: justify;}
.news_text .infobar{ font: 14px/20px "微软雅黑"; color: #999999; margin-top: 26px;}
.news_text .infobar span{ margin-right: 50px;}
.news_text .infobar i{ display: block; float: left; width: 19px; height: 12px; background: url(../images/eye.png) no-repeat center; margin-top: 4px; margin-right: 6px;}
.page{ width: 530px; height: 35px; margin: 0 auto; margin-top: 30px;}
.page span{ cursor: pointer; background-repeat: no-repeat; background-position: center;}
.page .prev{margin-right: 5px; background-image: url(../images/prev_ico.png);}
.page .prev.disab,.page .prev.disab:hover{background-image: url(../images/prev_ico_disab.png);}
.page .prev:hover{background-image: url(../images/prev_ico_hover.png);}
.page .next{margin-left: 5px; background-image: url(../images/next_ico.png);}
.page .next.disab,.page .next.disab:hover{background-image: url(../images/next_ico_disab.png);}
.page .next:hover{background-image: url(../images/next_ico_hover.png);}
.page .disab{ width: 35px; height: 35px; border: none; background-color: #f2f2f2;}
.page .page_list li{ float: left; margin: 0 5px;}
.page_list li a,.page span{ display: block; width: 33px; height: 33px; border: 1px solid #999999; text-align: center; font: 16px/33px "微软雅黑"; color: #666666;}
.page_list li a:hover,.page span:hover,.page_list li.active a{ color: #2871d5; border-color: #2871d5;}

.img_list li{ float: left; margin:0 6px; margin-bottom: 20px;padding-bottom:20px;max-height:238px;}
.img_box{ width: 280px;}
.img_box img{ height: 185px;width: 283px;}
.img_box .news_img_tit {display:inline-block;width:280px;height:76px;overflow:hidden;text-overflow:ellipsis;}
.news_img_tit{ font: 14px/38px "微软雅黑"; color: #666666; text-align: center;}
.news_img_tit i{ display: inline-block; vertical-align: middle; margin-bottom: 2px; width: 21px; height: 17px; margin-right: 15px; background: url(../images/img_ico.png) no-repeat center;}
.img_list li:hover .news_img_tit{ background: #FFFFFF; color: #2871d5;}
.img_list li:hover .news_img_tit i{ background: url(../images/img_ico_hover.png) no-repeat center;}
.img_list li:hover{ box-shadow: 0 5px 25px #CCCCCC;}

.sign{ width: 400px; height: 388px; padding: 25px 0; background: #FFFFFF; position: absolute; right: 0; top: 31px;}
.sign b{ border-left: 10px solid #2871D5; padding-left: 30px; font: 18px/21px "微软雅黑"; font-weight: bold; color: #2871D5;}
.sign_box{ padding: 0 40px; margin-top: 20px;}
.sign_row{ margin-bottom: 8px;}
.sign_row input{ padding: 0 10px; height: 33px; margin-left: 10px; font: 14px/33px "微软雅黑"; color: #666666; border: 1px solid #CCCCCC;}
.sign_row p{ font: 14px/30px "微软雅黑"; font-weight: bold; color: #666666;}
.sign_row p i{ display: block; float: left; width: 10px; color: #ff0000;}
.slt_box{ width: 143px; height: 33px;  margin-left: 10px; font: 14px/33px "微软雅黑"; color: #666666; border: 1px solid #CCCCCC; position: relative; cursor: pointer; float: left;}
.slt_box label{ cursor: pointer;}
.slt_box .dh{display: block; margin: 0 10px; height: 33px; background: url(../images/aw01.png) no-repeat right center;}
.sign_btn{ margin: 0 auto;}
.sign_btn a{display: block; width: 300px; height: 50px; margin: 0 auto; margin-top: 14px; background: url(../images/sign_btn.png) no-repeat center; font: 14px/50px "微软雅黑"; color: #FFFFFF; text-align: center;}
.sign_btn a:hover{ background: url(../images/sign_btn_hover.png) no-repeat center;}
.option_box{position: absolute; display: none; width: 100%; max-height: 150px;overflow: auto; top: 33px; left: -1px; border: 1px solid #CCCCCC; background: #FFFFFF; z-index: 1;}
.option_box .option_list li{ padding: 0 10px;}
.option_list li:hover{ background: #2871D5; color: #FFFFFF;}

.news_content b.title_b{ font: 28px/40px "微软雅黑"; font-weight: bold; color: #445e8d;}
.cont_box{ margin-bottom: 30px;}
.cont_box .news_p{ padding-right: 60px; font: 14px/22px "微软雅黑"; color: #666666;}
.cont_box_border{ border-bottom: 1px solid #CCCCCC; padding-bottom: 40px;}
.cont_box_border p.title{ font: 36px/120px "微软雅黑"; color: #666666; text-align: center;}
.cont_box_border .map_box{ position: relative;}
.cont_box_border .map_box img{ display: block; margin-left: 167px;}
.map_box .tip_dot{position: absolute; width: 21px; height: 30px; background: url(../images/dot_ico.png) no-repeat center; cursor: pointer;}
.tip01{  right:313px; top: 140px;}
.tip02{  right:343px; top: 183px;}
.tip03{  right:353px; top: 200px;}
.tip04{  right:333px; top: 163px;}
.tip05{  right:333px; top: 185px;}
.tip06{  right:358px; top: 187px;}
.tip07{  right:373px; top: 183px;}
.tip08{  right:340px; top: 198px;}
.tip09{  right:366px; top: 330px;}
.tip10{  right:290px; top: 230px;}
.tip11{  right:430px; top: 250px;}
.tip12{  right:286px; top: 138px;}
.tip13{  right:319px; top: 205px;}
.tip14{  right:304px; top: 243px;}
.tip15{  right:403px; top: 328px;}
.tip16{  right:352px; top: 230px;}
.tip17{  right:334px; top: 248px;}
.tip18{  right: 452px;top: 304px;}
.tip19{  right: 446px;top: 233px;}
.tip20{  right: 486px;top: 171px;}
.tip21{  right: 543px;top: 261px;}
.tip22{  right: 521px;top: 147px;}
.tip23{  right: 552px;top: 119px;}
.tip24{  right: 472px;top: 193px;}
.tip25{  right:408px; top: 208px;}
.map_box .tip_box{ position: absolute; display: none; width: 290px;  font: 14px/20px "微软雅黑"; color: #FFFFFF; top: 34px; right: 10px; z-index: 1;}
.map_box .tip_box .tip_p{height: 40px;  padding: 20px 25px; background: url(../images/tip_bg.png) no-repeat center;}
.map_box .tip_dot:hover .tip_box{display: block;}
.map_box .tip_dot:hover{ background: url(../images/dot_ico_hover.png) no-repeat center; z-index: 1;}
.map_box .other_tips{ position: absolute; right: 335px; top: 166px;}
.cont_box_border .news_list{ margin-left: -20px;}
.cont_box_border .more_btn{display: block; width: 200px; height: 50px; margin: 20px auto 0; background: url(../images/more.png) no-repeat center}
.cont_box_border .more_btn:hover{background: url(../images/more_hover.png) no-repeat center}
.video_list .img_box p i{ background: url(../images/video_ico.png) no-repeat center;}
.video_list li:hover .img_box p i{ background: url(../images/video_ico_hover.png) no-repeat center;}
.video_list .img_box{ position: relative;}
.video_list .video_shade{position: absolute; left: 0; top: 0; width: 280px; height: 186px; background: url(../images/videoshade.png) no-repeat center;}
.video_list .video_shade i{display: block; width: 55px; height: 55px; position: absolute; left: 50%; top: 50%; margin-left: -27.5px; margin-top: -27.5px; background: url(../images/video_play.png) no-repeat center;}
.video_shade:hover i{ background: url(../images/video_play_hover.png) no-repeat center;}
.big_btn{ margin-top: 30px; display: block; width: 898px; height: 103px; background: url(../images/big_btn.png) no-repeat center; margin-left: -10px; text-align: center; line-height: 94px; font-size: 18px; color: #FFFFFF;}
.big_btn:hover{ background: url(../images/big_btn_hover.png) no-repeat center; color: #FFFFFF;}

.mous_out{ background: none; transition: all .6s ease;}
.mous_out li a,.mous_out p,.mous_out a,.mous_out li.active a,.mous_out li i{color: #FFFFFF;}
.mous_out .online{ background: url(../images/zx_w.png) left center no-repeat;}


.block_nav{ height: 140px; padding: 30px 0; background: #f6f6f6; border-bottom: 1px solid #e7e5e5;}
.block_nav .block_nav_list{ position: absolute; height: 140px;}
.block_nav_list{ width: 1200px; height: 140px;}
.block_nav_list li{position: relative; float: left; margin-right: 15px;}
.block_nav_list .block_nav_a{ display: block; position: relative;  width: 285px; height: 140px;}
.block_nav_list .block_nav_a .block_nav_tit{ position: absolute; left: 10px; bottom: 10px; color: #FFFFFF; font-size: 16px;}

.block_nav_shade{ display: none; position: absolute; left: 0; top: 0; width: 285px; height: 140px; background: url(../images/block_nav_shade.png) no-repeat center; z-index: 1;}
.block_nav_shade p{ font: 22px/30px "微软雅黑"; color: #FFFFFF; text-align: center; margin-top: 40px; margin-bottom: 10px;}
.block_nav_shade span{ display: block; margin: 0 auto; width: 200px; height: 32px; line-height: 32px; background: url(../images/titbg02.png) no-repeat center; text-align: center; font-size: 12px; color: #ec4b4b;}
.block_nav_list li:hover .block_nav_shade{ display: block;}
.block_nav_list li:hover .block_nav_tit{ display: none;}
.yuyue{ display: block; position: absolute; right: 0; top: 0; padding-left: 6px; width: 38px; height: 24px; background: url(../images/yybg.png) no-repeat left center; text-align:  center; font: 14px/24px "微软雅黑"; color: #FFFFFF;z-index: 2;}
.yuyue:hover{ color:#fff;}

.main_content .title{ font: 30px/40px "微软雅黑"; color: #333333; text-align: center; padding-top: 90px;}
.main_content .title .line{display: block; width: 50px; height: 2px; background: #168deb; margin: 8px auto 30px;}
.main_content .title.white{ color: #FFFFFF;}
.title.white .line{ background: #FFFFFF;}
.main_content .main_text{ padding: 0 30px; text-align: center; font: 18px/30px "微软雅黑"; color:#666;}
.main_content .video_box{ width: 870px; height: 496px; margin: 0 auto; margin-bottom: 40px; margin-top: 20px;}
.difficulty{ background: #e9eef4; padding-bottom: 100px;}
.difficulty_list a{ position: relative; display: block; width: 285px; float: left; margin-right: 13px;}
.difficulty_list a p{ font: 20px/30px "微软雅黑"; color: #666666; text-align: center;}
.difficulty_list .advantage_box{ display:none; position: absolute; left: 0; top: 0; width: 285px; height: 326px; background: url(../images/a_hover_bg.png); }
.difficulty .advantage_box p{ color: #FFFFFF; line-height: 326px;}
.difficulty_list a:hover .advantage_box{ display: block;}


.dzxt{ height: 644px; background-color:#012140 ; background-image: url(../images/dzxt2.jpg); background-position:center ; background-repeat:no-repeat ;}

.yjgc{ height: 882px; background: url(../images/yjgc.jpg) no-repeat center; position: relative; background-color: #c7c3ba;}
.rjxt{ height: 306px; background: url(../images/rjxt.png) no-repeat top center;}

.yjgc .dots{ display: block; width: 31px; height: 31px; background: url(../images/dotbg.png) no-repeat center; position: absolute; cursor: pointer;}
.yjgc .dots span{position: absolute; display: none; background: #FFFFFF; padding: 5px 10px; border-radius: 5px; font: 14px/20px "微软雅黑"; color: #666666;z-index: 3;}
.yjgc .dots span p{ display: block; width: 140px; float: left;}
.yjgc .dots span b{display: block;}
.yjgc .dots:hover span{ display: block;}
.yjgc .dots:hover{ background: url(../images/dotbg_hover.png) no-repeat center;}
.yjgc .dot01{ left: 272px; top: 394px;}
.yjgc .dot01 span,.yjgc .dot02 span,.yjgc .dot04 span{ left: 15px; top: 35px;}
.yjgc .dot02{ left: 31px; top: 404px;}
.yjgc .dot03{ left: 52px; top: 404px;}
.yjgc .dot03 span{ bottom: 26px; left: 26px;}
.yjgc .dot04{ left: 72px; top: 338px;}
.yjgc .dot05{ left: 391px; top: 344px;}
.yjgc .dot05 span{ top: 26px; right: 26px;}
.yjgc .dot06{ left: 479px; top: 368px;}
.yjgc .dot06 span{ bottom: 26px; right: 26px;}
.yjgc .dot07{ left: 675px; top: 717px;}
.yjgc .dot07 span{ top: 26px; right: 26px;}
.yjgc .dot08{ left: 788px; top: 727px;}
.yjgc .dot08 span{ bottom: 26px; left: 26px;}
.yjgc .dot09{ left: 800px; top: 752px;}
.yjgc .dot09 span{ bottom: 26px; left: 26px;}
.yjgc .dot10{ left: 1111px; top: 569px;}
.yjgc .dot10 span{ bottom: 26px; right: 26px;}

.rj_list{ width: 1200px;}
.rj_list li{ position: relative; float: left; margin-right: 20px; margin-bottom: 44px; cursor: pointer;}
.rj_list li p{display: block; width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; font: 16px/40px "微软雅黑"; color: #FFFFFF;z-index: 1;}
.rj_list li .bottmo_shade{display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 62px; background: url(../images/bottombg.png) no-repeat left;}
.rj_list li .box_shade{position: absolute; display: none; left: 0; top: 0; width: 100%; height: 290px; background: url(../images/a_hover_bg.png);z-index: 2;}
.rj_list li:hover .box_shade{ display: block;}
.glpt { height: 704px; background: url(../images/glpt.jpg) no-repeat top center; background-color:#f2f9ff; }
.gtays{ height: 878px;background: url(../images/gtays.png) no-repeat top center;}
.user{ height: 630px; background: url(../images/userbg.png) no-repeat bottom center;}
.user_list li{ float: left; border: 1px solid #d7d7d7; border-width: 0 1px 1px 0;}
.user_list .last{ border-right: none;}
.user_list .no_btbd{ border-bottom: none;}
.user_list li a{ display: block; width: 224px; height: 163px; cursor: default;}
.user01 a{ background: url(../images/logoimg01.png) no-repeat center;}
.user02 a{ background: url(../images/logoimg02.png) no-repeat center;}
.user03 a{ background: url(../images/logoimg03.png) no-repeat center;}
.user04 a{ background: url(../images/logoimg04.png) no-repeat center;}
.user05 a{ background: url(../images/logoimg05.png) no-repeat center;}
.user06 a{ background: url(../images/logoimg06.png) no-repeat center;}
.user07 a{ background: url(../images/logoimg07.png) no-repeat center;}
.user08 a{ background: url(../images/logoimg08.png) no-repeat center;}
.user09 a{ background: url(../images/logoimg09.png) no-repeat center;}
.user10 a{ background: url(../images/logoimg10.png) no-repeat center;}

.user01 a:hover{ background: url(../images/logoimg01_hover.png) no-repeat center;}
.user02 a:hover{ background: url(../images/logoimg02_hover.png) no-repeat center;}
.user03 a:hover{ background: url(../images/logoimg03_hover.png) no-repeat center;}
.user04 a:hover{ background: url(../images/logoimg04_hover.png) no-repeat center;}
.user05 a:hover{ background: url(../images/logoimg05_hover.png) no-repeat center;}
.user06 a:hover{ background: url(../images/logoimg06_hover.png) no-repeat center;}
.user07 a:hover{ background: url(../images/logoimg07_hover.png) no-repeat center;}
.user08 a:hover{ background: url(../images/logoimg08_hover.png) no-repeat center;}
.user09 a:hover{ background: url(../images/logoimg09_hover.png) no-repeat center;}
.user10 a:hover{ background: url(../images/logoimg10_hover.png) no-repeat center;}

.hzgy{position: relative; height: 674px; background: url(../images/hzgy.jpg) no-repeat top center; background-color: #4e4e4e;}
.hzgy .container .text{ width: 700px; font: 24px/40px "微软雅黑"; color: #FFFFFF; position: absolute; left: 400px; top: 150px;}
.hzgy .text span{ font: 18px/20px "微软雅黑"; color: #0096ff;}

.index_banner{background-image: url(../images/index.jpg); background-repeat: no-repeat; background-position: center;}
.bxx{ background: url(../images/bxx.jpg) no-repeat center;}
.zhds{  background: url(../images/zhds.jpg) no-repeat center;}
.sxtyg{position: relative; background: url(../images/cxotyg.jpg) no-repeat center;}
.zhsxs{ background: url(../images/vrsxs.jpg) no-repeat center;}

.zhds_content{ padding: 40px 30px;}
.zhds_content h3{ font: 30px/40px "微软雅黑"; color: #666; text-align: center; margin-bottom: 20px;}
.zhds_content p{ font: 14px/24px "微软雅黑"; color: #666; text-indent: 2em; margin-bottom: 15px;}
.zhds_content b{ font: 20px/40px "微软雅黑"; color: #2871d5; font-weight: bold; margin-top: 10px; display: block; margin-bottom: 15px; margin-top: 25px;}

.pops{display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: url(../images/popshade.png); z-index: 99;}

.Absolute-Center {  
  margin: auto;  
  position: absolute;  
  top: 0; left: 0; bottom: 0; right: 0;  
}

.pop_content{display: none; width: 700px; height: 550px; background: #FFFFFF; border-radius: 5px;}
.pop_content .title{  padding: 0 26px; height: 66px; background: url(../images/pop_line.png) no-repeat bottom center;}
.pop_content .title span{float: left; font: 18px/66px "微软雅黑"; color: #4690f5;}
.pop_content .title .close{display: block; float: right; margin-top: 20px; width: 26px; height: 26px; background: url(../images/close_ico.png) no-repeat center; cursor: pointer;}
.pop_content .title .close:hover{ background: url(../images/close_ico_hover.png) no-repeat center;}
.pop_cont{ padding: 0 26px; margin-top: 20px;}
.pop_cont p{ font: 14px/20px "微软雅黑"; color: #666666; margin-bottom: 6px;}
.pop_cont p b{ display: block; float: left; height: 26px; padding: 0 5px; margin-right: 7px; line-height: 26px; border: 1px solid #999;}
.pop_cont p[class]{line-height: 26px;}
.pop_img{ height: 180px; margin-top: 16px;}
.pop_img p{ font: 14px/40px "微软雅黑"; color: #666666; text-align: center;}
.pop_img_box .img{ width: 260px; height: 150px; background: #aaaaaa; overflow: hidden;}
.pop_img_box img{width: 100%;}

.right_link{ position: fixed; right: 0px; top: 50%; margin-top: -119px; width: 105px; height: 238px; background: #168deb; z-index: 11111;}
.right_link .zx{ width: 100%; height: 97px; font: 16px/20px "微软雅黑"; color: #FFFFFF; text-align: center; cursor: pointer;}
.right_link .zx i{ display: block; width: 25px; height: 22px; margin: 0 auto; padding-top: 20px; background: url(../images/zx_ico.png) no-repeat bottom center;}
.right_link .zx p{ margin-top: 10px;}
.right_link  .gta_code{ width: 97px; height: 97px; padding: 3px; background: #FFFFFF; margin: 0 auto;}
.right_link  .gta_code img{ width: 100%;}
.right_link span{display: block; width: 105px; height: 39px; background: #d6d6d6; cursor: pointer; font: 16px/38px "微软雅黑"; color: #333333; text-align: center; margin-top: 1px;}
.b_style b{ font: 16px/24px "微软雅黑"; font-weight: bold;}


.news_content .news_tit{ color: #2c231d;font-size: 24px;text-align: center;font-weight: normal; margin-top: 40px;}
.breadcrumbs{
	line-height:69px;
	border-bottom: 1px solid #CCCCCC;
}
.breadcrumbs a,.breadcrumbs span{
	color:#3a2d25;
	font-size:16px;
	line-height:30px;
	padding:0 5px;
}
.breadcrumbs a:hover{
	color:#2871d5;
}
.breadcrumbs i.ico{
	display:inline-block;
	width:18px;
	height:16px;
	vertical-align:middle;
	margin-top:-4px;
	margin-right:5px;
	background:url(../images/homeico.png) no-repeat center;
}
.col-main .breadcrumbs{
	border-bottom:none;
}



.function{
	padding:35px 0 10px 0;
	overflow:hidden;
}
.function .pageviews{
	float:right;
	line-height:28px;
}
.function .share-box{
	float:right;
	padding-left:34px;
}
.share-box span{
	float:left;
	color:#5c5855;
	line-height:25px;
}
.share-box ul{
	display:inline-block;
}
.share-box li{
	float:left;
	margin-left:10px;
}
.share-box li .ico{
	display:inline-block;
	width:25px;
	height:25px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.share-box li.share1 .ico{background-position:-60px -30px;}
.share-box li.share2 .ico{background-position:-90px -30px;}
.share-box li.share3 .ico{background-position:-120px -30px;}
.share-box li.share4 .ico{background-position:-150px -30px;}
.share-box li.share1:hover .ico{background-position:-60px -60px;}
.share-box li.share2:hover .ico{background-position:-90px -60px;}
.share-box li.share3:hover .ico{background-position:-120px -60px;}
.share-box li.share4:hover .ico{background-position:-150px -60px;}

.news_content .video_img{ width: 640px; /*height: 480px;*/ margin: 20px auto;}
.news_content .video_img img{ max-width: 100%;}
.news_content .news_t{ width: 100%; float: none;}
.news_content .news_t p{ padding: 20px 20px 0; font: 16px/28px "微软雅黑"; color: #666666; text-indent: 2em;}

.keyword{
	margin-top: 30px;
	font-size: 16px;
	padding: 24px 0;
}
.keyword span{
	margin: 0 20px 0 10px;
	color: #2871d5;
}


.section-box{
	width: 100%;
	border-top:1px solid #e6e6e6;
	margin:10px 0 20px 0;
	overflow: hidden;
	padding-top:30px;
}
.section-box h3{
	font-size: 18px;
	color:#2c231d;
	font-weight:normal;
	padding-bottom: 15px;
}

.relevant-list ul li a{
	display: inline-block;
	font-size: 16px;
	margin-bottom: 16px;
	color: #5c5855;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.relevant-list ul li a:hover{
	color:#2871d5;
}
.relevant-list ul li span{
	float: right;
	color:#5c5855;
}



.steps{ width: 700px; margin: 0 auto; margin-top: 30px;}
.steps .stepbox{ width: 300px; float: left; text-align: center; position: relative; margin-left: 100px; margin-bottom: 120px;}
.stepbox .step_cont span{ display: block; width: 67px; height: 28px; padding-left: 5px; font: 14px/28px "微软雅黑"; font-weight: bold; color: #ff874c; text-align: center; background: url(../images/step/stepbg.png) no-repeat center;}
.stepbox .step_cont p{font: 14px/20px "微软雅黑"; color: #666666; margin-top: 10px;}
.stepbox .step_cont img{display: inline-block; margin-top: 26px;}
.steps .stepbox .step_aw01{ width: 87px; height: 39px; background: url(../images/step/step_aw01.png) no-repeat center;}
.steps .stepbox .step_aw02{ width: 38px; height: 51px; background: url(../images/step/step_aw02.png) no-repeat center;}
.steps .stepbox .step_aw03{ width: 85px; height: 39px; background: url(../images/step/step_aw03.png) no-repeat center;}
.steps .stepbox .step_aw04{ width: 52px; height: 43px; background: url(../images/step/step_aw04.png) no-repeat center;}
.steps .stepbox>span{ display: block; position: absolute;}

.step_aw01{ top: 230px; right: -90px;}
.step_aw02{ bottom: -100px; left: 130px;}
.step_aw03{ left: -100px; top: 170px;}

/*页脚样式 2*/
.footer{
    /*height:140px;*/
    width:100%;
    min-width: 1200px;
    /*background: url("../images/foot_b.png");*/
    background:#091930;
    color:#c8c8c8;
}
.footer .container{
    height:100%;
    width:1200px;
    margin:0 auto;
    position:relative;
    padding:50px 0;
}
.footer .container>img{
    margin:50px 20px;
    vertical-align: top;
}
.f_word{
    display:inline-block;
    height:100%;
}
.f_word>p:hover{
    /*color:#666;*/
}
.f_word>p{
    height:30px;
    line-height:30px;
    font-size:14px;
}
.f_word>p.police_p{
    margin-top:15px;
}
.f_word>p.police_p>a>span{
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin-left:30px;
}
.f_word>p.police_p>a{
    color:#c8c8c8;
}
.f_word>p.police_p>a:hover{
    /*color:#666;*/
}
.f_word>p.police_p>a>span>i{
    display:inline-block;
    *display:inline;
    *zoom:1;
    height:20px;
    width:25px;
    background:url('../images/foot_police.png') no-repeat;
    position:relative;
    top:3px;
    margin-right:10px;
}
span.space{
    display:inline-block;
    width:25px;
}
.footer .icon{
    display:inline-block;
    *display:inline;
    *zoom:1;
    padding:0 0 0 60px;
    text-align: right;
}
.footer .icon>img{
    height:35px;
    width:150px;
    margin-right:12px;
}
.footer .icon_box{
    margin-top:30px;
    position:relative;
}
.footer .icon_box>li{
    display:inline-block;
    width:30px;
    height:25px;
    margin-right:15px;
}
.icon_box>li>a{
    display:inline-block;
}
.footer .icon_box>li>a>i{
    display:inline-block;
    height:24px;
    width:28px;
}
/*tubiao yejiao*/
.footer .icon_box .ico{
    background: url(../images/sprite.png) no-repeat;
}
.footer .icon_box .ico1{
    background-position:0 -31px;
}
.footer .icon_box .ico2{
    background-position:0 -60px;
}
.footer .icon_box .ico3{
    background-position:0 -90px;
}
.footer .icon_box .ico4{
    background-position:0 -120px;
}
/*hover*/

.footer .icon_box .ico1:hover{
    background-position:-30px -31px;
}
.footer .icon_box .ico2:hover{
    background-position:-30px -60px;
}
.footer .icon_box .ico3:hover{
    background-position:-30px -90px;
    position:relative;
}
.footer .icon_box .ico4:hover{
    background-position:-30px -120px;
}
.footer .code_box{
    display: none;
    position: absolute;
    width: 132px;
    height: 140px;
    left: 45px;
    bottom:30px;
}
.footer .code_box>img{
    width:100%;
    height:100%;
}

.footer .police_icon{
    position:relative;
    top:15px;
    padding-left:35px;
}
.footer .police_icon>a>img{
    vertical-align:text-bottom;
    position:absolute;
    top:-4px;
    left:0;
}
.footer .police_icon>a>span{
    display:inline-block;
    margin-bottom:12px;
    color:#787878;
}
.police_icon>a:hover span{
    /*color:#999;*/
}.wrapper {
    width:100%;
    min-width: 1200px;
    position: relative;
}
.header{
    width: 100%;
    height: 80px;
    /*position: absolute;
    z-index: 1;
    transition: all .6s ease;*/
    background: #fff;
}
.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;

}
.logo {
    margin-top: 17px;
    width: 251px;
}
.nav_list .active i {
    display: block;
}
.mous_out li a, .mous_out p, .mous_out a, .mous_out li.active a, .mous_out li i {
    color: #FFFFFF;
}
.nav_list>li {
    float: left;
    width: 110px;
    text-align: center;
    position: relative;
}
.nav_list>li i {
    display: none;
    position: absolute;
    bottom: 5px;
    left: 50%;
    margin-left: -4.5px;
    color: #2871d5;
}
.nav_slide_menu{
    background:none;
    font-size:16px;
    position:absolute;
    top:80px;
    left:-48px;
    display:none;
    overflow: hidden;
    /*padding:15px 0;*/
    transition: background 1s ease;
}
.hdl_menu{
    width:210px;
}
.gd_pro_menu{
    /*width:100%;*/
    width:210px;
}
.hvr_border{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background: #2871d5;
    display:none;
}
.nav_slide_menu>li{
    padding:5px 10px;
    float:none;
}
.nav_slide_menu>li>a{
    color:#666;
    height:36px;
    line-height:36px;
}
.nav_slide_menu>li>a:hover{
    color:#2871d5;
}
.mous_out .nav_list li a, .mous_out .nav_list p, .mous_out .nav_list a, .mous_out .nav_list li.active a, .mous_out .nav_list li i {
    color: #FFFFFF;
}
.header .hotline {
    margin-top: 28px;
}
.phone {
    font: 14px/24px "微软雅黑";
    color: #989898;
    float:left;
    margin-right:25px;
}
.mous_out .online {
     background: url(../img/head/zx_w.png) left center no-repeat;
}

.nav_list>li:hover>a, .nav_list .active>a {
    color: #2871d5;
}
.nav_list>li>a {
    display: block;
    text-align: center;
    font: 16px/80px "微软雅黑";
    color: #666666;
}
.online {
    display: block;
    padding-left: 23px;
    margin-top:2px;
    font: 12px/18px "微软雅黑";
    color: #1881f7;
    background: url(../images/head/zx.png) left center no-repeat;
}
.online:hover{
    text-decoration: underline;
}
.mous_out {
    background: url(about:blank);
    transition: all .6s ease;
}
/*border_ani 特效边框  开始*/
.hide{
	display:none;
}
.border_ani{
	position:relative;
	width:284px;
	height:240px;
	color:#63f9ff;
	text-align: center;
}
.border_ani img{
	width:100%;
	height:100%;
}
.border_ani .pro_name{
	position:absolute;
	bottom:0;
	width:100%;
	height:40px;
	line-height:40px;
	background:url('../images/ban/ct5_img_mdl.png') no-repeat;
}
/*hover 效果 */
.border_ani .pro_li_hvr{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	line-height:240px;
	background:url('../images/sp_img/sp_pro_img_mdl.png') no-repeat;
}
.border_ani .pro_li_hvr .hvr_txt{
	display:none;
}
.border_ani{ overflow:hidden;}
.border_ani a{ display:block; }
.border_ani .borderl{ width:1px; height:0; position:absolute; left:10px; bottom:10px; background:#63f9ff; z-index:2}
.border_ani .borderr{ width:1px; height:0; position:absolute; right:10px; top:10px; background:#63f9ff; z-index:2}
.border_ani .borderc1{ width:0; height:2px; position:absolute; left:113px; bottom:0; background:#63f9ff; z-index:2; }
.border_ani .borderc2{ width:0; height:2px; position:absolute; right:114px; bottom:0; background:#63f9ff; z-index:2; }
.border_ani .bordert{ height:1px; width:0; position:absolute; left:10px; top:10px; background:#63f9ff; z-index:4}
.border_ani .borderb{ height:1px; width:0; position:absolute; right:10px; bottom:10px; background:#63f9ff; z-index:4}
/*pro_list 特效边框  结束*/