html { overflow-x:hidden;}
body { background:#FFF; font-family:'microsoft yahei'; font-size:14px; overflow-x:hidden;}
img { vertical-align:bottom;}
a { color:#333; text-decoration:none;}

input { outline: none;}

.banner .swiper-container-horizontal>.swiper-pagination { bottom: 10px;}
.swiper-pagination-bullet { background: #565656; opacity: 1; vertical-align: middle;}
.swiper-pagination-bullet-active{ background: #565656; width: 12px; height: 12px; transition: all .3s;}

.head { position:fixed; z-index: 1000; height: 65px; width: 100vw; background: url(skin/head-img.jpg) center no-repeat; background-size: auto 65px;}
.head .home { display: block; width: 100%; height: 100%;}
.head .nav-btn { position: absolute; width: 30px; left: 20px; top: 50%; margin-top: -10px;}
.head-height { height: 65px;}

.nav { position: fixed; width: 100vw; height: 100vh; z-index: 10000; display: none;}
.nav .mask { width: 100vw; height: 100vh; position: absolute; z-index: -1; background: rgba(0, 0, 0, .5);}
.nav .list { width: 40vw; background: #eeeeee; height: 100%; position: relative; padding-top: 30px;}
.nav .list li { margin: 10px; text-align: center;}
.nav .list .close { position: absolute; right: 20px; top: 20px; width: 15px;}
.nav .list .tool { height: 40px;}
.nav .list strong {  font-size: 14px; text-align: center; font-weight: normal; padding-bottom: 10px; border-bottom: #f7b52d solid 1px;}
.nav .list a { display: block; padding: 10px 0;}

.title { height: 50px; background: #f4f4f4; margin-top: 10px; position: relative;}
.title strong { line-height: 50px; padding-left: 20px; color: #525252; font-weight: normal; position: relative; font-size: 16px;}
.title span { line-height: 50px; padding-left: 5px; color: #525252; font-size: 12px; font-weight: normal; position: relative;}
.title a { float: right; font-size: 12px; background: #0c558e; padding: 6px 10px; color: #FFF; border-radius: 100px; margin-top: 12px; margin-right: 20px;}
.title::before { content: ''; display: block; width: 4px; height: 20px; background: #0c558e; position: absolute; top: 16px; left: 10px;}

.list-txt.bg { background: #f4f4f4;}
.list-txt li { line-height: 45px; height: 45px; border-bottom: #e1dddb dashed 1px; padding: 0px 20px; background: url(skin/list-txt-li.jpg) 10px center no-repeat;}
.list-txt li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;}
.list-txt li a  { display: block; background-size: 8px; padding-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.more.bg { background: #f4f4f4; padding: 20px;}
.more a { padding: 10px 0; display: block; font-size: 18px; font-weight: bold; color: #FFF; background: #0c558e; border-radius: 100px; text-align: center;}

.copyright { color: #3e3a39; padding: 20px;}

.foot-height { height: 50px;}
.foot { background: #303030; display: flex; position: fixed; bottom: 0px; width: 100%;}
.foot li { flex: 1; text-align: center; height: 50px; line-height: 50px;}
.foot li a { display: block; color: #FFF; font-size: 16px;}
.foot li:nth-child(2) { border-left: #6b6b6b solid 1px; border-right:#6b6b6b solid 1px;}
.foot li img { vertical-align: middle; width: 5vw; margin-right: 10px;}

.menu { padding: 20px; padding-top: 0px;}
.menu li { padding-top: 20px;}
.menu li a { display: block; text-align: center; font-weight: bold; font-size: 18px; line-height: 55px; color: #FFF; background: #f8011e url(skin/menu-a.jpg) center no-repeat; background-size: auto 100%; border-radius: 5px;}

.html { padding: 20px; line-height: 24px; text-align: justify; color: #727171;}

.message { padding: 20px; position: relative;}
.message .item { min-height: 50px; display: flex; align-items: center; background-color: #f2f2f2; border-radius: 5px; margin-top: 20px; padding-left:20px;}
.message .item.text { align-items: flex-start; background-position: 20px 10px;}
.message .item.text span { padding-top: 10px;}
.message .item input { height: 40px; flex: 1; background: #f2f2f2; border: 0px;}
.message .item textarea { height: 80px; padding: 10px; flex: 1; border: 0px; background: #f2f2f2;}
.message .submit { text-align: center; background: #0c558e; color: #FFF; font-size: 18px; line-height: 50px; border-radius: 5px; margin-top: 20px;}
.message .height { height: 100px;}

.pager { width:100%; height:65px; line-height:35px; text-align:center; margin-top: 30px; }
.pager a { margin:0px 5px; padding:5px 20px; color: #0c558e; border-radius:100px; border:#0c558e solid 1px;}
.pager span { color: #FFF; margin:0px 5px; padding:4px 10px; color: #0c558e;}

.pro-img { padding: 10px; position: relative; padding-bottom: 0px;}
.pro-img span { position: absolute; bottom: 20px; left: 20px; color: #FFF;}

.list-img li { padding: 20px;}
.list-img li strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 20px;}
.list-img li span { display: block; padding-top: 10px; color: #727171;}

.list-news .item { padding: 20px; padding-bottom: 0;}
.list-news .item a { display: block;}
.list-news .item .tim,.list-news .item .mor { color: #727171; padding-top: 10px;}
.list-news .item .tit { padding-top: 10px; display: block; color: #3e3a39; font-size: 18px; font-weight: bold; background: url(skin/dit.jpg) left bottom no-repeat; padding-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.list-news .item .txt { color: #727171; padding-top: 5px;}

.about { padding: 20px; background: url(skin/dit.jpg) 20px bottom no-repeat; font-weight: bold; color: #3e3a39; font-size: 16px; margin-bottom: 10px;}

.list-case li { padding-bottom: 20px;}

.iwechat { padding:40px 0;}
.iwechat img { display: block; width: 30%; margin: auto;}
.iwechat span { display: block; text-align: center; padding-top: 20px; color: #727171;}

.list .name { border-bottom: #eff0f0 solid 1px; padding: 10px 0; color: #000; margin: 0 20px; font-weight: bold; font-size: 16px;}
.list-team { padding: 10px;}
.list-team li { float: left; width: 50%; padding: 10px;}
.list-team li strong { padding-top: 10px; display: block; color: #3e3a39; font-size: 18px; font-weight: bold; background: url(skin/dit.jpg) left bottom no-repeat; padding-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list-team li span { display: block; padding: 10px 0 20px 0; color: #727171;}
.list-team li p {line-height: 20px;padding-bottom: 20px;color: #707070;}

.menu-float { position: fixed;; right: 0px; bottom: 10vh; z-index: 1000; transition: all 1s;}
.menu-float .item{ position: relative; cursor: pointer; width: 50px;}
.menu-float .item:hover img { opacity: .8;}
.menu-float .item .next { background: #0c558e; color: #FFF; position: absolute; right:70px; padding:10px; white-space: nowrap; line-height: 47px; top: 0px; opacity: 0; display: none; transition: .2s all;}
.menu-float .item .next::after { content:' '; border: rgba(0,0,0,0) solid 10px; border-left: #0c558e solid 10px; position: absolute; right: -20px; top: 50%; margin-top: -10px;}
.menu-float .item .next.top::after { top:30px;}
.menu-float .item .next img { max-width: none;}
.menu-float .item:hover .next,.menu-float .item:hover .next img { display: block; opacity: 1;}

.alert { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 10000; display:none;}
.alert .mask { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.8);}

.alert .telphone { width: 340px; height: 250px; background: #FFF; position: absolute; left: 50%; top: 50%; margin-left: -170px; margin-top: -125px; padding: 20px; position: relative;}
.alert .telphone .name { color: #595757; font-weight: bold; padding-bottom: 10px;}
.alert .telphone .numb { font-size: 28px; color: #f29700; padding-bottom: 20px;}
.alert .telphone .text { font-size: 12px; color: #595757; padding-bottom: 10px;}
.alert .telphone .push { padding-bottom: 15px;}
.alert .telphone .push input { border: #e4e5e5 solid 1px; width: 100%; padding: 10px 20px 10px 40px; box-sizing: border-box; background: url(skin/numb-bg.png) 10px center no-repeat;}
.alert .telphone .subm { width: 100%; height: 40px; line-height: 40px; background: #f29700; color: #FFF; text-align: center; cursor: pointer;}
.alert .telphone .hide,.alert .wechat .hide { position: absolute; right: 10px; top: 10px; width: 20px; cursor: pointer;}

.alert .wechat { width: 220px; height: 260px; background: #FFF; padding: 40px; position: absolute; left: 50%; top:50%; margin-left:-110px; margin-top: -130px;}
.alert .wechat .name { font-size: 12px; padding-bottom: 10px; text-align: center;}
.alert .wechat .show img { width: 100%;}