@charset "utf-8";
html { font-family:"MicrosoftYaHei"; 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; height: 184px; background: url("../images/top-bj.png") no-repeat center bottom; position: absolute; z-index: 9999; auto; }
.hy{ width:730px; float:left;font-size:12px; padding-left:10px;}
.home{ height:30px; background:#f5f5f5; width: 100%; line-height:30px; color:#595959}
.home a{ color:#595959;  margin:0 5px;font-size:12px;}

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

.top1{ width:1200px;margin:0 auto; display: table; height: 98px;}
.logo{ width: 200px  }
.logo img{/*vertical-align: middle;*/ display: table}
.tel{margin-top:23px;font-size:14px;background: url("../images/tel.png") no-repeat center left;padding-left: 65px;line-height: 25px;color:#fff;}
.tel p {font-size: 28px;line-height: 1; font-weight: bold;}

.logok{float:left; padding:20px 0 0;}
.logow {border-left: 1px solid #999;padding-left: 15px;min-height: 58px;}
.logow p {font-size: 18px;color: #fff;line-height: 30px;}
.logow p strong {font-size: 15px;font-weight: normal;line-height: 25px;}

.xx1{width:100%;height:1px;background:#ffffff;opacity:0.3; display: table}

/* */

/* 导航样式 */
#menu{ width: 100%;  }
.x-menu{ padding:0 0 0 ; box-sizing:border-box;display: flex;flex-wrap: nowrap;justify-content: space-between;align-items: center;}
.x-menu > li{margin: 0;text-align: center;float: none;position: relative; display:inline-block;  width: 171px;}
.x-menu > li > a{font-size: 16px;color: #fff;line-height: 54px;display:inline-block; width:100%;background: url("../images/nav10.png") no-repeat center right;}
.x-menu > li:first-child{background: url("../images/nav101.png") no-repeat center left;}
.x-menu > li:last-child > a{ padding: 0; background: none}
.x-menu > li:hover > a{color: #fff}
.x-menu > li.active > a{color: #fff;}
.x-menu .lastli{width: 8% !important;text-align: right;}
.x-menu > li:hover .x-sub-menu{opacity: 1;visibility: visible;-webkit-transform: translateY(0);transform: translateY(0);}
.x-sub-menu{position: absolute;z-index: 999;width: 100%;left: 0%;top: 54px;background:#fff;border-radius: 0px;padding: 0px 0;opacity: 0;visibility: hidden;-webkit-transform: translateY(20px);transform: translateY(20px);-webkit-transition: all .5s ease;transition: all .5s ease;}
.x-sub-menu > li > a{display: block;text-align: center;font-size: 14px;color: #333;line-height: 40px;}
.x-sub-menu > li > a:hover{background:#2e6afe;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 #2e6afe transparent;border-top: none;position: absolute;top: -10px;left: 50%;margin-left: -10px;z-index: 99;}*/
.x-menu > li .x-sub-menux{position: absolute;left: 100%;width: 100%;background: #fff;top: 0px;border-radius: 5px;padding: 10px 0;display: none;}
.x-menu > li .x-sub-menux li{position: relative;}
.x-menu > li .x-sub-menux li a{display: block;text-align: center;font-size: 14px;color: #333;line-height:46px;}
.x-menu > li .x-sub-menu li:hover .x-sub-menux{display: block;}
.x-menu > li .x-sub-menux li a:hover{background: #4bcf9e;}



/*轮播结束*/
.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:10px;height: 10px;opacity: 1;background: rgba(255,255,255,1);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{ width: 28px;border-radius:25px; background:#fff;border: 1px solid #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px}
.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:#da281f;  }

.sy-tel{ width: 100%; text-align: center; background: #2e6afe; line-height: 48px; color: #fff}
.sy-tel span{ background: url("../images/tel1.png") no-repeat center left; padding: 0 0 0 30px; background-size: 20px; margin: 0 20px; font-size: 18px;; line-height: 48px;}
.sy-tel span:nth-child(2){ background: url("../images/tel2.png") no-repeat center left;  background-size: 20px; }


.banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1)}
.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1)}
/**/
.wrap{ width:100%; }
.box1{padding: 70px 0 70px;background:url("../images/bj1.jpeg") no-repeat center top;overflow: hidden;}

.bt{font-size:36px;font-weight:600;font-stretch:normal;line-height:25px;letter-spacing:0px;color:#ffffff;text-align:center;background:url("../images/bt1.png") no-repeat center top;padding-top:35px}
.sortt{width:674px;height:94px;box-shadow:0px 0px 24px 0px 
		rgba(255,255,255,0.4);border-radius:10px;border:solid 1px rgba(255,255,255,0.5);margin:0 auto;margin-top:40px;padding:9px 15px}
.sortt li{border-radius:4px;padding:0px 10px;float:left;margin:0 7px}
.sortt li a{font-family:MicrosoftYaHei;font-size:16px;font-weight:normal;font-stretch:normal;line-height:37px;letter-spacing:0px;color:#ffffff}
.sortt li:hover{background-image:linear-gradient(45deg,#2e6afe 0%,#5955e1 100%),linear-gradient(#2e6afe,#2e6afe);background-blend-mode:normal,normal}
.sortt li a span{font-weight:600;padding-right:5px}

/**/
.cp{ width:1200px; display:table; margin:0 auto; padding:40px 0 0}
.cp ul li{width:388px;   display:block; float:left; margin:0 ;  box-sizing:border-box; margin:0 18px 20px 0; border: 1px solid rgba(255, 255, 255, 0.5)}
.cp ul li a{ width:100%;   margin:0 auto; display:block;}
.cp ul li a h1{ width:100%; font-size:20px; line-height:70px; padding:0 0; color: #fff; padding: 0 0 0 65px; box-sizing: border-box; background: url("../images/cp-bj0.png") no-repeat center left}
.cp ul li a .cp_t{ width:100%; height: 258px; display: table;  overflow: hidden; box-sizing:border-box; }
.cp ul li a .cp_t img{ width:100%; height: 258px;  display:block;-webkit-transition: all .6s ease 0s; transition: all .6s ease 0s;}
.cp ul li a:hover .cp_t img{transform: scale(1.08);}
.cp ul li a:hover h1 { color:#fff; background: url("../images/cp-bj1.png") no-repeat center left}
.cp ul li:nth-child(3n){margin:0 0 20px; }
.cp ul li:hover{}

/*box2*/
.box2{padding: 70px 0 70px;background:url("../images/bj2.jpg") no-repeat center top;overflow: hidden;}
.box2 .bt{background:url("../images/bt2.png") no-repeat center top;}
/* .box2 .swiper-slide{text-align:center;font-size:18px;background:#fff;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;transition:300ms;transform:scale(0.8)}
 .box2 .swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1)}
*/


#certify{position:relative;width:1200px;margin:0 auto;margin-top:50px}
#certify .swiper-container{padding-bottom:90px}
#certify .swiper-slide{width:645px;height:450px;background:#fff;border-radius:10px;overflow:hidden;position:relative}
#certify .swiper-slide img{display:block;width:100%;height:100%}
#certify .swiper-slide .dnn{width:80%;height:59px;background-color:#2e6afe;border-radius:10px;position:absolute;bottom:10px;left:10%;overflow:hidden}
#certify .swiper-slide h3{width:100%;text-align:left;line-height:59px;font-weight:600;color:#ffffff;font-size:18px;z-index:99999}
#certify .swiper-slide .dnn span{font-family:MicrosoftYaHei;font-size:16px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#ffffff;display:block;height:72px;overflow:hidden;padding:0 15px;margin-top:10px}
#certify .swiper-slide h3 a{font-weight:600;color:#ffffff;font-size:18px;padding-left:15px}
#certify .swiper-slide.swiper-slide-active h3{font-weight:600;color:#ffffff;font-size:22px;text-align: center;display:block;/*background:url("../images/case-jt.png") no-repeat 95% 50%*/}
#certify .swiper-button-prev{left:-80px;width:80px;height:80px;background:url("../images/case-jt.png") no-repeat;background-size:100%;top:42%; transform: rotateY(180deg);  }
#certify .swiper-button-prev:hover{background:url("../images/case-jt.png") no-repeat}
#certify .swiper-button-next{right:-80px;width:80px;height:80px;background:url("../images/case-jt.png") no-repeat;background-size:100%;top:42%}
#certify .swiper-button-next:hover{background:url("../images/case-jt1.png") no-repeat;}
#certify .swiper-button-prev:hover{background:url("../images/case-jt1.png") no-repeat;transform: rotateY(180deg);}


.box3{background:url("../images/bj3.png") no-repeat center top;height:800px;overflow:hidden;padding-top:202px}
/*.box3 .bt{background:url("../images/bt3.png") no-repeat center top;}*/
.yuan_ll{background:url("../images/bj33.png") no-repeat 50% 13%}
.yuan_ll li{float:left;width:282px;margin-right:24px}
.yuan_ll li .img1{display:table;margin:0 auto;text-align:center;width:120px;height:120px;border:solid 1px #8e9aa3;margin-top:25px;border-radius:50%}
.yuan_ll li .img1 a img{text-align:center;margin-top:30px}
.yuan_ll li:hover .img1{background-image:linear-gradient(45deg,#2e6afe 0%,#5955e1 100%),linear-gradient(  #ffffff,#ffffff);background-blend-mode:normal,normal;border:solid 1px #5955e1}
.yuan_ll li h2 a{text-align:center;color:#fff;font-size:24px;font-weight:600}
.yuan_ll li h2{font-weight:600;margin-top:30px;font-family:MicrosoftYaHei-Bold;font-size:24px;font-stretch:600;line-height:35px;letter-spacing:0px;color:#ffffff;text-align:center}
.yuan_ll li:last-child{float:right;margin-right:0px}
.xx2{width:50px;height:2px;background-color:#ffffff;margin:0 auto;margin-top:20px;margin-bottom:20px}
.yuan_ll li span{font-family:MicrosoftYaHei;font-size:16px;font-weight:normal;font-stretch:normal;line-height:25px;letter-spacing:0px;color:#ffffff;display:block;text-align:center;height:100px;overflow:hidden}
.yuan_ll li span b{text-align:center}
.yuan_ll li .ma{width:43px;margin:0 auto;height:43px;margin-top:20px;background:url("../images/cp-jh.png") no-repeat center top}
.yuan_ll li:hover .ma{background:url("../images/cp-jh1.png") no-repeat center top}

.box4{background:url("../images/bj4.png") no-repeat center top; display: table; width: 100%; padding: 70px ; height:  0}
.box4 .bt{background:url("../images/bt3.png") no-repeat center top;}
.wt_2{position:relative;margin-top:60px;z-index:99; height: 525px}
.ab_img{position:absolute;right:0px;width:680px;height:525px;top:0px;z-index:999}
.ab_img img{width:680px;height:525px}
.aabb{background:url("../images/jj-bj.png") no-repeat center left;width:640px;height:389px;float:left;margin-top:65px;position:relative;z-index:9999;padding:35px}
.att1{color:#fff;font-weight:600;font-size:24px}
.att2{height:48px;background-image:linear-gradient(45deg,#2e6afe 0%,#5955e1 100%),linear-gradient(#2e6afe,#2e6afe);background-blend-mode:normal,normal;text-align:center;font-family:MicrosoftYaHei-Bold;font-size:18px;font-weight:600;font-stretch:normal;line-height:48px;letter-spacing:0px;color:#ffffff;width:262px;height:48px;margin-top:12px}
.ann{font-family:MicrosoftYaHei;font-size:16px;font-weight:normal;font-stretch:normal;line-height:25px;letter-spacing:0px;color:#ffffff;height:125px;overflow:hidden;margin-top:15px}
.mmb a{height:40px;border-radius:20px;border:solid 1px #ffffff;width:150px;text-align:center;margin-top:20px; display: table}
.mmb a{font-family:ArialMT;font-size:14px;font-weight:normal;font-stretch:normal;line-height:40px;letter-spacing:0px;color:#ffffff;text-align:center;text-transform:uppercase}
.mmb a:hover { background: #fff; color: #333}

.box5{padding-top:75px;background:url("../images/bj5.png") no-repeat center top;height:800px;overflow:hidden}
.box5 .bt{background:url("../images/bt4.png") no-repeat center top;}
.lc_ll{background:url("../images/bj6.png") no-repeat center center;width:883px;margin:0 auto;margin-top:65px; display: table}
.lc_ll li{float:left;margin:0 97px;margin-bottom:20px;width:100px;height:178px;overflow:hidden}
.lc_ll li .img1{display:table;margin:0 auto;text-align:center;height:75px}
.lc_ll li .img1 a img{text-align:center}
.lc_ll li h2{width:33px;height:53px;margin:0 auto;margin-top:10px;background:url("../images/lc01.png") no-repeat center top;text-align:center;font-family:Arial-BoldMT;font-size:18px;font-weight:normal;font-stretch:normal;line-height:35px;letter-spacing:0px;color:#ffffff;margin-top:10px}
.lc_ll li h2 a{color:#ffffff}
.lc_ll li h3{font-family:MicrosoftYaHei-Bold;font-size:20px;font-weight:600;font-stretch:normal;line-height:25px;letter-spacing:0px;color:#ffffff;margin-top:15px;text-align:center}
.lc_ll li h3 a{font-family:MicrosoftYaHei-Bold;font-size:20px;font-weight:600;font-stretch:normal;line-height:25px;letter-spacing:0px;color:#ffffff;text-align:center}
.huan{font-family:MicrosoftYaHei;font-size:18px;font-weight:normal;font-stretch:normal;line-height:25px;letter-spacing:0px;color:#ffffff;text-align:center;margin-top:20px}
.dianhua{color:#fff;text-align:center;margin-top:15px}
/*box6*/

.box6{padding-top:75px;background:url("../images/bj7.png") no-repeat center top;height:800px;overflow:hidden}
.box6 .bt{background:url("../images/bt5.png") no-repeat center top;}
.xwtp{width:600px;height:460px;background-color:#2e6afe;margin-top:60px;float:left}
.xwtp img{width:600px;height:460px}
.new2{float:right;width:580px;margin-top:60px}
.new2 ul li{padding:10px 0;overflow:hidden;margin-bottom:20px;transition:all 0.6s;height:100px;background: rgba(0,0,0,.5)}
.new2 ul li:hover{transition:all 0.6s;background-image:linear-gradient(45deg,#2e6afe 0%,#5955e1 100%),linear-gradient(#2e6afe,#2e6afe);background-blend-mode:normal,normal}
.new2 ul li:hover .date{border-color:#fff}
.new2 ul li .date{float:left;padding:0 25px;text-align:center;color:#fff;font-size:19px}
.new2 ul li .date span{display:block;border-bottom:#fff 1px solid;font-size:50px;line-height:50px;margin-bottom:5px;color:#fff;font-weight:600}
.new2 ul li:hover .date span{border-color:#fff}
.new2 ul li .new22{float:right;width:435px;margin-right:20px}
.new2 ul li .new22 h3{font-size:22px;line-height:45px;font-weight:normal;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#fff}
.new2 ul li .new22 p{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;opacity:0.7;color:#fff;font-size:16px;margin-top:2px;height:29px;overflow:hidden}



.box7{padding-top:75px;background:url("../images/bj8.png") no-repeat center top;height:800px;overflow:hidden}
.box7 .bt{background:url("../images/bt6.png") no-repeat center top;}
.wwzz{width:705px;height:344px;background-image:linear-gradient(45deg,#2e6afe 0%,#5955e1 100%),linear-gradient(
            #000000,#000000);background-blend-mode:normal,normal;float:left;margin-top:50px}
.wwzz img{width:705px;height:344px}
.yan{margin-top:50px;background:url("../images/ly2.png") no-repeat center top;width:447px;height:278px;float:right}
.x-message{width:300px;float:right;margin-right:10px}
.xx3{width:1200px;height:1px;background-color:#ffffff;margin:0 auto;margin-top:30px}
.ddd1{width:950px;float:left;font-family:MicrosoftYaHei;font-size:16px;font-weight:normal;font-stretch:normal;line-height:33px;letter-spacing:0px;color:#ffffff;margin-top:25px}
.ddd1 span{font-size:24px}
.ddd1 a{font-family:MicrosoftYaHei;font-size:16px;font-weight:normal;font-stretch:normal;line-height:33px;letter-spacing:0px;color:#ffffff}
.dd22{margin-top:30px;float:right}
.dd22 img{text-align:center}
.dd22 p{font-family:MicrosoftYaHei;font-size:16px;font-weight:normal;font-stretch:normal;line-height:35px;letter-spacing:0px;color:#ffffff}


.x-message{}
.x-message-wrap{}
@media (max-width:1366px){.x-message-wrap{margin-left:12.5%;margin-right:12.5%}
}.x-message-wrap .row{margin-left:-5px;font-size:0;margin-right:-5px}
.x-message-wrap div[class^='col-']{padding-left:5px;padding-right:5px;position:relative}
.x-message-wrap input[type='text'],.x-message-wrap textarea{width:100%;height:53px;border:none;padding:0 10px;font-size:16px;color:#a5abb7;background:none;outline:none;margin-bottom:17px}
.x-message-wrap input[type='text']::-webkit-input-placeholder,.x-message-wrap textarea::-webkit-input-placeholder{color:#a5abb7}
.x-message-wrap input[type='text']:-ms-input-placeholder,.x-message-wrap textarea:-ms-input-placeholder{color:#a5abb7}
.x-message-wrap input[type='text']::-ms-input-placeholder,.x-message-wrap textarea::-ms-input-placeholder{color:#a5abb7}
.x-message-wrap input[type='text']::placeholder,.x-message-wrap textarea::placeholder{color:#a5abb7}
.x-message-wrap textarea{padding-top:5px;height:139px;resize:none}
.x-message-wrap #checkcode{float:left;width:28.29813665%;margin-bottom:0;border:1px solid #fff;height:42px;margin-right:2px}
.x-message-wrap .checkCodeImg{float:left;display:block;text-align:center;width:32.391304%;height:42px;font-size:0;border:1px solid #fff}
.x-message-wrap .checkCodeImg img{max-width:100%;max-height:100%;display:inline-block;vertical-align:middle}
.x-message-wrap .checkCodeImg:after{content:'';height:100%;display:inline-block;vertical-align:middle}
.x-message-wrap .checkCodeImg img{cursor:pointer}
.x-message-wrap .x-submit{float:right;width:34.689441%;height:42px;color:#fff;font-size:16px;border:none;outline:none;-webkit-transition:all .5s ease;padding-left:10px;margin-right:10px;transition:all .5s ease;background:url("../images/btn.png") no-repeat center top}

/*fotter*/
.fotter{ background:#333;  width:100%; display:table; color:#fff;}
.fotter a{ color:#fff;}
.fo{  margin:0 auto; display:table; padding:40px 0 ; }
.fo_logo{ width:25%; float:left; padding: 0px 0 0}
.fo_logo img{display:table; margin: 0 0 5px}
.fo_logo span{ display: table; font-size: 13px; line-height: 1.4}
.fo_logo h1{ font-size: 24px; color:#e36c09; font-weight: 600}
/*.fo_logo i{ width:1px; background:#282828; height:120px; display:table; float:right; margin:16% 0 0}*/
.bt4{ color: #fff;font-size:18px; font-weight: 600; margin: 0 0 15px}
.fo_l{ width:250px; float:left}
.fo_l li{ width:100%; float:left; line-height:1; padding:0 0 ; box-sizing:border-box}
.fo_l li h1{ font-size:18px; color:#fff; padding:0 0 18px}
.fo_l li a{ font-size:14px; color:#fff; display:inline-block; width: 30%; line-height:32px;}
.fo_l li a:hover{ color:#f2c89f}

.fo_c{width:360px; float:left; margin-left: 40px}
.fo_c p{font-size:14px; color:#bab9b9; line-height:30px; background:url(../images/fo-ico02.png) no-repeat  center left; padding: 0 0 0 20px}
.fo_c p:last-child{background:url(../images/fo-ico03.png) no-repeat  center left;}
.fo_r{ float:right; width: 230px; font-size:14px; color:#bab9b9;}
.fo_r li{ display: inline-block; width:100px; margin-left: 10px}
.fo_r img{ width:100%; display:table; margin:0 0 25px}
.fo_r span{ display:table; width:100%; text-align:center;}

.fo2{ color:#fff;vertical-align:middle;display: table; text-align:center; font-size:13px; text-align:center;  margin:0 auto; width:100%;line-height:24px; padding:10px 0; border-top:1px solid #fff}
.fo2 a{color:#fff; margin:0 5px }
.fo2 .fo_lj{  width:122px; display: inline-block; height:24px;vertical-align:middle}
.fo2 .fo_lj img{ display:table; padding: 0 0 }
.fo2 .fo_lj1{  display: inline-block; height:24px;vertical-align:middle;background:url("../images/fo-ico01.png") no-repeat center left; background-size: 12px; padding: 0 0 0 20px;}
.fo2 .fo_lj1 img{ display: inline-block; padding: 0 0; height: 14px; margin-right: 10px;vertical-align }


/*左侧工具条*/
#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: #2e6afe;-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: #2e6afe;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 #2e6afe;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: #2e6afe;}
#toolbar li:hover a{width: 200px;}
#toolbar li:hover .icon-font{background-color: #2e6afe;}
#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;}