@charset "utf-8";
*{ outline:none !important}

/*===========================header=============================*/
#header{width:100%;z-index: 9999;height:65px;}
#logo{ display: block; position: absolute; left: 0.5rem; top: 1px;}
#logo img{border: none;margin-top:7px;width:320px}
body{ width:100%;}
a{  -webkit-tap-highlight-color: transparent; outline: none;}


.nav_btn{position: absolute;margin-top: 5px;right: 1rem;width: 40px !important;height: 40px !important;border-radius:3px;transition: 0.5s;cursor: pointer;border:none;padding: 0;outline: none;background: none;}
.line{position: relative;display: block;width: 26px;height: 2px;margin: 1px auto 0;background: #505050;border-radius:3px;}
.line:before,.line:after{content: '';width: 100%;height: 2px;left: 0;position: absolute;background: #505050;border-radius:3px;transition-duration: 0.3s,0.3s;transition-delay: 0.3s,0s;}
.line:before{transition-property: bottom,transform;bottom: 8px;}
.line:after{transition-property: top,transform;top: 8px;}
.nav_btn_active{right: 240px;position: fixed; z-index:999; top:0; border-radius:0;background-color: #fff;}
.nav_btn_active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.nav_btn_active span:after,.nav_btn_active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.nav_btn_active span:before {bottom: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.nav_btn_active span:after {top:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}


.header-nav {display: block;width: 240px;position: fixed; top: 0 ;right: 0;opacity: 0;transition: 0.5s;text-align: left;transform: translateX(240px);visibility: hidden\9;height: 100vh;overflow: auto;bottom: 0;z-index: 1090;background: #f8f8f8 }
.header-nav-active {opacity: 1; display:block;transform: translateX(0);}
.am-offcanvas-content{ padding:0;}
#aside_nav .am-offcanvas-bar{ width: 252px; background: #f4f4f4;}
#nav .am-list > li{  background: none; border-color:rgba(0,0,0,.06); padding:1.5rem 0; box-shadow:none !important; }
#nav .am-list > li a{padding:0;padding-left:2rem;font-size:15px;color: #333;}
#nav .am-fr[class*="am-icon-"]{ color:#999 !important;}
#nav .am-list > li ul{ padding:0 ; margin-bottom: -1rem;}
#nav .am-list > li ul li{padding:0 2rem;line-height: 3.5rem;display: block;border:0;}
#nav .am-list > li ul li{}
#nav .am-list > li ul li:last-child{ border:none;}
#nav .am-list > li ul li a{font-size:13px;display:block;padding:0;color: #666;}
#nav .am-fr[class*="am-icon-"]{ color: #eee;}
#nav .doc-oc-demo3{ width:50px;}
#nav .am-list > li ul{ padding-top: 10px; }
.am-offcanvas-bar::after{ background:none;}
#index_nav_bar li{}
#index_nav_bar li a{ display: block; height: 5rem; line-height: 5rem; text-align: center; color: #fff; font-size: 14px;}
.am-pureview{ z-index:10000; }
#header .mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}

.am-control-nav{bottom: 1.5rem !important;line-height: 8px;}
.am-control-nav li a{background: none;border-radius: 5px;}
.am-slider-default .am-control-nav li a{
    border: none;
    background: rgba(0,0,0,0.25);
    box-shadow: none;
}
.am-control-nav li a.am-active{background-color: rgba(0,0,0,0.5) !important;box-shadow:none;}
.am-slider-default .am-control-nav li a:hover{ background: #e62129;}
.am-slider-default{ background: none;}
.am-slider-default .am-direction-nav a:before{ color: #fff;  }
.am-slider-default .am-direction-nav a.am-next:before{}




#gotop{position:fixed;display: block;width: 40px;height: 40px;line-height: 36px;bottom: 52px;right: 0;z-index: 9999;background: #1384e2;border-radius: 50%;}
#gotop img{display: inline-block;height: 20px;}


#s_main_box{margin-bottom: 7rem; position:relative;}

.w96{width: 96%;margin: 0 auto;position: relative;}
.tb-right{overflow: hidden;}
.tb-right img{width: 20px;float: right;margin-right: 1.6rem;}
.banner{overflow: hidden;width: 100%;}
.gonggao{margin-top: 25px;}
.title{padding-bottom: 10px;overflow: hidden; border-bottom: #e9e9ec 1px solid;margin-bottom: 15px;}
.bt-zuo{float: left;}
.bt-you{float: right;width: 20px;margin-top: 5px;}
.bt-tit{font-size: 18px;color: #474749;}
.bt-en{font-size: 16px; color: #d83648; text-transform: uppercase;margin: 0 0 0 5px; font-weight: normal;}
.dp{overflow: hidden;padding-bottom: 15px;margin-bottom: 10px;border-bottom:#e9e9ec 1px solid ;}
.dp-tu{width:140px;height: 90px;float: left;}
.dp-tu img{width: 100%;height: 100%;border-radius: 5px;}
.dp-right{float: right;width: calc(100% - 150px);}
.dp-bt{font-size:15px;color: #333333;}
.dp-date{font-size: 12px;display: block; line-height: 11px; color: #999;margin-top: 5px;}
.dp-nr{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height: 20px;height: 40px;font-size: 13px;color: #666;margin-top: 7px;}
.news{overflow: hidden;}
.news li{line-height: 35px;border-bottom: 1px dotted #dcdcdc;overflow: hidden;}
.news li:before{content: "●"; color: #737577; display: inline-block; margin-right: 5px;float: left;}
.tz-bit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width: 65%;float: left;font-size: 14px;color: #333333;}
.tz-date{float: right;font-size: 12px;color: #999999;}

.gaoxiao{padding-top: 10px;}
.gx-bit{text-align: center;color: #222222;font-size: 14px;line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width:80%;
margin:0 auto;}
.cf{width: 100%;height: 120px;border-radius: 5px;}

.zhaosheng{padding-top: 25px;}
.ptt{margin-bottom: 10px;border-radius: 7px;}
.hongyi{padding-top: 25px;}
.lianjie{overflow: hidden;}
.lianjie li{float: left;width: 50%;text-align: center;border: 1px solid #ccc;line-height: 45px;}
.lianjie li:first-child{border-right: 0;}
.lianjie li a{display: block;width: 100%;}
.lan{background-color:#003c87;color: #fff;}
.dabox{display: none;}
.lj{overflow: hidden;}
.lj li{float: left;width: 50%;text-align: center;border: 1px solid #ccc;line-height: 45px;}
.lj li:first-child{border-right: 0;}
.lj li a{display: block;width: 100%;}
.box{display: none;}
.gg{margin-top: 25px;}

.foot{background-color: #003c87;padding: 10px 0;margin-bottom: 64px;}
.foot p{font-size: 14px;color: #fff;text-align: center;line-height: 25px;}
.dw{position: fixed;bottom: 0;background-color:#003c87 ;width: 100%;border-top: 1px solid #fff;}
.dw li{float: left;width: 25%;box-sizing: border-box;border-right: 1px solid #fff;text-align: center;}
.dw li:last-child{border-right: 0;}
.dw li a{padding: 10px 0;color: #fff;display: block;width: 100%;font-size: 14px;}
.dw-tu{display: block;margin: 0 auto;width: 25px;margin-bottom: 5px;}
.ck{background-color: #003c87;color: #fff;line-height: 40px;font-size: 14px;display: block;text-align: center;border-radius: 5px;}
.liang{padding: 25px 0;}
.zhuti{padding: 20px 0;}
.ny-bt{font-size: 18px;color: #404142;font-weight: bold; line-height: 30px; margin-bottom: 0.75rem;text-align: center;}
.ny-date{font-size: 14px;color: #808080;text-align: center;overflow: hidden;line-height: 10px;}
.sj{width: 15px;margin-right: 5px;}
.wenzi{font-size: 14px;color:#808080 ;line-height: 25px;margin-top: 10px;}
.wenzi img{max-width: 100%;height: auto;width: 370px;margin-bottom:10px;}
.lanmu{background-color: #003c87;text-align: center;color: #fff;font-size: 16px;padding: 15px 0;position: relative;}
.fh{position: absolute;left: 0;width: 10px;top:5px}
#xiala{position: absolute;right: 0;top: -2px;}
#xiala img{width: 20px;}
.sild{width: 100%;background-color: #fff;display: none;}
.sild a{display: block;line-height: 40px;    border-bottom: 1px solid #dedede;color: #666;font-size: 15px;}
.p96{width: 100%;padding: 0 2%;box-sizing: border-box;}
.xw-date{float: left;width: 70px;border: 1px solid #ccc;}
.ri{display: block;  text-align: center;font-size: 28px; height: 42px;color: #565656;line-height: 40px;}
.xinwen{margin-top: 0;}
.xinwen li{overflow: hidden;margin-bottom: 20px;}
.xinwen li:last-child{margin-bottom: 0;}
.yue{display: block; background: #003c87;  font-weight: normal;text-align: center; color: #fff;font-size: 16px;  height: 30px;line-height: 27px;}
.xw-nr{float: right;width: calc(100% - 80px);}
.byl{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;color: #666;line-height: 21px;height: 42px;margin-top: 8px;}
.xw-nr h4{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;	}
.tupian{overflow: hidden;margin-top: 25px;}
.tupian li{float: left;width: 49%;margin-bottom: 10px}
.tupian li:nth-child(2n){float: right;}
.tp-tu{width: 100%;height:120px ;}
.tp-bit{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color: #222;font-size: 14px;}
.p10{padding: 10px;}
.hui{background: #e8e8e8;;}
.tp-date{position: relative;display: block;font-size: 12px;color: #989797;font-family: arial;height: 20px; line-height: 20px;margin-top: 6px;}

.liuyan{width: 100%;height: 51px;margin: 0; border: none; padding: 0 22px; background: none; font-size: 0.9375rem; color: #727272;vertical-align: top;border: #e0e0e0 1px solid;border-radius: 26.5px;    margin-bottom: 16px;}
.tijiao{width: 100%;height:53px;line-height:51px;border:#e0e0e0 1px solid;background:#003c87;-moz-border-radius:26.5px;-webkit-border-radius:26.5px;border-radius:26.5px;margin-bottom:16px;color: #fff;}
.juzhong{text-align: center;}
.lyb{width: 100%;height: 150px;outline: none;resize:none;border-radius: 7px;font-size: 14px;border: #e0e0e0 1px solid;;margin-bottom: 10px;padding: 2%;box-sizing: border-box;}
.bm-tit{    font-size: 20px;color: #4c4c4c;margin-bottom: 2rem;text-align: center;}

.chanpin li{width: 45%; float: left;margin-left: 10px;margin-bottom: 20px;}

#window{
    position: fixed;
    right: 0;
    z-index: 999;
    bottom: 10px;
    width: 110px;
    height: 195px;
  }
  #window .error{
    position: absolute;
    right: 0;
    top: -1px;
    width: 17px;
    height: 17px;
    cursor: pointer;
  }
.list .list_ul{
  margin-left: 30px;
  padding: 0 !important;
  
}
.list .list_ul li{
  width: 100%;
  float: left;
}
.list a{float: left;}
.list img{float: left;margin-top: 3px;margin-left: 10px;}
.advantage{
  width: 100%;
  margin: 0 auto;
  text-align: center;
  margin: 20px 0;
}
.advantage h1.sh1{
  font-size: 26px;

}
.advantage h6.sh2{
  font-size: 16px;
}
.advantage h3.sh3{
  font-size: 20px;
}
.advantage .ys h1{
  text-align: left;
  padding-left: 85px;
  padding-top: 18px;
  font-weight: bold;
  font-size: 30px;
}
.advantage .ys h3{
  text-align: left;
  padding-left: 85px;
  font-size: 16px;
  font-weight: bold;
}
.advantage .ys p{
  text-align: left;
  font-size: 14px;
  padding: 15px 5px 20px 85px;
}
.ys1{
  background: url(../images/ysbg1.jpg) no-repeat;
}
.ys2{
  background: url(../images/ysbg2.jpg) no-repeat;
}
.ys3{
  background: url(../images/ysbg3.jpg) no-repeat;
}
.ys4{
  background: url(../images/ysbg4.jpg) no-repeat;
}