*{margin: 0;padding: 0;font-size: 14px;font-family: "微软雅黑";color: #222;}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{-webkit-box-shadow:inset006pxrgba(0,0,0,.3);}
::-webkit-scrollbar-thumb{background:silver;-webkit-box-shadow:inset006pxrgba(0,0,0,.5)}
::-webkit-scrollbar-thumb:window-inactive{background:silver}
html{ -webkit-text-size-adjust:none;}
html, body{overflow-x: hidden;}
img{ border:none; vertical-align:middle;}
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
li{list-style: none;}
a{text-decoration: none;outline:none;}
table{width:100%; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.justify { text-align:justify; text-justify:distribute-all-lines; /*ie6-8*/ text-align-last:justify;/* ie9*/ -moz-text-align-last:justify;/*ff*/ -webkit-text-align-last:justify;/*chrome 20+*/}
a, input, .imgBox img, .imgBar figure img, i, .in_shzr ul li .line, .in_shzr ul li p, .interMan a span,
.interMan a i, .interMan a span:after, .in_service ul li figure:after, .in_news ul li h3,
.in_news ul li p, .in_news ul li h3 span, nav{
   transition:all .6s ease-in-out 0s;
  -webkit-transition:all .6s ease-in-out 0s;
   -moz-transition:all .6s ease-in-out 0s; 
  -ms-transition:all .6s ease-in-out 0s; 
  -o-transition:all .6s ease-in-out 0s; 
}
/*{content: '';display: block;clear: both;}*/
.imgBox, .imgBar figure{overflow: hidden;}
.imgBox img, .imgBar figure img{width: 100%;object-fit: cover;max-height: 250px;}
.imgBox:hover img, .imgBar li:hover figure img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);}
.divBox{width: 1100px;margin: 0 auto;max-width: 95%;}
/*.more{width: 125px;height: 30px;text-align: center;line-height: 30px;color: #0f1827;font-size: 12px; display: block;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-o-border-radius: 30px;border: 1px solid rgba(255,255,255,0.5);color: #fff;}*/
.more span{font-family: 'kaiti';font-size: 12px;color: #fff;}
/*字母转大写*/
/*{text-transform:uppercase;}*/
/*绝对居中*/
.banBar .swiper-wrapper .divBox{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
/*上下居中*/
/*{position: absolute; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);}*/
/*左右居中*/
/*{position: absolute;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}*/
/*盒子*/
.aboutMore{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
/*圆形*/
.yuan{display:block; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;}
/*内联块*/
.interMan a span, footer figure, footer ul, footer ul li a, .coppyright ul li, .interMan a i{display: inline-block;vertical-align: middle;}
.aboutBar, .aboutMore, .in_shzr ul li, .interMan a, .in_news ul li{display: inline-block;vertical-align: top;}
.in_about .divBox, .in_shzr ul, .interMan a, .in_news ul, footer .divBox{font-size: 0;}
address{font-style: inherit;}
html, body{overflow-x: hidden;}
menu{padding: 9px 9px 4px;position: fixed;top: 28px; right: 30px;z-index: 101;cursor: pointer;display: none;}
menu span{width: 24px;height: 3px;margin-bottom: 5px;display: block;background: #fff;}
menu.active .s1{width: 100%;}
menu.active .s2{width: 100%;transition: 0.3s ease-in-out;transform: translateX(50px);opacity: 0;}
menu.active span{background: #8D8D8D;}
menu.active .s1{transform: rotate(45deg) translateY(10px);transition: 0.3s ease-in-out .2s;}
menu.active .s3{transform: rotate(-45deg) translateY(-11px);transition: 0.3s ease-in-out .2s;}

header{width: 100%;position: fixed;background: rgba(0,30,40,0.7);z-index: 99;padding: 0 0;}
header h1{padding:0 30px;font-weight:normal;}

nav{float:right;}
nav.active{right: 0;}
nav li{float:left;line-height: 60px;width:100px;text-align: center;}
nav li a {color: #fff;font-size:15px !important;}
nav li a.active{color: #8fc2dd;}

footer{background: rgba(240, 240, 240, 1);padding-top: 40px;}
.coppyright{padding: 15px 0;margin-top: 40px;border-top: 1px solid #ddd;}
footer figure{text-align: left;}
footer figcaption{margin-top: 5px;color: #222 !important;}
.ewm{float: right;}
.ewm p{color: #222;display: inline-block;vertical-align: bottom;margin-left: 12px;}
footer .address{margin-left: 50px;padding-left: 50px;border-left: 1px solid #ddd;}
footer ul li i{margin-right: 10px;}
footer ul li, footer ul li i, footer ul a{color: #222;font-size:12px;}
footer .address li{margin-bottom: 10px;}
footer .address li:last-child{margin-bottom: 0;margin-top: 12px;}
footer ul li a{margin-right: 18px;position: relative;}
footer ul li a:after{width: 1px;height: 12px;background: #333;content: '';display: block;position: absolute;top: 50%;margin-top: -6px;right: -9px;}
footer ul li:last-child a:last-child{margin-right: 0;}
footer ul li:last-child a:last-child:after{display: none;}
.coppyright ul{float: right;}
.coppyright p{display: inline-block;color: #222;font-size: 12px;}
footer .coppyright ul li a{color: #222;font-size: 12px;}
footer .coppyright ul li a:after{background: #222;}
footer ul li a:hover{color: #fff;}

.cbl{position: fixed;right: 0;bottom: 0;z-index: 103;}
.cbl a{display: block;background: #fff; border: 1px solid #E8E8E8;border-bottom: none;width: 40px;height: 40px;text-align: center;line-height: 40px;}
.cbl a:last-child{border-bottom: 1px solid #E8E8E8;}
.cbl a i{color: #99999D;}
.cbl .goTop{background: #8fc2dd;border-color: #8fc2dd !important;}
.cbl .goTop i{color: #fff;}
.cbl a:hover i{color: #333;}
.cbl .goTop:hover i{color: #fff;}
.cbl .goTop:hover{background: #60b2db;}
.number{transition:all 0s ease-in-out 0s;
  -webkit-transition:all 0s ease-in-out 0s;
   -moz-transition:all 0s ease-in-out 0s; 
  -ms-transition:all 0s ease-in-out 0s; 
  -o-transition:all 0s ease-in-out 0s;
  position: relative;left: 100%;}
.phone{width: 180px;position: fixed;right: 0;bottom: 0;transform: translateY(-43px);background: #fff;z-index: 104;}
.phone h3{color: #fff;background: #414141;line-height: 55px;padding-left: 18px;}
.phone a{display: block;padding-left: 28px;color: #515150;}
.phone a i{display: inline-block;vertical-align: middle;margin-right: 10px;color: #515150;}
.phone a span{display: block;}
.phone a:last-child{padding: 15px 0 15px 28px;}
.phone a:last-child i, .phone a:last-child, .phone a:last-child span{color: #898989;}
.phone>i{cursor: pointer; display: block;width: 18px;height: 18px;font-size: 14px !important;line-height: 18px;text-align: center;color: #fff;position: absolute;right: 6px;top: 18px;z-index: 104;}
.ewmMark{position: fixed;display: none; width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 104;top: 0;left: 0;}
.ewmMark figure{position: fixed;left: 50%;top: 50%;padding: 10px; transform: translate(-50%,-50%);background: #fff;text-align: center;}
.ewmMark figure img{width: 120px;height: auto;}
.ewmMark figure figcaption{padding-top: 10px;}

.cbl a{left: 0;}
.phone{right:-180px;}



.ej {
    background: #ddd;
    min-height: 350px;
    height: 350px;
    width: 100%;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.ej:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../imgs/hero-loading.gif);
    background-size: 50px 50px;
    background-position: center;
    background-repeat: no-repeat;
}