/*global 151201 filter:alpha(opacity=97);-moz-opacity:0.97;opacity:0.97;font:62.5%/150% '\5FAE\8F6F\96C5\9ED1''\5b8b\4f53'*/
html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll;overflow-x:hidden}
body,div,span,h1,h2,h3,h4,h5,h6,p,pre,a,abbr,address,code,del,em,q,dl,dt,dd,ol,ul,li,form,caption,tbody,tfoot,thead,
article,aside,dialog,figure,footer,header,nav,section,td{margin:0;padding:0;border:0;word-wrap:break-word;word-break:break-all}
body{height:100%;font:normal 12px/1.5 "simsun","Helvetica Neue", Verdana, Geneva, sans-serif;color:#333;background:#fff}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block}
div,p,dt,dd,li,h1,h2,h3,h4,h5,h6,th,td{zoom:1}s{color:#888}[hidden],template{display:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}table,th,tr ,td{border-collapse:collapse;border-spacing:0}
li{list-style-type:none}img,.nobd{border:none !important}em,th,i{font-style:normal;font-weight:normal}
input,select,form img,button,label,textarea{vertical-align:middle;font-family:Tahoma;color:#000}
a{background-color:transparent;color:#333;text-decoration:none;zoom:1}
img{vertical-align:middle}
body{font-family:Microsoft Yahei,"Arial","Hiragino Sans GB",sans-serif}

/*--Expand Css--*/
.section{width:100%;display: block;}
.secbox{width:1200px; margin:0 auto; position:relative}
.lin-img{width:100%;float:left;}.lin-img img{width:100%;}
.fl{float:left;}.fr{float:right;}
.clearfix:after{content:'.';clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0}
.tites{text-align: center;font-size: 36px;color: #333;}

/*Í·²¿*/
.header{
  width: 100%;
  height: 58px;
  background:#fff; 
}
.header .logo{width:auto}
.header .nav{
  float:left;
  margin:6px 0px 0px 30px;
}

.header .nav .nav-item{
  width:105px;
  text-align: center;
  font-size: 16px;
  position: relative;
  height:52px;
}
.header .nav .nav-item:nth-child(3) a{color: #DB2251}
.header .nav .nav-item:hover{background-color: #003764}
.header .nav .nav-item:hover .drop-icon{background:url(/skin/index_new/static/imgs/us_38.png) no-repeat }
.header .nav .nav-item:hover > a{
  color: #fff
}
.header .nav .nav-item > a{
  line-height: 52px;
  color:#3C3C3C;
  position: relative;
  cursor:pointer;
  display: inline-block;
}

.fixed-header{
  position: fixed;
  left: 0;
  top: 0px;
  z-index: 999;
}
.soft-drop{
  width: 120px;
  height: auto;
  min-height: 84px;
  background: rgba(255, 255, 255, 0.8);
  filter: Alpha(opacity=80);
  background: #fff;
  position: absolute;
  top: 0px;
  left:-4px;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.soft-drop a{
   display: block;
   height: 46px;
   line-height: 46px;
   font-size: 14px;
   color: #333;
}
.soft-drop a:hover{
  background-color: #F8FAFF;
  color: #DB2251
}

.soft-drop a.soft-more{
  border-top:1px #f1f1f1 solid;
  color: #666;
  text-align: center;
}

.header .nav .nav-item .drop-icon{
  width: 8px;
  height: 6px;
  background:url(/skin/index_new/static/imgs/us_37.png) no-repeat; 
  margin: 24px 0px 0px 4px;
  float:right;
}

.header .nav .nav-item:hover .soft-drop{
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 1000;
  top: 52px;
  visibility: visible;
}
.soft-drop .nav_ul2{
   width:100%;
   margin-top:20px;
   display: inline-block;
}
.soft-drop .nav_ul2 li{
   width:240px;
   height:146px;
   margin-left:38px;
   position: relative;
   float:left;
}
.soft-drop .nav_ul2 li:nth-child(1){margin-left:50px;}
.soft-drop .nav_ul2 li .nav_bg{
   width:240px;
   height:146px;
   background:rgba(0,55,100,0.5); 
   position: absolute;
   left:7px;
   top:0px;
}
.soft-drop .nav_ul2 li .nav_bg:hover{background: none}
.soft-drop .nav_ul2 li .nav_bg p{
  width:100%;
  font-size:18px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: absolute;
  left:0px;
  bottom: 0px;
}
.nav_kc{
  width:282px;
  margin-top:15px;
  text-align: left;
  float:left;
}
.nav_kc h3{
  font-size:18px;
  color: #3C3C3C;
  font-weight: bold;
}
.nav_kc em{
  width:26px;
  height:2px;
  background-color: #3C3C3C;
  margin-top:5px;
  display: inline-block;
}
.nav_kc .last{ 
  width:100%;
  display: inline-block;
}
.nav_kc .last a{
  width:215px;
  height:33px;
  line-height: 33px;
  display: inline-block;
}


/*Î²²¿*/
.footer{
  background-color: #001F39;
  height:370px;
}
.footer-logo{
  width:100%;
  display: inline-block;
  margin-top:25px;
  padding-bottom: 18px;
  background:url(/skin/index_new/static/imgs/footer-logo_bg.png) no-repeat left bottom;
}
.foot_gp{
  width:78px;
  height:46px;
  float:left;
  margin:25px 0px 0px 278px;
}

.footer-text{
  width:100%;
  display: inline-block;
  margin-top:35px;
}
.footer-text dl{
  width:125px;
  margin-left:62px;
  float:left;
}
.footer-text dl dt{
  font-size:16px;
  color: #fff;
  font-weight: bold;
  margin-bottom: 13px
}
.footer-text dl dt em{
  width:20px;
  height:2px;
  background-color: #fff;
  display: inline-block;
}
.footer-text dl dd{
  width:125px;
  float:left;
  padding-bottom: 6px;
}
.footer-text dl dd a{
  font-size:14px;
  color:#bcbcbc;
}
.footer-text dl dd a:hover{
  text-decoration:underline;
}
.footer-text .cood{
  width:103px;
  margin-top:25px;
  float:left;
}
.footer-text .cood img{
  width:103px;
}
.footer-text .cood p{
  font-size:12px;
  text-align: center;
  color: #fff;
  padding-top: 5px;
}
.foot-tel{
  width:410px;
  float:left;
  padding-left:15px;
}
.foot-tel span{
  width:100%;
  font-size:14px;
  color: #d9d9d9;
  display: inline-block;
  padding-bottom:6px; 
}
.foot-tel h3{
  font-size:36px;
  color: #F5CE92;
  font-weight: bold;
}
.footer-btm,.footer-btm a{
  height:50px;
  line-height: 50px;
  font-size:12px;
  color: #929090;
  background-color: #001A2E;
  text-align: center;

}

/*-----ÄÚÈÝ-----*/
.banner{
  height:500px;
  background: url(/main/zhibo/static/imgs/banner.jpg) no-repeat center
}

/*Ê×Ò³*/
.coures{
  margin:50px 0px 30px 0px;
}
.coures ul{
  width:100%;
  margin-top:50px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.coures ul li{
  width:375px;
  height:440px;
  background-color: #fbfbfb;
  margin-bottom: 40px;
  overflow: hidden;
}
.coures ul li .w-img{
  width:377px;
  height:228px;
  overflow: hidden;
  margin-bottom: 10px;
  
}
.coures ul li .w-img img{
  width:100%;
}
.cou-cent{
  width:100%;
  height:117px;
  margin-bottom: 13px;
  display: inline-block;
}
.cou-cent p{
  font-size:20px;
  color: #555;
  padding:0px 2px 6px 2px;
}
.cou-cent span{
  font-size:16px;
  color: #808080;
  line-height: 27px;
  padding:0px 12px;
  display: inline-block;
}
.cou-list{
  width:100%;
  height:75px;
  background-color: #efefef;
  display: inline-block;
  position: relative;
}
.cou-list span{
  color: #aeaeae
}
.cou-list .sp1{
  width:130px;
  height:38px;
  line-height: 38px;
  text-align: center;
  font-size:20px;
  color: #fff;
  border:1px solid #065A9E;
  background-color:#065A9E;
  border-radius: 50px;
  position: absolute;
  left:25px;
  bottom: 18px;
}

.cou-list .sp3{
  font-size:20px;
  float:right;
  margin:22px 22px 0px 0px;
}
.coures ul li:hover{
  box-shadow: 3px 3px 8px #abacae;
}
.coures ul li:hover .cou-cent p{
  color: #065A9E
}
.coures ul li:hover .cou-list{
  background-color: #065A9E
}
.coures ul li:hover .cou-list span{
  color: #fff
}
.coures ul li:hover .cou-list .sp1{
  background:none;
  border:1px solid #fff;
}


/*ÏêÇéÒ³*/
.bloomer{
  display: inline-block;
  padding-bottom: 50px;
  background-color: #f8f8f8
}
.bloo-box{
  width:820px;
  float:left;
  margin-top:30px;
  background-color: #fff;
  padding:0px 15px 50px 15px;
}
.bloo-box h1{
  font-size:18px;
  color: #333;
  font-weight: bold;
  text-align: center;
  margin:25px 0px 40px 0;
}
.bloo-box .text{
  font-size:16px;
  color: #666;
  line-height: 30px;
}
.bloo-box .text strong{
  color: #333
}
.bloo-box dl{
  margin-top:30px;
}
.bloo-box dl dt{
  font-size:20px;
  color: #943734;
  font-weight: bold;
  margin-bottom: 15px;
}
.bloo-box dl dd strong{
  color: #333
}

.bloo-box dl dd{
  min-height: 10px;
  font-size:16px;
  color: #666;
  line-height: 28px
}
.bloo-box dl dd img{
  margin:10px 0px 20px 100px;
}
.bloo-box-rt{
  width:330px;
  float:right;
  margin-top:30px;
  background-color: #fff

}
.bloo-list{
  padding:15px;
}
.bloo-list .title{
    height: 40px;
    line-height: 40px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ddd;
}
.bloo-list .title span{
    display: block;
    height: 40px;
    line-height: 40px;
    font-size:16px;
    font-weight: 600;
    border-bottom: 1px solid #ff6f3d;
    position: absolute;
    bottom: -1px;
    left: 0
}
.bloo-list ul{
  padding:10px 5px 0px 10px;
}
.bloo-list ul li{
  line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bloo-list ul li a{
   font-size:14px;
  color: #666;
}
.bloo-list ul li a:hover{
  color: #943734;
  text-decoration: underline;
}
.info{
  width:600px;
  margin:40px 0px 0px 110px;
  display: inline-block;
}
.info h3{
  font-size:30px;
  color: #943734;
  text-align:center;
  margin-bottom: 8px;
}
.info h4{
  font-size:16px;
  color: #666;
  text-align:center;
  margin-bottom: 25px;
}
.info h4 span{
	color: #ff0000;
}
.info p{
  width: 260px;
  float: left;
  margin: 0px 19px 22px 19px;
}
.info p input{
    width: 253px;
    height: 38px;
    font-size: 16px;
    color: rgb(153, 153, 153);
    padding-left: 5px;
    font-family: Î¢ÈíÑÅºÚ;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(204, 204, 204);
    border-image: initial;
    border-radius: 5px;
}
.info .btn{
    width: 296px;
    height: 38px;
    line-height: 35px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border: 1px solid #ccc;
    background-color: #a82024;
    border-radius: 5px;
    margin-left: 148px;
    font-family: 'Î¢ÈíÑÅºÚ';
    cursor: pointer;
}
.info .in-text{
  font-size:13px;
  color: #888;
  text-align: center;
  margin-top:10px;
}
.info .in-text em{
  color: #ff0000
}

.cou-img{
  width:820px;
  margin:0 auto;
}

/*µ¯³öÉêÇëÊÔÌý*/
.jlbg{width:100%;height:100px;top:0px;left:0px;position:absolute;filter: Alpha(opacity=35);opacity:0.35; background:#000; display:none;z-index:9998}
.popbox{
  width:615px;
  height:400px;
  position: fixed;
  left:50%;
  top:25%;
  margin:0px 0 0 -300px;
  background-color: #fff;
  border:5px solid #ccc;
  border-radius: 5px;
  z-index: 9999;
  display: none
}
.pupc{
  width:100%;
  float:left;
  margin:16px 0px 20px 0px;

}
.pupc a{
  float:right;
  font-size:16px;
  margin-right:28px;
}
.popbox h1{
  text-align: center;
  font-size:32px;
  color: #000;
  font-weight: bold;
}
.popbox h1 span{
  color: #ff0000
}
.popbox .info2{
  margin:20px 0px 0px 80px;
}
.popbox .info2 p{
  margin-bottom: 18px;
}
.popbox .info2 p input{
  width:420px;
  height:36px;
  line-height: 36px;
  padding-left:12px;
  font-size:16px;
  font-family: 'Î¢ÈíÑÅºÚ'
}
.popbox .info2 select{
  width:435px;
  height:36px;
  line-height: 36px;
  padding-left:12px;
  font-size:16px;
  color: #666;
  font-family: 'Î¢ÈíÑÅºÚ';
  margin-bottom: 20px;
  border:1px solid #ccc;
}


.popbox .info2 .btn{
  width:432px;
  height:38px;
  line-height: 38px;
  text-align: center;
  font-size:18px;
  color: #fff;
  background-color: #bf0000;
  border:none;
  font-family: 'Î¢ÈíÑÅºÚ';
  cursor: pointer;

}
.popbox .text{
  width:442px;
  margin:20px 0px 0px 80px;
  font-size:14px;
  color: #666;
  text-align: center;
}
.popbox .text span{
  background: red;
  padding:2px 5px;
  color: #fff
}

.fot_safe{
  height:145px;
  background-color: #F5F7FC;
}
.as_ul{
  width:100%;
  padding-top: 25px;
  display: inline-block;
}
.as_ul li{
  width:102px;
  text-align: center;
  margin-left:30px;
  float:left;
}
.as_ul li .w-img{
  height:32px;
  padding-bottom: 10px; 
}
.as_ul li p{
  font-size:12px;
  line-height: 21px;
  color: #909399
}
.as_ul li:nth-child(1){margin-left:10px;}

/*µ¯´°*/
#box1{width:510px;height:333px;position:fixed;left:50%;top:50%; margin:-176px 0 0 -280px; z-index:9999;display:none;border-radius:10px;}
#box1 p{padding:0 10px;margin-top:10px;}
#box1 span{color:#ff0;padding-left:5px;}
#box1 h2{ margin:0;height:25px;cursor:move;text-align:right;padding:0 10px;}
#box1 h2 a{color:#fff;font:12px/25px Arial;width:20px;height:20px;line-height: 20px;text-align: center;background-color:#666;border-radius: 50px;float:right;margin-top:5px;}

/*²à±ßÀ¸*/
.t-zxzc-new{width:60px;height:182px;position:fixed;top:32%;right:0px;z-index:9999}
.t-zxzc-new a{display:block;position:relative;width:60px;height:60px;margin-bottom:2px;background:#748395;font-size:12px;text-align:center;color:#fff;cursor:pointer}
.t-zxzc-new i{display:inline-block;margin-top:15px;}
.t-zxzc-new i.i_online{width:38px;height:34px;background:url(/main/zhibo/static/imgs/kf_02.png) no-repeat;}
.t-zxzc-new i.i_tel{width:30px;height:30px;background:url(/main/zhibo/static/imgs/kf_01.png) no-repeat;}
.t-zxzc-new i.i_daili{width:29px;height:32px;background:url(/main/zhibo/static/imgs/kf_03.png) no-repeat;}
.t-zxzc-new i.i_db{width:25px;height:14px;background:url(/main/zhibo/static/imgs/kf_04.png) no-repeat;margin-top:22px;}
.t-zxzc-new a p{line-height:26px}
.t-zxzc-new a .t-pnum,.t-zxzc-new a .t-kf-hover{display:none;position:absolute;top:0;width:60px;height:55px;padding-top:5px;background:#a82024;text-align:center;}
.t-zxzc-new a .t-pnum{left:-220px;width:230px;font-size:24px;line-height:47px}
.t-zxzc-new a .t-kf-hover{left:0;font-size:16px;line-height:23px}
.t-zxzc-new a .t-kf-p{font-size:16px;line-height:23px;margin-top:8px;display: inline-block;}
.t-zxzc-new a:hover .t-pnum,.t-zxzc-new a:hover .t-kf-hover{display:block}
#app{
   
    position: fixed; 
    left: 0px; 
    top: 0px; 
    width: 100%; 
    height: 100%; 
    display: none; 
    z-index: 999; 
background: rgba(193,193,193, 0.6);
  display:none; 
}
#app img{
 position: absolute;
 left: 50%;
 top: 50%;
margin-left:-300px;
margin-top:-400px;

  }
  
  .button1 {
  background: #599bb3;
  border-radius: 8px;
  text-shadow: 0px 1px 0px #3d768a;
  -webkit-box-shadow: 0px 10px 14px -7px #276873;
  -moz-box-shadow: 0px 10px 14px -7px #276873;
  box-shadow: 0px 10px 14px -7px #276873;
  color: #ffffff;
  font-size: 16px;
  padding: 12px 30px 12px 30px;
}

.button1:hover {
  color: #ffffff;
  background: #408c99;
  text-decoration: none;
}
.w-close{
   position: absolute;
 top: 75%;
left:48%;

  }

