@charset "utf-8";

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;clear: both;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',Zitino;min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#27a1dc;}


/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{width: 90%;margin: 0 auto;max-width: 1600px;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd60{padding-top: 50px;padding-bottom: 50px;font-size:14px;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}
em {font-style: normal;}
/*--*/
input,
button,
textarea{border-radius: 0;padding: 0;border: none;background: none;outline: none;font-family: 'PingFang SC', "΢���ź�", Arial, Zitino;}
button{outline: none;}
table{border-collapse: collapse; word-wrap: break-all; border-spacing: 0;}
/*--*/

@font-face {
  font-family: 'iconfont';  /* project id 1152918 */
  src: url('//at.alicdn.com/t/font_1152918_4hr5pdwrx4t.eot');
  src: url('//at.alicdn.com/t/font_1152918_4hr5pdwrx4t.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1152918_4hr5pdwrx4t.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1152918_4hr5pdwrx4t.woff') format('woff'),
  url('//at.alicdn.com/t/font_1152918_4hr5pdwrx4t.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1152918_4hr5pdwrx4t.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}

/* hTitle */
.hTitle{font-size:16px;margin-bottom:20px;position: relative;}
.hTitle span{display: block;font-size:36px;color:#191919;margin-bottom:5px;}
/*--*/
.lTitle{font-size:30px;text-align: center;font-weight:normal}
.lTitle:after{content: '';width:45px;height:2px;display: block;background: #27a1dc;margin:15px auto}
.lTitle span{color:#333;}
/*--*/
.lTitlew{font-size:30px;text-align: center;font-weight:normal}
.lTitlew:after{content: '';width:45px;height:2px;display: block;background: #fff;margin:15px auto}
.lTitlew span{color:#fff;}
/* hTitle */

/* page */
.pagination{padding-top:20px;text-align:center;overflow:hidden;padding-bottom: 60px;}
.pagination a{font-size:12px;line-height:40px;display:inline-block;height:40px;padding:0 15px;text-align:center;color:#333;border:1px solid #ededed;background:#fff;border-radius:2px;margin:0 5px;}
.pagination a.a1{line-height:40px;height:40px;margin-top:0;padding:0 15px;}
.pagination a:hover{text-decoration:none;color:#000;background:#f1f1f1;}
.pagination span{line-height:40px;display:inline-block;height:40px;padding:0 15px;text-align:center;color:#fff;background:#27a1dc;border:1px solid #27a1dc;border-radius:2px;margin:0 5px;}
/* page */

/* more */
.ServiceInner .problem{background: #f5f5f5}
.moreBtn{color:#fff;font-size:14px;padding: 15px 40px;border:1px #0d4da1 solid;display: table;margin: 40px auto 0;background: #0d4da1;}
.moreBtn:before{content: ""; float:right;width:14px;height:7px;margin:8px 0 0 20px;background: url(../images/line01.png) no-repeat 0px 0;transition: all .4s ease-in-out;}
.moreBtn:hover{border-color:#333333; background: #333;}
.moreBtn:hover:before{transform:translateX(5px);}
/*--*/
.moreBtn.white{color:#fff;border-color:#fff;background:none}
.moreBtn.white:before{ background-position:0px 0 ;}
.moreBtn.white:hover{border-color:#0d4da1; background: #0d4da1;}
.moreBtn.white:hover:before{transform:translateX(5px);}
/*--*/
.moreBtn.grey{color:#303030;border-color:#303030; background: none;}
.moreBtn.grey:before{  background-position: -14px 0;}
.moreBtn.grey:hover{color:#fff;border-color:#0d4da1; background: #0d4da1}
.moreBtn.grey:hover:before{ background-position:0 0 }
 /* more */

@media all and (min-width:1801px) {.banner {height: 800px;position: relative;display:block;overflow:hidden;}}
@media all and (max-width:1800px) {.banner {height: 700px;position: relative;display:block;overflow:hidden;}}
@media all and (max-width:1340px) {.banner {height: 500px;position: relative;display:block;overflow:hidden;}}
@media all and (max-width:960px) {.banner {height: 400px;position: relative;display:block;overflow:hidden;}}
@media all and (max-width:640px) {.banner {height: 280px;position: relative;display:block;overflow:hidden;}}
@media all and (max-width:480px) {.banner {height: 200px;position: relative;display:block;overflow:hidden;}}

@media all and (max-width:1035px) {.banm { display:none}}

/* banner */
.fd-share a:hover {opacity: .6}
.fp-tableCell {vertical-align: top !important}

.slick-ban, .slick-list, .slick-track {height: 100%;}
.ban-bg {height: 100%;background: no-repeat center center/cover;}
.ban-txt {z-index: 1;position: absolute;top: 45%;left: 0;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);text-align: center;font-size: 50px;color: #fff;display: block;overflow: hidden;}
.ban-play {visibility: hidden;margin: 0 auto;width: 106px;height: 106px;cursor: pointer;background: url(../images/play.png) no-repeat center center/contain}
.ban-tit {font-weight:bold;display: inline-block;position: relative;letter-spacing: 5px}
.ban-tit span {color: #005f40}
.ban-tit em {display: inline-block;width: 17px;height: 42px;position: relative;top: 5px;background: url(../images/xie.png) no-repeat center center/contain}
.ban-tit:after {background: url(../images/tit-l.png) no-repeat center center/contain;left: -80px;top: 53%}
.ban-tit:before {background: url(../images/tit-r.png) no-repeat center center/contain;right: -80px;top: 38%}
.ban-tit:after, .ban-tit:before {content: '';position: absolute;width: 64px;height: 13px}
.slick-ban .slick-dots {position: absolute;bottom: 30px;left: 0;margin-bottom: 80px;width: 100%;text-align: center;font-size: 0}
.slick-ban .slick-dots li {display: inline-block;vertical-align: middle;width: 14px;height: 14px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #005e40;margin: 0 10px;position: relative;cursor: pointer}
.slick-ban .slick-dots button {font-size: 0;border: none;background: 0 0}
.slick-ban .slick-dots .slick-active:after {content: '';width: 24px;height: 24px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);border: 1px solid #005e40}
.ban-pic {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: no-repeat center center / cover;display: none;}
.ban-video {position: absolute;top: 0;left: 0;min-width: 100%;min-height: 110%;pointer-events: none}
.ban-video video {display: block;width: 100%;height: 100%;background-color: #000}
.ban-video.on {opacity: 1;pointer-events: auto}
/* banner */

/* header */
.header{width:100%;height:120px;line-height:120px;background:#fff;position:relative;z-index:99;}
.headTie{color:#191919;font-size:1.05em;border-left: 1px dotted #ccc;margin-left:15px;padding-left:15px;line-height:1.4;margin-top: 33px;}
.headTie strong{color:#27a1dc;display:block;font-size:1.2em;}
.nav {padding:0 13% 0 5%;height:120px;display:flex;flex-flow: row wrap;justify-content: space-between;}
.nav .m{float:left;text-align:center;position:relative;z-index:10;flex-grow:1;}
.nav .m>a{color:#191919;display:inline-block;position:relative;font-size: 17px;}
.nav .m>a::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#27a1dc;width:100%;transform: scale(0,1);transform-origin:right;transition: transform .3s;}
.nav .cur>a,.nav .m>a:hover{color:#27a1dc;}
.nav .cur>a::after,.nav .m>a:hover::after{width:100%;transform: scale(1);transform-origin:left;}
.nav .navSub{position:absolute;left:-19%;top:100%;background:#eee;line-height:35px;width:140px;color:#333;font-size:.875rem;transform:scale(0,1);transition:all 0.4s;opacity:0;}
.nav .navSub li{border-bottom:1px solid #ddd;line-height:55px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#27a1dc;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;}
.headR{width:330px;position:absolute;right:0;top:0;line-height:1.6;height:120px;padding-top:35px;font-size: 1.021em;padding-left:40px;background: url(../images/t_tel.png) no-repeat 12px 52px;}
.headR span{display: block;font-size:20px;font-family:Arial;color:#191919;}
.headR span b{color:#27a1dc;}
.headFix{height:90px;line-height:90px;box-shadow:2px 2px 5px #ddd;position: fixed;left:0;top:0;font-size:1rem;}
.headFix .nav{height:90px;}
.header .logo img{height:74px;}
.headFix .headR{padding-top:15px;height:90px;}
/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#27a1dc;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapTel{font-family:"iconfont";position: absolute;color:#27a1dc;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}
/* header */

/* case */
.case{ padding-bottom:40px;}
.case .casenav{text-align:center;}
.case .casenav a{border:1px solid #ccc;width:180px;height:40px;line-height:38px;display:inline-block;margin:0px 24px 0;}
.case .casenav a:hover{background:#27a1dc;color:#fff;}
.case .caseLi{padding-top:40px;overflow:hidden;}
.case .caseLi li{width:32%;float:left;margin-right:2%;text-align:center;margin-bottom: 15px;}
.case .caseLi li a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.case .caseLi li a img{position:relative;z-index:8;width:100%}
.case .caseLi li a .zc{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;left:0;top:0;z-index:9;opacity:0;}
.case .caseLi li a .zc:before{position:absolute;left:10px;top:10px;width:100%;height:100%;content:"";border-left:1px solid #a1a1a1;border-top:1px solid #a1a1a1;}
.case .caseLi li a .zc:after{position:absolute;right:10px;bottom:10px;width:100%;height:100%;content:"";border-right:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1;}
.case .caseLi li a .zc i{position:absolute;left:0;top:25%;display:block;width:100%;height:100%;text-align:center;z-index:10;}
.case .caseLi li a .zc i img{display:inline-block;max-width:100%;width:auto;height:auto;}
.case .caseLi li span{display:block;width:100%;line-height:60px;font-size:18px;}
.case .caseLi li:nth-child(3n){margin-right:0;}
.case .caseLi li a:hover .zc{opacity:1;}
.case .caseLi li a:hover .zc i{top:41%;}
/* case */

/* product */
.product{background:#ededed;overflow:hidden;}
.product li{background:#fff;margin-bottom:20px;height: 497px;overflow:hidden;}
.product li .pic{width: 50%;}
.product li .pic .pImg{padding-top: 0;width: 100%;height: auto;display: block;overflow: hidden;}
.product li .pic .pImg img{ height:100%;}
.product li .pic span:hover img{transform: scale(1.1);}
.product li .txt{width:50%;padding:4%;position:relative;background:#fff;height:497px;}
.product li h4{font-size: 2.275em;color:#191919;margin-bottom:20px;/* font-weight:700; */}    
.product li p{line-height: 36px;font-size: 17px;}
.product li .more,.aboutMain .more{width:120px;height:34px;line-height:34px;border:1px solid #b3b3b3;text-align:center;display:inline-block;font-size:12px;font-family:Arial;margin-top:25px;}
.product li .more:hover,.aboutMain .more:hover{color:#27a1dc;border:1px solid #27a1dc;width:180px;}
.product li .small{position:absolute;left:0;bottom:0;margin-left:1px;max-width:100%;}
.product li:nth-child(2n) .txt{float:left;} 
.product li:nth-child(2n) .pic{float:right;}
.product li:nth-child(2n) .small{margin-right:1px;margin-left:0px;}
/* product */

/* news */
.news .newsMain{overflow:hidden;margin-right:-15px;}
.news .newsMain li{float:left;width:33.3%;padding-right:15px;overflow:hidden;margin-bottom:15px;}
.news .newsMain li a{display:block;overflow:hidden;position:relative;z-index:2;color:#888;padding:20px; border:1px solid #E3E3E3;}
.news .newsMain li .bgImg{height:299px;transition:all .6s;}
.news .newsMain li .bgImg img{ height:100%;}
.news .newsMain li h4{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;padding:25px 0 15px 0;transition:all .3s;font-weight:bold;}
.news .newsMain li p{height:100px;border-bottom: 1px solid #e5e5e5;margin-bottom:30px;line-height:1.8;}
.news .newsMain li .date{display:block;font-size:12px;}
.news .newsMain li .date i{font-style:normal;margin-left:20px;opacity:.6;}
.news .newsMain li a:hover .bgImg{transform: scale(1.1);}
.news .newsMain .pic h4{z-index:2;position:relative;}
.news .newsMain .pic .hide{display:block;}
.news .newsMain .txt a{padding:39.2px;}
.news .newsMain .txt h4{padding-top:0;}
.news .newsMain .txt .bgImg{position: absolute;z-index:-1;opacity:0;top:0;left:0;}
.news .newsMain .txt a:hover .bgImg{opacity:.2;}
.news .newsMain .txt a:hover{color:#fff;background-color:#27a1dc;}
.news .newsMain .txt a:hover h4{color:#fff;}
/* news */

/* footer */
.footer { border-top: 2px solid #1272bc; background: url(../images/foot-bg.jpg) no-repeat center; background-size: cover; }
.footer .foot-top { padding-top: 50px; padding-bottom: 70px; }
.footer .foot-nav{width:80%;}
.footer .foot-nav .item { float: left; }
.footer .foot-nav .item ~ .item { margin-left: 6%; }
.footer .foot-nav .item .tit { font-size: 18px; color: #cfd4dc; position: relative; padding-bottom: 27px; margin-bottom: 20px; line-height: 1; }
.footer .foot-nav .item .tit:before { content: ""; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; background-color: #1272bc; }
.footer .foot-nav .item ul li a {line-height: 36px;color: #9ea4ae;display: inline-block;font-size: 15px;}
.footer .foot-nav .item ul li a:hover, .foot-bottom a:hover { color: #1272bc; }
.footer .foot-nav .item .cont { padding-top: 5px; }
.footer .foot-nav .item .cont h4 { font-family: DINPro-Medium; font-size: 32px; line-height: 32px; color: #1272bc; }
.footer .foot-nav .item .cont p { font-size: 14px; line-height: 30px; color: #9ea4ae; margin-top: 14px; }
.footer .flex { display: flex; justify-content: space-between; flex-wrap: wrap;}
.footer .foot-qr { text-align: center; padding-top: 10px;}
.footer .foot-qr .qr-item ~ .qr-item { margin-left: 20px; }
.footer .foot-qr .qr-item img { width: 140px; }
.footer .foot-qr p { font-size: 14px; line-height: 30px; color: #9ea4ae; margin-top: 10px; }
.footer .foot-bottom { padding: 20px 0; border-top: 1px solid #39434e; color: #81868e;font-size:15px;}
.footer .foot-bottom a{font-size:15px;}
.footer .foot-bottom .mzfn a{font-size: 15px;}
.footer .foot-bottom a {color: #81868e;margin-left: 20px;}
/* footer */

/* menu-footer */
.menu-footer {display: none;width: 100%;height: 45px;line-height: 45px;text-align: center;background: rgba(18,114,188,0.7);font-size: 0;position: fixed;left: 0;bottom: 0;z-index: 99999;}
.menu-footer a {position: relative;float: left;width: 50%;color: #fff;font-size: 14px;}
.menu-footer i {margin-top: -2px;margin-right: 5px;vertical-align: middle;display: inline-block;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #a0a0a0;opacity: 0.5;}	

/* listBanner */
.listBanner{position: relative; overflow: hidden; height: 350px;}
.listBanner .picture{overflow: hidden;}
.listBanner .picture img{position: relative; left: 50%; margin-left: -960px; max-width: none; -webkit-animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s; animation: SlickIn cubic-bezier(1, 0, .5, .5) 1s;}
.listBanner .wap-pic{display: none;}
.listBanner{height: auto;}
.about-banner .picture img{left: 0; margin-left: 0; max-width: 100%; width: 100%;}
@-webkit-keyframes SlickIn{0%{-webkit-transform: scale(1.1, 1.1)} 100%{-webkit-transform: scale(1, 1)}}
@-webkit-keyframes SlickOut{0%{-webkit-transform: scale(1, 1)} 100%{-webkit-transform: scale(.9, .9)}}
@keyframes SlickIn{0%{transform: scale(1.1, 1.1)} 100%{transform: scale(1, 1)}}
@keyframes SlickOut{0%{transform: scale(1, 1)} 100%{transform: scale(.9, .9)}}
.listBanner .title{position: absolute; top: 37%; left: 50%; z-index: 2; margin-left: -700px;}
.listBanner .ce{left: 0; margin-left: 0; width: 100%;}
.listBanner .title .en{font-size: 18px; line-height: 1; color: rgba(255,255,255,.9); margin-top: 20px;}
.listBanner .title .black .en{color: #595959;opacity: .5;}
.listBanner .title .en2{color: rgba(255,255,255,.5);}
.listBanner .title .cn{font-size: 36px; line-height: 1; color: #27a1dc; font-weight: bold;}
.listBanner .title .black .cn{color: #262626;}
.listBanner .title .des{margin-top: 25px; font-size: 18px; line-height: 1; color: #fff;}
/* listBanner */

/* listMenu */
.listMenu{border-bottom:1px solid #f1f1f1; font-size:0; line-height: 0;text-align: center;}
.listMenu a{display:inline-block; min-width: 76px; padding:0 40px; font-size:16px; color:#333333; line-height: 50px; border-right:1px solid #f1f1f1; box-sizing: content-box;}
.listMenu a:first-child{ border-left:1px solid #f1f1f1;}
.listMenu a.on{background-color:#27a1dc; color:#fff;}
.listMenu a:hover{background-color:#27a1dc; color:#fff;}
/* listMenu */

/* listAbout */
.listAbout{ background-color:#f9f9f9;margin-bottom: 60px;}
.listAbout .text{margin:0 0 20px 0}
.listAbout .text p{margin:0 auto;color:#333;font-size:16px;line-height:30px;padding-bottom: 20px;}
.listAbout .text p strong{font-weight:700; color:#111;}
.listAbout .pic{ overflow: hidden;}
.listAbout .pic span{float:left;margin:0 10px 0 0;}
.listAbout .pic .pImg{padding-top: 0;width: 24.3%;height: auto;}
.listAbout .pic .pImg:nth-child(4n){margin-right: 0;}
.listAbout .pic .pImg img{ height:auto!important;}
.listAbout .pic span:hover img{transform: scale(1.1);}
/* listAbout */

/* listFactory */
.listFactory{background-color:#fff;padding-bottom: 50px;}
.listFactory .box{margin-top:-.6rem}
.listFactory .box .list{display:-webkit-box;display:-ms-flexbox;padding:1rem 0;}
.listFactory .box .list .pImg{padding-top: 0;width: 390px;height: 244px;}
.listFactory .box .list .pImg img{ height:100%;}
.listFactory .box .list .pic:hover img{transform: scale(1.1);}
.listFactory .box .list:after{display:none}
.listFactory .box .list:nth-child(2n+2){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.listFactory .box .list .pic{width: 50%;height: 260px;background-color:#eee;}
.listFactory .box .list .txt{width: 50%;padding: 80px;border: 1px solid #E4E4E4;}
.listFactory .box .list .txt .sdt{margin-top:.6rem;line-height:1.5em;color:#27a1dc; font-size:26px;}
.listFactory .box .list .txt .sdd{margin-top:15px;line-height:2em; font-size:16px;}
/* listFactory */

/* listMien */
.listMien{background-color:#34a1dc; overflow:hidden;}
.listMien ul{padding-top: 5px;}
.listMien li{float:left;background:#fff;background:#fff;width:24%;margin:0 .5%;padding:2.5%;}
.listMien li h4{color:#191919;font-size:22px;margin-bottom:20px;}
.listMien li .pImg{padding-top: 0;width: 100%;height:auto;}
.listMien li .pImg img{ height:100%;}
.listMien li .pic:hover img{transform: scale(1.1);}
/* listMien */

/* listTest */
.listTest .box{background:#e9e9e9;margin-bottom:20px;}
.listTest .box img{width:100%;}
.listTest .box .pImg{padding-top: 0;width: 100%;height:auto;}
.listTest .box .pImg img{ height:100%;}
.listTest .box .pic:hover img{transform: scale(1.1);}
.listTest .box .txt{padding: 1.2% 2%;text-align: center;}
.listTest .box h4{color:#191919;font-size:20px;}
.listTest .list{margin-top:50px;}
.listTest .list li{float:left;width:24%;margin-right:21px;}
.listTest .list li:nth-child(4n){margin-right:0;} 
.listTest .list li p{height:70px;line-height:70px;font-size: 18px;text-align: center;color: #333;}
.listTest .list li .pImg{padding-top: 0;width: 100%;height: auto;}
.listTest .list li .pImg img{ height:100%;}
.listTest .list li .pic:hover img{transform: scale(1.1);}
/* listTest */

/* listProduct */
.listProduct .list {width: 100%;}
.listProduct .list li {width: 100%;margin-bottom: 50px;}
.listProduct .list li:nth-child(3n){margin-bottom: 0;}
.listProduct .list li a {display: block;position: relative;height: 622px;background-color: #d8d8d8;overflow: hidden;}
.listProduct .list li .pImg{padding-top: 0;width: 384px;height: 288px;}
.listProduct .list li .pImg img{ height:100%;}
.listProduct .list li .pic:hover img{transform: scale(1.1);}
.listProduct .list li .pic {position: absolute;left: 0;top: 0;z-index: 1;width: 100%;height: 100%;overflow: hidden;}
.listProduct .list li .pic img {width: auto;height: 100%;}
.listProduct .list li .text {width: 600px;height: 100%;background-color: rgba(39, 161, 220, 0.9);position: absolute;right: 0;top: 0;z-index: 2;}
.listProduct .list li .box {padding: 50px 60px 10px;color: #fff;position: relative;}
.listProduct .list li h3 {font-size: 30px;line-height: 50px;height: 50px;font-weight: bold;margin-bottom: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.listProduct .list li .txt {font-size: 17px;line-height: 42px;height: 480px;overflow: hidden;text-align: justify;}
.listProduct .list li label {padding-left: 86px;display: block;height: 50px;cursor: pointer;font-family: 'arial';line-height: 50px;font-size: 16px;text-transform: uppercase;position: absolute;right: 50px;top: 50px;z-index: 3;background: url('../images/line-yu.png') left no-repeat;}
.listProduct .list li:hover a {-webkit-box-shadow: 0 0 5px 0 rgba(199, 11, 24, 0.3);box-shadow: 0 0 5px 0 rgba(199, 11, 24, 0.3);}
/* listProduct */

/*  productShow */
.productShow{background:#f1f1f1;}
.productShow td{border: 1px solid #d4cfcf;line-height: 38px;}
.productShow .proShow_box1{overflow:hidden;margin-bottom:50px;background:#fff;}
.productShow .proShowTop{overflow:hidden;margin-bottom:50px;}
.productShow .proShow_l{width:70%;}
/*--*/
.productShow .gallery .pImg{padding-top: 0;width:100%;height: auto;}
.productShow .gallery .pImg img{ height:100%;}
.productShow .gallery .pic:hover img{transform: scale(1.1);}
.productShow .gallery{width: 50%;position:relative;border-right:solid 1px #ddd;}
.productShow .gallery .gallery-top{position:relative;border-bottom: 1px solid #ddd;}
.productShow .gallery .gallery-top .pImg{padding-top:80%;}
.productShow .gallery img{width:100%;}
.productShow .gallery-top li a{position:relative;padding-top:81%;}
.productShow .gallery-thumbs{margin-left:1px;}
.productShow .gallery-thumbs li{border-right:1px solid #bdc4ce;padding-top:20%;cursor:pointer;width:25%;position: relative;}
.productShow .gallery-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;}
.productShow .gallery-thumbs .on::after{border:2px solid #27a1dc;}
.productShow .gallery .btn{background:#333;width:40px;height:35px;line-height:35px;text-align:center;color:#fff;opacity:0;}
.productShow .gallery .swiper-button-prev{left:0;}
.productShow .gallery .swiper-button-next{right:0;left:auto;}
.productShow .gallery .btn:hover{background:#27a1dc;}
.productShow .gallery:hover .btn{opacity:.8;}
/*--*/
.productShow .picShow_r{width:28%;overflow:hidden;}
.productShow .picShow_r .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.productShow .picShow_r .title span{display:inline-block;border-bottom: 1px solid #27a1dc;height:40px;}
.productShow .picShow_r .title a{float:right;font-size:12px;margin-top:4px;}
.productShow .picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.productShow .picShow_r li .pImg{width:35%;float:left;padding-top:0;margin-right:20px;border:1px solid #ddd;}
.productShow .picShow_r li h4{font-size:15px;margin-bottom:10px;}
.productShow .picShow_r li h4 a{color:#222;}
.productShow .picShow_r li h4 a:hover{color:#27a1dc;}
.productShow .picShow_r li:hover img{transform: scale(1.1);}
.productShow .picShow_r li:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;}
/*--*/
.productShow .rightNews_w li h4{font-size:18px;/* padding-top:4px; */text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.productShow .rightNews_w li p{line-height: 22px;}
.productShow .showPage{height:90px;line-height:90px;overflow:hidden;background:#f1f1f1;}
.productShow .showPage a{float:left;width:43%;padding:0 20px;}
.productShow .showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;padding-left:10px;margin-left:10px; border-left: 1px dotted #ccc;}
.productShow .showPage a:nth-child(2){float:right;text-align:right;}
.productShow .showPage a:nth-child(1) i{padding:0 10px 0 0;margin:0 10px 0 0; border-right: 1px dotted #ccc;border-left:none;}
.productShow .showPage a:nth-child(3){width:14%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.productShow .showPage a:hover{background:#27a1dc;color:#fff;}
.productShow .rightNews,.rightContact{background:#f4f4f4;padding:5%;}
.productShow .rightNews_w,.rightContact_w{background:#fff;padding:8%;}
.productShow .rightContact{margin-top:30px;}
.productShow .rightContact h4{background: url('../images/zxIcon.png') no-repeat left 8px;padding-left:30px;font-size:2em;color:#191919;font-family:Arial;font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}
.productShow .rightContact p{padding-left:80px;margin-bottom:10px;overflow:hidden;}
.productShow .rightContact p span{margin-left:-80px;float:left;}
/*--*/
.productShow .proShow_R{width: 50%;overflow:hidden;line-height:1.8;padding:3% 4%;}
.productShow .proShow_R .title{margin-bottom:20px;color:#333;}
.productShow .proShow_R .title span{display:block;font-size: 28px;color:#27a1dc;font-weight: bold;}
.productShow .proShow_R .font{min-height:126px;line-height:2;font-size: 16px;}
.productShow .proShow_R .font strong{font-size: 18px;overflow: hidden;}
.productShow .proShow_R .btn{overflow:hidden;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;padding:20px 0;margin-bottom:20px;margin-top:10px;}
.productShow .proShow_R .btn a{width:38%;height:50px;line-height:50px;float:left;text-align:center;border:1px solid #ccc;margin-right:3%;}
.productShow .proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.286rem;line-height:1;top:2px;}
.productShow .proShow_R .btn a:hover{background:#27a1dc;color:#fff;border:1px solid #006635;}
.productShow .proShow_R .tel{font-size:1.571em;color:#191919;font-family:Arial;font-weight:bold;background: url('../images/zxtel.png') no-repeat left 10px;padding-left:25px;margin-bottom:15px;}
.productShow .proShow_R .tel span{margin-left:15px;}
.productShow .proTie span{display:inline-block;border-bottom:1px solid #27a1dc;;color:#27a1dc;height:45px;}
.productShow .proTie{height:45px;border-bottom:1px solid #dcdcdc;font-size:1.286em;margin-bottom:25px;}
.productShow .proShow_con{ background:#fff; padding:2.8%;}
.productShow .proShow_con .main{background:#fff;font-size: 16px;line-height: 32px;color: #191919;}
.productShow .proShow_con .main p{ padding-bottom:15px;}
.productShow .showPage_w{background:#fff;margin-top:40px;}
.productShow .gallery-thumbs.swiper-container .swiper-slide{pointer-events:auto;}
/*  productShow */

/* listSolu */
.listSolu{ text-align:center;}
.listSolu p img{ height:auto!important;}
/* listSolu */

/* listCase */
.listCase{ padding-top:60px; padding-bottom:40px;}
.listCase .list{overflow:hidden;}
.listCase .list li{width:32%;float:left;margin-right:2%;text-align:center;margin-bottom: 15px;}
.listCase .list li a{display:block;width:100%;height:100%;overflow:hidden;position:relative;}
.listCase .list li a img{position:relative;z-index:8;width:100%}
.listCase .list li a .zc{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;left:0;top:0;z-index:9;opacity:0;}
.listCase .list li a .zc:before{position:absolute;left:10px;top:10px;width:100%;height:100%;content:"";border-left:1px solid #a1a1a1;border-top:1px solid #a1a1a1;}
.listCase .list li a .zc:after{position:absolute;right:10px;bottom:10px;width:100%;height:100%;content:"";border-right:1px solid #a1a1a1;border-bottom:1px solid #a1a1a1;}
.listCase .list li a .zc i{position:absolute;left:0;top:25%;display:block;width:100%;height:100%;text-align:center;z-index:10;}
.listCase .list li a .zc i img{display:inline-block;max-width:100%;width:auto;height:auto;}
.listCase .list li span{display:block;width:100%;line-height:60px;font-size:18px;}
.listCase .list li:nth-child(3n){margin-right:0;}
.listCase .list li a:hover .zc{opacity:1;}
.listCase .list li a:hover .zc i{top:41%;}
/* listCase */

/* caseNews */
.caseNews{background: #f5f5f5;}
.caseNews .box .item{width:50%;}
.caseNews .box .item .list .cont h4 {font-size: 18px;color: #252525;line-height: 1;}
.index-news-tab .item .list .cont h4  a{ color:#333;}
.caseNews .box .item .list .cont h4 {font-size: 18px;color: #000;padding-bottom: 10px;}
.caseNews .box .item .list .cont p { line-height: 20px; margin-top: 7px; margin-bottom: 4px; }
.caseNews .box .item .list {display: flex;flex-wrap: nowrap;justify-content: space-between;background: #fff;padding: 30px;float: left;margin-right: 20px; margin-bottom:20px;}
.caseNews .box .item .list .pic { width: 25%; overflow: hidden; }
.caseNews .box .item .list .pImg{padding-top: 0;}
.caseNews .box .item .list .pImg img{ height:100%;}
.caseNews .box .item .list:hover img{transform: scale(1.1);}
.caseNews .box .item .list .cont { width: 75%; position: relative; padding-left: 17px; }
.caseNews .box .item .list .cont h4 {font-size: 18px;color: #252525;line-height: 1;}
.caseNews .box .item .list .cont p {font-size: 14px;color: #999;line-height: 22px;margin-top: 8px;margin-bottom: 8px;}
.caseNews .box .item .list .cont .more { font-size: 14px; color: #006db4; line-height: 1; }
.caseNews .box .item .list .cont .date { position: absolute; right: 5px; bottom: 0; font-size: 14px; color: #999; }
/* caseNews */

/* listNews */
.listNews{margin-bottom:-50px;}
.listNews .list li{float: left; width: 48.7%; margin-right: 40px; margin-bottom: 40px; padding: 1.5%; background: #f2f2f2; border-radius: 6px;}
.listNews .list li:nth-child(2n+0){ margin-right:0;}
.listNews .list li .pic,.listNews .list li .info{float: left;}
.listNews .list li .pic{width: 39%; margin-right: 4%}
.listNews .list li .pic img{display: block; width: 100%}
.listNews .list li .pImg{padding-top: 0;width: 40%;height: auto;}
.listNews .list li .pImg img{ height:100%;}
.listNews .list li .pImg:hover img{transform: scale(1.1);}
.listNews .list li .info{width: 52%;}
.listNews .list li .info em{display: block;font-size: 18px;color: #333333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;margin: 0 0 18px;font-style:normal;font-weight: bold;}
.listNews .list li .info p{line-height: 28px;color: #888;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 16px;font-size: 14px;height: 90px;}
.listNews .list li .info .time{background-image: url(../images/icos-time.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat;padding-left: 20px;}
.listNews .list li .info .author{background-image: url(../images/icos-author.png); background-size: auto; background-position: 0 50%; background-repeat: no-repeat;padding-left: 20px;}
.listNews .list li .info span{display: inline-block;color: #999;font-size: 13px;}
.listNews .list li:hover{background: #fff; box-shadow: 0px 0px 9px 2px #f0f0f0; transition:0.6s;}
/*--*/
.listNews .recommend .tie{font-size:2em;color:#333;margin-bottom:30px; text-align:center;}
.listNews .recommend{overflow: hidden; background:#eef1f8;}
.listNews .recommend li{float:left;width:23.5%;margin-right: 30px;text-align:center;background: #fff;}
.listNews .recommend li:nth-child(4n){margin-right:0;}
.listNews .recommend .box{padding:20px 20px;}
.listNews .recommend li h3{padding-bottom: 15px; border-bottom: #cccccc solid 1px; font-size: 18px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333333;}
.listNews .recommend li p{margin-top: 15px; line-height: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 44px;text-align: left;}
.listNews .recommend li .pImg{padding-top:0;}
.listNews .recommend li a:hover img{transform: scale(1.1);}
/* listNews */

/* listPosition */
.listPosition {padding-top: 18px;padding-bottom: 18px;color: #81868e;background-color: #f7f7f7;overflow: hidden;}
.listPosition .left{ float:left;}
.listPosition .right{ float:right;}
.listPosition a {color: #81868e;font-size: 14px;}
.listPosition a:hover {color: #017cc2;}
.listPosition .right i{display: inline-block;width: 16px;height: 16px;line-height: 1;color: #333;vertical-align: middle;margin-right: 5px;margin-top: -2px;}
/* listPosition */

/* newsShow */
.newsShow .left{width:70%}
.newsShow .right{width:29%;}
.newsShow .left { float: left; margin: auto; width: 70%; background: #fff; border: 1px #eceaea solid;}
.newsShow .left h3.tag{line-height: 32px;border-top:1px dashed #e0e1dc;padding-top: 10px;color:#999;font-weight:normal;padding-left: 20px;padding-bottom: 5px;}
.newsShow .left h3.tag a{color:#017cc2;}
.newsShow .left h3.tag a:hover{color:#e87518;}
.newsShow .left .title { padding: 40px 20px; padding-bottom: 20px; text-align: center; line-height: 1.5; }
.newsShow .left .title .tit { padding-bottom: 10px;color: #191919;font-weight: bold;font-size: 28px;}
.newsShow .left .title p { padding-bottom: 10px; border-bottom: 1px solid #eceaea; color: #a3afb7; font-size: 14px; }
.newsShow .left .title p a { color: #a3afb7; }
.newsShow .left .content { overflow: hidden; margin: 40px 20px 20px; margin-top: 0; min-height: 600px; color: #666; font-size: 14px; line-height: 1.75; }
.newsShow .left .content p { margin-bottom: 10px;color: #1d1b1b;font-size: 15px;line-height: 30px;text-indent: 2em;}
.newsShow .left .content img { max-width: 100% !important; height: auto !important; width: auto !important; }
.newsShow .left .other { padding: 20px 15px; border-top: 1px #eceaea solid; }
.newsShow .left .other p { display: block; padding-left: 3px; height: 40px; line-height: 40px; }
.newsShow .left .other p a { color: #333; font-size: 14px; }
.newsShow .left .other p a:hover { color: #017cc2; }
.newsShow .left .back { margin-top: 20px; width: 125px; height: 40px; background-color: #017cc2; color: #fff !important; text-align: center; font-size: 14px; line-height: 40px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; float: right; }
.newsShow .left .back:hover { opacity: 0.8; filter: alpha(opacity=80); }
/*--*/
.proTiec{height:50px;line-height:50px;border-bottom:1px solid #dcdcdc;font-size:1.286em;margin-bottom:25px;margin-top:30px;margin-left: 15px;margin-right: 15px;}
.proTiec span{display:inline-block;border-bottom:1px solid #017cc2;;color:#017cc2;height:50px;}
.proListc ul{padding: 20px 15px;}
.proListc li{float:left;width: 31.4%;margin-bottom:20px;margin-right: 30px;}
.proListc li:nth-child(3n){margin-right: 0;}
.proListc li a{display:block;}
.proListc li .pImg{padding-top: 0;transition:all .3s;border:1px solid #d1d1d1;transition:all .4s;}
.proListc li p{height:60px;line-height:60px;color:#191919;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;}
.proListc li a:hover .pImg{box-shadow:0 0 10px #ccc;}
.proListc li a:hover img{transform: scale(1.1);}
.proListcli a:hover p{color:#017cc2;}
/*--*/
.newsShow .right .case{ overflow: hidden;border: 1px #eceaea solid;padding: 30px; margin-bottom:20px;}
.newsShow .right .case .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.newsShow .right .case .title span{display:inline-block;border-bottom: 1px solid #2e87eb;height:40px;}
.newsShow .right .case .title a{float:right;font-size:12px;margin-top:4px;}
.newsShow .right .case .list{margin:0 0 -30px 0px}
.newsShow .right .case .list li {width:100%;margin-bottom:30px;}
.newsShow .right .case .list li .pImg{padding-top: 0;width: 100%;height: 100%;}
.newsShow .right .case .list li .pImg img{ height:100%;}
.newsShow .right .case .list li .pImg:hover img{transform: scale(1.1);}
.newsShow .right .case .list li a {display:block;}
.newsShow .right .case .list li h4 {font-size:16px;color:#666666;margin-top:10px;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsShow .right .case .list li:hover h4 {color:#27a1dc;}
.newsShow .right .case .list li:hover .pic {border-color:#27a1dc;}
/*--*/
.newsShow .right .news{overflow:hidden;border: 1px #eceaea solid;padding: 30px;}
.newsShow .right .news .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.newsShow .right .news .title span{display:inline-block;border-bottom: 1px solid #2e87eb;height:40px;}
.newsShow .right .news .title a{float:right;font-size:12px;margin-top:4px;}
.newsShow .right .news li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.newsShow .right .news li .pImg{width:35%;float:left;padding-top:0;margin-right:20px;}
.newsShow .right .news li h4{font-size:15px;margin-bottom:10px;}
.newsShow .right .news li h4 a{color: #222;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;font-weight: bold;}
.newsShow .right .news li h4 p{ line-height:24px;}
.newsShow .right .news li h4 a:hover{color:#005aae;}
.newsShow .right .news li:hover img{transform: scale(1.1);}
.newsShow .right .news li:last-child{border-bottom:none;padding-bottom: 0;margin-bottom: 0;}
/* newsShow */

/* listService */
.listService{ background:url(../images/newsbj.png) no-repeat center;}
.listService .purchase{ float: left; width: 100%; margin: 20px 0 10px 0;}
.listService .purchase .text{ float: left; width: 62%; font-size:16px; color:#333333; line-height: 32px;}
.listService .purchase .text .margin{ float: left; margin:10px 1.5% 4px 0; overflow-y: auto;}
.listService .purchase .text #boxscroll{ position: relative;}
.listService .purchase .text .wrapper{ float: left; height: auto; width: 93%; margin-right: 7%;}
.listService .purchase .text h2{ float: left; width: 100%; color:#27a1dc; font-size:28px; line-height: 66px; position: relative}
.listService .purchase .text h2:after{ position: absolute; content: ''; width: 48px; height: 2px; background: #27a1dc; left: 0; bottom: -15px;}
.listService .purchase .text p{ font-size:14px;}
.listService .purchase .text p span{color: #333;padding-bottom:10px;display:block;font-weight: 700;font-size: 16px;}
.listService .purchase .Img{ float: right; width: 43%; line-height: 0; font-size:0; overflow: hidden;-moz-border-radius:10px;}
.listService .purchase .pImg{padding-top: 10px;width: auto;height: auto;}
.listService .purchase .pImg img{ height:100%;}
.listService .purchase .Img:hover img{transform: scale(1.1);}
/*--*/
.listafter{ background:url(../images/zjtj_img8.jpg) no-repeat center;}
.listafter  .greyBox{float: left; width: 100%; background: #f4f4f4;}
.listafter .marginT{ float: left; width: 100%; margin: 60px 0;}
.listafter .aboutTit{ float: left; width: 100%; text-align: center}
.listafter .aboutTit h1{ display: block; color:#333333; font-size:28px; line-height: 46px;}
.listafter .aboutTit span{ display: block; color:#999; font-size: 14px; line-height: 22px; text-transform: uppercase; position: relative;}
.listafter .aboutTit span:before,.listafter .aboutTit span:after{ position: absolute; content: ''; width: 44%; left: 0; top:50%; height: 1px; background: rgba(0,0,0,0.1)}
.listafter .aboutTit span:before{ left: auto; right: 0;}
.listafter .shareholder{ float: left; width: 100%;}
.listafter .shareholder .li{float: left;width: 100%;margin-top: 20px;background: #fff;height:100%;position: relative;}
.listafter .shareholder .li:first-child{margin-top: 10px;}
.listafter .shareholder .li .img{ float: left; width: 38%; font-size:0; line-height: 0;}
.listafter .shareholder .li .pImg{padding-top: 0;width:38%;height: auto;}
.listafter .shareholder .li .pImg img{ height:100%;}
.listafter .shareholder .li .pImg:hover img{transform: scale(1.1);}
.listafter .shareholder .li .text{float: left;right: 0;width: 58%;margin:1% 2%;height:93%;position: absolute;overflow-y: auto;}
.listafter .shareholder .li .text .table{display: table; width:94%;height: 100%; margin: 0 3%; color:#666666; font-size:16px; line-height: 32px; }
.listafter .shareholder .li .text .cell{ display: table-cell; vertical-align: middle;}
.listafter .shareholder .li .text .cell h3{ float: left; width: 100%; color:#27a1dc; font-size:20px; font-weight: bold; line-height: 30px; position: relative; padding:20px 0;}
.listafter .shareholder .li .text .cell .word{float: left;width: 100%;/* margin-top: 25px; */}
.listafter .shareholder .li .text .cell .word strong{ color:#333;}
.listafter .shareholder .li:nth-child(2n+0) .img{float: right;}
.listafter .shareholder .li:nth-child(2n+0) .text{left: 0; right: auto;}
/*--*/
.listguara .servic{ float:left; width:100%; margin:20px 0 0 0;}
.listguara .servic ul{ margin:0 -15px;}
.listguara .servic li{ float:left; width:33.33%; padding:0 15px; margin-bottom:15px;}
.listguara .servic .box{ float:left; width:100%; background:#fff; text-align:center;}
.listguara .servic .img{ float:left; width:100%; line-height:0; overflow:hidden;}
.listguara .servic .pImg{padding-top: 0;width: auto;height: auto;}
.listguara .servic .pImg img{ height:100%;}
.listguara .servic .pImg:hover img{transform: scale(1.1);}
.listguara .servic .tit{ float:left; width:100%; position:relative; top:0; margin-top:-20px;}
.listguara .servic .tit span{ display:inline-block; vertical-align:top; height:40px; line-height:38px; color:#fff; font-size:20px; background:#27a1dc; padding:0 25px;}
.listguara .servic .info{ float:left; width:100%; color:#333; font-size:16px; line-height:28px; padding:24px 9.81% 0 9%;}
/* listService */

/* listJob */
.listJob{font-size:0.938em;text-align:center;overflow: visible;}
.listJob .title{font-size:1.667em;color:#191919;position:relative;padding-bottom:15px;margin-bottom:15px;}
.listJob .title::after{content:"";position: absolute;width:26px;height:2px;background:#d6000f;margin-left:-18px;bottom:0;left:50%;}
.listJob .txt{max-width:1200px;margin:0 auto;}
.listJob ul{margin-top:40px;overflow:hidden;box-shadow:0 0 10px #ccc;padding:4% 0;}
.listJob li{float:left;width:33.3%;padding:0 4%;border-right: 1px solid #dbdbdb;}
.listJob li .pImg{padding-top: 0;width: 404px;height: 250px;}
.listJob li .pImg img{ height:100%;}
.listJob li span:hover img{transform: scale(1.1);}
.listJob li h4{font-size:1.2em;color:#333;font-weight:700;margin:10px 0;}
.listJob li:nth-child(3){border:none;}
.jobList{background:#f7f7f7;}
.jobList .tie2{text-align:center;margin-bottom:40px;color:#ad1f1f;font-size:1.1286em;margin-top:5px;}
.jobList li{overflow:hidden;padding:0 40px;margin-bottom:15px;background:#fff;}
.jobList .top{padding:20px 0;overflow:hidden;padding-right:150px;line-height:34px;cursor:pointer;}
.jobList .top span{float:left; width:20%;}
.jobList .top a{float:right;width:130px;height:34px;line-height:34px;background: #27a1dc;color:#fff;text-align:center;font-size:12px;margin-right:-150px;}
.jobList .top .tie{font-weight:700;color:#333;font-size:1.286em;}
.jobList .top a:hover{background:#ad1f1f;}
.jobList .font{border-top: 1px solid #cfcfcf; overflow:hidden;padding-top:30px;font-size:12px;display:none;padding-bottom:40px;}
.jobList .font .txt{float:left;width:48%;}
.jobList .font .txt .tie{color:#333;margin-bottom:20px;display:block;font-size: 16px;}
.jobList .font .txt p{font-size:14px;line-height: 28px;}
.jobList .font .txt:nth-child(2n){float:right;}
.jobList li.on{border-top: 1px solid #ad1f1f;}
.jobList li:nth-child(1) .font{display:block;}
/* listJob */

/* product1 */
.product1{background:#fff;overflow:hidden;}
.product1 li{background:#fff;margin-bottom:20px;height: auto;overflow:hidden;}
.product1 li:nth-child(3n){margin-bottom: 0;}
.product1 li .pic{width: 50%;}
.product1 li .pic .pImg{padding-top: 0;width: 100%;height: auto;display: block;overflow: hidden;}
.product1 li .pic .pImg img{ height:100%;}
.product1 li .pic span:hover img{transform: scale(1.1);}
.product1 li .txt{width: 50%;padding:4%;position:relative;background:#ededed;height: 496px;}
.product1 li h4{font-size: 20px;color:#191919;margin-bottom:20px;font-weight:bold;}
.product1 li .txt p{ font-size:15px; line-height:36px; color:#333;}
.product1 li .more,.aboutMain .more{width:120px;height:34px;line-height:34px;border:1px solid #b3b3b3;text-align:center;display:inline-block;font-size:12px;font-family:Arial;margin-top:25px;}
.product1 li .more:hover,.aboutMain .more:hover{color:#27a1dc;border:1px solid #27a1dc;width:180px;}
.product1 li .small{position:absolute;left:0;bottom:0;margin-left:1px;max-width:100%;}
.product1 li:nth-child(2n) .txt{float:left;} 
.product1 li:nth-child(2n) .pic{float:right;}
.product1 li:nth-child(2n) .small{margin-right:1px;margin-left:0px;}
/* product1 */

/* listContact */
.listContact{overflow: hidden;}
.listContact ul{width: calc(100% + 18px)}
.listContact ul li{float: left; background: #f5f5f5; height: 201px; margin-right: 18px; width: calc(100% / 4 - 18px)}
.listContact ul li .info{text-align: center; padding: 0 14%; box-sizing:border-box;}
.listContact ul li .info img{display: block; margin: 33px auto 10px}
.listContact ul li .info strong{display: block; font-size: 18px; color: #333; margin-bottom: 10px}
.listContact ul li .info em{display: block; font-size: 16px; line-height: 24px; color: #666; font-style:normal;}
.listContact ul li:last-child{display: flex}
.listContact ul li .contact-wx{margin: auto}
.listContact ul li .contact-wx b{display: block; font-size: 18px; color: #333; writing-mode:vertical-rl; margin-left: 8px; margin-top: 9px}
/*--*/
.listMap {position: relative;background: #eee;height: 400px;}
#map {height: 600px;background-size: #eee;}
.listMap .gogo {position: absolute;left: 50%;top: 50%;margin-left: -120px;margin-top: -28px;width: 240px;height: 56px;background-color: #27a1dc;box-shadow: 0px 10px 20px 0px rgba(47, 113, 214, 0.15);border-radius: 28px;z-index: 2;text-align: center;line-height: 56px;color: #fff;font-size: 18px;-webkit-transition: .4s;-o-transition: .4s;transition: .4s;}
.listMap .gogo:hover {box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.25);}
.icon-map-loc {width: 26px;height: 26px;background-size: contain;margin-right: 15px;margin-top: -2px;display: initial;}
.company-content{margin-top: 64px; margin-bottom: 70px;}
.company-list .item .box{background: #fff; height: 350px; padding: 40px 28px; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.company-list .item .box:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.company-list .item .box h4{font-size: 30px; line-height: 24px; color: #282828;}
.company-list .item .box p{margin-top: 30px; font-size: 16px; line-height: 36px; color: #6b6b6b;}
/*--*/
.message-content{padding: 90px 0;}
.message-content .cont{padding-left: 48px;width: 44%;}
.message-content .cont h3{font-size: 30px;color: #282828;line-height: 1;margin-bottom: 35px;}
.listMessage{position: relative;margin-top: 60px;margin-bottom:60px;}
.listMessage .flex{display: flex;justify-content: space-between;}
.form-content .one .item { width: 28.5%; height: 60px; background-color: #ffffff; border-radius: 5px; border: solid 1px #dddcd7; line-height: 58px; font-size: 0; }
.form-content .one .item input { height: 30px; vertical-align: middle; padding-left: 35px; padding-right: 35px; width: 100%; color: #2e3136; font-size: 16px; }
.form-content .one .item:nth-child(3) { width: 41%; }
.form-content .two textarea { width: 100%; height: 200px; background-color: #ffffff; border-radius: 5px; border: solid 1px #dddcd7; margin-top: 10px; display: block; line-height: 1.75; padding: 30px 35px; color: #2e3136; font-size: 16px; }
.form-content .sub { display: block; margin: 28px auto 0; width: 240px; height: 56px; background-color: #27a1dc; box-shadow: 0px 10px 20px 0px 
rgba(47, 113, 214, 0.15); border-radius: 28px; font-size: 18px; color: #ffffff; cursor: pointer; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; }
.form-content .sub:hover { width: 260px; box-shadow: 0px 10px 20px 0px 
rgba(47, 113, 214, 0.25); }
/*--*/
.listRoute{ padding:60px 0;line-height:32px;background: #f5f5f5;}
.listRoute .content{ margin-top:40px;}
.listRoute .traffic_con{ font-size:16px;}
.listRoute .traffic_con ul{ width:103%}
.listRoute .traffic_con li{ float:left; width:30.3%; margin-right:3%; text-align:center; background:#ffffff; border-radius:15px; height:360px;}
.listRoute .traffic_con li .pic{ width:150px; height:150px; border-radius:50%; overflow:hidden; margin:30px auto 20px; background:#27a1dc}
.listRoute .traffic_con li .pic img{ width:100%; height:auto; display:block}
.listRoute .traffic_con .tit{ font-size:20px; font-weight:bold; color:#555}
.traffic_con .text{ padding:20px 30px 30px; min-height:65px}
.listRoute .col{color:#27a1dc;}
.listRoute strong {display: block;}
/* listContact */