﻿@charset "utf-8";
html { font-family:"微软雅黑"; 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%; */  border: none;    background: none;}
select, input, img, select { vertical-align: middle;}
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:34px; line-height:34px; background: url("../images/bj1.png") no-repeat center center; color:#a0a0a0}
.home a{ color:#fff;  margin:0 5px;font-size:12px;}

.home a:hover{ color:#fff;}
.home_l{ float:left;font-size:14px;}
.home_l span{ padding:0 ;color:#fff; margin-left:5px; font-weight:bolder}
.home_r{ float:right}

.top{ width:1200px;margin:0 auto; height: 138px;justify-content: space-between; align-items: center; }
.top .logo{  float:left; line-height: 138px; margin: 0 0;}
.top .logo img{vertical-align: middle;  }
.top .top_r{ float:right;  margin: 0 0; padding: 42px 0 0}
.top .top_r .tel{ background: url("../images/tel.png") no-repeat center left; font-size:16px; height: 54px; padding:0 0 0 70px; line-height:28px;  }
.top .top_r .tel h1{ margin-right: 10px; text-align: right;font-weight:bolder; float: left; line-height: 1; padding: 0px 0 0}
.top .top_r .tel h1 span{font-family: 'Arial';font-size:24px; color:#333; display: table; line-height:28px; height:28px; font-weight:100; }
.header-nav{border-top: 1px solid #ededed;}
/* å¯¼èˆªæ  */

/* 导航样式 */
#menu{background-color: #0d6ebb;position: relative;z-index: 9999;}
.x-menu{display: flex; justify-content: space-between; align-items: center;}
.x-menu>li{position: relative; width: 150px;}
.x-menu>li>a{display: block; font-size: 16px; color: #ffffff; white-space: nowrap; line-height: 65px; height: 65px; text-align: center;}
.x-menu>li>a:hover{background-color: #0d6ebb;}
.x-menu>li.active>a{}
.x-menu>li:after{content: ''; position: absolute; z-index: 100; width: 100%; left: 0; /*height: 40px;*/ opacity: 0; top: 100%;}
.x-menu>li:hover .x-sub-menu{opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); background: #fff;}
.x-sub-menu{position: absolute; z-index: 99; width: 100%; left: 0%; top: 65px; background: #fff; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .5s ease; transition: all .5s ease;}
.x-sub-menu>li{/* padding: 0 0.9rem; */}
.x-sub-menu>li>a{display: block; text-align: center; line-height: 2; font-size: 14px; color: #666666; line-height: 2.6;}
.x-sub-menu>li>a:hover{background: #0d6ebb; color: #fff;}
.x-sub-menu:after{content: ''; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; border-top: none; position: absolute; top: -10px; left: 50%; margin-left: -10px; z-index: 99; display: none;}




/*轮播结束*/
.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:14px;height: 14px;opacity: 1;background: rgba(255,255,255,0);border: 1px solid #fff;box-sizing:border-box; margin:0 15px; border-radius:50%}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 10px;}
.banner .swiper-pagination-bullet-active{background:#0d6ebb;border: 1px solid #0d6ebb;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:30px}
.banner .swiper-slide em .banner_t1{ display:none}
.swiper-button-prev{outline: none; position: absolute; top: 50%; z-index: 9999; background: #424246;   height: 65px; width: 50px; margin-top: -32.5px; border-radius: 0; -webkit-transition: all .5s ease; left: 0; transition: all .5s ease;}
.swiper-button-prev i{content: ""; width: 30px; height: 30px; background-image: url(../images/icon_spirit.png); background-position: -34px -180px;background-repeat: no-repeat; position: absolute; right: calc(50% - 16px); top: calc(50% - 15px);}
.swiper-button-next{outline: none; position: absolute; top: 50%; z-index: 9999; background: #424246; right: 0;   height: 65px; width: 50px; margin-top: -32.5px; border-radius: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.swiper-button-next i{content: ""; width: 30px; height: 30px; background-image: url(../images/icon_spirit.png);   background-position: -26px -480px;background-repeat: no-repeat; position: absolute; left: calc(50% - 15px); top: calc(50% - 15px);}
.swiper-button-prev:hover,.swiper-button-next:hover{background:#0d6ebb;  }



/* 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: 78px; line-height: 78px; background: #f6f6f6;  }
.search{text-align: left; height: 24px;}
.ss2{width: 256px; padding-top: 6px;}
.hotSearch{ width: 50%; float: left;font-weight: normal; height: 78px; background: url(../images/ht.png) no-repeat center left; padding: 0 0 0 40px;  font-size: 14px; color: #666;}
.hotSearch a{margin-right: 6px; font-size: 14px; color: #666;}
.hotSearch a:hover{ color: #0d6ebb}
.sch{float: right; padding: 14px 0;}
.sch #formsearch{width: 395px; background: #fff; border-radius: 30px; border: solid 1px #ddd; line-height: 45px; }
.sch #formsearch input{border: none;line-height: 45px;  background:none; outline: none;}
.sch #formsearch #keyword{width: 335px; float: left; padding-left: 20px;}
.sch #formsearch #s_btn{width: 50px; background: url("../images/ss.png")no-repeat center; float: right;}



.wrap{ width:100%; display:table;}
/* cp */
.box1{padding-top: 60px; padding-bottom: 50px;}
.bt{text-align: center;}
.bt h3{font-size: 40px; font-weight: 600; color: #333333;}
.bt p{font-size: 18px; color: #888888; margin-top: 10px;}
.bt h3 span{   color: #0d6ebb;}

.pro-show{margin-top: 60px;}
.pro-cfn{float: left; width: 254px;}
.pro-cfn h3{text-align: center; background: #0d6ebb; font-size: 30px; color: #fff; padding: 21px 0; position: relative; font-weight: 400;}
.pro-cfn h3 span{display: block; font-size: 14px; opacity: .5; text-transform: uppercase; margin-top: 5px;}
.pro-cfn h3::after{position: absolute; content: ''; height: 1px; width: 100%; background: #fff; bottom: 2px; left: 0;}
.pro-name{background: #f8f8f8; padding: 0 15px; padding-bottom: 30px;}
.pro-name > ul >li > a{display: block; font-size: 18px; color: #333; line-height: 60px; border-bottom: solid 1px #ddd; border-bottom-style: dashed; padding-left: 45px; background: url(../images/nav01.png)no-repeat 10px center;}
.pro-name > ul >li > a:hover{color: #0d6ebb;}
.cfn-menu{padding-left: 35px; margin-top: 15px;}
.cfn-menu li a{display: block; font-size: 16px; color: #777; line-height: 35px; padding-left: 15px; background: url(../images/nav02.png)no-repeat left center;}
.cfn-menu li a:hover{color: #0d6ebb;}
.pro-list{float: right; width: 920px;}
.pro-list ul li{float: left; width: 290px; margin-right: 25px;}
.pro-list ul li:nth-child(3n){margin-right: 0;}
.pro-list ul li a{display: block;}
.pro-list ul li a .pro-img{overflow: hidden; border: 1px solid #dcdcdc; width: 290px;}
.pro-list ul li a .pro-img img{width: 288px; height: 230px; display: table}
.pro-list ul li a h4{text-align: center; line-height: 56px; margin-bottom: 0px; font-size: 16px; color: #555; font-weight: normal;}
.pro-list ul li a:hover h4{color: #0d6ebb;}

/* box2 */
.box2{background: url(../images/bj.jpg)no-repeat top center; padding-top: 45px; height: 580px;}
.abt-img{float: left; width: 605px;}
.abt-img img{width: 605px; height: 490px;}
.abt-con{float: right; width:550px; padding-top: 30px;}
.abt-con h3{font-size: 40px; color: #fff; font-weight: 600;}
.abt-con span{font-size: 24px; text-transform: uppercase; opacity: .5; color: #fff; display: block; margin-top: 10px;}
.abt-text{font-size: 16px; color: #fff; line-height: 2; margin-top: 35px; height: 220px; overflow: hidden;}
.abt-cfn{margin-top: 20px;}
.abt-cfn a{float: left; width: 158px; line-height: 54px; font-size: 16px; color: #333; text-align: center; border-top-left-radius: 6px; border-top-right-radius: 6px; margin-right: 20px; background: #ffffff; display: flex;justify-content: center;flex-wrap: nowrap;display: -webkit-flex;}
.abt{margin-left: 13px;}
.abt-cfn a:hover{color: #fff;background: #333333;}
.abt-cfn a img{    vertical-align: middle;}
.abt-cfn a .img2{display: none;}
.abt-cfn a:hover .img1{display: none;}
.abt-cfn a:hover .img2{display: inline-block;}
/*box3*/
.reason{padding-top: 65px; padding-bottom: 88px; background: #f1f1f1;}
.title h3 span{color: #0d6ebb;}
.ron-show{margin-top: 65px; position: relative;}
.ron-cfn{float: left; border-right: solid 2px #ddd; background: #fff;}
.ron-cfn ul li{display: block; padding-top: 15px; width: 245.64px; height: 149.75px; padding-bottom: 20px; cursor: pointer; transition: all .5s ease; text-align: center;}
.ron-cfn ul li .img{height: 60px;line-height: 60px;}
.ron-cfn ul li .img2{display: none;}
.ron-cfn ul li.cur .img1{display: none;}
.ron-cfn ul li.cur .img2{display: inline-block;}
.ron-cfn ul li+li{border-top: solid 1px #ddd;}
.ron-cfn ul li h3{text-align: center; font-size: 24px; color: #333; margin-top: 5px; font-weight: 600;}
.ron-cfn ul li h3 span{display: block; font-size: 13px; opacity: .5; margin-top: 10px; text-transform: uppercase; font-weight: 500; font-family: Arial;}
.ron-cfn ul li.cur{background:#0d6ebb;}
.ron-cfn ul li.cur h3{color: #fff;}
.ron-list{position: absolute; width: 1336px; height: 100%; top: 0; left: 248px;}
.ron-con{display: none;}
.ron-exp{float: left; padding-left: 50px; background: #fff; padding-top: 60px; padding-right: 55px; padding-bottom: 59px; width: 578.48px; height: 599px;}
.ron-exp h3{font-size: 34px; color: #333; position: relative;}
.ron-exp h3::after{position: absolute; content: ''; height: 4px; width: 65px; background: #ddd; left: 0; bottom: -30px;}
.ron-exp h3 span{margin-bottom: 5px; display: block; font-size: 18px; font-family: Arial; text-transform: uppercase; opacity: .5;}
.ron-exp .con{font-size: 15px; color: #888; line-height: 2; margin-top: 90px; height: 170px;}
.ron-exp .con p:last-child{margin-top: 20px;}
.ron-exp .p1{font-size: 16px; color: #999; padding-left: 45px; background: url("../images/ys-tel.png")no-repeat left center; line-height: 26px; margin-top: 75px;}
.ron-tel{margin-top: 20px;}
.ron-tel .tel{float: left;}
.ron-tel a{float: right; display: block; width: 135px; line-height: 48px; font-size: 15px; color: #fff; text-align: center; background: url(../images/ys-ico5.png)no-repeat 20px center #0d6ebb; padding-left: 35px; border-radius: 4px;}
.ron-tel a:hover{background: url(../images/ys-ico6.png)no-repeat 20px center #333;}
.ron-img{float: left; overflow: hidden; width: 755.54px; height: 599px;}

/*k2*/
.k2{ padding:50px  0 80px 0; width:100%; position: relative}
.k2 .swiper-container { width: 100%; height: 100%;  padding:0 0; margin:40px 0 0}
.k2 .button-box1{ width: 470px;  height: 52px; overflow: hidden; position:  absolute; right: 0;top:0; display:none}
.k2 .swiper-button-prev{ background:url(../images/ban_l.png) no-repeat #000;  width:52px;height:52px;position: absolute; left:auto; right:0;    top:0; transition: 0.3s; z-index: 2; z-index:9999; margin:0}
.k2  .swiper-button-next{background:url(../images/prev1.png) no-repeat;margin:0;  width:52px;height:52px;position: absolute; left:auto;  right:60px;top:0;  transition: 0.3s; z-index: 2;}
.k2 .swiper-slide img{ width:100%;border-radius:0px; display: table}
.k2 .swiper-slide{ border-radius:0px; box-sizing:border-box;}
.k2 .swiper-button-prev:hover{ background:url(../images/next11.png) no-repeat;  }
.k2 .swiper-button-next:hover{ background:url(../images/prev11.png) no-repeat;  }
.k2 .swiper-slide a{ position:relative; width:100%; display:table}
.k2 .swiper-slide a .td_t{  z-index:99; width:100%}
.k2 .swiper-slide a h1 { font-size: 18px; color: #000; line-height: 50px; text-align: center}
.k2 .swiper-slide a h1 {display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }


.k2 .swiper-slide a:hover h1{ background:#0d6ebb;  color:#fff}
.about-history-waves{position:absolute;bottom:0px;left:0;width:100%;height:250px;z-index:-1}
.about-history-waves .waves{width:100%;height:100%}

.quality{background: url(../images/bj2.jpg)no-repeat top center; height: 683px; padding-top: 60px; padding-bottom: 80px;}
.quality .bt h3{color: #fff;}
.quality .bt p{color: #fff; opacity: 1;}
.qua-list{margin-top: 50px;}
.qua-con:first-child{margin-left: 0;}
.qua-con{float: left; border: solid 6px #fff; border-bottom: none; margin-left: 29px; width: 278px;}
.qua-con .qua-img{overflow: hidden;}
.qua-con .qua-img img{max-width: 100%; display: table;vertical-align: middle;}
.qua-con h3{background: #fff; text-align: center; font-size: 24px; color: #333; font-weight: normal; line-height: 65px;}
.qua-text{text-align: center; color: #fff; margin-top: 65px;}
.qua-text p{font-size: 22px; font-weight: 300;}
.qua-text h4{font-size: 40px; font-weight: 600; margin-top: 25px;}
.qua-text h5 p{font-size: 18px; line-height: 42px; width: 765px; background: #00612f; border-radius: 30px; margin-left: auto; margin-right: auto; margin-top: 25px;}


/* news*/
.news{padding-top: 65px; padding-bottom: 100px;}
.new-show{margin-top: 35px;}
.new-cfn ul{text-align: center;display: flex;justify-content:center;flex-wrap: nowrap;display: -webkit-flex;}
.new-cfn ul li{width: 202px; margin-left: 20px; background: #f4f4f4; cursor: pointer; display: flex;justify-content: center;flex-wrap: nowrap;display: -webkit-flex;}
.new-cfn ul li .img{line-height: 64px;}
.new-cfn ul li .img2{display: none;}
.new-cfn ul li.cur .img1{display: none;}
.new-cfn ul li.cur .img2{display: inline-block;}
.new-cfn ul li.cur{background: #0d6ebb;}
.new-cfn ul li h3{line-height: 64px; font-size: 22px; text-align: center; margin-left: 13px; font-weight: 500;}
.new-cfn ul li.cur h3{color: #fff;}
.new-con{margin-top: 55px;}
.new-list{display: none;}
.new-top{float: left; width: 740px;}
.new-hot{float: left; width: 47%; margin-left: 6%;}
.new-hot:first-child{margin-left: 0;}
.new-hot a{display: block;}
.new-hot .new-img{overflow: hidden;}
.new-hot .new-img img{max-width: 100%;}
.new-hot .new-text{padding-top: 30px;}
.new-hot .new-text h3{font-size: 18px; color: #333333; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; font-weight: normal;}
.new-hot .new-text .text{margin-top: 20px; font-size: 14px; color: #999; line-height: 1.8; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.new-hot .new-text span{display: block; font-size: 14px; color: #888; line-height: 28px; background: url(../images/xw-ico4.png)no-repeat right center; margin-top: 30px;}
.new-hot a:hover .new-text h3{color: #0d6ebb;}
.new-hot a:hover .new-text span{background: url(../images/xw-ico5.png)no-repeat right center;}
.new-rem{float: right; width: 450px;}
.new-rem ul li{border: solid 1px #ddd; margin-top: 30px; padding: 20px 0;}
.new-rem ul li:first-child{margin-top: 0px;}
.new-rem ul li a{display: block;}
.new-rem ul li a h4{float: left; text-align: center; width: 90px; font-size: 14px; font-family: Arial; color: #666; font-weight: 500; height: 100%; border-right: solid 1px #ddd;}
.new-rem ul li a h4 span{display: block; font-size: 40px; margin-bottom: 10px; font-weight: 600; color: #555;}
.new-rem ul li a:hover h4 span{color: #0d6ebb;}
.new-rem ul li a .rem-con{float: left; width: 79%; padding-left: 23px;}
.rem-con h3{font-size: 18px; color: #333; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.rem-con p{font-size: 14px; color: #999; line-height: 1.8; margin-top: 5px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.new-rem ul li a:hover .rem-con h3{color: #0d6ebb;}
.new-rem ul li:hover{border: solid 1px #0d6ebb;}
/* Ã¥Ââ€¹Ã¦Æ’â€¦Ã©â€œÂ¾Ã¦Å½Â¥ */
.link{background: #333; padding: 20px 0; border-bottom: solid 1px #555;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.ft-link{display: flex; overflow: hidden; flex-wrap: wrap; align-items: center;}
.link span{font-size: 17px; background: url("../images/link.png")no-repeat left center; color: #fff; padding-left: 35px; line-height: 24px; display: inline-block;}
.ft-link a{font-size: 14px; color: #999; line-height: 24px; margin-left: 15px;}
.ft-link a:hover{color: #0d6ebb;}
/* fott */
.foot{padding: 0 50px; background: url(../images/fo1.jpg)no-repeat center bottom;}
.footed{background: #333; padding-top: 50px; padding-bottom: 50px;}
.ft-cfn{float: left; width: 465px;}
.ft-cfn dl{float: left; margin-left:20px;}
.ft-cfn dl:first-child{margin-left: 0;}
.ft-cfn dl:nth-child(2){width: 275px;}
.ft-cfn dl .port{float: left;padding: 0 5px;width: 50%;}
.ft-cfn dl dt{font-size: 17px; color: #fff; font-weight: 500; margin-bottom: 30px;}
.ft-cfn dl dd a{font-size: 14px; color: #a4a4a4; line-height: 2;}
.ft-cfn dl dd a:hover{color: #0d6ebb;}
.ft-erq{float: right;}
.ft-con{float: left; width: 300px; margin-left: 140px;}
.ft-con h3{color: #fff; font-size: 40px; font-family: Arial; font-style: italic;}
.ft-con .text{font-size: 14px; color: #b0b0b0; line-height: 2; margin-top: 15px;}
.ft-tact{margin-top: 40px;}
.ft-tact span:first-child{margin-left: 0;  position: relative;}
.ft-tact span{float: left; display: block; height: 46px; width: 46px; margin-left: 20px; cursor: pointer;}
.ft-tact span a{display: block; height: 46px; width: 46px;}
.ft-tact span:nth-child(2){ position: relative;}
.ft-tact span:nth-child(3) a{}
.ft-tact span:nth-child(4) a{}
.ft-tact span:nth-child(4) a:hover,
.ft-tact span:nth-child(3) a:hover{opacity: .5;}
.ft-tact span:first-child p{opacity: 0; position: absolute; width: 100px; top: -105px; left: -30px; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .5s ease; transition: all .5s ease;}
.ft-tact span:nth-child(2) p{opacity: 0; position: absolute; width: 100px; top: -105px; left: -30px; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .5s ease; transition: all .5s ease;}
.ft-tact span:first-child p img,
.ft-tact span:nth-child(2) p img{max-width: 100%;}
.ft-tact span:first-child:hover p,
.ft-tact span:nth-child(2):hover p{opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);}
.footer{line-height: 85px; color: #fff; padding: 15px 0; text-align: center;}
.footer a{color: #fff;}



.fo2{ 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;}


