@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; position: absolute; top: 0; z-index: 999}
.hy{ width:730px; float:left;font-size:12px; padding-left:10px;}
.home{ height:40px; line-height:40px; background: #333333; color:#cfcfcf; margin: 0 auto 5px}
.home a{ color:#cfcfcf;  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}


.yu{margin-left:20px;margin-top:19px;height:70px;border-left:1px solid #f5f5f5;padding-left:26px;color:#07070b;font-size:18px;line-height:70px}
.top{ width:1200px;margin:0 auto; height: 80px;justify-content: space-between; align-items: center; }
.top .logo{  float:left; line-height: 80px; margin: 0 55px 0 0;}
.top .logo img{vertical-align: middle;  }
.top .top_r{ float:right;  margin: 0 0; padding: 22px 0 0}
.tel{ background: url("../images/tel.png") no-repeat center left; font-size:24px; height:80px; padding:0 0 0 50px; line-height:80px; color: #fff ; float: right}


/* 导航样式 */
#menu{position: relative;z-index: 9999; width: 790px; float: left}
.x-menu{display: flex; justify-content: space-between; align-items: center;}
.x-menu>li{position: relative; width: 100px; padding: 10px 0 0}
.x-menu>li>a{display: block; font-size: 16px; color: #ffffff; white-space: nowrap; line-height: 60px; height: 60px; text-align: center; border-bottom:1px solid rgba(1,173,161,.0)}
.x-menu>li>a:hover{ border-bottom: 1px solid #01ada1}
.x-menu>li.active>a{}
/*.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 rgba(50,50,50,.8) transparent;border-top:none;position:absolute;top:-10px;left:50%;margin-left:-10px;z-index:99}*/

.x-menu>li:hover .x-sub-menu{opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); background: rgba(50,50,50,.8);}
.x-sub-menu{position: absolute; z-index: 99; width: 100%; left: 0%; top: 70px; background: #323232; 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: #fff; line-height: 2.6;}
.x-sub-menu>li>a:hover{background:#11367b; color: #fff;}



/*轮播结束*/
.banner{width: 100%;overflow: hidden;position: relative; margin:0 0; margin: 30px 0 0   /* width: 1920px;
    left: 50%;
    margin-left: -960px;*/}
.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:#01ada1;border: 1px solid #01ada1;}
.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:#01ada1;  }



/* 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);}
}
/**/

/*热门搜索*/

.sou{display: table; width: 100%; height: 24px; padding: 5px 0}
#formsearch{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}

.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#01ada1;color:#fff;border:none;cursor:pointer;font-size: 12px;}

.wrap{ width:100%; }
.bb1x{background:url("../images/bj1.png") no-repeat;height:660px}
.bb1z{width:550px;padding-top:100px}
.bb1zs h2{font-size:36px;font-weight:normal;font-stretch:normal;line-height:29px;letter-spacing:0px;color:#01ada1;font-family:Avian}
.bb1zs h3{font-size:36px;font-weight:normal;font-stretch:normal;line-height:36px;letter-spacing:0px;color:#333333;margin-top:21px}
.bb1zs h4{font-size:16px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#666666;margin-top:26px;height: 120px}
.bb1zs h5{background:url("../images/more1.png") no-repeat;width:140px;height:48px;text-align:center;margin-top:25px}
.bb1zs h5 samp{line-height:48px;font-size:16px;color:#fff}
.bb1zx{margin-top:35px; ;}
.bb1zx .prev{position:absolute;margin-top:87px;margin-left:0px;z-index:9999}
.bb1zx .next{position:absolute;margin-top:87px;z-index:9999;margin-left:529px}
.bb1y{margin-top:100px}
.bbbt1{text-align:center}
.bbbt1 h2{font-family:Avian;font-size:36px;font-weight:normal;line-height:30px;color:#ffffff;padding-bottom:15px;background:url("../images/bt1.png") no-repeat bottom}
.bbbt1 h3{font-size:36px;font-weight:normal;line-height:38px;color:#ffffff;margin-top:4px}
.bb2x{background:url("../images/bj2.png")no-repeat;height:600px}
.bb2{padding-top:105px}

.bb2n1{text-align:center;width:1000px;margin:0 auto;margin-top:30px}
.bb2n1 h3{font-size:16px;font-weight:normal;line-height:30px;color:#ffffff;text-align:left}
.bb2n1 h4{font-size:20px;line-height:24px;color:#ffffff;margin-top:30px}
.bb2tb{text-align:center;margin-top:40px;margin-bottom:99px}

.bb3x .bbbt1 h2,.bb5x .bbbt1 h2{ color: #01ada1;background:url(../images/bt2.png) no-repeat center bottom}
.bb3x .bbbt1 h3,.bb5x .bbbt1 h3{ color: #333}
.bb3x .bbbt1,.bb5x .bbbt1{ margin:0 auto 30px}

.bb3x{background:url(../images/bj3.png) no-repeat  0px 153px}
.bb3{padding-top:90px}
.bb3z{width:280px;height:454px;background:url(../images/bj4.png) no-repeat;padding:41px}
.bb3z li{background:url(../images/cp-nav1.png) no-repeat;width:198px;height:47px;line-height:47px;margin-bottom:10px}
.bb3z li a{font-size:20px;line-height:24px;color:#ffffff;padding-left:24px}
.bb3z li:hover a{font-weight:600}
.bb3y{width:900px}
.bb3y li{float:left;margin-left:20px;margin-bottom:0px}
.bb3y li img{width:280px;height:260px;background-color:#ffffff;box-shadow:0px 4px 16px 0px    rgba(0,0,0,0.24)}
.bb3y li h2{text-align:center}
.bb3y li h2{font-size:18px; line-height: 40px; font-weight:normal;line-height:45px;color:#333333}
.bb3y li:hover h2 a{color:#01ada1}

.bb4x{background:url("../images/bj5.jpg") no-repeat;height:900px}
.bb4{padding-top:30px}
.bb4n1{width:848px;margin:0 auto;margin-top:10px}
.bb4n1 h3{font-size:16px;font-weight:normal;line-height:24px;color:#ffffff}
.bb4tb{text-align:center;margin-top:24px}

.bb5x{background:url("../images/bj6.png") no-repeat 0 45px;height:505px}
.bb5{padding-top:100px}
.bb5nr li{margin-left:8px;margin-right:8px;box-shadow:0px 4px 16px 0px rgba(0,0,0,0.24)}
.bb5nr li img{width:280px;height:180px}
.bb5nr .prev{background:url("../images/jt05.png") no-repeat center center; width: 30px; height: 46px; cursor: pointer;margin-left:-45px;margin-top:70px;position:absolute}
.bb5nr .next{background:url("../images/jt05.png") no-repeat center center; width: 30px; height: 46px; cursor: pointer;margin-left:1205px;margin-top:70px;position:absolute; transform: rotate(-180deg)}

.bb6x{background:url("../images/bj7.png") no-repeat}
.bb6{padding-top:111px}
.bb6s{width:342px;margin:0 auto;padding-top:39px;padding-bottom:38px}
.bb6s h2{width:140px;height:48px;float:left;background:url("../images/more1.png") no-repeat;text-align:center;margin-left:21px}
.bb6s h2 a{line-height:48px;font-size:16px;width:140px;height:48px; display: table;font-weight:normal;color:#ffffff}
.bb6nr li+li{margin-left:20px}
.bb6nr li{float:left;width:380px}
.bb6nr li img{width:380px;height:200px}
.bb6nr li .bb6wz{margin-top:30px}
.bb6nr li .bb6wz h2{font-size:20px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#ffffff;width:100%}
.bb6nr li .bb6wz p{font-size:16px;font-weight:normal;font-stretch:normal;line-height:24px;letter-spacing:0px;color:#ffffff;margin-top:12px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.bb6nr li .bb6wz h3{width:140px;height:48px;background:url("../images/more1.png") no-repeat;text-align:center;margin-top:40px}
.bb6nr li .bb6wz h3 samp{line-height:48px;color:#fff;font-size:16px;font-family:inherit}
.bb6yl{background:url("../images/bj8.png") no-repeat top;background-size:100% 100%}
.x-link{margin-top:75px;min-height:78px;font-size:16px;color:#ffffff;background:url("../images/link01.png") no-repeat 0 5px;padding-left:27px}
.x-link a{color:#fff;font-size:16px;margin-right:30px}
.x-link a:hover{color:#01ada1}
/*页面底部*/
.footer{ background:url("../images/fo.png") no-repeat top; color:#999999}
.fo{ width: 1200px; display: table; margin: 0 auto; padding: 40px 0 30px}

.bb7d1 h2{font-size:38px;font-weight:normal;font-stretch:normal;line-height:28px;letter-spacing:0px;color:#01ada1}
.bb7d1 h3{font-size:20px;line-height:28px;color:#999999;margin-top:23px}
.bb7d1 h4{width:40px;height:1px;background-color:#fff;opacity:0.5;margin-top:21px}
.bb7d2{margin-left:94px; width: 400px}
.bb7d2 h2{font-size:38px;font-weight:normal;font-stretch:normal;line-height:28px;letter-spacing:0px;color:#01ada1}
.bb7d2 h3{font-size:20px;line-height:28px;color:#999999;margin-top:28px}
.bb7d2 h4{width:40px;height:1px;background-color:#fff;opacity:0.5;margin-top:21px}
.bb7dh{margin-top:10px}
.bb7dh dl{float:left}
.bb7dh dl+dl{margin-left:58px}
.bb7dh dl dt{font-size:18px;line-height:40px;color:#999999;margin-bottom:3px}
.bb7dh dl dd a{font-size:16px;font-weight:normal;font-stretch:normal;line-height:32px;letter-spacing:0px;color:#999999}
.bb7dh dl dd a:hover{ color: #01ada1}
.bb7lx{font-size:16px;font-weight:normal;font-stretch:normal;line-height:40px;letter-spacing:0px;color:#999999;margin-top:10px}
.bb7ewm{text-align:center}
.bb7ewm p{font-size:14px;font-weight:normal;line-height:28px;color:#999999;margin-top:15px}

.sy-lx{ width: 100%}
.sy-lx dl{ display: table; width: 100%; font-size: 16px; line-height: 40px;}
.sy-lx dl i{ float: left; width: 16px; height: 16px; display: table; margin: 0 8px 0 0}
.sy-lx dl span{ float: left; width: 84px; display: table}
.sy-lx dl h5{ font-size: 16px; width: 292px; float: right}

.fo-r{ width: 190px; float: right; text-align: center}
.fo-r img{ width: 100%; display: table; margin:0 auto 15px} 

.fo2{ vertical-align:middle;display: table; text-align:center; font-size:12px; text-align:center; background: url("../images/fo-bj2.png") no-repeat center top;margin:0 auto; width:100%;line-height:24px; padding:8px 0; }
.fo2 a{color:#999; margin:0 5px }
 .fo_lj{ 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: #292e39;-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: #292e39;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 #292e39;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: #292e39;}
#toolbar li:hover a{width: 200px;}
#toolbar li:hover .icon-font{background-color: #292e39;}
#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;}