@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:#006bff;}


/* 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;font-size:.875em;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}

.gray{background:#efefef;}

@font-face {
  font-family: 'iconfont';  /* project id 1152918 */
  src: url('../fonts/font_1152918_4hr5pdwrx4t.eot');
  src: url('../fonts/font_1152918_4hr5pdwrx4t.eot') format('embedded-opentype'),
  url('../fonts/font_1152918_4hr5pdwrx4t.woff2') format('woff2'),
  url('../fonts/font_1152918_4hr5pdwrx4t.woff') format('woff'),
  url('../fonts/font_1152918_4hr5pdwrx4t.ttf') format('truetype'),
  url('../fonts/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;
}
 

/* 头部 */
.header{width:100%;height:120px;line-height:120px;font-size:1.125em;background:#fff;position:relative;z-index:99;}
.header .logo{position:absolute;left:0;top:0;width:260px;border-right: 1px solid #e5e5e5;} 
.nav {padding:0 280px 0 280px;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;}
.nav .m>a::after{content:"";position:absolute;left:0;bottom:0;height:2px;background:#006bff;width:100%;transform: scale(0,1);transform-origin:right;transition: transform .3s;}
.nav .cur>a,.nav .m>a:hover{color:#006bff;}
.nav .cur>a::after,.nav .m>a:hover::after{width:100%;transform: scale(1);transform-origin:left;}
.nav .navSub{position:absolute;left:-12%;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:35px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#000;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;}

.headR{width:260px;position:absolute;right:0;top:0;border-left: 1px solid #e5e5e5;line-height:1.4;height:120px;padding-top:25px;}
.headR .tel span{letter-spacing:.8px;}
.headR li{float:left;margin-left:30px;}
.headR .tel{font-size:1.233em;color:#006bff;font-weight:bold;font-family:Arial; line-height:22px; padding-top:10px;}
.headR .tel span{display: block;}
.headR .icon{width:24px;height:24px;background: url('../images/topicon.png') no-repeat;position:relative;z-index:5;font-size:.875rem;cursor:pointer;margin-top:20px;opacity:.5;}
.headR .wx{background-position: -24px 0;}
.headR .icon:hover,.headR .on.icon{opacity:.9;}
.headR .info{position:absolute;background:#ddd;line-height:24px;top:40px;color:#666;width:120px;padding:5px;left:-50px;display:none;}
.headR .info::before,.nav .navSub::before{content:"";position:absolute;top:-16px;border:8px solid transparent;border-bottom-color:#ddd;left:50%;margin-left:-8px;}

.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;padding-left:230px;}
.headFix .logo{width:220px;}
.headFix .logo img{height:52px;}
.headFix .headR{width:260px;height:90px;padding-top:18px;}
.headFix .headR .icon{margin-top:15px;}

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

/* PC端搜索 */
.searchTop{position: absolute;padding:20px;background:#006bff; background: rgba(0,0,0,.5);left:0;top:100%;display:none;width:100%;padding-top:0;}
.search form{width:40%;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;padding:0 50px 0 65px;}
.search .txt{width:100%;height:50px; line-height:40px;color:#666;float:left;}
.search .btn{float:left;width:50px;height:50px; cursor:pointer;transition:all 0.3s;background:#333 url('../images/sicon.png') no-repeat center;border-left:1px solid #666;margin-right:-50px;}
.search .btn:hover{background-color:#006bff;}
.searSelect{float:left;width:60px;color:#333;padding-left:10px;position:relative;font-size:12px;cursor:pointer;border-right:1px solid #ddd;margin-left:-65px;}
.searSelect span{position:relative;display:block;}
.searSelect span:after{content:"";position:absolute;right:5px;top:25px;border:4px solid transparent;border-top-color:#333;}
.searSelect ul{position:absolute;top:38px;left:0;background:#fff;text-align:center;width:55px;display:none;}
.searSelect ul li{line-height:25px;border-top:1px solid #f5f5f5;}


/* 广告轮播图 */
.banner{position:relative;overflow:hidden;font-size:.875rem;}
.banner .swiper-slide{position: relative;}
.banner .pic{width:100%;}
.banner .txt{position:absolute;left:0;top:25%;transform:translateX(-50%);z-index:10;opacity:0;transition:all 1s;}
.banner .txt3{left:auto;right:-30%;}
.banner .swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination{bottom:40px;;max-width:1600px;left:50%;transform:translateX(-50%);}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:14px;height:14px;border:1px solid #fff;position: relative;}
.banner .swiper-pagination-bullet:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:3px;left:3px;border-radius:100%;}
.banner .swiper-pagination-bullet-active{border-color: #006bff;}
.banner .swiper-pagination-bullet-active::after{background:#006bff;}
.banner .swiper-slide-active .txt{ opacity:1;left:20%;}
.banner .swiper-slide-active .txt2{left:28%;}
.banner .swiper-slide-active .txt3{right:-12%;left:auto;}


/* 关于我们 */
.about{position:relative;}
.aboutMain{border-bottom: 1px solid #d9d9d9;overflow: hidden;} 
.aboutL{width:42%;overflow:hidden;padding-top:15px;}
.aboutL li{float:left;width:33.3%;line-height:1.6;min-height:210px;}
.aboutL li p{overflow:hidden;height:50px;line-height:1;}
.aboutL li i{display:block;max-width:100%;height:46px;background-repeat: no-repeat;margin-bottom:20px;}
.aboutL li span{display: block;font-size:1.286em;color:#191919;}
.aboutL li:nth-child(2){margin-right:15%;}
.aboutR{width:44%;}
.aboutR .txt{height:140px;overflow:hidden;margin-bottom:10px;}
.aboutR .more{display:inline-block;width:190px;height:46px;line-height:46px;background:#0046a8 url('../images/f_line.png');;color:#fff;text-align:center;}
.aboutR .more i{font-style:normal;margin-left:15px;}
.aboutR .more:hover{width:240px;}

.about .svg {position: absolute;left:0;top:0;z-index:-1;height:100%;}
.parallax>use{animation:move-forever 30s linear infinite}
.parallax>use:nth-child(1){animation-delay:-2s}
.parallax>use:nth-child(2){animation-delay:-2s;animation-duration:8s}
.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:9s}
.parallax>use:nth-child(4){animation-delay:-4s;animation-duration:12s}
.parallax>use:nth-child(5){animation-delay:0;animation-duration:9s}
.parallax>use:nth-child(6){animation-delay:-6s;animation-duration:11s}
.parallax>use:nth-child(7){animation-delay:-3s;animation-duration:9s}
.parallax>use:nth-child(8){animation-delay:0s;animation-duration:7s}
@keyframes move-forever{
  0%{transform:translate(-90px,0)}
  100%{transform:translate(85px,0)}
}

/* 案例 */
.hTitle{font-size:1.625rem;margin-bottom:40px;position: relative;color:#191919;margin-bottom:40px;position:relative;}
.hTitle span{display: block;font-size:1.769em;margin-bottom:5px;}
.hTitle a{font-size:16px;position: absolute;right:0;bottom:10px;background: url('../images/c_icon.png') no-repeat left center;padding-left:20px;}
.case{position: relative;overflow: hidden;font-size:.875em;}
.case::after{content:"";position: absolute;left:0;bottom:0;height:110px;background:#001027;opacity:.6;z-index:2;width:100%;}
.casePic,.casePic li{height:770px;overflow:hidden;position: relative;}
.casePic li .bgImg{animation:scale 24s infinite;}
.casePic li .txt{position: absolute;top:100px;right:50%;width:400px;background:#fff;padding:50px;margin-right:-1000px;opacity:0;transition:all 1s;transition-delay:.3s;}
.casePic li h4{font-size:1.5em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-bottom:20px;margin-bottom:25px;border-bottom: 1px solid #d9d9d9;}
.casePic li h4 a{color:#191919;}
.casePic li h4 a:hover{color:#006bff;}
.casePic li h5{font-size:1.143em;color:#333;margin-bottom:15px;}
.casePic li img{filter: invert(100%);opacity:.3;margin-bottom:10px;max-height:54px;}
.casePic p{min-height:100px;margin-bottom:10px;}
.casePic .btn{display:inline-block;width:50%;text-align:center;color:#fff;background:#0059d6;height:50px;line-height:50px;}
.casePic .btn i{font-style:normal;font-family:"iconfont";margin-left:15px;}
.casePic .zx{background:#0046a8;}
.casePic .btn:hover{background:#000;}
.casePic .swiper-slide-active .txt{opacity:1;margin-right:-800px;}

.caseBottom{position:absolute;left:0;bottom:0;z-index:5;height:110px;left:50%;margin-left:-670px;max-width:1340px;}
.caseSlide{margin-right:-2px;}
.caseSlide li{float:left;width:20%;text-align:center;color:#fff;position: relative;padding-top:25px;cursor:pointer;height:110px;}
.caseSlide li::after{content:"";position: absolute;right:0;top:50%;height:40px;margin-top:-20px;background:#fff;opacity:.3;width:1px;}
.caseSlide li img{height:40px;}
.caseSlide .on{background:#0059d6 url('../images/f_line.png');}
.caseBottom .btn{position: absolute;left:-120px;background: url('../images/arr_l.png') no-repeat;width:70px;height:10px;margin-top:-5px;opacity:.8;bottom:50%;cursor: pointer;}
.caseBottom .next{left:auto;right:-120px;transform: rotate(180deg);font-size:0;}
.caseBottom .btn:hover{opacity:1;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}

/* 我们的产品 */
.product{overflow: visible;height:690px;}
.proL{width:46%;overflow: hidden;}
.proMenu{width:50%;background:#f4f4f4;font-size:1.143em;}
.proMenu li{height:65px;line-height:65px;border-bottom: 1px solid #fff;}
.proMenu li a{display: block;padding-left:15%;background: url('../images/p_arr.png') no-repeat 120% center;color:#333;}
.proMenu .on a{color:#006bff;background-position: 80% center;}
.proSummary{width:50%;height:390px;border:1px solid #f0f0f0;}
.proSummary li{padding:15%;}
.proSummary li h4{font-size:1.857em;margin-bottom:20px;}
.proSummary li h4 a{color:#191919;}
.proSummary li h4 a:hover{color:#006bff;}
.proSummary li p{height:150px;margin-bottom:15px;overflow:hidden;}
.proSummary li .more{display:inline-block;width:45px;height:45px;color:#006bff;background: url('../images/line2.png');text-align:center;line-height:45px;}
.proSummary li .more:hover{background-color:#006bff;color:#fff;width:100px;}

.proSlide{width:48%;font-size:1.143em;position:relative;}
.proSlide li{height:530px;position:relative;overflow:hidden;}
.proSlide li a{position: relative;display: block;}
.proSlide li a::after{content:"";position: absolute;left:0;top:0;background: url('../images/nicon.png') no-repeat;width:86px;height:96px;}
.proSlide li h4{position: absolute;left:0;bottom:0;height:75px;line-height:75px;color:#fff;background: rgba(0,0,0,.7);padding:0 180px 0 5%;width:100%;max-width:560px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .4s;}
.proSlide li img{height:530px;width:auto;max-width:initial;animation:scale 15s infinite;}
.proSlide .swiper-pagination{color:#fff;bottom:22px;width:auto;left:58%;}
.proSlide .btn{background:none;color:#fff;font-weight:bold;font-size:18px;left:53%;bottom:25px;margin-top:0;top:auto;line-height:1;height:auto;}
.proSlide .swiper-button-next{left:65%;}
.proSlide .btn:hover{color:#006bff;}
.proSlide li:hover h4{background: rgba(0,107,255,.8);}
.product .svg{width:200%;margin-left:-100%;position: absolute;left:0;bottom:-100px;z-index:-1;}

/* 实力 */
.strengs{background:url('../images/streng_bg.jpg') no-repeat;background-size:cover;background-attachment:fixed; min-height:600px;}
.hTitlew{color:#fff;}
.strengs ul{overflow:hidden;color:#fff;font-size:1.143em;padding-top:100px;}
.strengs li{float: left;width:25%;text-align:center;border-right: 1px solid #000;border-right: 1px dotted rgba(255,255,255,.5);}
.strengs li span{font-size:86px;font-family:Arial;font-weight:700;line-height:1;margin-bottom:5px;position:relative;}
.strengs li span::after{content:"+";position: absolute;right:-20px;top:10px;line-height:1;font-size:28px;}
.strengs li:nth-child(1) span::after{display:none;}
.strengs li:last-child{border-right:none;}

/* 优势 */
.oddsMenu{margin-bottom:50px;overflow:hidden;font-size:1.143em;}
.oddsMenu{margin-right:-4%;}
.oddsMenu li{float:left;width:21%;height:80px;border-bottom: 1px solid #d9d9d9;cursor:pointer;margin-right:4%;position:relative;}
.oddsMenu li span{display: block;font-size:1.5em;color:#191919;}
.oddsMenu li::before{content:"";position: absolute;width:23px;height:23px;background: url('../images/arr_b.png') no-repeat;right:5px;top:50%;margin-top:-11px;transition:all .3s;}
.oddsMenu li::after,.aboutMenu .m::after{content:"";position: absolute;left:0;bottom:0;height:1px;width:100%;background:#006bff;transform: scale(0,1);transform-origin:right;transition: transform .5s;}
.oddsMenu li.on span{color:#006bff;}
.oddsMenu li.on::after,.aboutMenu .cur::after{transform: scale(1);}
.oddsMenu li.on::before{background-position: 0 -23px;}

.odds .oddsMain li {height:600px;position:relative;overflow:hidden;}
.oddsMain li .txt{position: absolute;right:30px;top:30px;background:#fff;max-width:720px;width:100%;bottom:30px;padding:4% 5%;}
.oddsMain li .info{min-height:120px;margin-bottom:10px;}
.oddsNum{overflow:hidden;background: url('../images/line2.png');height:130px;padding:30px 8% 0 8%;display: flex;justify-content: space-between;} 
.oddsNum p{float:left;}
.oddsNum p b{display:block;font-size:2.571em;font-family:Arial;line-height:1.2;color:#191919;}



/* 新闻快讯 */
.news{background:#f6f6f6 url('../images/line2.png');}
.newsL{width:64%;}
.newsMenu{bottom:40px;font-size:2em;height:60px;border-bottom: 1px solid #e5e5e5;margin-bottom:40px;}
.newsMenu a{position:relative;color:#191919;margin-right:70px;display:inline-block;height:60px;}
.newsMenu a::after,.newsR .title::after,.newsR li::after{content:"";position:absolute;left:0;bottom:0;background:#006bff;height:1px;transition:all .5s;width:0;}
.newsMenu .on,.newsR li a:hover{color:#006bff;}
.newsMenu .on::after,.newsR li:hover::after{width:100%;}
.newsMain{position: relative;overflow: hidden;}
.newsL li{float:left;width:48%;overflow:hidden;}
.newsL li:nth-child(2n){float:right;}
.newsL .pic{height:310px;display: block;position:relative;margin-bottom:30px;}
.newsL .pic h5{position: absolute;left:0;bottom:0;width:100%;padding:0 6%;color:#fff;height:70px;line-height:70px;background: rgba(0,0,0,.6); white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsL .pic:hover .bgImg{transform: scale(1.1);}

.newsL li.txt {line-height:45px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:1.143em;}
.newsL li.txt span{float:right;color:#999;font-size:12px;margin-left:20px;}
.newsL li.txt a{background: url('../images/n_li.jpg') no-repeat left center;padding-left:15px;color:#333;}
.newsL li.txt a:hover{padding-left:25px;background-position: 10px center;color:#006bff;}

.newsR{width:32%;}
.newsR .title{height:60px;border-bottom: 1px solid #e5e5e5;font-size:2em;margin-bottom:40px;position:relative;color:#191919;}
.newsR .title::after{width:110px;}
.newsR li{border-bottom: 1px solid #ebebeb;height:95px;margin-bottom:10px;position:relative;}
.newsR li h4{font-size:1.143em;margin-bottom:10px;}
.newsR li a{color:#191919;}
.newsR li h4,.newsR li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsR li span{display:inline-block;font-size:12px;opacity:.6;margin-top:6px;}
.newsR li:last-child{border-bottom:none;}

/*底部 */
.footer{background:#464646;font-size:.75rem;color:#ccc;line-height:1.8em;padding:80px 0 30px;overflow:hidden;}
.footMain{overflow:hidden;border-top: 1px solid #515151;border-bottom: 1px solid #515151;padding:40px 0;}
.footL{width:42%;}
.footL .pic{border-right: 1px dotted #6b6b6b;padding-right:30px;display:inline-block;}
.footL .zx{background: url('../images/f_line.png');height:58px;line-height:58px;width:210px;text-align:center;display:inline-block;font-size:14px;color:#fff;margin-left:30px;}
.footL .zx i{font-family:"iconfont";font-style:normal;margin-left:20px;}
.footL .zx:hover{background:#006bff;color:#fff;}
.footL .tel{margin-top:25px;color:#fff;font-size:14px;}
.footL .tel span{margin-right:20px;font-size:24px;font-family:"Arial";font-weight:700;}
.footR{text-align:right;width:55%;line-height:1.8;}
.footMenu{font-size:15px;margin-bottom:20px;overflow:hidden;}
.footer a{color:#ccc;}
.footer a:hover{color:#fff;}
.footMenu a{margin-left:45px;color:#fff;} 
.footMenu a:hover{text-decoration: underline;}
.firendlink{padding:20px 0;position:relative;border-top: 1px solid #404040;}
.firendlink a{margin:0 15px;}
.firendlink a:hover{color:#fff;}

/*内页公用 */
.listWrap{overflow:hidden;padding:60px 0;font-size:.875em;}
.listBox{min-height:300px;}
.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: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:14px;font-weight: 400;opacity: 0.8;}
.breadCrumb{font-size:.875rem;overflow:hidden;background:#f7f7f7;padding:20px 0;}
.breadCrumb2{background:#fff;}
.breadCrumb p span{position:relative;padding-left:20px;}
.breadCrumb span::after{content:"\e646";position:absolute;left:0;font-family:"iconfont";top:0;} 
.proSear{position: relative;z-index:5;}
.proSear form{background:#f5f5f5;width:60%;margin-bottom:40px;margin-top:0;}


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


/*内页公用菜单*/
.listMenu{font-size:1.143rem;text-align:center;margin-top:40px;}
.listMenu a{display:inline-block;position:relative;color:#191919;height:50px;line-height:45px;margin:0 25px;}
.listMenu a:hover{color:#006bff;}
.listMenu a::after,.listMenu a::before{content:"";position: absolute;left:0;top:0;background:#006bff;width:0;height:1px;transition:all .5s;}
.listMenu a::before{top:auto;bottom:0;left:auto;right:0;}
.listMenu .cur{padding:0 5px;color:#006bff;}
.listMenu .cur::after,.listMenu .cur::before,.listMenu a:hover::after,.listMenu a:hover::before{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:#006bff;border:1px solid #006bff;color:#fff;}

/* 案例列表 */
.caseList ul{margin-right:-30px;}
.caseList li{width:25%;float:left;padding-right:30px;margin-bottom:30px;}
.caseList li a{display:block;overflow:hidden;}
.caseList li .pImg::after{content:"";position: absolute;left:0;top:0;background:#000;opacity:.6;height:0;width:100%;transition:all .4s;}
.caseList li .txt{position: absolute;left:0;top:-100%;color:#fff;padding:10%;transition:all .4s;z-index:3;opacity:0;}
.caseList li h4 {font-size:1.143em;}
.caseList li h4 span{display: block;font-size:1.429em;margin-bottom:5px;}
.caseList li .txt p{margin-top:15px;opacity:.8;}
.caseList li .tie{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:20px;font-weight: 300;font-size:1.143em;}
.caseList li a:hover img{transform:scale(1.1);}
.caseList li a:hover .tie{color:#006bff;}
.caseList li a:hover .pImg::after{height:100%;}
.caseList li a:hover .txt{opacity:1;top:0;transition-delay:.1s;}


/* 案例详情 */
.caseShow{padding-left:400px;;}
.caseShow_L{width:340px;margin-left:-400px;}
.caseShow_L .tie,.relaTie{font-size:18px;margin-bottom:20px;color:#333;}
.caseShow_R .title{font-size:2em;color:#191919;}
.caseShow_R .date {margin:10px 0 30px 0;color:#888;font-size:13px;}
.caseShow_R .date span{position:relative;padding-left:22px;margin-right:15px;}
.caseShow_R .date span:before{content:"\e62e";font-family:"iconfont";position:absolute;left:0;top:-1px;}
.caseShow_R .date .s:before{content:"\e735";font-size:1rem;top:-2px;}
.caseShow_R .txt{line-height:1.8;border-bottom: 1px solid #ddd;padding-bottom:20px;margin-bottom:20px;}
.caseShow_R .txt strong:first-child{display:none;}
.caseShow_R{width:100%;}
.caseShow_R img{width:100%;margin-bottom:15px;}
.caseShow_L li{margin-bottom:20px;}
.caseShow_L li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:15px;font-size:1.143em;}
.caseShow_L li:hover img{transform: scale(1.1);}
.relaTie{margin-top:40px;}

@media all and (max-width:1800px) {
  div.caseShow{padding-left:400px;}
  .caseShow_L{margin-left:-380px;width:330px;}
}
@media all and (max-width:1200px) {
  div.caseShow{padding-left:310px;}
  .caseShow_L{margin-left:-290px;width:260px;}
}
@media all and (max-width:1024px) {
  .caseShow_L,.caseShow_R{width:100%;float:none;}
  div.caseShow{padding-left:15px;}
  .caseShow_L{margin-left:0;}
  .caseShow_L{display:none}
}
@media all and (max-width:480px) {
  ul.relative_case2 li{width:50%;}
}

/* 产品列表 */
.proList ul{margin-right:-20px;}
.proList li{float:left;width:33.3%;padding-right:20px;margin-bottom:20px;}
.proList li a{display:block; position:relative;}
.proList li .pImg{padding-top:68%;}
.proList li .pImg::after{content:"";position: absolute;left:15px;top:15px;bottom:15px;right:15px;border:1px solid #fff;opacity:.6;transition:all .5s;transform: scale(0) rotate(180deg);opacity:0;}
.proList li p{height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; font-size:16px;}
.proList li p i{float:right;font-style:normal;transition:all .3s;margin-right:10px;transition-delay:.2s;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover .pImg::after{transform: scale(1) rotate(0);opacity:.6;}


/*  产品详情 */
.proShow_box1{background:#f2f2f2;}
.gallery{width:55%;position:relative;padding:10px 160px 10px 10px;}
.galleryBig{position:relative;box-shadow:0 0 10px #ccc;;height:480px;background:#fff;}
.galleryBig li{height:480px;line-height:480px;text-align:center;}
.gallery img{max-height:100%;}
.gallerySmall{position:absolute;z-index:10;top:0;right:0;width:130px;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 #006bff;}
.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:#006bff;}
.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 .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:#006bff;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 #006bff;;color:#006bff;height:45px;}
.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:#006bff;height:1px;width:0;transition:all .4s;}
.proShow_menu .on{color:#006bff;}
.proShow_menu .on::after{width:100%;}
.proShow_con{width:72%;}
.proShow_tab{background:#fff;min-height:600px;overflow:hidden;}
.proShow_tab .swiper-slide{padding:4%;}
.relative_pro {width:24%;}
.proList ul{margin-right:0;}
.relative_pro li{width:100%;float:none;padding-right:10px;}


/* 关于我们 */
.aboutMenu{background:#fff;margin-top:-64px;height:64px;line-height:64px;background: rgba(255, 255, 255, .9);padding:0 25px;font-size:1.143em;border-radius:5px 5px 0 0 ;}
.aboutMenu p{float:right;font-size:14px;background: url('../images/home_icon.png') no-repeat left center;padding-left:25px;}
.aboutMenu .m{color:#191919;margin:0 30px;position:relative;display:inline-block;}
.aboutMenu .m::after{height:2px;}
.aboutMenu .m:hover,.aboutMenu .cur{color:#006bff;}
.aboutBox1{background:#f2f2f2;}
.aTie{font-size:48px;color:#006bff;text-align:center;margin-bottom:40px;}
.aTie span{display: block;font-size:18px;color:#999;font-weight:300;}
.aboutBox1 ul{font-size:1.143em;width:64%;max-width:860px;display: flex;justify-content: space-between;flex-flow: row wrap;}
.aboutBox1 .aTie{text-align:left;margin-bottom:0;}
.aboutBox1 li{float:left;text-align:center;}
.aboutBox1 li span{position: relative;font-size:4.625em;font-family:Arial;color:#006bff;font-weight:700;line-height:1.2;}
.aboutBox2 .tie{font-size:2.571em;color:#006bff;margin-bottom:30px;line-height:1;}
.aboutBox2 .left{width:50%;line-height:1.8;position: relative;}
.aboutBox2 .font{overflow-y:auto;height:440px;font-size:1.071em;}
.aboutBox2 .right{width:46%;height:510px;overflow:hidden;display:block;}
.setting{padding-top:50px;overflow:hidden;}
.setting .pImg{padding-top:70%;}
.setting li{float: left;width:25%;}
.setting li p{position: absolute;left:0;width:100%;text-align:center;background: rgba(0, 0, 0, .7);color:#fff;padding:0 15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;bottom:-50px;height:50px;line-height:50px;transition:all .5s;}
.setting li:hover p{bottom:0;}
.setting li:hover img{transform: scale(1.1);}
.culture{background:url('../images/culture_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed; color:#fff;}
.aTiew{text-align:center;color:#fff;margin-bottom:40px;}
.aTiew span{color:#fff;opacity:.5;}
.culture .main{text-align:center;max-width:780px;}
.culture .txt{font-size:1.286em;line-height:2.4;}
.activity ul{margin-right:-20px;}
.activity li{float: left;width:25%;overflow:hidden;padding-right:20px;margin-bottom:20px;}
.activity li .pImg{padding-top:70%;}
.activity li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;font-size:1.143em;margin-top:15px;}
.activity li:hover img{transform: scale(1.1);}

.aboutBox3{background:#f4f4f4;padding:60px 0;}
.aboutBox3 .aboutL{width:100%;display: flex;justify-content: space-between;flex-flow: row wrap;}
.aboutBox3 .aboutL li{width:auto;min-height:130px;}
.aboutBox3 li:nth-child(2){margin-right:0;}
.aboutBox3 li h4 span{font-weight:700;font-size:1.429em;}

/* 图片列表 */
.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;}
.honorList li .pImg{padding-top:100%;}
.honorList li{width:20%;}
.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:20px;}
.picList li a:hover img{transform:scale(1.1);}
.picList li a:hover p{color:#006bff;}
.partnerList{background:none;}
.partnerList ul{padding-left:1px;}
.galy{background:#f5f5f5;}


/* 服务保障 */
.hTitle2{text-align:center;font-size:1rem;margin-bottom:50px;}
.hTitle2 span{display: block;font-size:2.875em;color:#191919;}
.quality{text-align:center;}
.quality li{float:left;width:20%;background: url('../images/line2.png');padding:3.5% 2%;height:340px;}
.quality li i{display:inline-block;background: url('../images/qicon.png') no-repeat;width:56px;height:50px;transition:all .3s;position: relative;top:0;}
.quality li h5{font-size:2em;color:#191919;margin:20px 0;}
.quality li:nth-child(2) i{background-position: -56px 0;}
.quality li:nth-child(3) i{background-position: -112px 0;}
.quality li:nth-child(4) i{background-position: -166px 0;}
.quality li:nth-child(5) i{background-position: -224px 0;}
.quality li:hover i{top:-10px;}
.quality .btn{position: static;background:#333;width:50px;height:32px;line-height:32px;color:#fff;text-align:center;font-size:16px;margin-top:20px;display:none;}

.process{border-top: 1px solid #e0e0e0;}
.process li{margin-bottom:20px;overflow:hidden;}
.process li .bgImg{float:left; width:50%;height:420px;}
.process li .txt{float:right;position:relative;background:#f8f8f8 url('../images/line2.png');width:50%;height:420px;z-index:2;padding:3.5% 5%;overflow: hidden;}
.process li i{font-size:1.556em;color:#006bff;font-style:normal;font-family:Arial;font-weight:700;display: block;line-height:1.2;}
.process li h4{font-size:2.571em;color:#191919;margin-bottom:20px;}
.process li p{max-height:200px;overflow-y:auto;}
.process li:nth-child(2n) .bgImg{float:right;}
.process li:nth-child(2n) .txt{float:left;}
.process li:hover .bgImg{transform: scale(1.05);}

.supportBox3{background:#ededed;}
.supportBox3 .pic img{width:50%;float:left;border-right: 1px solid #fff;}
.supportBox3 .pic img:nth-child(2){border-right:none;}
.supportBox3 ul{background:#fff;padding:3% 4%;overflow:hidden;}
.supportBox3 li{float: left;width:49%;margin:10px 0;min-height:100px;background: url('../images/line2.png');border-top: 1px solid #006bff;color:#191919;font-size:1.143em;padding:1.5% 3%;}
.supportBox3 li:nth-child(2n){float:right;}

.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:300px;}
.faq li::after{content:"";position: absolute;left:0;bottom:0;height:6px;background:#006bff;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:#006bff;}
.faqList li h4{margin-bottom:20px;}
.faqList li {width:50%;height:auto;}

/* 新闻列表 */
.newsList li{border-bottom: 1px solid #ddd;padding-bottom:40px;margin-bottom:40px;transition: all .3s;overflow: hidden;}
.newsList li .pic{float: left;width:360px;height:225px;margin-right:60px;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:70px;}
.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: #006bff;border: 1px solid #006bff;color:#fff;}
.newsList li:hover{box-shadow: 6px 6px 6px #eee;}
.newsList li:hover img{transform: scale(1.1);}


/* 新闻详情 */
.picShow_l,.newsList{width:74%;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:22%;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 #006bff;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;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:#006bff;}
.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:#006bff;color:#fff;}
.rightNews,.rightContact{background:#f2f2f2;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;}


/* 联系*/
#dituContent{height:480px;}
.contactTel{margin-bottom:40px;overflow:hidden;border:1px solid #ccc;}
.contactTel li{float: left; width:33.3%;padding:3%;border-right:1px solid #ccc;font-size:1.286em;height:360px;}
.contactTel li img{width:100%;margin-bottom:20px;}
.contactTel li:last-child{border-right:none;}
.contactTel li h5{padding-left:60px;position:relative;}
.contactTel li h5 span{color:#006bff;display: block;font-size:2em;}
.contactTel li h5::after{content:"\e6ee";position: absolute;left:0;top:0;font-family:"iconfont";color:#006bff;font-size:3rem;}
.contactTel li.wx p{width:40%;text-align:center;}
.contactTel li .tel span{color:#006bff;font-size:1.6em;}

.contactBox2{margin-right:-1%;}
.contactBox2 li{float:left;width:25%;border:1px solid #d9d9d9;min-height:160px;padding:3% 2% 1% 4%;font-size:1.125em;background:#f7f8fa;margin:0 1%;}
.contactBox2 li span{display: block;position:relative;margin-bottom:10px;}
.contactBox2 li span::after{content:"\e6ee";position:absolute;left:-30px;font-family:"iconfont";font-size:1.125rem;}
.contactBox2 li:nth-child(2) span::after{content:"\e608";}
.contactBox2 li:nth-child(3) span::after{content:"\e63a";}
.contactBox2 li:nth-child(4) span::after{content:"\e646";}
.contactBox2 li p{display:block;font-size:1.5em;color:#333;font-weight:bold;}



/* 在线留言*/
.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:#fff;}
.feedback .code .sub {background: #006bff;width: 30%;cursor: pointer;transition: all .3s;color: #fff;border:1px solid #006bff;}
.feedback .sub:hover{background:#132c93;}