@charset "utf-8";
/* CSS Document */
html{height:100%}
a:hover{ text-decoration: none;}
body{ background:url(bg_img.jpg) no-repeat center center;height:100%;width:100%;overflow: hidden;background-size:cover;background-position:center center;}
.wrapper{ font-family: "宋体";width:100%;height:100%;margin:0 auto;overflow-x:hidden;overflow-y:hidden}
.content{width:1248px;margin:0 auto;position:relative}
.top{width:100%;}
.top_left{float:left}
.top_right{float:right;margin-top:20px}
.right_small ul{float:right;}
.right_small ul li{float:left;line-height:30px;margin-right:20px}
.right_small ul li a{font-family:"微软雅黑";font-size:14px;color:#595a59;line-height:30px}
.right_small ul .language{margin-right:5px}
.right_large{margin-top:10px}
.right_large ul{float:left;margin-right:1px; }
.right_large ul li{float:left;margin-right:11px;line-height:30px; color:#301f0f;}
.right_large ul li a{font-family:"微软雅黑";font-size:18px;color:#301f0f;line-height:30px; }
.right_green{margin-top:15px;float:right}
.right_green a{display:block;background:#e1e100;float: left;margin-left:13px;font-size:16px;color:#fff;padding:5px 15px;border-radius: 5px; font-family:"微软雅黑";}
.topsa{float:left;width:188px;height:30px}
.topsea{width:186px;height:30px;border:none;border-radius:5px;font-family:"微软雅黑";font-size:14px;color:#444242;line-height:30px;padding-left:20px;position:absolute}
.fl{position:relative;top:5px;left:160px}
.ab{
    width: 420px;
    height: 170px;
    position: absolute;
    display: none;
}
.ab1{
	position: absolute;
	top: 0px;
	left: 0px;
    width: 249px;
    height: 60px;
    background-image: url(font_1_02.png);
    background-repeat:no-repeat;
}
.ab2{
	position: absolute;
	top: 85px;
	left: 0px;
    width: 80px;
    height: 27px;
    background-image: url(font_03_03.png);
    background-repeat:no-repeat;
    
}
.ab8{
	position: absolute;
	top: 85px;
    left: 90px;
    width: 2px;
    height: 32px;
    background-color: #0b386e;
}
.ab3{
	position: absolute;
    width: 160px;
    height: 26px;
    top: 87px;
    left: 100px;
    background-image: url(font_04_03.png);
    background-repeat:no-repeat;
}
.ab4{
	position: absolute;
	bottom: 0px;
    left: 0px;
    width: 55px;
    height: 26px;
    background-image: url(font_05_07.png);
    background-repeat:no-repeat;
}
.ab5{
	position: absolute;
	bottom: 0px;
    left: 65px;
    width: 55px;
    height: 26px;
    background-image: url(font_07_07.png);
    background-repeat:no-repeat;
}
.ab6{
	position: absolute;
	bottom: 0px;
    left: 130px;
    width: 110px;
    height: 26px;
    background-image: url(font_06_10.png);
    background-repeat:no-repeat;
}
.ab7{
	position: absolute;
	top: 0px;
    right: 0px;
    width: 130px;
    height: 140px;
    background-image: url(font_08_02.png);
    background-repeat:no-repeat;
}
.ab9{
	position: absolute;
	right: 0px;
    bottom: 0px;
    width: 120px;
    height: 26px;
    text-align: center;
    line-height: 35px;
}
.ab9 a{
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: bold;
	color:#0b386e ;
}
.three_wrapper{width:1248px;margin:0 auto;position:absolute;bottom:80px;left:50%;}

.bottom{width:100%;margin:0 auto;height :auto;}
.bottom_left{width:399px;height :118px;float:left;cursor:pointer;background:#e2e32f ;display:block;opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);}
.bottom_left img{display:block;float:left;margin-top:20px;padding-left: 80px}
.bottom_left span{display:block;float:left;font-weight:500;font-family:"微软雅黑";font-size:24px;color:#493627;margin-top:52px;margin-left:20px}
.bottom_center{width:399px;height :118px;float:left;cursor:pointer;background:#e2e32f ;display:block;opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);margin-left:25px}
.bottom_center img{display:block;float:left;margin-top:25px;padding-left: 80px}
.bottom_center span{display:block;float:left;font-weight:500;font-family:"微软雅黑";font-size:24px;color:#493627;margin-top:52px;margin-left:20px}
.bottom_byw{width:399px;height :118px;float:left;display: none;background: url(index_ywbg_20171107.png) no-repeat;cursor:pointer;opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);margin-left:25px}
.licai{display:block;width:70px;height:70px;margin-top:40px;margin-left:40px;float:left}
.licai img{display:block;margin:0 auto;width:36px;height:36px;margin-left:15px}
.licai span{display:block;margin:0 auto;font-family:"微软雅黑";font-size:16px;color:#493627;font-weight: 500;max-resolution: top 8px}
.daikuan{display:block;width:70px;height:70px;margin-top:40px;margin-left:65px;float:left}
.daikuan img{display:block;margin:0 auto;width:36px;height:36px;margin-left:15px}
.daikuan span{display:block;margin:0 auto;font-family:"微软雅黑";font-size:16px;color:#493627;font-weight: 500;max-resolution: top 8px}
.banka{display:block;width:70px;height:70px;margin-top:40px;margin-left:60px;float:left}
.banka img{display:block;margin:0 auto;width:36px;height:36px;margin-left:15px}
.banka span{display:block;margin:0 auto;font-family:"微软雅黑";font-size:16px;color:#493627;font-weight: 500;max-resolution: top 8px}
.bottom_right{width:399px;height :118px;float:right}
.slide_x{width:399px;height:118px;overflow:hidden;position:relative;}
.slide_x a{color:#FFF;text-decoration:none;}
.slide_x .box{width:399px;height:118px;overflow:hidden;position:relative;}
.slide_x .list{width:9999px;overflow:hidden;}
.slide_x .list li{width:399px;float:left;position:relative;}
.slide_x .list img{vertical-align:top;}
.list p{ line-height:26px;position:absolute;bottom:0;left:0;width:100%;height:26px;color:#FFF;font-family:"微软雅黑";font-size:12px;text-indent:12px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.3);padding-top:0px}
.list p a{ text-decoration:none; }
.slide_x .btn{overflow:hidden;height:12px;position:absolute;bottom:5px;right:105px;}
.slide_x .btn li{float:left;width:11px;height:11px; border-radius:10px;margin:0 10px 0 0;background:#1a57bf;color:#333;font:11px/16px Tahoma;text-align:center;cursor:pointer;}
.slide_x .btn .selected{background:#fff;color:#fff;}
.mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter: alpha(opacity=60);
    z-index: 1002;
    opacity: 0.5;
    -moz-opacity: 0.5;
    text-align: center;
}
.login_box{
    width: 390px;
    height: 260px;
    position: absolute;
    border-radius:2px ;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1003;
    background-image:url(loginbox_03.gif);
    background-repeat:no-repeat;
    box-shadow: 0px 0px 20px #000;
}

.footer{width:100%;height:52px;background:#5e5e5e;position:absolute;bottom:0px;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; text-align:center;line-height:52px}
.footer p{font-family:"微软雅黑";font-size:14px;color:#fff}
.tool{position:fixed;right:0;top:25%}
.tool_box{width:200px;height:236px}
.tool_box ul li{height:58px;border-bottom: 1px solid #a2a3a2;line-height:58px;padding-left:47px}
.tool_box ul li a{font-family:"微软雅黑";font-size:18px;color:#493627}
.tool .closed{position:absolute;right:0px;top:236px;;cursor: pointer}
.tool .opened{position:absolute;right:0px;top:236px;cursor: pointer}
.bmjf{background:url(pmjf_20171025.png) no-repeat  14px center}
.wydz{background:url(wydz_20171025.png) no-repeat  14px center}
.jrgj{background:url(jrgj_20171025.png) no-repeat  14px center}
.whwd{background:url(whwd_20171025.png) no-repeat  14px center}
.fwjgbz{background:url(jrgj_20171025.png) no-repeat  14px center}
.login_box_bottom{width:399px;height:0px;background:#eded8f;position:absolute;bottom:0px;left:0px;z-index:1000;float:left;display:none}
.login_box_inner{width:307px;height:135px;margin:0px auto;margin-top:18px}
.inner_top{width:100%}
.inner_top_left{width:189px;float:left}
.login_gr{width:189px;height:52px;background:#caca02 url(index_gr_20171027.gif) no-repeat 15% center}
.login_gs{width:189px;height:52px;background:#caca02 url(index_gs_20171027.gif) no-repeat 15% center;margin-top:5px}
.login_gr a{font-family:"微软雅黑";font-size:16px;color:#fff;line-height:52px;padding-left:60px}
.login_gs a{font-family:"微软雅黑";font-size:16px;color:#fff;line-height:52px;padding-left:60px}
.inner_top_right{width:109px;float:right}
.login_hd{width:109px;height:24px;background:#d4d467;text-align:center}
.login_aq{width:109px;height:24px;background:#d4d467;margin-top:4px;text-align:center}
.login_bq{width:109px;height:48px;background:#d4d467;margin-top:4px;text-align:center}
.login_wy{width:109px;height:38px;background:#999912;margin-top:3px;text-align:center}
.log_rg a{font-family:"微软雅黑";font-size:14px;color:#483729;line-height:24px;text-align:center}
.log_lg a{font-family:"微软雅黑";font-size:14px;color:#483729;line-height:48px;text-align:center}
.login_wy a{font-family:"微软雅黑";font-size:14px;color:#fff;line-height:38px;text-align:center}
.inner_bottom{width:307px;height:32px;margin-top:10px;background:#d1c185 url(index_xfc_20171027.gif) no-repeat 20% center}
.inner_bottom a{font-family:"微软雅黑";font-size:16px;color:#fff;line-height:32px;padding-left:120px}
.outer:hover .login_box_bottom{display:block;height:168px;transition: height 1s;
-webkit-transition: height 1s; /* Safari */}
.cen_outer:hover .bottom_byw{display:block}
.cen_outer:hover .bottom_center{display:none}

/*手机端菜单浮层样式*/
/* -------------------------------- 

Primary style

-------------------------------- */
html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  *, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  body {
    font-size: 100%;
    font-family: "Lato", sans-serif;
    color: #fff;
  }
  
  a {
    color: #fff;
    text-decoration: none;
  }
  
  /* -------------------------------- 
  
  Modules - reusable parts of our design
  
  -------------------------------- */
  .img-replace {
    /* replace text with an image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
  }
  
  /* -------------------------------- 
  
  Main components 
  
  -------------------------------- */
  
 


@media screen and (min-width : 1024px) and (max-width: 1200px){ 
    .content{width:100%;}
    .three_wrapper{width:100%;}
    .bottom{width: 1000px;margin:0 auto;height :auto;position:relative;}
    .bottom_left{width: 320px;}
    .bottom_left img{padding-left: 40px;}
    
    .bottom_center{width: 320px;}
    .bottom_center img{padding-left: 40px;}
    
    .bottom_byw{width:320px;}
    
    .bottom_right{width: 320px;}
    .slide_x{width: 320px;}
    .slide_x a{color:#FFF;text-decoration:none;}
    .slide_x .box{width: 320px;height:118px;overflow:hidden;position:relative;}
    .slide_x .list{width:9999px;overflow:hidden;}
    .slide_x .list li{width: 320px;float:left;position:relative;}
    .slide_x .list img{width: 320px;vertical-align:top;}
    .list p{ line-height:26px;position:absolute;bottom:0;left:0;width:100%;height:26px;color:#FFF;font-family:"微软雅黑";font-size:12px;text-indent:12px;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.3);padding-top:0px}
    .list p a{ text-decoration:none; }
    .slide_x .btn{overflow:hidden;height:12px;position:absolute;bottom:5px;right:70px;}
    .slide_x .btn li{float:left;width:11px;height:11px; border-radius:10px;margin:0 10px 0 0;background:#1a57bf;color:#333;font:11px/16px Tahoma;text-align:center;cursor:pointer;}
    .slide_x .btn .selected{background:#fff;color:#fff;}
    .login_box_bottom{width:320px;}

} 

  
 @media screen and (max-width: 768px){
    body{background-position: 70% 50%;}
    .wrapper{overflow-y: visible}
    .content{width:100%}
    .top_left{width:80%;margin-left: .5rem;}
    
    .top_left img{width:80%;padding-left:1rem}
    .top_banner{display:block;width:100%;height:7rem;float:left;margin-top:-3rem}
    .top_banner img{display:block;width:100%;height:7rem}
    .top_right{margin-top:1rem;float:left}
    .right_small ul{float:left;margin-left:1rem}
    .right_small ul li a{font-size:12px}
    .right_small ul li{margin-right:1rem}
    .right_large ul li a{font-size:16px}
    .right_large{margin-top:0px}
    .right_large ul{margin-left:1rem}
    .topsa{display:none}
    .right_green{float:left;margin-top:0px}
    .right_green a{font-size:12px}
    .tool{display:none}
    .ab{margin-top:2rem;margin-left:1rem}
    .footer{display:none}
    .three_wrapper{margin-left:0px;width:100%;position:static}
    .bottom{width:90%;margin:0 auto}
    .bottom_center{margin-left:0px;margin-top:1rem}
    .bottom_right{margin-top:1rem;float:left}
    .login_box_bottom{bottom: 30%;left: 1.4rem;margin-top:-15rem}
    .top_right{display:none}
    .ab{display:none}
    .three_wrapper{display:none}
    .footer{display: none}
    .tool{display:none}
    .top_left img{width: 80%;padding-left: .5rem;max-width: 340px;}
    .mbtn{display:block}
} 
@media screen and (orientation : landscape) and (max-width: 768px){ 

  body{background-position: 0% 50%;}

  .top_left img{width:60%}
}