@CHARSET "UTF-8";
#header{width:100%;   text-align:center; padding-top:15px; background:#fff; font-weight:bold; padding-bottom:15px; line-height:44px; font:bold 20px/44px "微软雅黑"; color:#434343; position:relative;  border-bottom:1px solid #bebebe;}
.header_left{width:74px; height:34px; background:url(../../images/abc.png) center 10px no-repeat; background-size:26px 24px; position:absolute; left:0; top:0;  margin-top:5px;}
.header_right{width:74px; height:34px; background:url(../../images/13.png) center 10px no-repeat; position:absolute; right:0; top:0; background-size:26px 21px; margin-top:5px;}
/*header css style*/

 .wh{margin: 0 3%;}
#nav{text-align: left;
width: 100%;
padding: 5px 0 5px 0px;
background: #00269a;
display: -webkit-box;}
#nav li{height: 28px;
line-height: 28px;
font: 400 14px/28px '微软雅黑';
-webkit-box-flex: 1;}
#nav li a{display:block; color:#fff; width:100%;font-family: '黑体';text-align: center;}
.wel{height: 35px;line-height: 35px;background: #f1f1f1;letter-spacing: 1px;color: #008cd7;font-size: 14px;font-family: '宋体';}
#header img{width: 80%;vertical-align: middle;display: block;margin: 0 auto;}
#header p{text-align: center;}
 
 /*banner css style*/
.out_b{overflow:hidden; margin:0 auto; }
.slide {position : relative; height:150px; overflow:hidden; width:320px; overflow:hidden; margin:0 auto;}
.slide .content{height:320px; -webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;}
.slide a {display:inline-block; float:left; width:320px; height:150px; }
.slide a img{width:320px;}
.slide .mark {width: 100%; position: absolute;height: 3px; bottom: 0; background-color: rgba(51,51,51,0.5); -webkit-transform: translate3d(0,0,0); display: -webkit-box;} 
.slide .mark li {display: block; -webkit-box-flex: 1; height: 100%; overflow: hidden;}
.slide .mark li.active { background-color:#25a4bb;}


/* 首页banner */
.mob-banner {
  position: relative;
}

.mob-banner .slick-slide {
  outline: none;
}

.mob-banner a {
  display: block;
}

.mob-banner a img {
  width: 100%;
}

.mob-banner .slick-dots {
  position: absolute;
  z-index: 99;
  left: 0;
  width: 100%;
  bottom: 10px;
  text-align: center;
  font-size: 0;
}

.mob-banner .slick-dots li {
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #707070;
  margin: 0 2px;
}

.mob-banner .slick-dots li button {
  display: none;
}

.mob-banner .slick-dots li.slick-active {
  background: #00269a;
}

.fl{float: left;}

/**/
.box1{margin:3px 0 0 0;}
.bul li{position: relative;margin: 0 0 1% 1%;width: 24%;}
.bul li:first-child{margin-left: 0;width: 25%;}
.bul li img{width: 100%;}
.bul li:nth-child(2){width: 41%;}
.bul li:nth-child(3){width: 32%;}
.pbt{position: absolute;top:29px;right: 25px;color: #fdfdfd;font-size: 14px;font-family: '微软雅黑';text-align: right;}

.bul li:first-child .pbt{top:29px;left: 34px;right: auto;text-align: left;}



/**/
.box2{background: #00269a;position: relative;overflow: hidden;}
.flex{display: flex;justify-content: space-between;flex-wrap: nowrap;display: -webkit-flex;}
.abt{color: #ffffff;font-size: 14px;position: absolute;left: 3%;top:17%;font-family: '黑体';line-height: 30px;}
.zul{
-ms-flex-pack: end!important;
    justify-content: flex-end!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.zul li{width: 43%;position: relative;top:0;}
.zul li img{max-width: 100%;}
.zul li:last-child{width: 20.722%;}
.zul li a{color: #fdfdfd;font-size: 6px;left:15%;text-align: left; display: block;position: absolute;width: 100%;bottom: 19px;}
.zul .li1{
    position: relative;
    z-index: 1;
    right: -34%;
}
.zul .li2{
	position: relative;
	z-index: 2;
	right: -23%;
}

.zul .li3 {
	position: relative;
	z-index: 3;
	right: -11.7%;
}

.zul .li4{
	position: relative;
	z-index: 4
}
.zul .li4 a{left: 32%;}

.box3{margin: 30px 0;}
.bt1{background-color: #efefef;}
.bt1 p{background-color: #00269a;height: 40px;line-height: 40px;width: 120px;text-align: center;color: #fff;font-size: 16px;font-family: '黑体';}
.acon{font-size: 14px;line-height: 24px;font-family: '微软雅黑';margin-top: 20px;}

.bt1 a{display: block;line-height: 40px;color: #474747;text-transform: uppercase;padding-right: 15px;font-size: 14px;font-family: '微软雅黑';}
.box4{margin-top: 20px;}
.nul{font-family: '微软雅黑';margin:20px 0;}
.nul li{line-height: 40px;border-top:1px dashed #dfdfe1;}
.nul li a{display: block;padding-left: 20px;width: calc(100% - 90px);overflow:hidden; white-space:nowrap;text-overflow:ellipsis;text-align: left; background: url(../../images/jt2.png) no-repeat left center;font-size: 14px;color: #424247;}
.nul li span{font-size: 14px;color: #999999;}


.fr{float: right;}


.xul{margin: 20px 20px 0 20px;}
.xul li{width: 48%;}
.xul li .img img{width: 100%;}
.xbt{text-align: center;letter-spacing: 2px;font-size: 16px;color: #00269a;font-family: '黑体';line-height: 30px;}









 /*product css style*/
 
.products{position:relative; width:99.5%; margin:0 auto;margin-top:10px; background:#fff;}
.contentss{padding:5px; line-height:25px; text-align:left; text-indent:25px;}
.ee{padding-left:20px; font-family:"微软雅黑";}
.products_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:400 14px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.products ul{padding-bottom:5px; text-align:left !important;}
.products ul li{display: inline-block;margin-top: 15px;text-align: center;overflow: hidden; width:49.0%; padding:5px;}
.products ul li a{display: inline-block;overflow: hidden;border: 1px solid #fff;box-shadow: 3px 3px 5px #aaa; width:100%;}
.products ul li a img{display: block;width:100%;height: auto;vertical-align: middle;}
.products ul li  h3{display: block;width:100%;line-height: 30px;height: 30px;overflow: hidden;text-align: center;background: #eee;font-family: '黑体';}


 /* news css style*/
.news{position:relative; width:99.5%; margin:0 auto;margin-top:10px; background:#fff;}
.news_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:400 14px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.news ul{}
.news ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../../images/dd1.jpg) 95% center no-repeat; background-size:20px 20px;}
.news ul li a{font:400 12px/35px "微软雅黑"; padding-left:28px; text-align:left; display:block;}

/* product_cate css style*/
.product_cate{width:99.5%; margin:0 auto;margin-top:20px;}
.product_cate_title{background:url(../../images/eef.jpg) 18px center no-repeat #fff; background-size:2px 22px; text-align:left; padding-left:30px; border-bottom:1px solid #d5d5d5;  font:400 16px/40px "微软雅黑"; height:40px; width:100%;  border-bottom:1px solid #d5d5d5;}
.product_cate ul{}
.product_cate ul li{height:35px; line-height:35px; border-bottom:1px solid #d3d3d3; background:url(../../images/abcd.png) 95% center no-repeat; background-size:20px 20px;}
.product_cate ul li a{font:400 12px/35px "微软雅黑"; padding-left:20px; text-align:left; display:block;}
 
/* footer css style*/
.distraction{height:58px; width:100%;}
.footer{background:#00269a; display:-webkit-box; width:100%; margin-top:6px; background-size:9px 128px; position: fixed; z-index: 110;bottom: 0;left: 0;}
.footer a{-webkit-box-flex: 1;display: -webkit-box; color:#fff;}
.footer span{width:74px; display:block; margin:0 auto; text-align:right; font:400 16px/45px "微软雅黑"; color:#fff; height:45px;}
.footer span.span1{background:url(../../images/a1.png) 10px center no-repeat; background-size:23px ;}
.footer span.span2{background:url(../../images/a2.png) 10px center no-repeat; background-size:23px ;}
.footer span.span3{background:url(../../images/a3.png) 10px center no-repeat; background-size:23px ;}
.footer span.span0{background:url(../../images/icon.png) 12px -75px no-repeat; background-size:110px 385px;}
 
 
/*share css style*/
#mobile_share{position:fixed;right:0;bottom:90px;
width: 123px;z-index: 99999;background: #fff;padding: 0;overflow: hidden;-webkit-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;-webkit-transform: translateX(100%);}
#mobile_share h2.title{text-align:center;line-height:30px;height:30px;background: #717577;color: #fff;font-size:14px;}
#mobile_share .share_item{padding: 8px;background: #fff;border: 1px solid #f1f1f1;}
#mobile_share .share_item li{display: block;overflow:hidden;margin: 8px 0;border-bottom: 1px solid #f1f1f1;padding-bottom: 8px;}
.share-link {display: block;margin:0 auto;width: 105px;overflow: hidden;line-height: 32px;font-size: 12px;padding-left: inherit;}
.share-link i{background: url(../../images/share_icon.png) no-repeat;background-size: 200px 32px;width:32px;height:32px;display: block;margin-right: 20px;float: left;}
.share-link span{display:inline-block;}
.share-weibo i{background-position:0 0;}
.share-renren i{background-position:-42px 0;}
.share-douban i{background-position:-84px 0;}
.share-qweibo i{background-position:-126px 0;}
.share-qzone i{background-position:-168px 0;}
body{width:100%; height:100%; overflow-x:hidden; position:relative;}






