@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;}
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',HELVETICA;min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#017cc2;}


/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;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%;background-repeat: no-repeat;}
.pd60{padding:70px 0;font-size:.875em;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}

@font-face {
  font-family: 'iconfont';  /* Project id 2288898 */
  src: url('//at.alicdn.com/t/font_2288898_rh2wzgqt8n.eot?t=1626679504973'); /* IE9 */
  src: url('//at.alicdn.com/t/font_2288898_rh2wzgqt8n.eot?t=1626679504973#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_2288898_rh2wzgqt8n.woff2?t=1626679504973') format('woff2'),
  url('//at.alicdn.com/t/font_2288898_rh2wzgqt8n.woff?t=1626679504973') format('woff'),
  url('//at.alicdn.com/t/font_2288898_rh2wzgqt8n.ttf?t=1626679504973') format('truetype'),
  url('//at.alicdn.com/t/font_2288898_rh2wzgqt8n.svg?t=1626679504973#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;
}
 

/* 头部 */
.header{width:100%;height:90px;padding-top:20px;position: fixed;z-index:99; background: linear-gradient(rgba(0,0,0,.6) ,rgba(0,0,0,0) 90%);}
.header .logo{position:absolute;left:0;top:0;} 
.nav {width:74%;padding-right:280px;display:flex;justify-content:space-between;height:60px;line-height:60px;}
.nav .m{float:left;text-align:center;position:relative;z-index:10;}
.nav .m>a{color:#fff;display:inline-block;position:relative;}
.nav .m>a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background:#fff;transform-origin:right;transform: scale(0,1);transition:transform .5s;}
.nav .cur>a,.nav .m>a:hover,.nav .on>a{color:#fff;}
.nav .cur>a::after,.nav .m>a:hover::after{transform-origin:left;transform: scale(1);}
.nav .navSub{position:absolute;left:50%;top:120%;background:#eee;line-height:35px;width:160px;color:#333;font-size:.875rem;transform:scale(0);transition:top .4s,opacity .4s;opacity:0;margin-left:-80px;}
.nav .navSub li{border-bottom:1px solid #ddd;line-height:35px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#017cc2;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;}
.headTel {position:absolute;right:0;top:5px;color:#fff;font-size:2em;padding-left:40px;font-family:Arial;background: url('../images/tel.png') no-repeat left center;font-weight:700;}
.wapTel{font-family:"iconfont";position: absolute;color:#005ab0;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}
.headFix{background:#017cc2;padding-top:0;line-height:90px;}
.headFix .nav{height:90px;line-height:90px;}
.headFix .headTel{top:0px;}

/*  导航按钮 */
.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:#fff;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:#fff;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}

/* 广告轮播图 */
.banner{position:relative;overflow:hidden;}
.banner img{width:100%;}
.banner .small{display:none;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:44px;height:5px;position: relative;bottom:90px;border-radius:0;background:#fff;opacity:.5;}
.banner .swiper-pagination-bullet-active{background: #017cc2;opacity:1;}

/*  搜索 */
.search{height:70px;line-height:70px;font-size:.875em;background: rgba(0,0,0,.3);margin-top:-70px;position: relative;z-index:10;color:#fff;}
.searFont{width:62%;overflow:hidden;}
.searFont span{font-weight:700;border-left:2px solid #fff;padding-left:20px;}
.searFont a{color:#fff;margin:0 5px;}
.searFont a:hover{text-decoration: underline;}
.searMain{width:300px;height:38px;line-height:36px; overflow:hidden;border:1px solid rgba(255,255,255,.8);margin-top:15px;padding-right:70px;}
.searMain .text{float:left;width:100%;height:36px;line-height:36px;padding:0 10px;color:#fff;opacity:.7;}
.searMain .btn{float:right;width:70px;height:36px; cursor:pointer;background:url('../images/sBtn.png') no-repeat left center;transition:all 0.3s;margin-right:-70px;color:#fff;padding-left:18px;}
.searMain input::-webkit-input-placeholder{color:#fff;}
.searMain input::-moz-placeholder{color:#fff;}
.searMain input:-ms-input-placeholder{  color:#fff;}


/* 我们的产品 */
.product{background:#f5f7fa;font-size:0.9em;}
.hTitle{font-size:2.25rem;line-height:1.4;text-align:center;margin-bottom:40px;color:#333;}
.hTitle span{display: block;font-size:1.667em;color:#017cc2;font-weight:700;font-family:Arial;letter-spacing:-2px;line-height:1;}
.proMenu{background:#fff;overflow:hidden;margin-bottom:40px;border-radius:8px;box-shadow:0 3px 7px #ececec;}
.proMenu li{float:left;width:33.3%;border-right: 1px solid #f2f2f2;padding:15px;padding-left:7%;min-height:143px;position:relative;z-index:2;}
.proMenu li::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#017cc2;z-index:-1;transform: scale(0,1);transform-origin:right;transition:transform .5s;}
.proMenu li h4{font-size:1.5em;color:#191919;font-weight:700;margin-bottom:5px;}
.proMenu li a{float: left;width:33.3%; margin-bottom:3px;}
.proMenu li i{font-style:normal;margin-right:5px;color:#017cc2;}
.proMenu li em{float:left;margin-left:-80px;font-family:"iconfont";font-style:normal;font-size:3.8rem;color:#017cc2;line-height:1.2;}
.proMenu li:last-child{border:none;}
.proMenu .on::after{transform:scale(1);transform-origin:left;}
.proMenu .on h4,.proMenu .on a,.proMenu .on i,.proMenu .on em{color:#fff;}
.proMenu .on a:hover{text-decoration: underline;}

.proMain{margin-right:-20px;font-size:1.125em;}
.proMain li{float:left;width:25%;padding-right:20px;margin-bottom:15px;}
.proMain li a{display:block;overflow:hidden;border-radius:5px;}
.proMain li .pImg{padding-top:76%;}
.proMain li .pImg::after{content:"";position: absolute;left:15px;top:15px;right:15px;bottom:15px;border:1px solid #017cc2;transform:scale(0) rotate(-180deg);opacity:0;transition:all .4s;}
.proMain li h4{height:60px;line-height:60px;background:#e9edf2;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;}
.proMain li h4 i{font-style:normal;margin-left:15px;color:#999;font-size:14px;}
.proMain li a:hover{box-shadow:0 5px 10px #ddd;}
.proMain li a:hover img{transform: scale(1.1);}
.proMain li a:hover h4{color:#fff;background:#017cc2;}
.proMain li a:hover .pImg::after{transform:scale(1) rotate(0deg);opacity:.5;}
.product .pMore{display:block;margin:0 auto;width:180px;height:48px;line-height:46px;border:1px solid #017cc2;border-radius:5px;text-align:center;color:#017cc2;margin-top:30px;}
.product .pMore i{font-family:"iconfont";margin-left:10px;font-weight:bold;font-size:1.125em;}
.product .pMore:hover{background:#017cc2;color:#fff;width:260px;}

/* 五重保障 */
.odds{background-image: url('../images/odds_bg.jpg');transition:all .5s;font-size:1em;background-size:cover;background-repeat: no-repeat;background-position:top;height:840px;position:relative;} 
.odds .container{position: static;}
.odds .title{font-weight:700;font-size:2.5em;text-transform: uppercase;color:#017cc2;line-height:1.2;}
.odds .title span{display: block;color:#191919;}

.oddsMenu{ width:35%;overflow:hidden;margin-top:120px;}
.oddsMenu li{float:left;width:32.3%;margin-bottom:4px; padding:3% 5%;height:150px;cursor:pointer;transition:all .4s;background: rgba(255,255,255,.9);margin-right:.6%;}
.oddsMenu li:nth-child(2){margin-right:5%;}
.oddsMenu li i{font-style:normal;font-size:1.625em;opacity:.5;font-family:Arial;font-weight:bold;text-align:right;display:block;line-height:1;}
.oddsMenu li h4{color:#191919;font-weight:700;}
.oddsMenu li h4 span{display: block;font-family:Arial;margin-bottom:5px;}
.oddsMenu li.on{background:#017cc2;color:#fff;}
.oddsMenu li.on h4{color:#fff;}
.oddsMenu li.on i{opacity:1;}

.oddsMain{width:50%;position:absolute;bottom:0;right:0;overflow: hidden;color:#fff;font-size:1.125em;}
.oddsMain li{background:#017cc2;min-height:170px;padding:5% 8%;overflow: hidden;padding-right:25%;}
.oddsMain li i{position: absolute;right:-30px;bottom:-50px;font-family:Arial;font-style:normal;opacity:.2;font-weight:bold;font-size:15.625em;line-height:1;letter-spacing:-15px;}
.oddsMain li h4{font-size:1.889em;margin-bottom:15px;padding-bottom:15px;font-weight:700;position:relative;line-height:1.4;}
.oddsMain li h4::after{content:"";position: absolute;left:0;bottom:0;width:45px;height:2px;background:#fff;}
.oddsMain li p{margin-bottom:15px;padding-left:15px;background: url('../images/odds_li.png') no-repeat left 10px;}


/* 客户案例 */
.case{background:#e9edf2;position:relative;z-index:1;padding:90px 0;}
.case::after{content:"";position:absolute;left:0;width:22%;background:url('../images/case_tie.jpg') no-repeat center;background-size:cover;height:100%;top:0;z-index:-1;}
.case .container{padding-left:19.5%}
.case .cTitle{position:absolute;left:0;top:0; color:#fff;font-size:2.571em;writing-mode: tb-lr;-webkit-writing-mode: vertical-lr;writing-mode: vertical-lr;line-height:1.2;}
.case .cTitle span{display:block;font-size:1.667em;font-weight:700;font-family:Arial;margin-right:10px;}
.case .more_l{color:#017cc2;position: absolute;left:0;bottom:0;font-size:42px;text-align:center;height:42px;line-height:36px;border:1px solid transparent;transition:all .5s;width:50px;}
.case .more_l:hover{border-color:#017cc2;width:120px;}
.caseMenu{display: flex;justify-content:space-between;flex-flow: row wrap;margin-bottom:40px;}
.caseMenu a{width:120px;height:40px;line-height:40px;border-radius:5px;text-align:center;background:#fff;position: relative;z-index:2;overflow:hidden;}
.caseMenu a::after,.caseMain li .txt::after,.newsMenu a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#017cc2;transition:all .5s;z-index:-1;}
.caseMenu .on::after,.caseMain li:hover .txt::after,.newsMenu a:hover::after{height:100%;}
.caseMenu .on{color:#fff;}
.caseMain ul{margin-bottom:60px;}
.caseBox{width:100%;}
.caseMain li{float:left;width:33.3%;pointer-events:inherit !important;}
.caseMain li .pImg{padding-top:72%;border-radius:5px 5px 0 0;}
.caseMain li .txt{background:#fff;padding:8%;height:150px;position:relative;z-index:2;}
.caseMain li h4{font-size:1.143em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;margin-bottom:25px;transition:all .4s;}
.caseMain li .more{width:114px;height:36px;border-radius:3px;line-height:34px;text-align:center;border:1px solid #e5e5e5;display:inline-block;color:#999;font-size:12px;transition:all .4s;}
.caseMain li i,.caseMain .cMore i{font-style:normal;font-family:"iconfont";margin-left:10px;opacity:.6;}
.caseMain li:hover h4{color:#fff;}
.caseMain li:hover .more{background:#fff;border-color:#fff;color:#017cc2;}
.caseMain li:hover img{transform: scale(1.1);}
.caseMain .cMore{width:160px;height:44px;line-height:44px;background:#fff;display:inline-block;text-align:center;border-radius:5px;color:#999;}
.caseMain .cMore:hover{background:#017cc2;color:#fff;}
.caseMain .btn{position: static;float:right;background:#fff;width:80px;height:50px;line-height:50px;text-align:center;opacity:1;font-style:normal;font-family:"iconfont";cursor: pointer;transition:all .3s;margin-top:0;pointer-events:inherit;}
.caseMain .swiper-button-prev {transform: rotate(180deg);margin-right:1px;}
.caseMain .btn:hover{background:#017cc2;color:#fff;}

/* 关于 */
.aboutL{padding-top:90px;width:54%;}
.aboutL .hTitle{text-align:left;}
.aboutL .txt{height:190px;margin-bottom:20px;line-height:1.8;overflow:hidden;} 
.aboutNum{font-size:.875em;display: flex;justify-content: space-between;}
.aboutNum li{float:left;flex-grow:1;}
.aboutNum li span{display: block;color:#191919;font-size:2.571em;font-family:Arial;line-height:1;}
.aboutNum li i{font-style:normal;font-size:14px;margin-left:5px;color:#666;}
.aboutMenu{margin-top:40px;box-shadow:0 0 10px #ddd;overflow:hidden;padding:25px 3% 0 3%;height:140px;}
.aboutMenu li{float:left;width:20%;text-align:center;}
.aboutMenu li i{display:inline-block;width:50px;height:50px;background: url('../images/aboutIcon.png') no-repeat;transition:all .4s;top:0;position:relative;}
.aboutMenu li span{display: block;color:#191919;margin-top:10px;}
.aboutMenu li:nth-child(2) i{background-position: -50px 0;}
.aboutMenu li:nth-child(3) i{background-position: -100px 0;}
.aboutMenu li:nth-child(4) i{background-position: -150px 0;}
.aboutMenu li:nth-child(5) i{background-position: -200px 0;}
.aboutMenu li:hover i{top:-8px;}
.aboutMenu li:hover span{color:#017cc2;}
.aboutL .more{display:inline-block;width:200px;height:44px;line-height:44px;background:#017cc2;color:#fff;text-align:center;border-radius:0 0 5px 5px;font-family:Arial;}
.aboutL .more i{font-style:normal;font-family:"iconfont";margin-left:40px;font-size:12px;position:relative;top:-1px;}
.aboutL .more i::after{content:"";position: absolute;left:-30px;width:30px;height:1px;background:#fff;top:6px;}
.aboutL .more:hover{width:260px;background:#00639b;}
.aboutR{width:50%;height:810px;overflow:hidden;position:relative;margin-right:-10%;}
.aboutR .bgImg{height:;}
/*.aboutR .bgImg{animation:scale 24s infinite;}*/
.aboutR .swiper-pagination{bottom:20px;}
.aboutR .swiper-pagination-bullet{opacity:1;background:#fff;}
.aboutR .swiper-pagination-bullet-active{background:#017cc2;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}

/* 新闻快讯 */
.news{background:#f6f8f9;}
.newsMenu{text-align:center;margin-bottom:40px;font-size:1.143em;}
.newsMenu a{display:inline-block;width:140px;height:44px;line-height:44px;background:#fff;border-radius:5px;background:#fff;margin:0 25px;position:relative;z-index:2;overflow:hidden;}
.newsMenu a:hover{color:#fff;}

.newsMain .pic{float:left;width:48%;overflow:hidden;color:#777;}
.newsMain .pic .img{height:330px;display:block;margin-bottom:20px;overflow:hidden;}
.newsMain .pic:hover .bgImg{transform: scale(1.06);}
.newsMain .pic h4{font-size:1.286em;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsMain .pic h4 a{color:#191919;}
.newsMain .pic h4 a:hover{color:#017cc2;}
.newsMain .pic .date{float:left;font-family:Arial;text-align:center;padding-right:20px;margin-right:20px;line-height:1.2;border-right: 1px solid #e5e5e5;}
.newsMain .pic .date b{display:block;font-size:1.714em;color:#555;}
.newsMain p a{color:#017cc2;}

.newsMain .txt{width:48%;float:right;position: relative;}
.newsMain .txt a{display: block;color:#777;padding-right:180px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e5e5e5;position:relative;height:92px;}
.newsMain .txt h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;color:#191919;transition:all .5s;}
.newsMain .txt .date{float:right; width:120px;text-align:center; font-size:.813rem;color: #999;font-family: Arial;line-height: 1.2;margin-right:-180px;border-left: 1px solid #e5e5e5;height:80px;}
.newsMain .txt .date b{font-size:2.923em;color: #333;display: block;font-weight:normal;font-weight:700;margin-bottom:5px;}
.newsMain .txt a:hover h4{color:#017cc2;}
.newsMain .txt a::after{content:"";position: absolute;left:0;bottom:-1px;width:0;height:1px;background:#017cc2;transition:all .5s;}
.newsMain .txt a:hover::after{width:100%;}

.newsLi{padding-top:15px;overflow:hidden;}
.newsLi li{float:left;width:30%;margin-bottom:20px;font-size:1.071em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsLi li span{float:right;color:#999;font-size:13px;margin-left:15px;}
.newsLi li:nth-child(3n-1){margin:0 5%;}
.newsLi li a:hover{padding-left:10px;} 

/*底部 */
.footer{background:#0a1a31;font-size:.875em;color:#ccced0;line-height:2em;overflow:hidden;}
.footMain{overflow:hidden;padding:45px 16% 45px 0;}
.footL{width:42%;max-width:520px;}
.footMenu{padding:15px 0;overflow:hidden;line-height:2.2;border-top: 1px solid #1d2c41;border-bottom: 1px solid #1d2c41;}
.footMenu a{float:left;width:33.3%;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;}
.footL .tel{margin-top:20px;font-size:1.571em;background: url('../images/fTel.png') no-repeat left center;padding-left:25px;color:#017cc2;font-weight:700;}
.footR{width:52%;max-width:560px;padding:15px 0 0 30px;border-top: 1px solid #1d2c41;background: url('../images/footIcon.png') no-repeat left 22px;}
.footR p{margin-top:15px;}
.footWx{position: absolute;right:0;top:45px;width:130px;background:#fff;padding:5px;text-align:center;color:#1d2c41;} 
.footWx img{width:100%;}
.footer a{color:#ccced0;}
.footMenu a{color:#fff;}
.footer a:hover{color:#fff;text-decoration: underline;}
.firendlink{padding:15px 0;position:relative;border-top: 1px solid #1d2c41;}
.firendlink::after{content:"";position: absolute;left:0;top:-1px;background:#1d2c41;width:200%;height:1px;margin-left:-50%;}
.firendlink a{margin:0 15px;}
.firendlink a:hover{color:#fff;}

/*内页公用 */
.listWrap{overflow:hidden;padding:60px 0;font-size:.875em;}
.listBanner,.mzsmBanner{height:600px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;}
.listBanner h3{position:absolute;color:#fff;top:40%;font-size:2.5rem;text-transform:uppersolution;width:100%;font-weight:700;padding-bottom:15px;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%); }
.listBanner h3 span{display: block;font-size:14px;font-weight: 400;opacity: 0.8;}
.listBan1{height:900px;}
.breadCrumb{font-size:.875rem;overflow:hidden;background:#f7f7f7;padding:15px 0;}
.breadCrumb p span,.menuBox p span{position:relative;padding-left:20px;}
.breadCrumb span::after,.menuBox p span::after{content:"\e646";position:absolute;left:0;font-family:"iconfont";top:0;} 
.breadCrumb .back{float:right;position:relative;color:#017cc2;border:1px solid #017cc2;line-height:26px;width:90px;text-align:center;}
.breadCrumb .back i{font-family:"iconfont";margin-right:5px;}
.breadCrumb .back:hover{background:#017cc2;color:#fff;}
.proCrumb{background:#fff;}
.listBox{min-height:300px;}
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 15px;background:#eee;}
.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#333 url('../images/sIcon.png') no-repeat center;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-50px;}
.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left;}
.proSear .btn:hover{background-color:#111;}
.listTie{font-size:2.5rem;text-align:center;color:#191919;margin-bottom:40px;line-height:1.2;font-weight:700;}
.listTie span{display: block;font-size:16px;margin-top:8px;font-weight:400;opacity:.5;}

@keyframes leftPic
{
  0%   {opacity:0;padding-top:60px;}
  100% {opacity:1;padding-top:0;}
}

/*内页公用菜单*/
.menuBox{background:#f7f7f7;height:60px;line-height:60px;position:relative;font-size:14px;}
.menuBox::after{content:"";position: absolute;left:-50%;top:0;width:200%;background:#f7f7f7;height:100%;z-index:-1;}
.menuBox p span::after{line-height:1;top:2px;}
.listMenu{font-size:1.143rem;}
.listMenu a{display:inline-block;position:relative;color:#191919;margin-left:50px;}
.listMenu a:hover,.listMenu .cur{color:#017cc2;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#017cc2;width:0;height:2px;transition:all .5s;}
.listMenu .cur::after,.listMenu a:hover::after{width:100%;}
.pro_subMenu{text-align:center;font-size:.875rem;margin-bottom:30px;}
.pro_subMenu a{margin:0 10px;border:1px solid #ccc;height:36px;line-height:36px;display:inline-block;padding:0 15px;margin-bottom:5px;}
.pro_subMenu a:hover,.pro_subMenu .cur{background:#017cc2;border:1px solid #017cc2;color:#fff;}

/* 公司简介 */
.profileBox1{padding-top:40px;background:#fafafa url('../images/aBox1_bg.jpg') repeat-y;}
.profileL{width:20%; float:left;max-width:220px;}
.profileL .tie{font-size:2.125rem;color:#191919;position:relative;padding-bottom:15px;margin-bottom:60px;}
.profileL .tie span{display:block;font-size:1.294em;font-family:'Geometric','Arial';text-transform: uppercase;line-height:1.2;margin-top:15px;}
.profileL .tie span i{display: block;font-size:14px;font-style:normal;text-transform: none;}
.profileL .tie::after{content:"";position: absolute;left:0;bottom:0;height:1px;width:20px;background:#017cc2;}
.profileL h4{font-size:1.286em;color:#333;font-weight:bold;margin-bottom:50px;}
.profileL h4 span{display: block;font-size:12px;font-weight:normal;opacity:.5;line-height:1;margin-top:10px;}
.zxBtn{display:block;height:50px;line-height:50px;background:#017cc2;text-align:center;color:#fff;}
.zxBtn:hover{background:#00639b;color:#fff;}
.zxBtn i{font-family: "iconfont";font-style:normal;margin-right:10px;}
.profileR{line-height:1.8;width:78%;}
.profileR .tie{font-size:2em;color:#017cc2;margin-bottom:25px;font-weight:bold;}

/* 发展历程 */
.history{position:relative;background: url('../images/history_bg.jpg') no-repeat center fixed;background-size:cover;font-size:1em;color:#fff;}
.listTieW{color:#fff;}
.historyMain{margin-top:120px;text-align:center;min-height:420px;position:relative;}
.historyMain li{width:33.3%;position:relative;z-index:2;overflow:hidden;padding-top:10px;}
.historyMain li h4{font-size:3.75em;margin-bottom:80px;font-weight:700;font-family:Arial;line-height:1;transition:all .4s;color:#fff;opacity:.7;position:relative;}
.historyMain li p{opacity:0;position:relative;transition:all .5s;line-height:1.8;top:30px;}
.historyMain li p::after{content:"";position: absolute;left:50%;width:1px;height:0px;background:#fff;top:-60px;transition:all .5s;}
.historyMain li.swiper-slide-active p{opacity:1;top:0px;}
.historyMain li.swiper-slide-active p::after{height:40px;}
.historyMain li.swiper-slide-active h4{transform: scale(1.4);opacity:1;}
.historyMain .btn{display:none;position: static;margin-top:30px;background:#fff;width:50px;height:26px;line-height:26px;color:#333;}

.historyMenu{text-align:center;display: flex;justify-content:center;font-size:1.25em;}
.historyMenu li{margin:0 20px; cursor:pointer;position:relative;opacity:.7;}
.historyMenu li::after{content:"";position: absolute;left:0;bottom:-5px;width:100%;background:#fff;height:2px;transform-origin:right;transform: scale(0,1);transition:transform .5s;left:0;}
.historyMenu li.on{opacity:1;}
.historyMenu li.on::after{transform-origin:left;transform: scale(1);}


/* 关于我们 */
.culture .pic{width:60%;overflow:hidden;margin-left:-10%;height:580px;}
.culture .txt{width:44%;padding-top:6%;}
.listTie2{position:relative;padding-bottom:25px;text-align:left;}
.listTie2::after{content:"";position: absolute;left:0;bottom:0;width:64px;height:1px;background:#333;}
.culture p{margin-bottom:25px;}
.culture p span{font-weight:700;margin-right:10px;}
.culture .pic .bgImg{animation:scale 24s infinite;}
.culture .info{height:220px;margin-bottom:20px;}
.culture .more{display:inline-block;width:160px;height:48px;line-height:46px;border:1px solid #999;text-align:center;}
.culture .more:hover{background:#017cc2;color:#fff;border-color:#017cc2;}
.setting .aboutR{width:60%;margin-right:-10%;height:580px;}
.setting .aboutR .bgImg{height:580px;}

.honor{background: url('../images/honor_bg.jpg') no-repeat center;background-size:cover;position: relative;padding-bottom:130px;text-align:center;}
.honor::after{content:"";position: absolute;background: url('../images/honor_bg2.jpg') no-repeat center;background-size:100%;left:0;bottom:0;width:100%;height:170px;}
.honorSlide li{width:20%;float:left;font-size:1.143em;}
.honorSlide li a{position:relative;overflow:hidden;display:block;}
.honorSlide li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;z-index:2;position:absolute;bottom:-50px;height:50px;line-height:60px;background: rgba(0,0,0,.7);transition:all .5s;width:100%;left:0;}
.honorSlide li .pImg{padding-top:140%;border:1px solid #ddd;}
.honorSlide li a:hover p{bottom:0;}
.honorSlide .btn{width:20px;background-size:20px 40px;opacity:.5;left:-60px;cursor:pointer;pointer-events:initial;font-size:0;}
.honorSlide .swiper-button-next{left:auto;right:-60px;}
.honorSlide .btn:hover{opacity:1;}

.partner ul{padding-left:1px;padding-top:1px;}
.partner li{float:left;width:16.6%;border:1px solid #ddd;margin-left:-1px;margin-top:-1px;transition:all .5s;position:relative;animation-fill-mode:inherit;}
.partner li .pImg{padding-top:50%;}
.partner li:hover{transform: scale(1.1);z-index:2;box-shadow:0 0 10px #ccc;}


/* 产品列表 */
.proSub{background:#fff;padding:25px;overflow:hidden;font-size:1rem;padding-bottom:10px;margin-bottom:40px;box-shadow:0 3px 6px #eee;border-radius:8px;}
.proSub dl{padding-bottom:15px;overflow:hidden;padding-left:80px;}
.proSub dt{float: left;color:#191919;font-size:1.143em;font-weight:bold;margin-right:10px;margin-left:-80px;}
.proSub dt a{color:#191919;}
.proSub dt a:hover,.proSub .cur a{color:#017cc2;}
.proSub dd{display: flex;flex-flow: row wrap;}
.proSub dd a{margin-right:25px;position:relative;padding-left:15px;}
.proSub dd a::after{content:"";position: absolute;left:0;height:5px;width:5px;border:1px solid #999;border-radius:100%;top:8px;}
.proSub dd .cur{color:#017cc2;}
.proSub dd .cur::after{transform: scale(1);transform-origin:left;}

.proWrap{background:#f5f7fa;position:relative;overflow:visible;}
.proWrap::after{content:"";position: static;left:-50%;width:200%;background:#f5f7fa;z-index:-1;height:100%;top:0;position: absolute;}
.proList {margin-right:-30px;}
.proList li{float:left;width:25%;margin-bottom:20px;padding-right:30px;}
.proList li a{display:block;}
.proList li .pImg{padding-top:76%;transition:all .3s;border:1px solid #e1e1e1;transition:all .4s;}
.proList li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#017cc2;transition:all 0.3s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;opacity:.7;}
.proList li .pImg:after{content:"";position:absolute;width:58px;height:58px;background: url('../images/pMore.png') no-repeat;left:50%;top:50%;margin-left:-27px;opacity:0;transition:all 0.3s;z-index:3;}
.proList li p{height:60px;line-height:60px;color:#191919;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;font-size:1.143em;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover p{color:#017cc2;}
.proList li:hover .pImg:before{transform:perspective(200px) rotateX(0);}
.proList li:hover .pImg:after{transition-delay:.1s;margin-top:-27px;opacity:1;}

/*  产品详情 */
.proShow_box1{background:#f4f4f4;}
.gallery{width:55%;position:relative;padding:10px 140px 10px 10px;}
.galleryBig{position:relative;height:480px;background:#fff;box-shadow:0 0 10px #ccc;}
.galleryBig li{height:480px;line-height:480px;text-align:center;}
.galleryBig p{position: absolute;bottom:-40px;left:0;height:40px;line-height:40px;text-align:center;width:100%;background: rgba(0,0,0,.6);color:#fff;transition:all .5s;}
.galleryBig p i{font-family:"iconfont";font-style:normal;margin-right:15px;}
.galleryBig:hover p{bottom:0;}
.gallery img{max-height:100%; vertical-align: middle;}
.gallerySmall{position:absolute;z-index:10;top:0;right:10px;width:110px;height:480px;margin-top:10px;}
.gallerySmall li{border:1px solid #bdc4ce;padding-top:80%;cursor:pointer;pointer-events:initial !important;}
.gallerySmall li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;}
.gallerySmall .on::after{border:2px solid #017cc2;}
.gallery .btn{background:#333;width:35px;height:35px;line-height:35px;text-align:center;color:#fff;opacity:0;}
.gallery .swiper-button-prev{left:10px;}
.gallery .swiper-button-next{right:160px;left:auto;}
.gallery:hover .btn{opacity:.8;}

.proShow_R{width:40%;overflow:hidden;height:480px;}
.proShow_R .title{margin-bottom:20px;color:#333;}
.proShow_R .title span{display:block;font-size:2.286em;color:#017cc2;}
.proShow_R .font{min-height:120px;line-height:2;}
.proShow_R .tel{border-bottom: 1px solid #ddd;padding:20px;margin:20px 0;border-top: 1px solid #ddd;font-size:1.5em;color:#191919;background: url('../images/zxtel.png') no-repeat left center;padding-left:40px;}
.proShow_R .tel p{ font-size: 14px; line-height: 20px;}
.proShow_R .btn{margin-top:30px;overflow:hidden;position:relative;}
.proShow_R .btn a{display:block; width:40%;height:50px;line-height:50px;text-align:center;background:#fff;color:#333;margin-bottom:35px;max-width:180px;border-radius:5px;box-shadow:2px 2px 6px #ccc;}
.proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.286rem;line-height:1;top:2px;}
.proShow_R .btn a:nth-child(2){color:#f00;}
.proShow_R .btn a:hover{background:#017cc2;color:#fff;}
.proShow_R .wx{position: absolute;right:5%;top:0;width:120px;text-align:center;}
.proShow_R .wx img{width:100%;box-shadow:2px 2px 6px #ccc;}
.proShow_R .wx span{display:block;margin-top:10px;}

.proShow_fix{position: fixed;width:100%;top:0;left:0;background:#fff;padding:20px;box-shadow:0 0 10px #ccc;z-index:10;}
.proTie span{display:inline-block;border-bottom:1px solid #017cc2;height:45px;font-size:20px;color:#191919;}
.proTie,.proShow_menu{height:45px;border-bottom:1px solid #dcdcdc;font-size:1.286em;margin-bottom:25px;}
.proShow_menu span{display:inline-block;margin-right:30px;cursor:pointer;position:relative;height:45px;}
.proShow_menu span::after,.showTie2 h2::after{content:"";position: absolute;left:0;bottom:0;background:#017cc2;height:1px;width:0;transition:all .4s;}
.proShow_menu .on{color:#017cc2;}
.proShow_menu .on::after{width:100%;}
.proShow_con{width:70%;}
.proShow_tab{background:#fff;min-height:200px;overflow:hidden;margin-bottom:30px;}
.proShow_tab .swiper-slide{padding:4%;}
.relative_pro li{width:33.3%;}

/* 实力展示 */
.settingTop{background: #e3e3e3;margin-bottom: 45px;overflow: hidden;}
.settingTop .bgImg{width:50%; height:420px;}
.settingTop .font{width:50%;padding:4% 5%;position: relative;z-index:2;height:420px;background: #f6f6f6;}
.settingTop .font h3{font-size:1.857em;color:#017cc2;margin-bottom:30px;position:relative;padding-bottom:10px;}
.settingTop .font h3::after{content:"";position: absolute;left:0;bottom:0;height:1px;width:20px;background:#017cc2;}
.settingTop:hover .bgImg{transform: scale(1.05);}
.picList ul{margin-right:-30px;}
.picList li{width:25%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;}
.picList li a{display:block;overflow:hidden;}
.picList li .pImg{padding-top:74%;border:1px solid #e1e1e1;}
.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:15px;}
.picList li a:hover img{transform:scale(1.1);}
.picList li a:hover p{color:#017cc2;}
.honorList li{width:20%;font-size:1.143em}
.honorList li .pImg{padding-top:138%;border:1px solid #ddd;}
.honorList li a:hover img{transform: scale(.95);}

.galy{background:#f5f5f5;}
.partnerList ul{padding-left:1px;padding-top:1px;}
.partnerList li{float:left;width:14.3%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;}
.partnerList li .pImg{padding-top:65%;}
.partnerList li img{padding:20px 0;}
.partnerList li p{background:#017cc2;color:#fff;height:32px;line-height:32px;text-align:center;padding:0 10px;position:absolute;left:0;bottom:-32px;width:100%;font-size:12px;transition:all .5s;}
.partnerList li:hover{z-index:2;border:1px solid #017cc2;}
.partnerList li:hover p{bottom:0;}
.partnerList li:hover img{top:-20px;}

/* 成功案例 */
.caseList ul{margin-right:-40px;}
.caseList li{float:left;width:33.3%;padding-right:40px;margin-bottom:40px;}
.caseList li .pImg{padding-top:72%;border-radius:5px 5px 0 0;}
.caseList li .txt{background:#f8f8f8;padding:8%;height:150px;position:relative;z-index:2;}
.caseList li h4{font-size:1.143em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;margin-bottom:25px;transition:all .4s;}
.caseList li .txt::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#017cc2;transition:all .5s;z-index:-1;}
.caseList li .more{width:114px;height:36px;border-radius:3px;line-height:34px;text-align:center;border:1px solid #ddd;display:inline-block;color:#999;font-size:12px;transition:all .4s;}
.caseList li i,.caseList .cMore i{font-style:normal;font-family:"iconfont";margin-left:10px;opacity:.6;}
.caseList li a:hover h4{color:#fff;}
.caseList li a:hover .more{background:#fff;border-color:#fff;color:#017cc2;}
.caseList li a:hover img{transform: scale(1.1);}
.caseList li a:hover .txt::after{height:100%;}

/* 服务支持 */
.supportBox1 ul{background:#fff;overflow:hidden;box-shadow:0 3px 10px #ddd;position: relative;margin-top:-125px;border-radius:10px;}
.supportBox1 li{float:left;width:25%;border-right: 1px solid #e9e9e9;padding:3%;min-height:400px;text-align:center;line-height:1.8;}
.supportBox1 li i{font-family:"iconfont";font-style:normal;color:#017cc2;font-size:4em;display:inline-block;margin-bottom:6px;line-height:1.2;position: relative;top:0;transition:all .5s;}
.supportBox1 li h4{font-size:1.5em;color:#017cc2;position:relative;padding-bottom:10px;margin-bottom:20px;font-weight:700px;}
.supportBox1 li h4::after{content:"";position: absolute;left:0;bottom:0;width:30px;height:1px;background:#017cc2;left:50%;margin-left:-15px;}
.supportBox1 li:hover i{top:-8px;}
.supportBox3{background: url('../images/support_box3.jpg') no-repeat center;background-size:cover;background-attachment: fixed;text-align:center;}

/* 下载中心 */
.downList{font-size:0.938em;}
.downList th{background:#017cc2;color:#fff;height:80px;line-height:80px;font-weight:400;border:1px solid #fff;font-size:1.6em;padding-left:3%;text-align:left;}
.downList td{border:1px solid #fff;padding:15px 10px;padding-left:3%;}
.downList i{font-family:"iconfont";font-style:normal;margin-right:8px;color:#017cc2;padding:2px;font-size:14px;}
.downList tr:nth-child(2n-1){background:#f8f8f8;}
.downList tr:hover{background:#eaf7ff;}

/* 新闻列表 */
.newsSlide{overflow:hidden;position:relative;text-align: center;margin-bottom:50px;}
.newsSlide li{text-align: left;background:#e3e3e3;overflow: hidden;}
.newsSlide li .pic{width:45.5%;height:530px;overflow: hidden;display:block;}
.newsSlide li .txt{width:54.5%;padding:6%;}
.newsSlide li h4{font-size: 1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;padding-bottom:20px;margin-bottom:30px;font-weight:700;}
.newsSlide li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#017cc2;width:15px;transition:all 0.4s; }
.newsSlide li h4 a{color: #333;}
.newsSlide li h4 a:hover,.newsList li h3 a:hover{color: #017cc2;}
.newsSlide .slideIcon{position: absolute;bottom:0;right: 0;background:#333; height: 80px;line-height: 80px;width:54.5%;z-index:2;left:auto;padding-left:6%;text-align: left;}
.newsSlide .swiper-pagination-bullet{width:10px;height:10px;cursor: pointer;background:#fff;}
.newsSlide .swiper-button-next, .newsSlide .swiper-button-prev{background:rgba(0,0,0,.8);width:80px;height:36px;opacity:1;font-size:20px;font-family:"宋体";font-weight:bold;line-height:36px;text-align:center;color:#fff;position: static;margin-top: 20px;display: none;}
.newsSlide li .pic{height:460px;}
.newsSlide li .txt{padding:5%;}
.newsSlide li:hover .bgImg{transform: scale(1.08);}

.newsList{width:70%;overflow:hidden;}
.newsList li{border-bottom: 1px solid #ddd;padding-bottom:40px;margin-bottom:40px;transition: all .3s;overflow: hidden;}
.newsList li .pic{float: left;width:420px;height:240px;margin-right:50px;overflow: hidden;}
.newsList li img{transition: all .5s;width:100%;height:100%;}
.newsList li h3{font-size: 1.571em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:12px;}
.newsList li h3 a{color:#333;}
.newsList li p{min-height:80px;}
.newsList li .date{display: block;color:#999;margin-bottom:25px;font-size:12px;}
.newsList li .date i{font-style: normal;margin-left:8px;}
.newsList li .more{display: inline-block;width:120px;height:38px;line-height:38px;text-align: center;margin-top:25px;border: 1px solid #ccc;}
.newsList li .more:hover{background: #017cc2;border: 1px solid #017cc2;color:#fff;}
.newsList li:hover{box-shadow: 6px 6px 6px #eee;}
.newsList li:hover img{transform: scale(1.1);}

/* 新闻详情 */
.picShow_l{width:68.5%;overflow:hidden;}
.showTitle{font-size:2.571em;color:#333;margin-bottom:8px;}
.newsShow .txt .date{margin-right:15px;}
.showTie{overflow:hidden;margin-bottom:40px;}
.showTie h2{font-size:1.714em;color:#333;margin-bottom:25px;}
.showTie .txt span{color:#454545;position:relative;padding-left:22px;font-size:1.143em;margin-right:15px;}
.showTie .txt span:before{content:"\e62e";font-family:"iconfont";position:absolute;left:0;top:-1px;}
.showTie .txt .s:before{content:"\e735";font-size:1.2rem;top:-2px;}
.showTie .bshare-custom{margin-top:-30px;}
.newsShow .showTie p{font-size:.75rem;color:#999;}
.showCon{overflow:hidden;margin-bottom:40px;}
.showCon .ce img{min-width:60%;}
.show-synopsis{background:#f7f8fa;padding:15px;margin-bottom:40px;}
.show-synopsis i{display:inline-block;width:15px;background: url('../images/a_l.png') no-repeat;height:15px;margin-right:5px;}
.show-synopsis .r{background: url('../images/a_r.png') no-repeat;margin-left:5px;margin-right:0;}

.picShow_r{width:25%;overflow:hidden;}
.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;}
.picShow_r .title span{display:inline-block;border-bottom: 1px solid #017cc2;height:40px;}
.picShow_r .title a{float:right;font-size:12px;margin-top:4px;}
.picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.picShow_r li .pImg{width:35%;float:left;padding-top:26%;margin-right:20px;border:1px solid #ddd;}
.picShow_r li h4{font-size:15px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:#017cc2;}
.picShow_r li:hover img{transform: scale(1.1);}
.picShow_r li:last-child{border-bottom:none;}
.rightNews_w li h4{font-size:18px;padding-top:10px;}
.showPage{height:90px;line-height:90px;overflow:hidden;background:#f1f1f1;}
.showPage a{float:left;width:43%;padding:0 20px;}
.showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;padding-left:10px;margin-left:10px; border-left: 1px dotted #ccc;}
.showPage a:nth-child(2){float:right;text-align:right;}
.showPage a:nth-child(1) i{padding:0 10px 0 0;margin:0 10px 0 0; border-right: 1px dotted #ccc;border-left:none;}
.showPage a:nth-child(3){width:14%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.showPage a:hover{background:#017cc2;color:#fff;}
.rightNews,.rightContact{background:#f4f4f4;padding:5%;}
.rightNews_w,.rightContact_w{background:#fff;padding:8%;}
.rightContact{margin-top:30px;}
.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;}
.rightContact p{padding-left:80px;margin-bottom:10px;overflow:hidden;}
.rightContact p span{margin-left:-80px;float:left;}

/* 常见问题 */
.faq ul{padding-left:1px;padding-top:1px;overflow: hidden;}
.faq li{float:left;width:50%;position:relative;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;transition:all .3s;padding:2.5%;}
.faq li::after{content:"";position: absolute;left:0;bottom:0;height:6px;background:#017cc2;transition:all .5s;width:0;}
.faq li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:700;margin-bottom:20px;color:#333;}
.faq li .tag{font-size:12px;margin:15px 0 20px 0;padding-left:25px;position:relative;color:#8f8f8f;}
.faq li .tag::after{content:"\e606";font-family:"iconfont";position:absolute;left:0;top:-2px;font-size:1.143rem;}
.faq li .txt{color:#777;height:100px;margin-bottom:15px;overflow:hidden;}
.faq li .date{color:#999;display:block;}
.faq li .date i{float:right;font-style:normal;font-size:1.286rem;font-family:"Arial";margin-top:-5px;}
.faq li:hover::after{width:100%;}
.faq li:hover{box-shadow:0 0 10px #ccc;}
.faq li:hover h4 {color:#017cc2;}
.faqList li h4{margin-bottom:20px;}


/* 联系我们 */
.contactBox1{background:url('../images/contact_bg.jpg') no-repeat center;background-size:cover;font-size:1em;}
.contactBox1 li{width:48%;overflow:hidden;background:#fff;background: rgba(255, 255, 255, .6);overflow:hidden;border-radius:3px;box-shadow:0 3px 10px #ddd;transition:all .5s;animation-fill-mode:backwards;}
.contactBox1 .bgImg{width:42%;height:320px;}
.contactBox1 .txt{width:58%;padding:6%;}
.contactBox1 .txt h4{font-size:1.5em;color:#333;margin-bottom:25px;padding-top:10%;}
.contactBox1 .txt span{display: block;font-size:1.5em;color:#017cc2;font-family:Arial;}
.contactBox1 li:hover{transform: scale(1.05);}
.contactBox2{margin:70px auto;box-shadow:0 0 10px #ddd;padding:4%;border-radius:5px;font-size:1.25em;overflow:hidden;}
.contactBox2 .txt{width:45%;border-right: 1px dashed #bcbcbc;padding-right:20px;}
.contactBox2 .txt p{height:85px;padding-top:15px;}
.contactBox2 .txt p:nth-child(3){height:auto;}
.contactBox2 .txt p i{font-family:"iconfont";font-style:normal;border-radius:100%;width:60px;height:60px;border:1px solid #017cc2;float:left;text-align:center;line-height:60px;color:#017cc2;font-size:1.8rem;font-weight:700;margin-top:-15px;margin-right:20px;}
.contactBox2 .txt p span{margin-left:20px;}
.contactBox2 .wx{width:26%;overflow:hidden;line-height:2;padding-top:30px;}
.contactBox2 .wx span{float:left; border:1px solid #017cc2;padding:5px;display:block;width:165px;height:165px;margin-right:40px;}
.contactBox2 .wx img{width:100%;}
#dituContent{height:450px;max-width:1600px;margin:0 auto;width:100%;margin-bottom:70px;}


/* 在线留言*/
.feedback{padding-top:0;}
.feedbackL{width:24%;height:380px;float:left;}
.feedbackR{width:72.5%;float:right;}
.feedback p{width:49%;float: left;;height: 60px;line-height: 60px;position: relative;padding:0 15px 0 60px;margin-bottom: 10px;position: relative;border: 1px solid #ccc;background:#fff;}
.feedback p:nth-child(2n){float:right;}
.feedback p input{width: 100%;height: 100%;}
.feedback .tarea{width: 100%;height: 160px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}
.feedback i{content: "";font-family: "iconfont";color: #a0a0a0;font-style: normal;float: left;margin-left: -30px;font-size: 1rem;}
.feedback textarea{width: 100%;height: 100%;}
.feedback .code{clear: both;}
.feedback .code input{height: 60px;line-height: 60px;border: 1px solid #ddd;background:#fff;}
.feedback .code .c{width: 20%;padding: 0 15px;}
.feedback .code img{padding:19px;background:#f5f5f5;}
.feedback .code .sub {background: #07599f;width: 30%;cursor: pointer;transition: all .3s;color: #fff;border:1px solid #07599f;}
.feedback .sub:hover{background:#005d94;}