@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ol,ul,th,td,form,fieldset,input,button,textarea{margin:0;padding:0} 
html{-webkit-text-size-adjust:none;word-wrap:break-word;  background:#f6f6f6; font-size:62.5%;}
h1,h2,h3{font-size:100%}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;font-size:inherit}
fieldset,img{border:0}
cite,em,s,i,b{font-style:normal}
input,button,textarea,select{font-size:100%}
body,input,button,textarea,select,option{font-size:normal}
a,input,textarea{text-decoration:none;outline:0}
li,img,label,input{vertical-align:middle}
var{font-style:normal}
ins{text-decoration:none}
li{ list-style:none;}

footer{
    height:35px;
    overflow:hidden;
    margin-top:-35px;
    position:relative;
    z-index:10;
}
footer .weimob-copyright{
    color:#000;}
footer a{color:#000!important; font-size:12px;}
.weimob-page{
    min-height: 100%;
    padding-bottom: 70px;
    -webkit-box-sizing: border-box;
    word-wrap: break-word;
    word-break: keep-all;
}
/*********************************************/
.menu_font{
	background:rgba(0,0,0,0.8);
	border-radius:5px;
	width:120px;
	position:relative;
	margin-top:10px;
}
.menu_font:after{
	position: absolute;
	content:"";
	display: inline-block;
	width:0;
	height:0;
	border-width:0px 6px 6px 6px;
	border-style:solid;
	border-color:transparent transparent rgba(0,0,0,0.8) transparent;
	top:-6px;
	left:70%;
}

.menu_font li{
	border-top:1px solid rgb(64, 72, 75);
	border-bottom:1px solid rgb(0, 6, 9);
}
.menu_font li:first-of-type{
	border-top:0;
}
.menu_font li:last-of-type{
	border-bottom:0;
}
.menu_font a{
	height:35px;
	line-height:35px;
	/*background:#fff;*/
	position:relative;
	color:#fff;	
	display:block;
	width:100%;
	text-indent:5px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
	font-size:14px;
}
.menu_font a:before{
	margin-right:5px;
}

/****************************************for font template****************************************************/
.body{
    padding-bottom:40px;
    -webkit-box-sizing:border-box;
}
.body ~ footer{
    text-align:center;
    position:relative;
}

.top_bar{
    position:fixed;
    width:100%;
    left:0;
    top:0;
    z-index:100;
    border-bottom:5px solid #0168c5;
}
.top_bar2{ border-bottom:5px solid #4f9443;}
.top_menu{
    display:-webkit-box;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#212C30), to(#121619));
}

.top_bar .top_menu>li{
    -webkit-box-flex:1;
    height:35px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0.1)),color-stop(50%,rgba(255,255,255,0.8)), to(rgba(255,255,255,0.1)));
    -webkit-background-size:1px 80%;
    background-size:1px 80%;
    background-position: right center;
    background-repeat: no-repeat;
    position:relative;
    text-align:center;
}
.top_menu>li:last-of-type{background:none;}
.top_menu>li span{
    display:inline-block;
    height:100%;
    width:25px;
    margin:auto;
    font-size:24px;
    color:#fff;
    line-height:35px;
    /*background: url(../../img/weimob-icons.png) no-repeat 0 5px;*/
}
.top_menu>li span.i_back{
    background-position:0 5px;
}
.top_menu>li span.i_home{
    background-position:-33px 5px;
}
.top_menu>li span.i_tel{
    background-position:-65px 5px;
}
.top_menu>li span.i_menu{
    background-position:-95px 5px;
}

