@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-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:#0612f5;}
html,body{position:relative;height: 100%;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb10{margin-bottom:10px;}
.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%;}
.pd60{padding:80px 0;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}

@font-face {
  font-family: 'iconfont';  /* Project id 2288898 */
  src: url('../fonts/font_2288898_r6c5yxdqdzt.eot'); /* IE9 */
  src: url('../fonts/font_2288898_r6c5yxdqdzt.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/font_2288898_r6c5yxdqdzt.woff2') format('woff2'),
  url('../fonts/font_2288898_r6c5yxdqdzt.woff') format('woff'),
  url('../fonts/font_2288898_r6c5yxdqdzt.ttf') format('truetype'),
  url('../fonts/font_2288898_r6c5yxdqdzt.svg') 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%;left:0;top:0;height:80px;line-height:80px;transition:all .3s;font-size:1rem;}
.homeHead{position:fixed;z-index:99;}
.header .container{height:100%;}
.nav {width:51%;margin-right:230px;display:flex;justify-content:space-between;}
.nav .m{float:left;text-align:center;}
.nav .m>a{color:#333;display:inline-block;position:relative;}
/* .nav .m>a::after{content:"";position: absolute;left:0;bottom:25%;width:100%;height:2px;background:#0612f5;transition:transform .3s;z-index:1;transform: scale(0,1);transform-origin:right;} */
.nav .cur>a,.nav .m>a:hover,.nav .on>a:hover{color:#0612f5;}
/* .nav .cur>a::after,.nav .m>a:hover::after{transform: scale(1);transform-origin:left;} */
.nav .sub{line-height:26px;position:absolute;z-index:90;top:100%;left:0;display:none;padding:30px 15% 30px 30%;width:100%;z-index:2;}
.nav .sub::after{content:"";position: absolute;left:-50%;width:200%;height:100%;background:#F5F5F5;top:0;z-index:-1;border-bottom: 1px solid #ddd;}
.nav .list{width:50%;padding-right:5%;overflow: hidden;}
.nav .list li{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;max-width:300px;}
.nav .m2 .list li{width:48%;float:left;}
.nav .m2 .list li:nth-child(2n){float:right;}
.nav .list a{display: block; font-size:.950em;position:relative;padding:8px 10px 8px 15px;transition:color .2s ease-in-out;text-align:left;color:#333;background:url('../images/ly_li2.png') no-repeat left;margin-left:2%;}
.nav .list a:hover{color:#0612f5;}
.nav .list a:before{position:absolute;bottom:1px;left:0;display:block;width:0;height:1px;content:'';-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out;background:#0612f5;}
.nav .list a:hover:before{width:100%;}
.nav .pic{width:50%;overflow:hidden;text-align:left;color:#333;font-size:14px;border-left: 1px solid #ddd;padding-left:5%;}
.nav .pic .bgImg{max-width:420px;height:200px;margin-bottom:15px;}
.nav .pic p{max-width:400px;font-size:14px; line-height:22px;}
.headTel{position: absolute; font-size:1.25em;right:0;padding-left:30px;font-family:Arial;background: url('../images/htel.png') no-repeat left center;color:#0612f5;}
.headB{background:#fff}
.headFix{background:#fff;box-shadow:0 0 8px #eee;z-index:99;position:fixed;}



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

/* 广告轮播图 */
.banner{width: 100%;height:100%;position: relative;z-index:2;}
.banner .swiper-slide{position:relative;height:100%;overflow:hidden;}
.banner .pic{height:100%;}
.banner .txt{position:absolute;left:50%;top:30%;z-index:10;opacity:0;transition:all 1s;margin-left:-600px;max-width:1600px;transform:translate(-50%);}
.banner .wap{display:none;}
.banner .swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination{bottom:15px;}
.banner .swiper-pagination-bullet{background:#fff;width:9px;height:12px;border-radius:0;transform: skew(-20deg);opacity:.6;}
.banner .swiper-pagination-bullet-active{background:#0612f5;opacity:1;}
.banner .mouse{position:absolute;width:15px;height:28px;background: url('../images/mouse.png') no-repeat;right:5%;bottom:80px;z-index:2;margin-left:-7px;}
.banner .swiper-slide-active .txt{ opacity:1;margin-left:-460px;}

/* 成功案例 */
.hTitle{font-size:2.5rem;margin-bottom:40px;text-align:center;color:#000123;}
.hTitleW{color:#000;}
.case ul{margin-right:-10px;}
.case li{float:left;width:25%;padding-right:10px;margin-bottom:10px;font-size:1.125em;}
.case li a{display:block;position:relative;overflow:hidden;}
.case li .pImg::after{content:"";position: absolute;width:100%;height:100%;left:0;top:0;background:#000;opacity:.4;transition:all .5s;}
.case li .pImg{padding-top:70%;}
.case li p{position: absolute;bottom:0;width:100%;padding:0 6%;color:#fff;height:60px;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;z-index:2;}
.case li p::after,.solutionMain li .pImg::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;transition:all .5s;background-image: linear-gradient(rgba(0,0,0,0) 30%,rgba(0,0,0,.8));z-index:-1;}
.case li i{float:right;font-family:"iconfont";font-style:normal;}
.case .big{width:50%;font-size:1.375em;}
.case .big .pImg{padding-top:62%;}
.case .big p{height:80px;line-height:80px;padding:0 4%;}
.case li a:hover img{transform:scale(1.06);}
.case li a:hover .pImg::after{opacity:0;height:0;}
.case li a:hover p::after{height:120%;}
.case .cmore{display: block;margin:0 auto;width:240px;height:56px;line-height:54px;border:1px solid #0612f5;border-radius:28px;color:#0612f5;margin-top:30px;text-align:center;}
.case .cmore i{font-style:normal;font-family:"iconfont";margin-left:15px;}
.case .cmore:hover{background:#0612f5;color:#fff;width:300px;}

/* 解决方案 */
.solution{background-color:#f2f8ff;background-size:cover; font-size:1.125em;}
.solutionT{overflow:hidden;padding-top:10px;color:#000;padding-bottom:20px;margin-bottom:40px;position:relative;}
.solutionT::after{content:"";position: absolute;left:0;width:100%;height:1px;background:#404042;bottom:24px;}
.solutionMenu li{float:left;width:11.11%;padding-bottom:40px;position:relative;cursor: pointer;transition:all .4s;text-align:center;opacity:.8;}
.solutionMenu li a{color:#000;position: relative;top:0;transition:all .5s;}
.solutionMenu li::after{content:"";position:absolute;left:50%;bottom:0;width:10px;height:10px;border-radius:100%;background:#adaeae;margin-left:-5px;transition:all .5s;}
.solutionMenu li::before{content:"";position:absolute;left:50%;bottom:0;width:48px;height:48px;border:1px solid #000;border-radius:100%;margin-left:-24px;margin-bottom:-20px;opacity:0;transition:all .4s;}
.solutionMenu .swiper-slide-active,.solutionMenu .swiper-slide-active::before{opacity:1;}
.solutionMenu .swiper-slide-active a{top:-10px;}

.solutionMain{position: relative;overflow:hidden;}
.solutionMain li{float:left; width:58%;position:relative;padding:0 4.5%;}
.solutionMain li a{display:block;position:relative;}
.solutionMain li .pImg{padding-top:50%;}
.solutionMain li .pImg::after{height:100%;z-index:1;background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));}
.solutionMain li img{ border-radius:10px;overflow:hidden;}
.solutionMain li p{position: absolute;bottom:-50px;font-size:1.667em;color:#fff;padding:3% 5%;width:100%;line-height:50px;opacity:0;z-index:2;transition:all .5s;}
.solutionMain li p span{float:right;font-style:normal;font-size:14px;}
.solutionMain li p i{font-style:normal;font-family:"simsun";margin-left:5px;}
.solutionMain .swiper-slide-active img{opacity:1;filter:none;-webkit-filter:none;-ms-filter:none; -o-filter:none;}
.solutionMain .swiper-slide-active p{opacity:1;bottom:0;}
.solutionMain .btn{width:54px;height:54px;border-radius:100%;background:rgba(0, 0, 0, .2);color:#fff;text-align:center;line-height:54px;font-family:"simsun";font-weight:700;font-size:24px;left:20%;transition:all .5s ;}
.solutionMain .swiper-button-next{left:auto;right:20%;}
.solutionMain .btn:hover{background:#fff;color:#0612f5;}
.hMore{display: block;width:170px;height:50px;line-height:48px;border:1px solid #333;border-radius:25px;color:#333;margin:0 auto;margin-top:50px;text-align:center;font-size:1rem;}
.hMore:hover{border-color:#0612f5;color:#fff;background:#0612f5;}

/* 产品中心 */
.product li{float:left;width:49%;margin-top:30px;background:url('../images/pro_bg.jpg') no-repeat center;background-size:cover;}
.product li:nth-child(2n){float:right;}
.product li:nth-child(-n+2){margin-top:0;}
.product li a{display:block;height:400px;padding:8% 5%;position:relative;}
.product li .pic{position: absolute;right:15px;top:50%;transform: translateY(-50%);overflow:hidden;width:50%;text-align:right;}
.product li img{transition:all .5s;max-width:90%;}
.product li .info{width:46%;color:#454545;}
.product li h3{font-size:1.5em;;margin-bottom:15px;color:#111;transition:all .5s;}
.product li .txt{margin-top:20px;overflow:hidden;min-height:80px;margin-bottom:20px;max-height:120px;overflow:hidden;}
.product li .txt p{background: url('../images/pro_li.png') no-repeat left 10px;padding-left:15px;margin-bottom:5px;}
.product li .more{display:inline-block;width:120px;height:36px;line-height:34px;border:1px solid #0612f5;border-radius:20px;color:#0612f5;font-size:.875em;text-align:center;transition:all .5s;}
.product li a:hover .more{background:#0612f5;color:#fff;}
.product li a:hover img{transform: scale(1.08);}
.product li a:hover h3{color:#0612f5;}
.hMore2{border:1px solid #333;color:#333;}
.hMore2:hover{border-color:#0612f5;color:#fff;background:#0612f5;}

/* 关于 */
.about{background:#f2f8ff;overflow:hidden;}
.aboutL{padding-top:80px;width:45%;color:#000123;height:720px;position: relative;}
.aboutL .hTitle{text-align:left;margin-bottom:30px;}
.hTitle span{font-size:18px;display:block;color:#59595d;}
.aboutL .txt{height:120px;margin-bottom:20px;line-height:1.8;overflow:hidden;} 
.aboutL .hMore{float:left;position: absolute;bottom:0;}
.aboutNum{background:#fff;width:100%;position:absolute;left:0;bottom:210px;z-index:2;}
.aboutNum li{float:left;width:25%;text-align:center;padding-top:70px;height:230px;}
.aboutNum li span{display: block;color:#333;font-size:4.5em;font-family:Arial;line-height:1;}
.aboutNum li i{font-style:normal;font-size:16px;margin-left:5px;}
.aboutNum li:nth-child(3) i,.aboutNum li:nth-child(4) i{font-size:24px;}
.aboutNum li:nth-child(1),.aboutNum li:nth-child(1) span{color:#fff;}
.aboutNum::after{content:"";position: absolute;left:0;top:-5%;height:110%;background:#0612f5;width:25%;z-index:-1;}
.aboutR{width:58%;height:800px;overflow:hidden;position:relative;margin-right:-10%;}
.aboutR .bgImg{animation:scale 30s infinite;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}

/* 新闻 */
.newsL{width:48%;overflow:hidden;}
.newsL .pic{height:410px;overflow:hidden;display:block;}
.newsL h4{font-size:1.25em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;}
.newsL h4 a{color:#111;}
.newsL .pic:hover .bgImg{transform: scale(1.1);}
.newsL h4 a:hover{color:#0612f5;} 
.newsL .txt{padding:20px 5%;border:1px solid #e9e9e9;}
.news .more{color:#0612f5;margin-top:10px;font-size:.875em;display:inline-block;}
.news .more:hover{text-decoration: underline;}
.newsR{width:48%;overflow: hidden;}
.newsR li{overflow:hidden;position:relative;background:#fff;border-bottom:1px solid #e9e9e9;}
.newsR li:after{position:absolute;content:"";left:0;top:0;width:0;height:100%;transition:all 0.4s;background:#0612f5;}
.newsR li a{position:relative;z-index:2;display:block;color:#777;padding:34px 5%;padding-left:160px;height:188px;}
.newsR li .date{float:left;width:120px;text-align:center;transition:all 0.3s;padding-top:5px;font-size:.1.125em;color:#0612f5;margin-left:-160px;padding-top:10px;}
.newsR li .date i{display:block;font-style:normal;font-size:3.333em;line-height:1;margin-bottom:15px;font-weight:700;}
.newsR li h4{color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:normal;font-size:1.25em;margin-bottom:10px;}
.newsR li:hover .date,.newsR li:hover a,.newsR li:hover h4,.newsR li:hover .more{color:#fff;transition:all 0.3s;}
.newsR li:hover{background:#0612f5;transition-delay:.3s;}
.newsR li:hover:after{width:100%;}

/*底部 */
.footer{background:#f2f4f7;font-size:0.875rem;color:#8a8e99;line-height:2em;overflow:hidden;}
.footMain{padding:40px 0;overflow:hidden;}
.footR{width:32.5%;border-right: 1px solid #ddd;}
.footR .tel{margin:10px 0;color:#333;}
.footR .tel span{display:block; color:#0612f5;font-size:2em;font-family:Arial;background: url('../images/ftel.png') no-repeat left center;padding-left:25px;}
 .footMenu{width:58%;overflow:hidden;display: flex;justify-content:space-between;}
.footMenu ul{float:left;}
.footMenu ul h4{color:#1a1a1a;font-size:1.143em;margin-bottom:10px;position:relative;padding-bottom:5px;}
.footMenu_wap{display:none;overflow:hidden;text-align:center;}
.footer a{color:#8a8e99;}
.footer a:hover{color:#0612f5;}
.copyright{padding:15px 0;position:relative;z-index:2;}
.copyright::after{content:"";position: absolute;left:0;top:0;width:200%;margin-left:-50%;height:1px;background:#d9dbde;z-index:-1;}
.firendlink{padding-top:8px;clear: both;}
.firendlink span{color:#333;font-size:14px;}
.firendlink a{margin:0 5px;}

/*内页公用 */
.listWrap{overflow:hidden;padding:80px 0;}
.listBox{min-height:300px;}
.listBanner,.mzsmBanner{height:580px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden;}
.listBanner .bgImg{transform:matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform:matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}
.listBanner h3{position:absolute;color:#fff;top:48%; text-align: center; font-size:2.5rem;text-transform:uppercase;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:18px;font-weight: 400;}
.breadCrumb{font-size:.875rem;overflow:hidden;background:#f7f7f7;padding:20px 0;}
.breadCrumb .back{float:right;width:84px;height:30px;border:1px solid #0612f5;text-align:center;border-radius:15px;line-height:28px;color:#0612f5;}
.breadCrumb .back:hover{background:#0612f5;color:#fff;}
.breadCrumb2{background:#fff;}
.breadCrumb p span,.menuBox p span{position:relative;padding-left:25px;background: url('../images/homeicon.png') no-repeat left center;}
.proSear{position: relative;z-index:5;}
.proSear form{background:#f5f5f5;width:60%;margin-bottom:40px;margin-top:0;}
@-webkit-keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes leftPic
{
  0%   {opacity:0;padding-top:60px;}
  100% {opacity:1;padding-top:0;}
}


/*内页公用菜单*/
.menuBox{background:#f1f1f1;height:80px;line-height:80px;position:relative;font-size:1.125rem;}
.listMenu a{display:inline-block;position:relative;color:#191919;margin-right:40px;}
.listMenu a:hover,.listMenu .cur{color:#0612f5;}
/* .listMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#0612f5;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:#0612f5;border:1px solid #0612f5;color:#fff;}
.menuBox p{font-size:14px;}
.menuBox .bc{color:#0612f5;} 
.listMenu_wap {display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px;padding-left:1px;background:#f1f1f1;margin-top:0;padding:0;line-height:45px;font-size:16px;}
.listMenu_wap  a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;text-align:center;}
.listMenu_wap .cur{background:#0612f5;color:#fff;}


/*产品中心*/
.proWrap{font-size:1.5em;}
.proTie{font-size:2.5rem;color:#333;padding-top:30px;position:relative;line-height:1;margin-bottom:10px;}
.proTie a{float:right;font-size:16px;width:170px;height:50px;line-height:48px;border:1px solid #666;text-align:center;border-radius:25px;margin-top:-10px;}
.proTie a:hover{background:#0612f5;border-color:#0612f5;color:#fff;}
.proTie::after{content:"";position: absolute;left:0;top:0;width:110px;height:2px;background:#333;}
.proList {margin-right:-40px;overflow:hidden;margin-bottom:120px;}
.proList:last-child{margin-bottom:0;}
.proList li{float:left;width:50%;margin-top:40px;padding-right:40px;}
.proList li a{display:block;border-bottom:2px solid #e9e9e9;position:relative;}
.proList li a::after{content:"";position: absolute;left:0;bottom:-2px;width:100%;height:3px;background:#0612f5;transform-origin:right;transform: scale(0,1);transition:transform .5s;}
.proList li .pImg{padding-top:58%;}
.proList li p{height:90px;line-height:90px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;}
.proList li p span{float:right;margin-left:30px;color:#0612f5;font-size:0.667em;}
.proList li p i{font-style:normal;font-family:"iconfont";}
.proList li a:hover::after{transform-origin:left;transform: scale(1);}
.proList li a:hover img{transform: scale(1.05);}
.proList li a:hover p{color:#0612f5;}
.proList2 li{width:33.3%;}
.proList2 li:nth-child(n-4){margin-top:0;}
.proList2 li p{height:70px;line-height:70px;font-size:1.125em;}

/*产品详情*/
.proShow{font-size:1.2em;color:#333; line-height:1.8;}
.proShow li:nth-child(2n-1){background:#f4f6fa;}
.proShow li:nth-child(2n) .txt{left:auto;right:0;}
.proShow li:nth-child(2n) .pic{right:auto;left:0;}
.proShow li .info{overflow:hidden;height:780px;}
.proShow li .pic{position: absolute;right:0;width:50%;top:50%;transform: translateY(-50%);}
.proShow li .txt{position: absolute;left:0;width:41%;top:50%;transform: translateY(-50%);max-height:500px;overflow-y:auto;}
.proShow li .txt .hMore{display:inline-block;margin-top:60px;}
.proShow li .txt .hMore:hover{width:170px;}
.proShow li h3{font-size:1.583em;margin-bottom:25px;}
.proShow .p1 .txt{top:46%;}
.proShow .p1 p{text-transform: uppercase;opacity:.8;}
.proShow .p1 h3{font-size:2.250em;margin-bottom:10px;}
.proShow_con2{padding-top:140px;padding-bottom:140px; font-size: 17px; line-height: 30px;}

.proShow_con3 .top{background: url('../images/message_bg.jpg') no-repeat center;color:#fff;padding:100px 5%;font-size:1.5em;letter-spacing:4px;}
.proShow_con3 .title{font-weight:300;margin-bottom:60px;}
.proShow_con3 .title span{display:block;font-size:1.5em;font-weight:400;}
.proShow_con3 .top p{font-weight:700;font-size:1.167em;background: url('../images/p_email.png') no-repeat left 13px;padding-left:40px;}

.message{background:#f8f8f8;overflow:hidden;padding:50px 3% 80px 3%;margin-bottom:80px;}
.message p{width:49%;float: left;;height:60px;line-height: 60px;position: relative;padding:0 25px 0 60px;margin-bottom:30px;position: relative;background:#fff;}
.message p:nth-child(2n){float:right;}
.message p input{width: 100%;height: 100%;}
.message .tarea{width: 100%;height: 160px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}
.message p em{position: absolute;right:10px;font-size:1.125em;}
.message p i{content: "";font-family: "iconfont";color: #a0a0a0;font-style: normal;float: left;margin-left: -30px;font-size: 1rem;}
.message textarea{width: 100%;height: 100%;}
.message .tip{margin-bottom:20px;color:#333;clear:both;display:block;}
.message .tip i,.message p em{font-style:normal;color:#0612f5;}
.message .sub{width:100%;height:60px;line-height:60px;background:#0612f5;color:#fff;border-radius:30px;font-size:1.25em;cursor: pointer;transition:all .5s;}
.message .sub:hover{background:#f00;}


/*解决方案列表*/
.solutionList li{margin-bottom:80px;overflow:hidden;position:relative;font-size:1.125em;}
.solutionList li .pic{width:71%;height:600px;display:block;overflow:hidden;}
.solutionList li .bgImg{transition:all 1s;}
.solutionList li .txt{background:#fff;width:28%;padding:5%;height:460px;position: absolute;left:10px;top:50%;margin-top:-230px;line-height:1.8;box-shadow:-3px 3px 10px #eee;}
.solutionList li h4{font-size:2.22em;margin-bottom:30px;padding-bottom:30px;line-height:1.2;position:relative;}
.solutionList li h4 a{color:#191919;}
.solutionList li h4::after{content:"";position: absolute;left:0;bottom:0;width:50px;height:4px;background:#0612f5;transition:all .5s;}
.solutionList li h4 a:hover{color:#0612f5;}
.solutionList li:nth-child(2n) .pic{float:left;}
.solutionList li:nth-child(2n) .txt{left:auto;right:10px;}
.solutionList li:hover .bgImg{transform:scale(1.06);}
.solutionList li:hover h4::after{width:80px;}

/*解决方案详情*/
.solutionTop{padding-bottom:0;}
.solutionTop .bgImg{float:left; width:50%;height:450px;}
.solutionTop .info{width:50%;padding:4%;background:#f8f8f8;height:450px;}
.solutionTop .tie{font-size:1.714em;color:#333;margin-bottom:30px;}
.solutionShow{font-size:1.125em;}
.solutionShow_menu{display: flex;justify-content: center;text-align:center;color:#333;}
.solutionShow_menu li{padding:0 30px;margin:0 35px;cursor: pointer;position:relative;padding-bottom:20px;}
.solutionShow_menu li i{font-style:normal;font-family:"iconfont";display:block;font-size:3.5em;opacity:.6;line-height:1.4;}
.solutionShow_menu li::after{content:"";position: absolute;left:50%;bottom:0;width:0;height:3px;background:#0612f5;transition:all .5s;}
.solutionShow_menu .on::after{width:100%;left:0;}
.solutionShow_menu .on{color:#0612f5;}
.solutionShow_menu .on i{opacity:1;}
.solutionShow_con{background:#f8f8f8;overflow:hidden;padding-top:100px;padding-bottom:100px;}
.solutionShow_con li{position: relative;}
.solutionShow_con .pic{width:50%;display:block;text-align:center;}
.solutionShow_con .txt{width:40%;line-height:1.8;color:#333;position: absolute;left:0;top:45%;transform: translateY(-50%); font-size: 16px;}
.solutionShow_con .txt h4{font-size:1.778em;margin-bottom:20px;}
.caseSlide{margin-top:50px;overflow:hidden;}
.caseSlide li{float:left;width:25%;}
.caseSlide li p{height:70px;line-height:70px;background:#f6f8fa;padding:0 5%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.caseSlide li .pImg{padding-top:62%;}
.caseSlide li i{float:right;font-family:"iconfont";margin-left:10px;font-style:normal;}
.caseSlide li:hover img{transform: scale(1.1);}

/*案例列表*/
.caseList ul{margin-right:-30px;font-size:.875em;}
.caseList li{float:left;width:33.3%;padding-right:30px;margin-bottom:30px;}
.caseList li .pImg{padding-top:62%;}
.caseList li .txt{padding:30px 6%;color:#333;transition:all .5s;position: relative;}
.caseList li .txt::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;transition:all .5s;background:#f7f7f7;z-index:-1;}
.caseList li h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:25px;}
.caseList li h4 span{display:block;color:#aaa; font-size:14px;}
.caseList li i{font-style:normal;float:left;margin-right:10px;width:22px;height:22px;text-align:center;line-height:22px;border:1px solid #333;border-radius:100%;}
.caseList li:hover img{transform: scale(1.1);}
.caseList li:hover .txt::after{height:100%;}
.caseList li:hover h4{color:#0612f5;}
.caseList li:hover i{color:#0612f5;border-color:#0612f5;}

/*案例详情*/
.newsShow{width:68%;background:#fff;overflow:hidden;}
.newsShow .title{font-size:2.5em;border-bottom:1px solid #e5e5e5;color:#111;padding-bottom:40px;margin-bottom:40px;}
.showCon{overflow:hidden;margin-bottom:40px;line-height:1.8;}
.showCon .ce img{min-width:60%;}
.showPage{height:60px;line-height:60px;overflow:hidden;background:#f5f7fa;padding:0 5%;font-size:.875rem;position:relative;}
.showPage .back{position: absolute;left:50%;margin-left:-20px;font-family:"iconfont";color:#0612f5;font-size:1.286em;}
.showPage a:hover{color:#0612f5;}
.showPage .back:hover{color:#f00;}
.rightNews .title{font-size:1.5em;color:#333;margin-bottom:25px;color:#333;}
.rightNews {width:25%;float:right;}
.rightNews ul{margin-right:0;}
.rightNews li{width:100%;padding-right:0;margin-bottom:10px;}


/* 新闻列表 */
.newsList li{position: relative;overflow: hidden;margin-bottom:70px;padding-left:180px;}
.newsList li .date{position:absolute;left:0;top:0;padding-top:25px;font-size:1.125em; text-align:right;color:#333;transition:all .5s;font-weight:300;}
.newsList li .date em{display:block;font-style:normal;font-size:2.667em;line-height:1;}
.newsList li .date::after{content:"";position: absolute;left:0;top:0;background:#0612f5;width:106px;height:1px;transition:all .5s;}
.newsList li .pic{float:left; width:45%;overflow:hidden;margin-right:6%;}
.newsList li .pic img{width:100%;transition:all 1s;}
.newsList li .txt{padding-top:2%;color:#999;overflow:hidden;}
.newsList li .txt h3{font-size:2em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:20px;}
.newsList li .txt h3 a{color:#333;}
.newsList li .txt p {  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp:3;-webkit-box-orient: vertical;}
.newsList li .more{color:#999;position: absolute;bottom:8%;}
.newsList li .more i,.newsList2 li .more i{font-style:normal;font-family:"iconfont";margin-left:10px;}
.newsList li .more:hover,.newsList li h3 a:hover{color:#0612f5;padding-left:10px;}
.newsList li:hover .date{padding-top:40px;}
.newsList li:hover img{transform: scale(1.1);}

.faq ul{padding-left:1px;padding-top:1px;overflow: hidden;}
.faq li{float:left;width:33.3%;position:relative;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;transition:all .3s;padding:2.5%;height:260px;}
.faq li::after{content:"";position: absolute;left:0;bottom:0;height:6px;background:#0612f5;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:10px;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:#0612f5;}
.faqList li h4{margin-bottom:20px;}
.faqList li {width:50%;height:auto;}

/* 新闻详情 */
.showTie{overflow:hidden;margin-bottom:30px;border-bottom: 1px solid #e9e9e9;padding-bottom:30px;}
.showTie h2{font-size:2em;color:#000123;margin-bottom:15px;}
.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:-4px;}
.showTie .bshare-custom{margin-top:-30px;}
.newsShow .showTie p{font-size:.75rem;color:#999;}
.picShow_r{width:22%;overflow:hidden;}

/* 关于我们 */
.proTie2{margin-bottom:50px;}
.aboutBox_r{width:50%;height:520px;overflow:hidden;}
.aboutBox_l{width:45%;}
.aboutBox_l .txt{line-height:1.8;}

.culture li{float: left;width:25%;text-align:center;position:relative;height:800px;background-position: center;background-repeat: no-repeat;background-size:cover;position: relative;z-index:2;}
.culture li::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:#f0ecec;z-index:-1;transition:all .6s;}
.culture li i{display:inline-block;width:90px;height:90px;transition:all .5s;}
.culture li h4{margin-top:20px;font-size:1.875em;color:#333;padding-bottom:25px;margin-bottom:40px;position:relative;line-height:1.4;}
.culture li h4::after{content:"";position: absolute;left:50%;width:70px;height:2px;background:#0612f5;margin-left:-35px;bottom:0;}
.culture li .txt{padding:0 10%;color:#888;line-height:2;padding-top:45%;}
.culture li:hover::after{height:0;}
.culture li:hover i{background-position: 0 -90px;}
.culture li:hover .txt,.culture li:hover h4{color:#fff;}

.honorMenu{text-align:center;margin-bottom:50px;}
.honorMenu a{display:inline-block;font-size:1.25em;border:1px solid #888;width:170px;height:50px;line-height:48px;border-radius:25px;color:#333;margin:0 30px;}
.honorMenu .on{background:#0612f5;border-color:#0612f5;color:#fff;}
.honorMain{margin-right:-30px;}
.honorMain li{float:left;width:25%;;padding-right:30px;margin-bottom:30px;}
.honorMain li a{display:block;border:1px solid #eee;padding:10px 15px;color:#333;padding-bottom:0;}
.honorMain li .pImg{padding-top:80%;}
.honorMain li p{height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.honorMain li i{font-style:normal;font-family:"iconfont";float:right;margin-left:15px;font-size:1.25em;opacity:.8;}
.honorMain li a:hover img{transform: scale(1.1);}
.honorMain li a:hover {border-color: #0612f5;color:#0612f5;}
.honorList{margin-bottom:100px;}
.honorList:last-child{margin-bottom:0;}

/* 联系*/
.contactBox{overflow: visible;}
.contactTxt{width:46%;color:#666e80;padding-top:70px;}
.contactTxt .tie{border-bottom:2px solid #0612f5;color:#0612f5;font-size:2.5em;height:80px;}
.contactTxt li{overflow:hidden;padding-top:30px;padding-bottom:30px;border-bottom: 1px solid #dcdee1;position:relative;}
.contactTxt li i{float:left;width:48px;height:48px;border:1px solid #cacfd6;margin-right:10px;font-family:"iconfont";color:#0612f5;font-style:normal;line-height:48px;font-size:1.5em;text-align:center;}
.contactTxt li span{display:block;margin-top:5px;}
.contactTxt li .fl{width:46%;}
.contactTxt .tel span{font-weight:700;}
.contactTxt .p3{clear: both;padding-top:30px;}
.contactTxt li:last-child{border:none;}
.contactTxt .wx{position: absolute;right:5%;top:30px;width:130px;}
#dituContent{width:60%;height:750px;float:right;margin-right:-10%;}

/* 在线留言*/
.feedback{background:#eff1f5;}
.feedback p{width:49%;float: left;;height:60px;line-height: 60px;position: relative;padding:0 25px 0 60px;margin-bottom:20px;position: relative;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 p em{position: absolute;right:10px;font-size:1.125em;}
.feedback p 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 .tip{margin-bottom:20px;color:#333;clear:both;display:block;}
.feedback .tip i,.feedback p em{font-style:normal;color:#f00;}
.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:#fff;}
.feedback .code .sub {background: #0612f5;width: 30%;cursor: pointer;transition: all .3s;color: #fff;border:1px solid #0612f5;}
.feedback .sub:hover{background:#a00008;}