﻿@charset "utf-8";
html { font-family:"Microsoft YaHei"; font-size:14px;} 
html,body{ height:100%; }
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }
body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%;  overflow:-Scroll;overflow-x:hidden}
a, a:hover { text-decoration: none; outline: none;  }
a{ color:#0b0808;}
p{ margin:0; padding:0;}
:link, :visited{text-decoration: none;}
ul,li { list-style: none }
img { border: none; max-width:100%;}
input, select, textarea { border: none; outline: none; background: none }
em,i { font-style: normal }
h1, h2, h3, h4, h5, h6 { font-weight: normal }
.clear{clear:both; width:100%; overflow:hidden;}
.clearfix::after{ clear: both; display: block; height: 0; content: '';}
/* clear */
.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }
.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }
.fn-clear { visibility: hidden; clear: both; }
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); }
::-ms-clear, ::-ms-reveal{display: none; }
/*td{ border:1px solid #000}
*/.zj{ width:1200px; margin:0 auto; display:block;}
.fl{ float:left;}
.fr{ float:right;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*header*/
/*header*/
.header { width: 100%; display:table; margin: 0 auto; }
.hy{ width:730px; float:left;font-size:12px; padding-left:10px;}
.home{ height:30px; line-height:30px; background:#0a51c6; color:#fff}
.home a{ color:#fff;  margin:0 5px;font-size:12px;}

.home a:hover{ color:#fff;}
.home_l{ float:left;font-size:12px;}
.home_l span{ background:url(../images/tel.png) no-repeat center left;padding:0 0 0 26px; margin-left:10px; font-weight:bolder}
.home_r{ float:right}

.top{ width:1200px;margin:0 auto; height: 104px;justify-content: space-between; align-items: center; }
.top .logo{ width:420px;  float:left; height:104px; margin: 0 0; padding: 28px 0 0  }
.top .logo img{vertical-align: middle; height: 52px; }

.top .top_r{ float:right;  margin: 0 0}
.top .top_r .tel{ color:#737171; font-size:16px; padding:15px 0 0 70px; line-height:40px;  }
.top .top_r .tel h1{background: url("../images/tel.png") no-repeat center left; font-size:30px;  color:#0a51c6; font-weight:bolder; float: left; line-height: 1; padding: 0px 0 10px 60px}
.top .top_r .tel h1 span{ font-size:14px; color:#888; display: inline-block; line-height:20px; height:20px; font-weight:100; }
.top .top_r .tel img{ width: 74px; height: 74px; display: table; float: right}

.header-nav{border-top: 1px solid #ededed;}
.logowz{margin-left: 20px;padding-left: 18px;border-left: 1px solid #d1d1d1;height: 52px;margin-top: 30px;color: #444444;font-size: 20px;line-height: 1;}
.logowz p:first-child{margin-bottom: 9px;}



.tnav{height: 66px; background-color: #002e5b;}
.navs{width: 1200px; margin: 0 auto;}
.navs li{height: 66px; text-align: center; width: 179px; float: left; position: relative; z-index: 9999; margin-right: 25px;}
.navs li:last-child{margin-right: 0px;}
.navs li a.a{overflow: hidden; height: 66px; display: block;}
.navs li p{display: block; line-height: 66px; color: #fff; height: 66px; font-size: 16px; margin: 0;}
.navs li:hover{background-color: #01609c;}
.navs li span{display: block; margin-top: 0px; display: block; transition: 0.6s; height: 66px; line-height: 66px; font-size: 18px;}
.navs li:hover a p{transition: 0.6s; margin-top: -75px; margin-bottom: 10px;}
.navs li:hover a span{color: #fff; text-decoration: none; transition: 0.6s;}
.navs .sec{background: #002e5b; overflow: hidden; z-index: 9999; position: absolute; top: 66px; left: 0px; display: none; width: 100%;}
.navs .sec a{height: 38px; line-height: 38px; width: 100%; overflow: hidden; display: block; color: #fff;}
.navs .sec a:hover{background: #01609c; text-decoration: none; color: #fff;}

.zy{ float:right; display:block; font-size:12px; color:#296fb7; padding:4px 0 6px; border-bottom:1px solid #296fb7;border-top:1px solid #296fb7; margin:28px auto;}	
.zy a{ padding:0 6px; color:#296fb7;}
.zy a:hover{ color:#f4a45d;}

.nav_k{ width:100%; border-top: 1px solid #ededed;display:table; margin:0 auto;background:#fff; height:53px;}

.navBar{ width:1200px; margin:0 auto;height:60px; line-height:60px; position:relative; z-index:9999;   }
.nav{ width:1200px; margin:0 auto; display:table; font-family:"Microsoft YaHei",SimSun,SimHei;  }
.nav h3{ font-size:100%; font-weight:normal;  }
.nav .m{  position:relative; float:left; width:171px; margin:0 0 0 0px; display:inline; text-align:center; background: url("../images/xxx.jpg") no-repeat center right}
.nav .m:hover  h3 a{     border-bottom: 3px solid #0a51c6; }
.nav h3 a{ font-size:15px;  zoom:1;  height:53px; line-height:53px; padding:0px ;  display: table; margin:0px auto 0; color:#222;    border-bottom: 3px solid transparent; }
.nav h3 a:hover,.nav .m:hover h3 a{ color:#0a51c6 }
	
.nav .sub{ display: none; width:176px; padding: 0;  margin:0 0 0 -5px ;  position:absolute; top:60px;  background-color: #fff;  float:left; line-height:38px; }
.nav .sub li{ text-align:center;  }
.nav .sub li a{ color:#333; display:block; zoom:1; border-bottom: 0 ; font-size:14px;}
.nav .sub li a:hover{  color:#0a51c6; border-bottom: 0   }


/*轮播结束*/
.banner{width: 100%;overflow: hidden;position: relative; margin:0 0}
.banner .swiper-container{width: 100%;margin-left: auto;margin-right: auto;}
.banner .swiper-slide{text-align: center;overflow: hidden;position: relative;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide a{ width:100%}
.bannerbox{width: 100%;overflow: hidden;}
.banner .swiper-slid em{display: block;width: 100%;}
.banner .swiper-slide em img{width: 100%;display: block;}
.banner .swiper-pagination-bullet{width:45px;height: 6px;opacity: 1;background: rgba(255,255,255,.6);border:0;box-sizing:border-box; margin:0 6px; border-radius:0}
.banner .swiper-pagination-bullet-active{background: rgba(255,255,255,1);}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px}
.banner .swiper-slide em .banner_t1{ display:none}


/* banner */
.fullSlide{ width:100%;  position:relative;  height:840px; background:#fff; padding: 0 0  }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:999; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:840px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:840px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:9999; bottom:10px; left:0; height:22px; line-height:22px;}
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:20px; height:19px; margin:2px 4px; overflow:hidden; background: url(../images/bg_sign17.png) no-repeat center top;  line-height:999px; border-radius:0.5rem	}
.fullSlide .hd ul .on{ background: url(../images/bg_sign17.png) no-repeat center bottom;  }
.fullSlide .prev{  display:block;  position:absolute; z-index:1; top:48%; left:2%;  z-index:9999; width:70px; height:70px; background:url(../images/dot1.png) 0px 0px  no-repeat;  cursor:pointer;display:none;  }
.fullSlide .next{ display:block;  position:absolute; z-index:1; top:48%; left:2%;  z-index:9999; width:70px; height:70px; background:url(../images/dot2.png) 0px 0px  no-repeat;  cursor:pointer; display:none;  }
.fullSlide .next{ left:auto; right:2%;  }

img.lazy{background: url(../images/loading.gif) 50% no-repeat;}
.mt10{ margin-top:10px}
.mt15{ margin-top:15px}
.mt20{ margin-top:20px}
.ml10{ margin-left:10px}
.ml15{ margin-left:15px}
.ml20{ margin-left:20px}

/*特效集*/

@keyframes pulse {
 0% {transform: scale(1);}
 50% {transform: scale(1.2);}
 100% {transform: scale(1);}
}
/**/
.wrap{ width:100%; }

/**/
.ss0{height: 60px; line-height: 60px;    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);}
.search{text-align: left; height: 24px;}
.ss2{width: 256px; padding-top: 6px;}
.hotSearch{ width: 50%; float: left;font-weight: normal; height: 60px; background: url(../images/ht.png) no-repeat center left; padding: 0 0 0 40px;  bfont-size: 14px; color: #000;}
.hotSearch a{margin-right: 6px; font-size: 15px; color: #000;}
#formsearch{width: 254px; float: left; background: url(../images/ss.png) no-repeat center right; height:30px; margin-top: 10px; border: 1px solid #aaa; line-height: 30px; border-radius: 25px;}
#search-type{float: left; width: 100px; height: 30px; border: 1px solid #c8c8c8; margin-right: 5px;}
#formsearch input{height: 30px; background: none; border: none; line-height: 24px; float: left; box-sizing: border-box; outline: none;}
#formsearch input#keyword{padding-left: 14px; color: #323332; width: 244px; font-weight: normal; font-size: 12px;}
#formsearch input#keyword::placeholder{font-size: 12px;color: #323332;opacity: 0.4;}
#formsearch input#s_btn{width: 28px; text-align: center; cursor: pointer;}
input#keyword:-ms-input-placeholder{color: #323332;}
input#keyword::-webkit-input-placeholder{color: #323332;}


.pro{margin: 45px 0 25px;}

.pro .title{background: url(../images/bt1.png) no-repeat center; width: 801px; margin:0 auto 20px; padding-left: 340px; height: 105px; padding-top: 19px;}
.pro .title h1{font-size: 39px; color: #002e5b; font-weight: bold; line-height: 39px; font-style: italic; letter-spacing: 2px;}
.pro .title h2{font-size: 14px; color: #010101; font-weight: normal; line-height: 14px; margin-top: 5px; letter-spacing: 2px;}

.k1 .title{background: url(../images/bt2.png) no-repeat center;width: 709px;margin: 0 auto;padding-left: 308px;height: 97px;padding-top: 15px;}
.k1 .title h1{font-size: 30px;color: #002e5b;font-weight: bold;line-height: 30px;font-style: italic;letter-spacing: 0px;}
.k1  .title h2{font-size: 14px;color: #010101;font-weight: normal;line-height: 14px;margin-top: 9px;letter-spacing: 1px;}

.wrap{ width:100%; display:table;}

/* 产品中心*/
.s2{padding-bottom: 10px;}
.bt{text-align: center; padding: 45px 0 35px}
.bt h2{font-size: 30px;font-weight: bold;color: #2c2c2c;}
.bt h2 span{color: #0a51c6;}
.bt div{display: flex;align-items: center;justify-content: center;margin-top: 10px;}
.bt div p{font-size: 14px;color: #a0a0a0;text-transform: uppercase;}
.bt div span{display: block;width: 33px;height: 1px;background-color: #a0a0a0;margin: 0 8px;}


.s2b{flex-wrap: wrap;margin-top: 38px; width:1200px; margin: 0 auto}
.s2b li{width: 378px; margin: 0 33px 40px 0;  float: left;height: 327px;overflow: hidden;position: relative;}
.s2b li:nth-child(3n){margin: 0 0px 40px 0;}
.s2b-img{display: block;width: 100%;height: 258px;overflow: hidden;}
.s2b-img img{min-width: 100%;min-height: 100%; height:258px;}
.s2b-con{display: flex;position: absolute;left: 0;bottom: 0;right: 0;height: 69px;background-color: #fff;border: 1px solid #e1e1e1;align-items: center;justify-content: center;flex-direction: column;}
.s2b-con h2{font-size: 16px;color: #1e1e1e;}
.s2b-con p{font-size: 13px;color: #656565;width: 285px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;}
.s2b-con span{display: none;width: 71px;text-align: center;line-height: 21px;border-radius: 10px;background-color: #fff;font-size: 12px;color: #0a51c6;margin-top: 15px;}
.s2b li:hover .s2b-con{height: 114px;background-color: #0a51c6;}
.s2b li:hover .s2b-con h2{color: #fff;}
.s2b li:hover .s2b-con p{color: #fff;}
.s2b li:hover .s2b-con span{display: block;}

/* 关于我们 */
.s3{background-image: url(../images/bj1.jpg); background-repeat: no-repeat; background-position: top center;}
.s3-box{padding-top: 36px;}
.s3a{text-align: center;}
.s3a h2{font-size: 28px; color: #fff; font-weight: bold;}
.s3a h2 span{font-size: 28px; color: #0a51c6; text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff;}
.s3a p{font-size: 14px; line-height: 1; color: #fff; text-transform: uppercase; margin-top: 20px;}
.s3b{margin-top: 35px;}
.s3b-con{width: 570px;}
.s3b-img{width: 601px;}
.s3b-img img{width: 100%;}
.s3b-con h3{line-height: 50px; padding-left: 62px; background-image: url(../images/s3b-con.png); background-repeat: no-repeat; background-position: left center; font-weight: bold; color: #fff; font-size: 40px; text-transform: uppercase; /* letter-spacing: 10px; */}
.s3b-con h2{font-size: 28px;line-height: 1;  color: #fff; margin-top: 15px;}
.s3b-con div{margin-top: 60px;}
.s3b-con div p{font-size: 15px; color: #262626; line-height: 33px;}
.s3b-con a{display: block; width: 129px; line-height: 37px; border: 1px solid #0a51c6; color: #0a51c6; text-align: center; border-radius: 20px; font-size: 15px; margin-top: 50px;}
.s3c{margin-top: 50px;}
.s3c li{width: 25%; display: flex; align-items: center; justify-content: center; height: 116px; border: 1px solid #c9c9c9;}
.s3c-img{position: relative;}
.s3c-img img + img{display: none;}
.s3c-con{margin-left: 15px;}
.s3c-con h3{font-size: 18px; color: #2a2a2a;}
.s3c-con p{font-size: 12px; color: #2b2b2b; margin-top: 10px; text-transform: uppercase;}
.s3c li:hover{background-color: #0a51c6; border-color: #0a51c6;}
.s3c li:hover .s3c-img img{display: none;}
.s3c li:hover .s3c-img img + img{display: block;}
.s3c li:hover .s3c-con h3{color: #fff;}
.s3c li:hover .s3c-con p{color: #fff;}

/* */
.s4-5{height: 1530px; background-image: url(../images/bj2.jpg); background-repeat: no-repeat; background-position: 50% 100%;}
/* ä¼˜åŠ¿ */
.s4{padding-top: 47px;}
.s4a{background-image: url(../images/bj3.png); background-repeat: no-repeat; background-position: 323px top; padding-top: 20px; margin: 0 auto; padding-bottom: 33px; box-sizing: border-box}
.s4a p{font-size: 18px; line-height:1; color: #0a51c6; text-transform: uppercase; padding-left: 435px;}
.s4a p span{font-size: 66px;}
.s4a h2{font-size: 28px; line-height:40px; padding-left: 250px; color: #fff;}
.s4a h2 span{display: inline-block; font-size: 35px; color: #1d1714; font-weight: bold; width: 315px;}
.s4a h3{font-size: 20px; color: #0a51c6; margin-top: 12px; padding-left: 205px;}
.s4a h3 span{font-size: 18px; color: #0a51c6; text-transform: uppercase;}
.s4b{margin-top: 28px; display:table}
.s4b-item{position: relative;}
.s4b-item img{position: absolute; top: 0;}
.s4b-num{font-size: 35px; color: #fff; width: 82px; line-height: 83px; background-image: url(../images/ys-ico1.png); background-repeat: no-repeat; text-align: center;}
.s4b-fname{width: 425px; padding-top: 30px; margin-left: 10px;}
.s4b-fname h3{font-size: 20px; color: #2d2d2d; font-weight: bold;}
.s4b-fname h4{font-size: 15px; color: #9d9d9d; text-transform: uppercase; line-height: 18px; margin-top: 10px;}
.s4b-title{padding-left: 35px; padding-top: 20px; width: 500px;}
.s4b-title p{padding-left: 25px; line-height: 35px; font-size: 15px; color: #2d2d2d; background-image: url(../images/s4b-title.png); background-repeat: no-repeat; background-position: left 11px;}
.s4b-con0{padding-left: 650px; padding-top: 35px;}
.s4b-item0 img{left: 0;}
.s4b-item1 img{right: 0;}
.s4b-item1{margin-top: 70px;}
.s4b-con1{padding-top: 180px;}

.s5 {margin-top:110px;}
.s5a {width:381px;}
.s5a img {width:100%;}
.s5b {width:730px;padding-top:88px;}
.s5b h2 {font-size:36px;color:#fff;/* font-weight:bold;*/    letter-spacing:5px;}
.s5b h2 span {color:#f6fe78;font-size:48px;}
.s5b h3 {font-size:17px;color:#fff;line-height:46px;padding-top:3px;width:100%;background-image:url(../images/s5b.png);text-align:center;background-repeat:no-repeat;margin-top:20px;letter-spacing:1.5px;}
.s5b div {display:flex;align-items:center;margin-top:10px;}
.s5b div p {font-size:30px;color:#fff;margin-left:5px;letter-spacing:2px;font-family:"Times New Roman";}
.s5b div a {display:block;width:109px;text-align:center;line-height:29px;background-color:#fff;border-radius:4px;font-size:16px;color:#222;font-weight:bold;margin-left:30px;box-shadow:2px 3.5px 16px 0px    rgba(29,105,29,0.31);}

/* 基地展示 */
.s6 {    padding-top: 19px;
    padding-bottom: 40px;
    background: #f4f4f4;
    margin-top: 66px;}
.s6b {margin-top:0px;}
.s6b li {width:289px; margin-right: 10px; margin-bottom: 20px; display:inline-block}
.s6b-img {display:block;width:100%;height:231px;border:1px solid #bfbfbf;padding:5px; box-sizing:border-box}
.s6b li:nth-child(4n){ margin-right: 0}
.s6b-img {overflow:hidden;}
.s6b-img img {min-width:100%;height:221px;}
.s6b li a h1 {display:block;width:100%;text-align:center;font-size:15px;color:#000;margin-top:13px;}
.s6b li:hover a h1 {color:#0a51c6;}
.s6b li:hover .s6b-img {border:1px solid #0a51c6;}
.dfc {display:flex;justify-content:space-between;align-items:center;}


/* 新闻中心 */
.s7 {}
.s7-box {padding-bottom:35px;}
.s7a {text-align:center;}
.s7a h2 {font-size:30px;font-weight:bold;color:#2c2c2c;}
.s7a h2 span {color:#0a51c6;}
.s7a div {display:flex;align-items:center;justify-content:center;margin-top:10px;}
.s7a div p {font-size:14px;color:#a0a0a0;text-transform:uppercase;}
.s7a div span {display:block;width:33px;height:1px;background-color:#a0a0a0;margin:0 8px;}
.s7b {margin-top:10px;}
.s7b-btn {width:362px;}
.s7b-btn ul li {width:362px;height:174px;background-color:#f4f4f4;padding-left:28px;padding-right:24px;}
.s7b-btn ul li + li {margin-top:1px;}
.s7b-btn-box {display:flex;align-items:center;}
.s7b-btn-img {width:75px;position:relative;}
.s7b-btn-img img + img {display:none;position:relative;left:0;}
.s7b-btn-name h3 {font-size:20px;color:#303030;}
.s7b-btn-name p {font-size:15px;color:#1d1d1d;text-transform:uppercase;margin-top:10px;}
.s7b-btn-num {font-size:70px;color:#d6d6d6;}
.s7b-btn ul li:hover {background-color:#0a51c6;}
.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-img img {display:none;}
.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-img img + img {display:block;}
.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-name h3 {color:#fff;}
.s7b-btn ul li:hover .s7b-btn-box .s7b-btn-name p {color:#fff;}
.s7b-btn ul li:hover .s7b-btn-num {color:rgba(255,255,255,.8);}
.s7b-con {width:805px;}
.s7b-tj {width:805px;height:168px;}
.s7b-tj-con {width:465px;height:100%;padding-top:19px;border-bottom:1px solid #dadada;}
.s7b-tj-img {width:325px;height:100%;overflow:hidden;}
.s7b-tj-img a img {min-width:100%;min-height:100%;}
.s7b-tj-box {width:100%;}
.s7b-tj-name {width:333px;padding-right:54px;border-right:1px solid #d6d6d6;}
.s7b-tj-name a {line-height:34px;font-size:17px;color:#0a51c6;display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.s7b-tj-time {text-align:end;}
.s7b-tj-time h3 {font-size:18px;color:#555;}
.s7b-tj-time p {font-size:12px;color:#555;margin-top:5px;}
.s7b-tj-summary {margin-top:20px;}
.s7b-tj-summary p {font-size:13px;color:#555;line-height:23px;}
.s7b-item {margin-top:22px;width:805px;}
.s7b-item-box {width:100%;}
.s7b-item-name {width:285px;}
.s7b-item-name a {font-size:17px;color:#2e2d2d;display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:34px;}
.s7b-item-time {width:177px;text-align:end;height:34px;border-left:1px solid #d6d6d6;}
.s7b-item-time h3 {font-size:18px;color:#555;}
.s7b-item-time p {font-size:12px;color:#555;margin-top:5px;}
.s7b-item-summary {width:100% 0;margin-top:24px;}
.s7b-item-summary p {font-size:13px;color:#555;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.s7b-more {margin-top:30px;width:468px;border-bottom:1px solid #dadada;}
.s7b-more a {display:block;width:159px;text-align:center;line-height:38px;background-color:#0a51c6;font-size:14px;color:#fff;}
.s7b-list {width:100%;}
.s7b-list div {float:left;width:367px;border-bottom:1px solid #dadada;padding-top:34px;padding-bottom:14px;}
.s7b-list div a {display:inline-block;width:260px;padding-left:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px;color:#343434;position:relative;}
.s7b-list div a::before {content:"";display:block;width:15px;height:1px;background-color:#343434;position:absolute;left:3px;top:50%;transform:translateY(-50%);}
.s7b-list div p {font-size:15px;color:#878787;}
.s7b-list div:nth-child(2n) {float:right;}
.s7b-list div a:hover {color:#0a51c6;}
.s7b-list div a:hover::before {background-color:#0a51c6;}
/* 友情链接 */.s8 {font-size:16px;color:#000;padding-top:35px;padding-bottom:30px;padding-left:31px;background-image:url(../images/s8.png);background-repeat:no-repeat;background-position:left center;}
.s8 a {font-size:16px;color:#000;}




/* åº•éƒ¨ */
footer{background-color: #414141;}
.footer{padding-top: 30px; padding-bottom: 28px;}
.footer-name{font-size: 16px; color: #fff; font-weight: bold; padding-left: 18px; position: relative;}
.footer-name::before{content: ""; display: block; width: 4px; height: 14px; background-color: #fff; border-radius: 1px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.footer-tel{width: 295px;}
.footer-tel-con{margin-top: 23px;}
.footer-tel-img{width: 49px; height: 49px;}
.footer-tel-img img{width: 100%; height: 100%;}
.footer-tel-fname{margin-left: 10px; padding: 8px 0;}
.footer-tel-fname h3{font-size: 16px; color: #fff;}
.footer-tel-fname p{font-size: 12px; color: #fff; text-transform: uppercase; margin: 0; margin-top: 5px;}
.footer-tel-num{margin-top: 10px;}
.footer-tel-num p{font-size: 24px; color: #fff; font-weight: bold; margin: 0;}
.footer-inquiry{display: block; width: 170px; line-height: 34px; padding-left: 33px; background-color: #fff; border-radius: 5px; margin-top: 22px; font-size: 16px; color: #222; background-image: url("../images/fo-ico4.png"); background-repeat: no-repeat; background-position: 112px center;}
.footer-inquiry:hover{color: #222;}
.footer-nav{width: 425px;}
.footer-nav ul{width: 330px;}
.footer-nav ul li{width: 110px; margin-top: 27px;}
.footer-nav ul li a{font-size: 13px; color: #fff;}
.footer-nav ul li a:hover{color: #d7d7d7;}
.footer-telfs-con{margin-top: 24px;}
.footer-telfs-con img{    vertical-align: middle;}
.footer-telfs-con p{font-size: 14px; color: #fff; line-height: 15px; margin: 0; margin-top: 15px;}
.footer-code-con{margin-top: 28px;}
.footer-code-img{width: 102px;}
.footer-code-img img{width: 100%;}
.footer-code-title{margin-left: 15px; padding-top: 10px;}
.footer-code-title p{line-height: 17px; margin: 0; font-size: 13px; color: #fff;}
/* é¡µè„š */
.footer-bottom{text-align: center; background-image: url("../images/fo-bj.jpg"); background-repeat: no-repeat; background-size: 100% 100%; font-size: 12px; color: #fff; line-height: 20px; padding: 15px 0;}
.footer-bottom a{font-size: 12px; color: #fff; line-height: 20px;}


.fo2{ background-image: url("../images/fo-bj.jpg");color:#fff;vertical-align:middle;display: table; text-align:center; font-size:12px; text-align:center; border-top: 1px solid #4f4d4d;margin:0 auto; width:100%;line-height:24px; padding:8px 0; }
.fo2 a{color:#fff; margin:0 5px }
 .fo_lj{  width:122px; display: inline-block; height:24px;vertical-align:middle}
.fo_lj img{ display:table; padding:0px 0 0 }
/*.fo2 a:hover{ color:#3985d1}*/

/*左侧工具条*/
#toolbar{position: fixed;z-index: 9999;right: 17px;bottom: 10%;}
#toolbar li{margin-bottom: 3px;font-size: 0;width: 57px;height: 57px;right: 0;position: relative;}
#toolbar li a{display: block;position: absolute;z-index: 9;right: 0;top: 0;width: 57px;height: 57px;overflow: hidden;background: #061d50;-webkit-transition: all .5s ease;transition: all .5s ease;white-space: nowrap;font-size: 0;}
#toolbar li .icon-font{display: inline-block;vertical-align: middle;width: 57px;height: 57px;background-color: #d9d9d9;}
.icon-font:after{content: ""; width: 30px; height: 30px; background-image: url(../images/icon_spirit.png); background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px);}
.icon-font{position: relative;}
#toolbar li .icon-qq:after{background-position: 0 -150px;}
#toolbar li .icon-phone:after{background-position: 0 -90px;}
#toolbar li .icon-ewm:after{background-position: 0 -30px;}
#toolbar li .icon-message:after{background-position: 0 -120px;}
#toolbar li .icon-top:after{background-position: 0 -60px;}
#toolbar li .icon-wangwang:after{background-position: 0 0;}
#toolbar li .wz{display: inline-block;line-height: 57px;font-size: 14px;color: #fff;vertical-align: middle;padding-left: 10px;}
#toolbar li.ewm .ewm-box{position: absolute;z-index: 1;padding: 5px;background: #061d50;width: 110px;right: 120%;bottom: 0;opacity: 0;visibility: hidden;-webkit-transform: translateX(100%);transform: translateX(100%);-webkit-transition: all .7s;transition: all .7s;}
#toolbar li.ewm .ewm-box p{margin-bottom: 0;}
#toolbar li.ewm .ewm-box img{max-width: 100%;}
#toolbar li.ewm .ewm-box:after{content: '';position: absolute;right: -5px;bottom: 20px;width: 0;height: 0;line-height: 0;font-size: 0;overflow: hidden;border-width: 5px;cursor: pointer;border-style: dashed dashed dashed solid;border-color: transparent transparent transparent #061d50;border-right: none;}
#toolbar li.ewm:hover .icon{background-position: -57px -180px;}
#toolbar li.ewm:hover .ewm-box{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
#toolbar li.backtop{cursor: pointer;}
#toolbar li.backtop .iconfont{color: #fff;background-color: #061d50;}
#toolbar li:hover a{width: 200px;}
#toolbar li:hover .icon-font{background-color: #061d50;}
#toolbar li:hover .icon-qq:after{background-position: -30px -150px;}
#toolbar li:hover .icon-phone:after{background-position: -30px -90px;}
#toolbar li:hover .icon-ewm:after{background-position: -30px -30px;}
#toolbar li:hover .icon-message:after{background-position: -30px -120px;}
#toolbar li:hover .icon-wangwang:after{background-position: -30px 0;}
#toolbar li:hover .icon-top:after{background-position: -30px -60px;}