.menu_font{
    text-align:left;
    position:absolute;
    top:35px;
    right:10px;
    z-index:500;
}
.menu_font.hidden{
    display:none;
}
.c{zoom:1;}
.c:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
@media only screen and (max-width:300px){body{font-size:8.33333px}
.viewport{max-width:300px}

}
@media only screen and (max-width:310px) and (min-width:300px){body{font-size:8.33333px}
.viewport{max-width:300px}
}
@media only screen and (max-width:640px) and (min-width:310px){body{font-size:8.88889px}
.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{ display:block; text-align:center; line-height:7.4rem; 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:17px; 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;}

.lunbo_warp{ width:100%; margin-bottom:1rem;}
.box_swipe ol.index_move_lunbo_pointerlist{ bottom:0; right:0; position:absolute;}
.box_swipe ol.index_move_lunbo_pointerlist li{ margin-left:6%; border-radius:0px; width:14px;}
.index_move_lunbo_pointerlist{ width:20%;}

.foot_content_lf,.foot_content_rt{ width:100%; margin-bottom:10px; text-align:left;}
.foot_content_lf span{ display:block;}
.two_code_img{ background:url(../images/sjlc_two_code.png) -11px -9px no-repeat; display:block; width:92px; height:92px; overflow:hidden; bottom:-4px; position:relative;}







.enter_sjlc_btn a{  padding: 0.4rem 1rem;  margin-left: 1rem;  margin-bottom: 1rem;}
.honor_list li{  width: 47%;padding-bottom: 2px;  padding-top: 1px;}
.honor_list_img{ height:15.5rem;}
.personnel_recruitment_paging_a, .pages{ padding:8px 0;}
.personnel_recruitment_paging_a a, .pages a{padding:4px 6px; margin-right:1px;}

.about_sjlc_main_mi_lfimg{ width:100%; height: 20rem;}
.about_sjlc_main_mi_lftxt{ width:100%;}
.showcase_top img{ margin-bottom:2%;}

.yrjj_list li{  width: 47%;}

.enter_sjlc_main_top{  margin-bottom: 2rem;}
.showcase_list li{  width:100%; height:auto;  padding-bottom: 42px;}
.news_center_list_lfimg{ width:96%;}
.news_center_list_rttxt{ width:96%;}
.font_icon{width: 5.2rem;  height: 5.2rem;  line-height: 5.2rem;}
.contact_way_list li{ width:100%; margin-bottom:2%;}
.contact_map_img img{ width:100%;}

.links_list li{ width:48%;}

.popup_layer{display: none; width:80%; background:#fff; border:6px solid #e5e5e5; z-index:999999; position:fixed; top:35%; left:10%; height:30%;}

.showcase_list_lf{  width:100%;}
.showcase_list_rt{ width:96%;}
.showcase_top_lf{ width:96%; margin-left:2%;}
.showcase_top_rt{ width:96%;    margin-right:0}
.about_sjlc_main_mi{  margin-bottom: 0rem;}
.news_center_main_mi, .enter_sjlc_main_mi, .contact_sjlc_main_mi{ padding-bottom:0rem;}
.yrjj_list li a:hover .yrjj_list_img_hover_search{ width:36px; height:36px; line-height:36px;  margin-left: -18px;}
.look_detail_btn{ position:absolute; left:1%; bottom:1rem;}
.honor_list_img_hint{  position: absolute;  left: 0;  bottom: 3rem;  line-height: 2rem;  font-size: 1.4rem;}
}
@media only screen and (max-width:720px) and (min-width:640px){body{font-size:8.88889px}
.viewport{max-width:720px}
.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{ display:block; text-align:center; line-height:7.4rem; margin-right:10%;}
.nav_layer i{ color:#0014a1;}
.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{ display:block;}
.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:17px; 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%; height:6rem; padding-top:1rem;}
.sjlc_main_top_content{ margin:0 auto; width:100%;}
.sjlc_main_top_content_b{ margin-right:0;}
.sjlc_main_top_content_a{-moz-box-flex: 1;  -webkit-box-flex: 1;  box-flex: 1;}
.sjlc_main_top_content_a{ width:40%;}
.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;}

.lunbo_warp{ width:100%; margin-bottom:1rem;}
.box_swipe ol.index_move_lunbo_pointerlist{ bottom:0; right:0; position:absolute;}
.box_swipe ol.index_move_lunbo_pointerlist li{ margin-left:6%; border-radius:0px; width:14px;}
.index_move_lunbo_pointerlist{ width:20%;}

.foot_content_lf,.foot_content_rt{ width:100%; margin-bottom:10px; text-align:left;}
.foot_content_lf span{ display:block;}
.two_code_img{ background:url(../images/sjlc_two_code.png) -11px -9px no-repeat; display:block; width:92px; height:92px; overflow:hidden; bottom:-4px; position:relative;}



.enter_sjlc_btn a{  padding: 0.4rem 1rem;  margin-left: 1rem;  margin-bottom: 1rem;}
.honor_list li{  width: 47%;padding-bottom: 2px;  padding-top: 1px;}
.honor_list_img{ height:15.5rem;}
.personnel_recruitment_paging_a, .pages{ padding:8px 0;}
.personnel_recruitment_paging_a a, .pages a{padding:4px 6px; margin-right:1px;}

.about_sjlc_main_mi_lfimg{ width:100%; height: 20rem;}
.about_sjlc_main_mi_lftxt{ width:100%;}
.showcase_top img{ margin-bottom:2%;}

.yrjj_list li{  width: 47%;}

.enter_sjlc_main_top{  margin-bottom: 2rem;}
.showcase_list li{  width:100%; height:auto;  padding-bottom: 42px;}
.news_center_list_lfimg{ width:96%;}
.news_center_list_rttxt{ width:96%;}
.font_icon{width: 5.2rem;  height: 5.2rem;  line-height: 5.2rem;}
.contact_way_list li{ width:100%; margin-bottom:2%;}
.contact_map_img img{ width:100%;}

.links_list li{ width:48%;}

.popup_layer{display: none; width:80%; background:#fff; border:6px solid #e5e5e5; z-index:999999; position:fixed; top:35%; left:10%; height:30%;}

.showcase_list_lf{ width:100%;}
.showcase_list_rt{ width:96%;}
.showcase_top_lf{ width:96%; margin-left:2%;}
.showcase_top_rt{ width:96%;}
.about_sjlc_main_mi{  margin-bottom: 0rem;}
.news_center_main_mi, .enter_sjlc_main_mi, .contact_sjlc_main_mi{ padding-bottom:0rem;}
.yrjj_list li a:hover .yrjj_list_img_hover{}
.yrjj_list li a:hover .yrjj_list_img_hover_search{ width:36px; height:36px; line-height:36px;  margin-left: -18px;}
.look_detail_btn{ position:absolute; left:1%; bottom:1rem;}
.nav_layer{ display:block; text-align:center; line-height:7.4rem; margin-right:10%;}
.nav_layer i{ color:#0014a1;}
.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:17px; width:20%; text-align:center; height:36px; line-height:36px; border:0; background:#7f7f7f; color:#fff;}
}
@media only screen and (max-width:1000px) and (min-width:720px){body{font-size:18px}
#nav{ width:90%; padding:0 5%;}
.nav_list{ width:100%;}
.logo_img{   background-position: -333px 0px;}
.search_module{ display:none;}
.mobile_search_layer{ display:block;}
.nav_layer{ display:block; text-align:center; line-height:7.4rem; margin-right:10%;}
.nav_layer i{ color:#0014a1;}
.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:17px; width:20%; text-align:center; height:36px; line-height:36px; border:0; background:#7f7f7f; color:#fff;}
.foot_content_rt, .foot_content_lf, .foot_content_lf a{ font-size:1.4rem;}
}
@media only screen and (max-width:1046px) and (min-width:1000px){body{font-size:18px}
.viewport{max-width:1046px}
.nav_list{  width:100%;}
#nav{ width:90%;}
#nav ul li{ padding-left:6px; padding-right:6px;}
#nav ul li a{ font-size:1.6rem;}
.foot_content_rt,.foot_content_lf,.foot_content_lf a{ font-size:1.6rem;}

}
/*
@media only screen and (max-width:480px) and (min-width:360px){body{font-size:10px}
.viewport{max-width:480px}
}
@media only screen and (max-width:480px) and (min-width:470px){body{font-size:13.33333px}
.viewport{max-width:480px}
}
@media only screen and (max-width:560px) and (min-width:480px){body{font-size:13.33333px}
.viewport{max-width:560px}
}
@media only screen and (max-width:570px) and (min-width:560px){body{font-size:15.83333px}
.viewport{max-width:570px}
}
@media only screen and (max-width:640px) and (min-width:570px){body{font-size:15.83333px}
.viewport{max-width:640px}
}
@media only screen and (max-width:640px) and (min-width:630px){body{font-size:17.77778px}
.viewport{max-width:640px}
}
@media only screen and (max-width:710px) and (min-width:640px){body{font-size:17.77778px}
.viewport{max-width:710px;}
}
*/