@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:#f4f4f4; color:#333}
.home a{ color:#333; 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: 125px;justify-content: space-between; align-items: center; }
.top .logo{  float:left; line-height: 125px; margin: 0 0;}
.top .logo img{vertical-align: middle;  }
.top .top_r{ float:right;  margin: 0 0; padding: 38px 0 0}
.top .top_r .tel{ background: url("../images/tel.png") no-repeat center left;  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;font-size:26px;}
.top .top_r .tel h1 span{font-family: 'Arial';font-size:14px; color:#333; display: table; line-height:28px; height:28px; font-weight:100; }
.header-nav{border-top: 1px solid #ededed;}

.top dd{float:left;width:580px;padding-left:15px;border-left:1px solid #eee;margin-left:17px;margin-top:30px}
.top dd h2{font-size:26px;color:#de0000;font-weight:600;margin-bottom:6px}
.top dd h3{font-size:18px;color:#333333}
/* 导航栏 */

/* 导航样式 */
#menu{background-color: #202020;position: relative;z-index: 9999;}
.x-menu{display: flex; justify-content: space-between; align-items: center;}
.x-menu>li{position: relative; width: 11.11%;}
.x-menu>li>a{display: block; font-size: 16px; color: #ffffff; white-space: nowrap; line-height: 56px; height: 56px; text-align: center;}
.x-menu>li>a:hover{background-color: #de0000;}
.x-menu>li.active>a{background-color: #de0000;}
.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: 56px; background: #de0000; color: #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;background: #de0000; color: #fff;}
.x-sub-menu>li>a:hover{background: #fff; color: #333;}
.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:#de0000;border: 1px solid #de0000;}
.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:#de0000;  }



/* 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: 56px; line-height:56px; border-bottom: 1px solid #e2e2e2;  }
.search{text-align: left; height: 24px;}
.ss2{width: 256px; padding-top: 6px;}
.hotSearch{ width: 50%; float: left;font-weight: normal; height:56px; background: url(../images/ht.png) no-repeat center left; background-size:15px; padding: 0 0 0 25px;  font-size: 14px; color: #666;}
.hotSearch a{margin-right: 6px; font-size: 14px; color: #666;}
.hotSearch a:hover{ color: #de0000}
.sch{float: right; padding: 12px 0 0;}
.sch #formsearch{width: 355px; background: #fff; border: solid 1px #ddd; line-height: 32px; }
.sch #formsearch input{border: none;line-height:32px;  background:none; outline: none;}
.sch #formsearch #keyword{width: 295px; float: left; padding-left: 15px;}
.sch #formsearch #s_btn{width: 50px; background: url("../images/ss.png")no-repeat center #de0000; float: right;}



.wrap{ width:100%; display:table;}
/* cp */
.dzl{width:100%;padding-top:52px}
.bt{text-align:center;margin:0 auto}
.bt h2{font-size:36px;color:#202020;font-weight:600}
.bt i{display:block;width:100%;height:22px;background:url("../images/bt1.png")no-repeat top center;margin-top:12px}
.bt h3{font-size:18px;color:#202020;margin-top:9px}
.dzl .dzb{width:100%;margin-top:30px}
.dzl .dzb ul{width:100%;display:flex;margin:0 auto}
.dzl .dzb ul li{float:left;flex:1;position:relative;text-align:center}
.dzl .dzb ul li .img{width:108px;height:125px;margin:0 auto;line-height:125px;text-align:center;background:url(../images/ys-bj.png)no-repeat top center}
.dzl .dzb ul li .img img{width:53px;height:54px}
.dzl .dzb ul li i{display:block;position:absolute;z-index:9999;width:34px;height:30px;background:url("../images/ys-bj1.png")no-repeat top center;right:-4%;top:49px}
.dzl .dzb ul li h3{font-size:18px;color:#202020;margin-top:14px}
.dzl .dzb ul li:last-child i{display:none}


/*cp*/
.cpk{background:#f2f2f2;margin-top:54px; display: inline-block; width: 100%; padding: 0 0 50px}
.cpk .c2{padding-top:50px;padding-bottom:36px}
.cpk .c2 .c2-1{width:240px;background:#ffffff;}
.cpk .c2 .c2-1 h2{padding:30px 20px}
.cpk .c2 .c2-1 .list1{padding:0 20px}
.cpk .c2 .c2-1 .list1 li{}
.cpk .c2 .c2-1 .list1 li a{font-size:14px;line-height:32px;color:#333333;display:block;border-bottom:1px solid #e2e2e2;padding-left:20px}
.cpk .c2 .c2-1 .list1 li:hover a{border-color:#de0000;background:#de0000;color:#fff}
.cpk .c2 .c2-1 a.ck{margin-top:160px;display:block;color:#fff;font-size:18px;line-height:52px;background:#de0000;text-align:center}
.product_di{width:100%;text-align:center;padding-top:35px}
.product_di h2{font-size:26px;padding:10px 0px !important;color:#333}
.cpk .c2 .c2-2{width:942px}
.cpk .c2 .c2-2 .bt{line-height:56px;background:url("../images/bt3.png") no-repeat center 0;margin-bottom:10px;padding-right:18px}
.cpk .c2 .c2-2 .bt .list2 li{width:165px;float:left;text-align:center;font-size:18px;font-weight:600;background:url(../images/bt4.png) no-repeat center 0;color:#fff}
.cpk .c2 .c2-2 .bt a.ck{display:block;color:#333333;font-size:14px}
.cpk .c2 .c2-2 .content .list3 li{float:left;margin-right:10px}
.cpk .c2 .c2-2 .content .list3 li:nth-child(3n){margin-right:0}
.cpk .c2 .c2-2 .content .list3 li a .img{display:block;BORDER:1px solid #d4d4d4;overflow:hidden}
.cpk .c2 .c2-2 .content .list3 li a .img img {width:303px;height:251px}
.cpk .c2 .c2-2 .content .list3 li h3{font-weight:500;text-align:center;line-height:47px}
.cpk .c2 .c2-2 .content .list3 li h3 a{color:#333333;font-size:16px}


.c3{margin-top:50px}
.c3 h2{text-align:center;color:#de0000;font-size:36px;line-height:1;font-weight:600}
.c3 h2 p{margin-top:14px;font-weight:500;font-size:24px;color:#333333}
.c3 .list1{background:url("../images/bj1.png") no-repeat center 0;margin-top:30px;position:relative;height:309px}
.c3 .list1 li{position:absolute}
.c3 .list1 li .tu{margin-left:18px;display:block;margin-top:8px}
.c3 .list1 li .zi{margin-left:76px}
.c3 .list1 li .zi h3{font-size:24px;color:#333333;font-weight:600}
.c3 .list1 li .zi dd{font-size:14px;color:#333333;line-height:26px}
.c3 .list1 li:nth-child(1){left:0;top:33px}
.c3 .list1 li:nth-child(2){right:0;top:33px}
.c3 .list1 li:nth-child(3){left:0;top:198px}
.c3 .list1 li:nth-child(4){right:0;top:198px}
.c3 .list1 li:nth-child(2n) .tu{float:right;margin-left:0;margin-right:19px}
.c3 .list1 li:nth-child(2n) .zi{margin-left:0;margin-right:72px}

.c4{margin-top:72px;margin-bottom:22px}
.c4 .content1{background:url("../images/bj2.png") no-repeat center 0;margin-top:53px; display: table}
.c4 .content1 .list1{width:100%}
.c4 .content1 .list1 li{margin-bottom:10px;float:left;width:539px;position:relative;height:530px;margin-bottom:52px}
.c4 .content1 .list1 li:nth-child(2n){float:right}
.c4 .content1 .list1 li .img{width:100%;height:344px;overflow:hidden}
.c4 .content1 .list1 li .img img{width:100%}
.c4 .content1 .list1 li .zi{padding-left:7px;margin-top:10px}
.c4 .content1 .list1 li .zi h3{font-size:30px;color:#202020;line-height:2;font-weight:600;margin-top:16px}
.c4 .content1 .list1 li .zi h3 p{font-weight:500;font-size:18px;line-height:44px}
.c4 .content1 .list1 li .zi dd{font-size:14px;color:#202020;line-height:28px;margin-top:12px}
.c4 .content1 .list2{width:539px}
.c4 .content1 .list2 li{margin-bottom:10px}
.c4 .content1 .list2 li img{width:539px}
.c4 .content1 .list2 li .zi{padding-left:7px;margin-bottom:20px}
.c4 .content1 .list2 li .zi h3{font-size:30px;color:#202020;line-height:2;background:url(../images/heng1.png) no-repeat 0 bottom}
.c4 .content1 .list2 li .zi h3 p{font-weight:500;font-size:18px;line-height:44px}
.c4 .content1 .list2 li .zi dd{font-size:16px;color:#202020;line-height:30px;margin-top:12px}
.c4 .content1 .list1 li:nth-child(2n) .img{position:absolute;z-index:9999;top:180px}
.c4 .content1 .list1 li .zi h2{font-size:18px;color:#202020;margin-top：8px}
.c4 .content1 .list1 li .zi i{display:block;height:2px;width:110px;background-color:#de0000;margin-top:12px}
.c4 .content1 .list1 li:nth-child(2n) h3{margin-top:-25px}



/*box1*/
.box1{  width:100%;background-color:#f2f2f2;padding-top:34px;margin-top:12px;padding-bottom:54px;}
.bt1{width:100%; padding: 0 0 30px}
.bt1 h2{display:inline-block;font-size:30px;color:#de0000;font-weight:600}
.bt1 a{display:inline-block;font-size:18px;color:#333;float:right}
.bt1 a span{font-size:30px;color:#de0000;font-weight:600;display:inline-block;vertical-align:-7%}
.bt1 a:hover{color:#de0000;}
.case-gd{ width: 100%; position:relative;   }
.case-gd .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.case-gd .prev{ position: absolute; right:-60px; display:block;  width:43px; height:43px;  top: 150px;   overflow:hidden; cursor:pointer; background:url("../images/case-jt1.png") no-repeat;}
.case-gd .next{ position: absolute; left:-60px; display:block;  width:43px; height:43px; top: 150px;  overflow:hidden; cursor:pointer; background:url("../images/case-jt1.png") no-repeat;transform: rotate(180deg)}
.case-gd .next:hover{ background:url("../images/case-jt2.png") no-repeat }
.case-gd .prev:hover{ background:url("../images/case-jt2.png") no-repeat;transform: rotate(180deg)  }
.case-gd .bd{ padding:0; width:1200px;  overflow:hidden;   }
.case-gd .bd ul{ overflow:hidden; zoom:1; }
.case-gd .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; border: 1px solid #c8c8c8; background: #fff}
.case-gd .bd ul li a{ text-align:center; }
.case-gd .bd ul li a .img{ width: 100%;}
.case-gd .bd ul li a .img img{ width: 100%; display: table;height: 300px;}
.case-gd .bd ul li a h1{ font-size: 18px; color: #333; width: 100%; line-height: 60px;}
.case-gd .bd ul li a:hover h1{ background: #de0000; color: #fff}

.box11{  width:100%;background-color:#f2f2f2;padding-top:50px;padding-bottom:14px;}
.box11 .bt1 h2{display: table;font-size:24px;color:#fff; background: #333; border-radius: 25px; margin: 0 auto;font-weight:600; padding:8px 30px;}

.sb-gd{ width: 100%; position:relative;   }
.sb-gd .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.sb-gd .prev{ position: absolute; right:-60px; display:block;  width:43px; height:43px;  top: 90px;   overflow:hidden; cursor:pointer; background:url("../images/case-jt1.png") no-repeat;}
.sb-gd .next{ position: absolute; left:-60px; display:block;  width:43px; height:43px; top: 90px;  overflow:hidden; cursor:pointer; background:url("../images/case-jt1.png") no-repeat;transform: rotate(180deg)}
.sb-gd .next:hover{ background:url("../images/case-jt2.png") no-repeat }
.sb-gd .prev:hover{ background:url("../images/case-jt2.png") no-repeat;transform: rotate(180deg)  }
.sb-gd .bd{ padding:0; width:1200px;  overflow:hidden;   }
.sb-gd .bd ul{ overflow:hidden; zoom:1; }
.sb-gd .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; width: 280px; }
.sb-gd .bd ul li a{ text-align:center; }
.sb-gd .bd ul li a .img{ width: 100%;border: 1px solid #c8c8c8; box-sizing: border-box}
.sb-gd .bd ul li a .img img{ width: 100%; display: table;}
.sb-gd .bd ul li a h1{ font-size: 16px; color: #333; width: 100%; line-height: 60px;}
.sb-gd .bd ul li a:hover h1{ color: #de0000}


/**/
.td1{width:100%;height:226px;background-color:#333333;padding-top:40px; }
.td1 ul{width:100%}
.td1 ul li{float:left;width:25%;padding-left:36px;height:86px;border-right:1px solid rgba(255,255,255,0.4);padding-top:14px}
.td1 ul li:last-child{border-right:none}
.td1 ul li .img{display:inline-block;width:30px;height:26px;overflow:hidden;vertical-align:-26%}
.td1 ul li .img img{width:100%}
.td1 ul li h3{display:inline-block;font-size:18px;color:#fff;font-weight:600}
.td1 ul li h4{font-size:14px;color:#fff;margin-top:14px;text-align:left}
.about{width:1313px;height:442px;background-color:#fff;margin:0 auto;padding:52px 57px 0;margin-top:-60px}
.about .img{float:left;width:572px;overflow:hidden}
.about .img img{width:100%}
.about dd{float:right;width:603px;padding-right:12px;padding-top:24px}
.about dd h2{font-size:24px;color:#de0000;font-weight:600}
.about dd h3{font-size:14px;color:#333333;text-transform:uppercase;margin-top:10px;font-weight:600}
.about dd h4{font-size:16px;line-height:27px;color:#333;margin-top:27px}
.about dd a{display:block;width:108px;height:34px;background-color:#de0000;border-radius:10px;line-height:34px;text-align:center;font-size:14px;color:#fff;margin-top:9px}

.news{width:100%;padding-bottom:34px;padding-top:30px;background:#f2f2f2;display: table}
.news .nw-t{width:576px;height:562px;float:left;border:1px solid #d7d7d7;padding:9px 26px 0;    background: #fff;}
.news .nw-t:nth-child(2){float:right}
.news .nw-t h2{width:100%;font-size:22px;color:#333;font-weight:600;height:52px;line-height:52px;border-bottom:1px solid #e2e2e2;margin-bottom:14px}
.news .nw-t h2 a{display:inline-block;float:right;font-size:14px;color:#333}

.news .nw-t .list1{width:100%;height:294px;border-radius:8px 8px 0 0;overflow:hidden}
.news .nw-t .list1 li{width:100%;height:100%;position:relative}
.news .nw-t .list1 .img{width:100%;height:100%;display:block}
.news .nw-t .list1 .img img{width:100%}
.news .nw-t .list1 h3{position:absolute;width:100%;z-index:99999;height:40px;line-height:40px;text-align:left;padding-left:22px;color:#fff;background-color:rgba(0,0,0,0.69);font-size:14px;bottom:0;left:0}
.news .nw-t .lis1{width:100%;margin-top:14px}
.news .nw-t .lis1 li{width:100%;height:56px;border-bottom:1px solid #e2e2e2;line-height:56px}
.news .nw-t .lis1 li:hover a,.news .nw-t h2 a:hover{color:#de0000}
.news .nw-t .lis1 li a{font-size:14px;color:#333;display:inline-block}
.news .nw-t .lis1 li span{display:inline-block;font-size:14px;color:#333;float:right}
.news .nw-t .lis1 li a:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background-color:#333;vertical-align:middle;margin-right:3px}
.news .nw-t .lis1 li:last-child{border-bottom:none}
.news .nw-t .list2{width:100%}
.news .nw-t .list2 li{width:100%;height:140px;position:relative;overflow:hidden}
.news .nw-t .list2 li:first-child{margin-bottom:16px}
.news .nw-t .list2 .img{float:left;width:187px;height:140px;overflow:hidden;border-radius:12px}
.news .nw-t .list2 .img img{width:100%;height:100%}
.news .nw-t .list2 dd{float:right;width:313px}
.news .nw-t .list2 dd h3{font-size:14px;color:#333;font-weight:600;margin-top:10px}
.news .nw-t .list2 dd h4{font-size:12px;color:#777777;line-height:24px;margin-top:12px}
.news .nw-t .list2 dd a{display:inline-block;width:122px;height:35px;margin-top:20px;line-height:35px;border-radius:35px;border:1px solid #de0000;color:#de0000;font-size:14px;text-align:center}

.x-link{width:100%;background-color:#f2f2f2; padding: 0 0 20px}
.fbb{line-height:40px;font-size:18px;color:#333;border-left:3px solid #de0000;padding-left:12px;font-weight:bold}
.fbb a{display:inline-block;font-size:16px;color:#333;margin-right:5px;padding-left:13px}
.fbb a:hover,.navx a:hover{ color: #de0000}
/* fott */
.foot{background:#333333;padding-top:32px;padding-bottom:32px}
.navx{text-align:center;margin-bottom:54px;font-size:14px}
.navx a{color:#fff;font-size:14px; display: inline-block;width: 10.5%}
#footer{position:relative;width:1200px;margin:0 auto}
.logo1{margin-top:24px}
.copyright{margin-left:63px;color:#fff;font-size:14px;line-height:30px;width:559px}
.copyright a{color:#fff}
.er{line-height:30px;color:#fff;text-align:center}
.dibu{background:#000000;color:#fff;text-align:center;line-height:38px}
.dibu a{color:#fff}





.fo2{background:#333333; 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: #de0000;-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: #de0000;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 #de0000;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: #de0000;}
#toolbar li:hover a{width: 200px;}
#toolbar li:hover .icon-font{background-color: #de0000;}
#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;}