﻿@charset "utf-8";
/* CSS Document */
#wrap{width:100%;position:fixed;top:0;z-index: 99;}
.topbar{width:100%; background:#fff;}
#topBar{color:#7A7A7A;height:14px;overflow:hidden;font:12px/28px Arial;text-align:center;}
#topBar a{color:#FFF;background:#7A7A7A;padding:2px 5px;border-radius:10px;}
#nav{height:74px; position:relative; left:0; top:0; width:80%; margin:0 auto; max-width:1046px;}
#nav .logo{float:left;margin:0 20px; position:absolute; left:0; top:0;}
.icon_bg{ background:url(../images/icons.png) left top no-repeat;}
#nav .logo a{float:left;width:185px;height:75px;overflow:hidden;text-indent:-9999px;}
.logo_img{ background-position:-138px -12px;}
#nav.hide{ display:block;}
#nav.hide .logo a{width:120px;height:74px;background-position:0 -100px;_background-position:0 -130px; background-position:-333px 0px;}
#nav.hide .logo a:hover{background-position:0 -130px;}
.nav_list{ width:754px; position:absolute; right:44px; top:0;}
#nav ul li{float:left; background:url(../images/nav_bg.png) right center no-repeat; padding-right:20px;  padding-left:20px;}
#nav ul .no_bg{ background:none;}
#nav ul li a{float:left; background:none; color:#212121;height:74px;font:14px/74px "微软雅黑"; width:83px; text-align:center; font-weight:bold;}
#nav ul li a:hover{color:#facb01;}
#nav ul li a.hover{color:#facb01;}
/*#nav.hide ul{display:none;}*/
.search_module{ width:410px; position:absolute; right:0; top:75px; z-index:999;}
.search_btn{ width:50px; height:26px; position:absolute; right:8px; top:-54px; display:block; background-position:12px 0px; cursor:pointer;}
.search_hover_btn{ background-position:12px -27px; padding-bottom:30px; height:56px;}
.search_layer{ padding:20px 32px; background:#fff; display:none; }
.search_layer_head{ font-size:14px; margin-bottom:10px; font-weight:normal;}
.search_layer form{ display:block; width:100%; position:relative; left:0; top:0;}
.input_text{ width:270px; padding-left:4px;/*-moz-border-radius: 5px;border-radius: 5px;-webkit-border-radius: 5px;*/  height:36px; line-height:36px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis; color:#a9a9a9; background:#ececec; border:0;}
.submit{ position:absolute; right:4px;top:0px;width:71px;border: 0;cursor: pointer; z-index:12; display:block; display:inline-block; height:36px; background:#7f7f7f url(../images/icons.png) -25px 10px no-repeat; font-size:1.4rem;}
.search_layer_subhead{ display:block; font-size:14px; color:#534d4d; margin-top:20px; margin-bottom:12px;}
.search_layer a{ margin-right:12px; font-size:1.2rem;}
.search_layer a:hover{ color:#013aaf;}
.main3Content{ display:none;}
.mobile_search_layer,.nav_layer{ display:none;}

.header{ height:94px;border-top: 4px solid #0145b7; position:fixed; top:0; left:0; width:100%; box-shadow:2px 0 2px #999; z-index:999;}

.top-con{ width:1100px; margin:0 auto;height:80px;background:#fff; }

.top-nav{ float:right; padding-top:25px; margin-right:20px;}
.top-nav li{ float:left; height:40px;line-height:40px; width:116px; background:url(../images/st.jpg) no-repeat right center;}
.top-nav li.mob-search{ display:none;}
.top-nav li a{ display:block; width:100%; text-align:center; font-weight;font-weight:bold;}
.top-nav li a.cur,.top-nav li a:hover{background: url(../images/icons.png) 15px -80px no-repeat; color:#013aaf;}
.search-but{ float:right;padding-top: 0px; height:80px; line-height:80px; width:90px; text-align:center; position:relative;}
.search-con{ text-align:left; line-height:25px; width:394px; height:185px; background:#fff; position: absolute; right:0; top:80px; padding:15px 30px 30px; z-index:99; display:none;}
.search-con p{ line-height:30px; color:#333;}
.search-con p span{ display:block; width:268px; height:30px; line-height:30px; background:url(../images/in03.jpg) no-repeat; position:relative;}
.search-con p .fsok{ width:230px; height:30px; line-height:30px; background:none; border:none; padding:0 5px; position:absolute; left:0; top:0;}
.search-con p .fsoq{ width:28px; height:30px; border:none; background:none; cursor:pointer; position:absolute; right:0 ;top:0;}
.search-con dl{ line-height:30px;}
.search-con dd a{ margin-right:15px; display:inline-block; color:#666;}
.mob-nav{ display:none;}
.main{ padding-top:90px;}
.link-about{ position:absolute; right:200px; bottom:100px; z-index:999;}
.link-about a{ display:block; width:140px; height:40px; background:#fff; opacity:0.6; text-align:center; line-height:40px; margin-bottom:10px;}
.link-about a:hover{ color:#000; background:#facb01;}
.f-show{ padding:35px 0; width:100%;}
.f-show a{ display:block;color:#333; float:left; width:19%; margin-left:1%; box-shadow:0 0 5px #666; padding-bottom:10px; position:relative; top:0;}
.f-show a dl dd{ line-height:25px; height:25px; overflow:hidden; padding:0 10px; font-size:12px;}
.f-show a dl dt{ margin-bottom:5px;}
.f-show a dl dd strong{ font-size:16px; font-weight:normal;}

.st-ocitm{ width:100%; background:url(../testimg/t03.jpg) repeat-y; background-size:100% auto;}
.st-ocitm h2{ font-size:16px; font-weight:normal; text-align:center; color:#fff; text-transform:uppercase; padding-top:15px; padding-bottom:5px; background:url(../images/xg.png) no-repeat center bottom;}
.gd-stm{ margin-top:10px; padding-bottom:30px; width:100%;}
.gd-stm a{ background:#fff; display:block; float:left; width:15.6%; margin-left:1%; padding-bottom:10px; position:relative; color:#333;}
.gd-stm a dl dd{  height:20px; overflow:hidden; padding:0 10px; font-size:12px; line-height:20px;}
.gd-stm a dl dt{ margin-bottom:5px; width:100%; overflow:hidden; position:relative;}
.gd-stm a dl dt img{ width:100%; height:100%; position:relative; left:0; top:0;}
.gd-stm a dl dd strong{ font-size:14px; font-weight:normal;}
.gd-stm a dl dd.ets{ height:50px; color:#999; padding:5px 10px;}
.foot{ background:#656773; padding:15px 0;}
.foot-con{ width:1100px; margin:0 auto;}
.about-ast{ font-size:12px; color:#ccc; line-height:25px; float:left;}
.about-ast a{ color:#ccc; }
.about-ast a:hover{color:#facb01}
.act-min{ float:right; font-size:12px; color:#ccc; position:relative;}
.act-min span{ display:block; position:absolute; left:-20px; bottom:30px; display:none;}
.act-min i{ font-style:normal;}
.sp-xat{position:fixed; left:50%; top:50%; width:550px; height:360px; margin-left:-275px; margin-top:-180px; z-index:9999; display:none;}
.bg-col{ background:url(../images/col-bg.png); width:100%; height:100%; position:fixed; left:0; top:0; z-index:9998; display:none;}


@media (max-width: 640px){
    .viewport,#wrap{max-width:640px; margin:0 auto;}
.sjlc_warp{ display:none;}
.main3Content{ display:block; margin-top:74px;}
.header{width:100%;height:44px;background:#323a45;text-align:center;line-height:44px;font-size:18px;color:#FFF;z-index:1;position:fixed;top:0;left:0;}
#channel{margin:44px 0 0 0;}
/* box_swipe */
.box_swipe{overflow:hidden;position:relative;}
.box_swipe ul{-webkit-padding-start:0px;}
.box_swipe>ol{height:20px;position:relative;z-index:10;margin-top:-25px;text-align:right;padding-right:15px;}
.box_swipe>ol>li{display:inline-block;margin:5px 0;width:8px;height:8px;background-color:#757575;border-radius:8px; font-size:0; text-indent:-999999px;}
.box_swipe>ol>li.on{background-color:#0145b7;}
/* subNav */
.subNav{border-bottom:2px solid #d2dff0;background:#f2f2f2;padding:0 0 20px 0;}
.subNav a{display:block;float:left;width:25%;height:90px;text-align:center;font-size:14px;color:#333;padding-top:10px}
.subNav p{padding-top:4px}
.footer{font-size:12px;color:#999;text-align:center;line-height:24px;}
.frontCover{position:absolute;bottom:4rem; width:100%;}
.frontCover li{float:left; width:20%;padding:3px;color:#fff;overflow:hidden;margin-right:10px;cursor:pointer;}
.frontCover a{position:absolute; width:20%; height:3rem; border:2px solid #bfb7ba;}

#nav{ width:100%;}
#topBar{ display:none;}
#nav .logo{}


#nav.hide .logo a{  background-position: -333px 0px;  _background-position: -333px 0px;  background-position: -333px 0px;}
#nav .logo a {  width:120px;  height: 74px;}
.logo_img{   background-position: -333px 0px;}
.search_module{ display:none;}
.nav_layer{margin-top:10px; display:block; width:40px;background:url(../images/nav-bg.jpg) no-repeat center center; height:57px; text-align:center; line-height:57px; margin-right:10%;}
.nav_layer i{ color:#0014a1; font-size:4rem;}
.nav_list{ display:none; width: 100%;  position: absolute;  left:0;  top:73px; background:#fff;}
#nav ul li{ display:block; width:100%; border-bottom:1px solid #dddddd; padding:0;}
#nav ul li a{ background:none;width: 70px;height: 46px;  font: 16px/46px Arial; width:100%; text-align:left; padding:0 10%;}
#nav ul li a:hover{ background:none;}
.mobile_search_layer{ width:100%; line-height:46px; position:relative; left:0; top:0; padding-bottom:10px; padding-top:10px;}
.mobile_search_input{ margin-left:10%; line-height:36px; height:36px; width:60%; background:#ececec; border:0;}
.mobile_search_input_icon{ position:absolute; right:10%; top:15px; width:20%; text-align:center; height:36px; line-height:36px; border:0; background:#7f7f7f; color:#fff;}

.sjlc_main_top_content_mi{ margin-right:0;}
.sjlc_main{ background:#000731;}
.sjlc_main_bottom{ margin-top:0rem;}
.sjlc_main_top{ margin-bottom:0rem;}
.mobile_search_layer{ display:block;}
.sjlc_main{ padding:0;}
.sjlc_main_top_head{ width:100%; padding-top:1rem;}
.sjlc_main_top_head img{ display:block; margin:0 auto;}
.sjlc_main_top_content{ margin:0 auto; width:100%;}
.sjlc_main_top_content_b{ margin-right:0;}
.sjlc_main_top_content_a{ width:40%;-moz-box-flex: 1;  -webkit-box-flex: 1;  box-flex: 1;}
.sjlc_main_top_content_b{ width:58%;}
.sjlc_main_top_content_aimg{ margin-bottom:0.6rem;}
.sjlc_main_top_content_lf{ width:49%;}
.sjlc_main_mi_content{ height:auto!important;}
.hover_icon{ font-size:1rem;margin-top: -4px;  margin-left: -6px;}
.sjlc_main_top_content_aimg_hint{ font-size:0.6rem; line-height:2.4rem;}
.sjlc_main_top_content_lf a .sjlc_main_top_content_aimg_hint i{ font-size:2rem; line-height:1.4rem; color:#0339ae; margin-right:0.5rem;}
.tab_btn {  width: 50%;}
.container_list,.container{ height:7rem;}
#focus_pic li{ height:7rem;}
.staff_img_name{ overflow:hidden;  text-overflow:ellipsis;  -o-text-overflow:ellipsis;  -webkit-text-overflow:ellipsis;  -moz-text-overflow:ellipsis;  white-space:nowrap; width:60%; padding-right:40%;  bottom:0rem;  line-height: 2rem;}
#focus_btn li {width:1rem;height:0.6rem;}
#focus_btn{bottom:0.6rem;}
.nav_layer i {
    color: #0014a1;
    font-size: 4rem;
}
	.header{ height:55px;}
	.top-con{ height:55px; width:100%; padding:0 2%;}
	.logo img{ height:55px;}
	.search-but{ display:none;}
	.top-nav{ float:inherit; padding:0; margin:0; position:absolute; width:100%; left:0; top:55px; background:#fff; display:none; box-shadow:0px 1px 2px #999;}
	.top-nav li{ background:none; width:100%; border-bottom:1px dotted #eee; padding:0 3%;}
	.top-nav li a{text-align:left;}
	.top-nav li.mob-search{ display:block;}
	.top-nav li.mob-search span{ display:block; width:268px; height:30px; line-height:30px; background:url(../images/in03.jpg) no-repeat; position:relative; margin-top:5px;}
	.top-nav li.mob-search .fsok{ width:230px; height:30px; line-height:30px; background:none; border:none; padding:0 5px; position:absolute; left:0; top:0;}
	.top-nav li.mob-search .fsoq{ width:28px; height:30px; border:none; background:none; cursor:pointer; position:absolute; right:0 ;top:0;}
	.mob-nav{ display:block; float:right; width:55px; height:55px; background:url(../images/nav-bg.jpg) no-repeat center center;}
	.link-about{ right:10px; bottom:10px;}
    .link-about a{ display:block; width:80px; height:30px; background:#fff; opacity:0.6; text-align:center; line-height:30px; margin-bottom:10px; font-size:12px;}
	.main{ padding-top:75px;}
	.f-show{ padding:15px 0 5px 0;}
	.f-show a{ width:47%; margin-left:2%; margin-bottom:10px;}
    .f-show a dl dd strong{ font-size:14px;}
	.gd-stm{ margin-top:10px; padding-bottom:30px;}
	.gd-stm a{  width:47%; margin-left:2%; margin-bottom:10px;}
	.gd-stm a dl dd.ets{ height:40px; color:#999; padding:0px 10px; margin-top:5px;}
	.foot-con{ width:100%;}
	.about-ast{ width:100%; padding:0 2%;}
	.act-min{ float:left; margin-top:10px; width:100%; text-align:center; padding:0 2%;}
	.act-min span{ display:block; position: inherit; left:0px; bottom:0px; float:left;}
	.act-min i{ float:left; line-height:100px; margin-right:10px;}
    .top-nav li a.cur,.top-nav li a:hover{background: none; color:#333;}
	.sp-xat{ left:0%; top:50%; width:100%; height:240px; margin-left:0px; margin-top:-120px; display:none;}

}










