@charset "utf-8";
/**
深圳市恒一信息技术有限公司
http://szhengyi.net
**/
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:#df1527;}


/* 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%;}
.pd70{padding:70px 0;font-size:.875em;}
.mb70{margin-bottom:70px;}
.font14{font-size:.875em;}

@font-face {
  font-family: 'iconfont';  /* project id 1152918 */
  src: url('//at.alicdn.com/t/font_1152918_x1gxb5c25d9.eot');
  src: url('//at.alicdn.com/t/font_1152918_x1gxb5c25d9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1152918_x1gxb5c25d9.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1152918_x1gxb5c25d9.woff') format('woff'),
  url('//at.alicdn.com/t/font_1152918_x1gxb5c25d9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1152918_x1gxb5c25d9.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{position:relative;z-index:99;line-height:100px;height:100px;width:100%;background:#fff;}
.header .logo{position:absolute;left:0;top:0;width:270px;border-right: 1px solid #d9d9d9;} 
.nav {padding:0 14% 0 22%;font-size:1.143rem;height:100px;}
.nav .m{float:left;text-align:center;padding-left:1px;height:100px;width:14%;}
.nav .m>a{color:#222;display:block;}
.nav .cur>a,.nav .m:hover>a{color:#df1527;}
.nav .sub{line-height:26px;position:absolute;z-index:90;top:100%;left:0;display:none;width:100%;padding:30px 0;}
.nav .sub::after{content:"";position: absolute;left:-50%;width:200%;height:100%;background:rgba(0,0,0,.6);top:0;z-index:-1;}
.nav .sub .left{background:#eee;width:30%;overflow:hidden;}
.nav .sub .left .pImg{padding-top:50%;}

.nav .sub .right{width:64%;}
.nav .sub .right a{float:left;font-size:.778em;position:relative;width:23%;padding:8px 10px 8px 15px;transition:color .2s ease-in-out;text-align:left;color:#fff;border-bottom:1px solid #ccc;background:url('../images/ly_li.png') no-repeat left;margin-left:2%;}
.nav .sub .right a:hover{color:#df1527;}
.nav .sub .right 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:#df1527;}
.nav .sub .right a:hover:before{width:100%;}
.nav .sub .img:hover img{transform:scale(1.1);}

.headR{width:130px;position:absolute;right:0;top:0;height:100px;text-align:right;border-left: 1px solid #d9d9d9;}
.headR a{display:inline-block;width:18px;height:20px;margin-left:30px;background: url('../images/topIcon.png') no-repeat;position:relative;z-index:5;font-size:.875rem;}
.headR .sIcon{background-position: -18px 0;}
.headR .sIcon::after{content: '';position: absolute;right:-18px;height:20px;background: #ddd;width: 1px;}
.headR .tel p{position:absolute;background:#f1f1f1;padding:10px 15px;line-height:24px;text-align:right;right:-10px;top:68px;display:none;min-width:200px;color:#666;}
.headR .tel p::before{content:"";position:absolute;right:10px;top:-16px;border:8px solid transparent;border-bottom-color:#f1f1f1;}
.headR .tel p span{display:block;font-size:22px;color:#df1527;font-family:Arial;}
.langIcon{color:#df1527;font-size:1.5rem;position:absolute;right:60px;top:18px;line-height:1;display:none;}

/* PC端搜索 */
.search{position: absolute;padding:20px;background:#df1527; background: rgba(0,0,0,.5);left:0;top:100px;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:#df1527;}
.searSelect{float:left;width:55px;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;}

/*  导航按钮 */
.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:#df1527;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);}

/* 广告轮播图 */
.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:12px;height:12px;border:1px solid #fff;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-button-white::after{content: "";position: absolute;left: -100px;width: 60px;height: 2px;background: #fff;top:50%;margin-top: -1px;opacity: 0;transition: all .3s;}
.banner .swiper-button-next::after{left: auto; right: 100px;}
.banner .swiper-button-white:hover::after{opacity: 1;left: 3px;}
.banner .swiper-button-next:hover::after{left: auto;right: 0;}

/* 主营业务 */
.hTitle{text-align:center;margin-bottom:35px;font-size:.875rem;}
.hTitle span{display:block;font-size:2.857em;color:#333;}
.proMenu{margin-right:-20px;overflow:hidden;}
.proMenu li{float:left;width:33.3%;height:235px;padding-right:20px;font-size:2.167em;}
.proMenu li a{background-position:center top;color:#fff;padding-left:54%;padding-top:70px;display: block;width:100%;height:100%;transition:all .5s;background-color: #0f7e99;}
.proMenu li span{font-size:.75rem;opacity:.8;display:block;font-family:Arial;position:relative;padding-bottom:20px;}
.proMenu li span::after,.about .fonts h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:20px;background:#fff;;transition:all .3s}
.proMenu li a:hover span::after{width:50px;}
.proMenu li a:hover,.proMenu .on a{background-position: 0 -235px;}
.proMenu li.more {display:none;}
.proMenu li.more a{padding-left:0;text-align:center;font-family:Arial;text-transform: uppercase;padding-top:22%;font-size:14px;}
.proMain{margin-top:15px;overflow:hidden;font-size:1.143em;padding-bottom:10px;position: relative;}
.proMain li{float:left;width:25%;padding-right:20px;}
.proMain li h4{border-top: 2px solid #e3e3e3;height:50px;line-height:50px;transition:all .3s;position: relative;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.proMain li h4::after,.caseMenu li a::after,.newsMenu a::after{content:"";position: absolute;left:0;top:-2px;background:#df1527;width:100%;transform: scale(0,1);transform-origin: right;transition: transform .4s;height:2px;}
.proMain li h4 i{float:right;font-style:normal;color:#aaa;}
.proMain li a:hover img{transform: scale(1.1);}
.proMain li a:hover h4{padding:0 10px;}
.proMain li a:hover h4 i{color:#df1527;}
.proMain li a:hover h4::after,.caseMenu .on a::after,.newsMenu .on::after{transform: scale(1);transform-origin: left;}
.proMain .btn{font-family:"宋体";width:50px;height:30px;line-height:30px;background: rgb(0,0,0,.3);color:#fff;text-align:center;top:35%;font-weight:bold;display:none;}
.proMain:hover .btn{display:block;}

.hMore{width:190px;height:40px;line-height:40px;background:#de2522;color:#fff;font-size:12px;display:inline-block;text-align:center;box-shadow:0 2px 7px #ff817f;}
.hMore i{margin-left:10px;font-style:normal;}
.proMain .hMore{margin:0 auto;display: block;margin-top:30px;}
.proMain .hMore:hover{color:#fff;width:400px;}

/* 应用案例 */
.case{background: url('../images/case_bg.jpg');}
.caseMenu{background:#fff;overflow:hidden;margin-bottom:20px;}
.caseMenu li{float:left;width:33.3%;border-right: 1px solid #ccc;font-size:1.286em;border-right: 1px solid #ccc;cursor:pointer;}
.caseMenu li a{display:block;padding-left:20%;color:#333;height:80px;padding-top:20px;position: relative;z-index:2;}
.caseMenu li span{display:block;font-size:.75rem;opacity:.6;}
.caseMenu li i{float:left;background: url('../images/caseIcon.png') no-repeat;width:29px;height:34px;margin-right:15px;margin-top:5px;}
.caseMenu li:nth-child(2) i{background-position: -29px 0;}
.caseMenu li:nth-child(3) i{background-position: -58px 0;}
.caseMenu li a::after{top:0;height:100%;z-index:-1;}
.caseMenu li.on a{color:#fff;}
.caseMenu li.on i{background-position: 0 -34px;}
.caseMenu li.on:nth-child(2) i{background-position: -29px -34px;}
.caseMenu li.on:nth-child(3) i{background-position: -58px -34px;}
.caseMenu li:last-child{border-right:none;}
.caseMenu .on a::after{height:100%;top:0;}
.caseMain{overflow:hidden;margin-right:-20px;}
.caseMain li{float:left;width:25%;padding-right:20px;padding-bottom:20px;overflow: hidden;}
.caseMain li .pImg{padding-top:70%;}
.caseMain li h4{position:absolute;left:0;bottom:0;width:100%;background: rgb(0,0,0,.5);color:#fff;padding:15px 5%;transition:all .5s;}
.caseMain li i{float:right;font-style:normal;}
.caseMain li.big {width:50%;}
.caseMain li.big .pImg{padding-top:71%;}
.caseMain li:hover img{transform: scale(1.1);}
/* .caseMain li:hover h4{bottom:0;} */

/* 关于 */
.aboutL{width:50%;}
.aboutL .pic{height:370px;display:block;overflow: hidden;}
.aboutL .pic .bgImg{animation:scale 30s infinite;}
.about .video{height:370px;overflow:hidden;position:relative;}
.about .my-video-dimensions{position: absolute;width:100%;height:100%;left:0;top:0;}
.about .video-js .vjs-big-play-button{ left:50%;top:50%;margin-left:-40px;margin-top:-20px;} 
.aboutL .font{background:#ececec;padding:40px;position:relative;}
.aboutL .txt{height:130px;overflow:hidden;margin-bottom:10px;}
.aboutL .font .more{font-size:12px;margin-bottom:25px;display:inline-block;}
.aboutL .font .more:hover{padding-left:20px;}
.aboutL .font .zx{width:46px;height:46px;background:#df1527;color:#fff;font-family:"iconfont";text-align:center;line-height:46px;position:absolute;bottom:0;left:45px;font-size:1.286em;}
.aboutL .font .zx:hover{background:#b80010;}
.about_RD{width:50%;padding-left:1px;margin-bottom:1px;overflow:hidden;}
.about .fonts{width:34%;background:#df1527;color:#fff;height:265px;padding:4% 6% 0 6%;border-right: 1px solid #fff;}
.about .fonts h4{position:relative;font-size:1.429em;padding-bottom:20px;}
.about .fonts h4 span{display:block;font-size:1.429em;margin-bottom:10px;}
.about .fonts h4 .num{font-size:4em;line-height:1.2;margin-bottom:0;}
.about .pics{background-image: url('../images/rd_bg.jpg');height:265px;width:66%;color:#fff;}
.about .pics .fr{padding:7% 30px 0 6%;transition:all .4s}
.about .pics h4{font-size:2.429em;margin-bottom:15px;}
.about .pics h4 span{display:block;font-size:12px;opacity:.5;}
.about_app{width:50%;padding-left:1px;}
.about_app .pics{width:76%;height:368px;background-image: url('../images/about_app.jpg');border-right: 1px solid #fff;}
.about_app .fonts{width:24%;height:186px;padding:3% 5%;}
.about_app .fonts h4{font-size:.875em;}
.about_app .more{margin-top:1px;background-image: url('../images/about_app2.jpg');height:181px;width:24%;color:#fff;line-height:181px;text-align:center;font-family: Arial;transition:all .4s;}
.about_app .more::after{content:"";border:1px solid #fff;border:1px solid rgba(255,255,255,.7);top:10px;bottom:10px;left:10px;right:10px;position: absolute;transform: scale(0);transition:all .4s;}
.about_RD:hover .txt,.about_app:hover .txt{padding-right:50px;}
.about_app .more:hover::after{transform: scale(1);}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}

/* 新闻快讯 */
.news{padding-top:0;}
.newsMenu{margin-bottom:35px;overflow:hidden;font-size:1.286em;text-align:center;}
.newsMenu a{position:relative;color:#191919;padding-bottom:10px;margin:0 20px;display:inline-block;}
.newsMenu a::after{background:#df1527;bottom:0;height:1px;top:auto;}
.newsMenu .on{color:#df1527;}

.newsSlide {margin-right:-20px}
.newsSlide li{float: left;padding-right:20px;width:25%;overflow: hidden;}
.newsSlide li .pImg{padding-top:70%;margin-bottom:15px;}
.newsSlide h4{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;color:#333;}
.newsSlide li p{min-height:50px;margin-bottom:8px;font-size:.75rem;color: #777;padding-bottom:8px;position:relative;}
.newsSlide li p::after{content:"";position: absolute;left:0;bottom:-1px;background:#df1527;width:0;height:1px;transition:all .3s;}
.newsSlide li span{color:#888;font-size:.75rem;font-family:Arial;}
.newsSlide li a:hover .pImg img{transform:scale(1.08);}
.newsSlide li a:hover h4{color:#df1527;} 
.newsSlide li a:hover p::after{width:100%;}
.newsSlide li i{font-style:normal;margin-right:15px;transition:all .4s;display:inline-block;min-width:75px;}
.newsSlide li a:hover .date i{margin-left:-85px;}


/*底部 */
.footer{padding: 50px 0;background: url('../images/foot_bg.jpg');overflow: hidden;color: #999;font-size:.75rem;overflow: hidden;}
.footMenu{font-size:.875rem;color:#484848;margin-bottom:30px;}
.footMenu em{font-style:normal;margin:0 25px;}
.footMain{line-height:2;}
.footTel h4{line-height:1.4;margin-bottom:10px;background: url('../images/p_icon.png') no-repeat left center;padding-left:40px;}
.footTel h4 span{display:block;font-size:2.167em;color:#df1527;}
.footWx{width:237px;border-left: 1px solid #484848;padding-left:35px;margin-left:35px;}
.footWx p{text-align:center;width:100px;}
.footContact{line-height:2.2;}
.firendlink{padding: 15px 0;overflow: hidden;font-size: .75rem;background:#171717;}
.firendlink span{font-size: 1.167em;color: #fff;}
.firendlink span i{font-style: normal;color: #df1527;margin-left:10px;}
.firendlink a{margin-left:10px;}
.footer a,.firendlink a{color: #999;}
.footer a:hover,.firendlink a:hover,.footMenu a{color: #fff;}
.footMenu a:hover{text-decoration: underline;}

/*内页公用 */
.listWrap{overflow:hidden;padding:70px 0;}
.listBanner{height:400px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;}
.listBanner h3{position:absolute;color:#fff;top:40%;font-size:1.875em;text-align:center;-webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-o-transform: translate(0,-50%); transform:translate(0,-50%);text-transform:uppercase;width:100%;padding:0 5%;padding-bottom:15px;font-weight:700;padding-bottom:15px;animation:leftPic 1s;}
.listBanner h3 span{display: block;font-size:12px;font-weight: 400;opacity: 0.5;}
.listBanner h3::after{content:"";position: absolute;left:50%;height:1px;width:26px;background:#de2522;bottom:0;margin-left:-13px;}
.breadCrumb{font-size:.875rem;padding:25px 20px 0 20px;position:relative;overflow:hidden;}
.breadCrumb::after{content:"\e646";position:absolute;left:0;font-family:"iconfont"} 
.breadCrumb .back{float:right;position:relative;color:#00a0e9;border:1px solid #00a0e9;line-height:26px;width:90px;text-align:center;}
.breadCrumb .back i{font-family:"iconfont";margin-right:5px;}
.breadCrumb .back:hover{background:#00a0e9;color:#fff;}

.listMenu .menu{overflow:hidden;text-align:center;margin-top:40px;}
.listMenu .menu a{position:relative;display:inline-block;width:11.1%;border:1px solid #d3d3d3;margin-left:-1px;height:60px;line-height:60px;}
.listMenu .menu a:after{content:'';position:absolute;left:0;bottom:0;height:100%;background:#d82633;width:100%;transform:scale(0,1);transform-origin:right;transition: transform 0.3s;z-index:-1;}
.listMenu .menu a:hover,.listMenu .menu .cur{color:#fff;border:1px solid #d82633;z-index:2;}
.listMenu .menu a:hover:after,.listMenu .menu .cur:after{transform:scale(1);transform-origin:left;}

.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 65px;background:#f5f5f5;}
.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;}
.listWrap{padding-bottom:60px;font-size:.875em;overflow:hidden;}
@keyframes leftPic
{
  0%   {opacity:0;padding-top:60px;}
  100% {opacity:1;padding-top:0;}
}


/* 关于我们 */
.aboutBox1 .font{width:45%;line-height:1.6;}
.aboutBox1 .font .tie{font-size:1.857em;color:#333;margin-bottom:25px;}
.aboutBox1 .font .txt{max-height:440px;overflow-y:auto}
.aboutBox1 .bgImg{width:50%;height:430px;}

.history{border-top: 1px solid #e5e5e5;}
.historyBox{position:relative;}
.historyMenu{position:relative;font-size:1.429em;margin-bottom:80px;overflow:hidden;height:80px;}
.historyMenu:after{content:"";position:absolute;left:-50%;bottom:14px;width:200%;height:1px;background:#939598;}
.historyMenu li{float:left;position:relative;text-align:center;width:6.25%;font-family:Arial;cursor:pointer;color:#333;height:70px;transition:all .3s;padding-top:10px;}
.historyMenu li:after{content: "";position:absolute;left:50%;bottom:0;width:10px;height:10px;background:#939598;border-radius:100%;margin-left:-5px;}
.historyMenu .on:after{background:#d82633;box-shadow:0 0 0 2px #fff inset;border:2px solid #d82633;bottom:-3px}
.historyMenu .on span{top:-10px;position:relative;}
.historyMenu .on{color:#d82633;font-size:1.8em;padding-top:0;}

.historyMain {max-width:1000px;margin:0 auto;}
.historyMain .bgImg{width:58%;height:355px;}
.historyMain .font{width:40%;}
.historyMain .font h5{font-size:2.429em;color:#555;margin-bottom:30px;}
.historyMain img{width:100%;}
.historyMain .btn{width:40px;height:40px;border-radius:100%;background:#626262;opacity:1;color:#fff;text-align:center;line-height:40px;font-family:"宋体";font-weight:bold;left:-20px;top:65%;cursor:pointer;z-index:5;}
.historyMain  .swiper-button-next{left:auto;right:-20px;}
.historyMain .btn:hover{background:#d82633;}

.honor{background: url('../images/honor_bg.jpg');}
.honor{position: relative;overflow: hidden;font-size: .875rem;}
.honor li{float: left;width: 16.6%;}
.honor li a{display:block; background:#fff;padding:10px;}
.honor li .pImg{padding-top:135%;}
.honor li p{text-align: center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:10px;}
.honor li a:hover img{transform:scale(1.08);}
.honor .swiper-pagination{position: static;margin-top:30px;}
.honor .swiper-pagination-bullet,.settingSlide .swiper-pagination-bullet{border:1px solid #d82633;box-shadow:0 0 0 2px #fff inset;width:12px;height:12px;}
.honor .swiper-pagination-bullet-active{background: #d82633;}

.partner{padding-left:1px;}
.partner li{float:left;width:12.5%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;}
.partner li .pImg{padding-top:48%;}
.partner li img{filter: grayscale(100%); filter: gray;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);width:90%;left:5%;}
.partner li span{display:block;position: absolute;background:#d82633;color:#fff;width:100%;height:38px;line-height:38px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;left:0;transition:all .4s;bottom: -40px;}
.partner li a:hover img{margin-top:-30px;filter:none;-webkit-filter:none;-ms-filter:none; -o-filter:none;}
.partner li a:hover span{bottom:0;}

.setting{border-top: 1px solid #e5e5e5;}
.settingSlide{width:50%;overflow:hidden;padding-right:10px;overflow:hidden;position: relative;}
.settingSlide .swiper-pagination{right:20px;bottom:10px;z-index:5;text-align:right;width:auto;left:auto;}
.settingSlide .swiper-pagination-bullet{background:#fff;border:1px solid #fff;opacity:1;}
.settingSlide .swiper-pagination-bullet-active{background: #d82633;border:1px solid #d82633;box-shadow:none;}
.settingR{width:50%;overflow:hidden;}
.settingR li{float: left;width:50%;padding-right: 10px;padding-bottom: 10px;}
.setting li .pImg {padding-top:72%;}
.settingSlide li .pImg{padding-top:72.4%;;}
.setting li p{background: rgba(0, 0, 0, .6);padding: 0 5%;position: absolute;left:0;bottom: -50px;color: #fff;width: 100%;height: 50px;line-height: 50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .4s;}
.setting li:hover img{transform: scale(1.1);}
.setting li:hover p,.settingSlide li p{bottom:0;}

/* 图片列表 */
.picList ul{margin-right:-30px;}
.picList li{width:20%;text-align:center;float:left;padding-right:30px;margin-bottom:20px;}
.picList li a{display:block;overflow:hidden;}
.picList li .pImg{padding-top:72%;border:1px solid #ebebeb;}
.honorList li .pImg{padding-top: 132%;}
.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:10px;}
.picList li a:hover img{transform:scale(1.1);}
.picList li a:hover p{color:#d82633;}

/* 产品列表 */
.proList ul{margin-right:-20px;}
.proList li{float:left;width:25%;padding-right:20px;}
.proList li h4{border-top: 2px solid #e3e3e3;height:50px;line-height:50px;transition:all .3s;position: relative;}
.proList li h4::after{content:"";position: absolute;left:0;top:-2px;background:#df1527;width:100%;transform: scale(0,1);transform-origin: right;transition: transform .4s;height:2px;}
.proList li h4 i{float:right;font-style:normal;color:#aaa;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover h4{padding:0 10px;}
.proList li a:hover h4 i{color:#df1527;}
.proList li a:hover h4::after,.proShow_R .menu .swiper-pagination-bullet-active::after{transform: scale(1);transform-origin: left;}

/* 产品详情 */
.gallery{position:relative;width:48%;padding-left:9%;overflow: hidden;transition:all .5s;}
.galleryFix{position: fixed;top:0;max-width:760px;}
.gallery-thumbs{width:14%;position:absolute;left:0;top:0;margin:30px 0;overflow: hidden;max-height:390px;}
.gallery-thumbs li{border-right:1px solid #fff;padding-top:74%;cursor:pointer;width:100%;position: relative;border:1px solid #cacaca;margin-bottom:10px;}
.gallery-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;background: #d82633;opacity:.7;transform: scale(0);transition:all .3s;}
.gallery-thumbs .on::after{transform: scale(1);}
.gallery img{width:100%;}
.gallery .swiper-button-next,.gallery .swiper-button-prev{top:0;background:rgba(0, 0, 0,.5);text-align:center;width:14%;height:25px;line-height:25px;color:#fff;font-size:24px;font-family:Arial;transition:all .3s;left:0;font-family:"iconfont";margin-top:0;}
.gallery .swiper-button-next{top:auto;bottom:0;}
.gallery .swiper-button-next:hover,.gallery .swiper-button-prev:hover{background:#d82633;}
.gallery-top{width:100%;text-align:center;}
.proShow_R{width:50%;}
.proShow_R .title{color:#191919;font-size:2.857em;margin-bottom:30px;}
.proShow_R .menu{height:45px;border-bottom: 1px solid #ccc;margin-bottom:30px;font-size:1.286em;color:#333;}
.proShow_R .menu span{margin-right:30px;display:inline-block;position:relative;cursor: pointer;width:auto;background:none;opacity:1;height:45px;}
.proShow_R .menu span::after{top:auto;bottom:0;;}
.proShow_R .menu .swiper-pagination-bullet-active{color:#d82633;}

/* 下载 */
.downList p{background: #f3f3f3;margin-bottom: 10px;position: relative;}
.downList p a{padding: 15px;padding-left: 40px;display: block;}
.downList p::after{content: "\e640";font-family: "iconfont";font-size:1.2rem;left:15px;position: absolute;top:13px;}
.downList p i{float: right;font-family: "iconfont";font-size:1.4rem;font-style: normal;top:-5px;margin-left: 30px;position: relative;}
.downList p a:hover{background:#d82633;color: #fff;}
.downList p:hover{color: #fff;}



/* 应用技术 */
.appSlide{position: relative;}
.appMain,.appMain li{height:860px;overflow: hidden;}
.appMain li .font{color:#fff;padding:8% 0 0 6%;}
.appMain li .font .txt{padding-top:25px;margin-top:30px;border-top:1px solid rgba(255,255,255,.2);max-width:420px;font-size:.75rem;line-height:2;}
.appMenu{position:absolute;left:0;width:100%;bottom:0;color:#fff;border-top:1px solid rgba(255,255,255,.2);overflow:hidden;z-index: 10;}
.appMenu .main{border-left:1px solid rgba(255,255,255,.2);}
.appMenu li i{display:inline-block;background: url('../images/appIcon.png') no-repeat;width:22px;height:22px;margin-bottom:3px;}
.appMenu li{float:left;width:11.1%;text-align:center;border-right:1px solid rgba(255,255,255,.2);padding-top:15px;height:120px;font-size:1.125em;cursor:pointer;}
.appMenu li h4 span{display:block;font-size:.75rem;opacity:.4;font-family:Arial;margin-top:5px;line-height:1.2;}
.appMenu li:nth-child(2) i{background-position: -22px 0;}
.appMenu li:nth-child(3) i{background-position: -44px 0;}
.appMenu li:nth-child(4) i{background-position: -66px 0;}
.appMenu li:nth-child(5) i{background-position: -88px 0;}
.appMenu li:nth-child(6) i{background-position: -110px 0;}
.appMenu li:nth-child(7) i{background-position: -132px 0;}
.appMenu li:nth-child(8) i{background-position: -154px 0;}
.appMenu li:nth-child(9) i{background-position: -176px 0;}
.appMenu li.on{background:#d82633;}
.appMain .btn{background:#fff;color:#fff;height:30px;width:60px;text-align:center;color:#333;font-family:"宋体";font-weight:bold;line-height:30px;opacity:.5;}
.appMain .btn:hover{opacity:.8;}

/* 网上商城 */
.mallMain{background-image: url('../images/mall_bg.jpg');height:720px;}
.mallMain .main{padding-top:8%;}
.mallMain .main .hTitle{color:#ccc;}
.mallMain .main span{color:#fff;}
.mallMain ul{max-width:800px;margin:0 auto;padding-top:40px;}
.mallMain li{width:25%;float:left;text-align: center;}
.mallMain li a{background:#fff;display:inline-block;padding:20px;}
.mallMain li img{width:100px;}
.mallMain li a:hover{margin-top:-15px;}

/* 新闻列表 */
.newsList li{float:left;width:49%;margin-bottom:30px;transition:all .4s;background:#efefef;overflow:hidden;height:220px;;}
.newsList li:nth-child(2n){float:right;}
.newsList li .pic{height:220px;width:45%;overflow:hidden;display:block;}
.newsList li .txt{padding:4%;width:55%;}
.newsList li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:bold;margin-bottom:15px;}
.newsList li h4 a{color:#333;}
.newsList li h4 a:hover{color:#d82633;}
.newsList li p{height:70px;padding-bottom:10px;border-bottom: 1px solid #e3e3e3;margin-bottom:20px;}
.newsList li:hover .bgImg{transform: scale(1.1);}
.newsList li:hover{box-shadow:0 5px 10px #ccc;}

/* 新闻详情 */
.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;}
.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:27%;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 #d82633;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;}
.picShow_r li h4{font-size:15px;margin-bottom:10px;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:#d82633;}
.picShow_r li:hover img{transform: scale(1.1);}
.picShow_r li:last-child{border-bottom:none;}
.showPage{height:60px;line-height:60px;border:1px solid #bbb;overflow:hidden;}
.showPage a{float:left;width:40%;padding:0 10px;}
.showPage a i{font-style:normal;margin-right:10px;}
.showPage a:nth-child(2){float:right;text-align:right;}
.showPage a:nth-child(2) i{margin-left:10px;margin-right:0;}
.showPage a:nth-child(3){width:20%;text-align:center;border-left:1px solid #bbb;border-right:1px solid #bbb;}
.showPage a:hover{background:#d82633;color:#fff;}
.side_phone{margin-top:30px;color:#333;}
.side_phone h4{margin-top:15px;background: url('../images/p_icon.png') no-repeat left center;padding-left:45px;margin-left:40px;line-height:1.2;overflow:hidden;font-size:13px;margin-bottom: 15px;color:#666;padding-top:10px;}
.side_phone h4 span{display:block;font-size:28px;font-family:Arial;color:#333;margin-top:5px;}
.side_phone img{border:1px solid #d2d2d2;float:left;margin-right:30px;}

/* 客户案例 */
.caseList ul{margin-right:-30px;}
.caseList li{float:left;width:33.3%;padding-right:30px;margin-bottom:30px;}
.caseList li .pImg{padding-top:70%;}
.caseList li .txt{padding:15px 0;transition:all .4s;position:relative;height:110px;overflow:hidden;}
.caseList li .txt::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:#d82633;z-index:-1;transition:all .5s;transform: translateY(100%);}
.caseList li h4{font-size:1.375em;color:#333;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:8px;}
.caseList li a:hover img,.caseSlide li:hover .bgImg{transform: scale(1.08);}
.caseList li a:hover .txt{padding:15px;color:#fff;}
.caseList li a:hover h4{color:#fff;}
.caseList li a:hover .txt::after{transform: translateY(0);}
.picShow{max-width:1400px;margin:0 auto;}

/* 联系我们 */
.mb60{overflow: hidden;margin-bottom:60px;}
.cTie{font-size:2.143em;color:#191919;margin-bottom:25px;}
.contactBox1 ul,.contactBox2 ul{padding-left:1px;}
.contactBox1 li span{display: block;position:relative;margin-bottom:10px;}
.contactBox1 li span::after{content:"\e6ee";position:absolute;left:-30px;font-family:"iconfont";font-size:1.125rem;}
.contactBox1 li:nth-child(3) span::after{content:"\e646";}
.contactBox1 li{float:left;width:25%;border:1px solid #d9d9d9;margin-left:-1px;min-height:180px;padding:5%;padding:3% 4% 1% 4%;font-size:1.125em;}
.contactBox1 li strong{display:block;font-size:1.875em;color:#333;}
.contactBox1 li.wx{padding:2%;font-size:.875rem;}
.contactBox1 li.wx img{max-width:120px;border:1px solid #ddd;float: left;margin-right:30px;}
.contactBox1 li.wx p{position: relative;padding-bottom:12px;overflow: hidden;margin-bottom:20px;padding-top:35px;}
.contactBox1 li.wx p::after{content:"";position:absolute;left:0;bottom:0;background:#d82633;height:1px;width:15px;}
.contactBox1 li.wx a{background:#d82633;color:#fff;height:42px;line-height:42px;display:inline-block;width:50%;text-align:center;box-shadow:0 2px 6px #ff929a;}
.contactBox1 li.wx a:hover{background:#b10411;}
.contactBox1 li.wx i{font-style:normal;font-family:"iconfont";margin-left:8px;}

.contactBox2 li{float:left; width:33.3%;padding:3% 4% 1% 4%;border:1px solid #d9d9d9;margin-left:-1px;min-height:180px;}
.contactBox2 li span{display: block;color:#333;font-size:1.429em;margin-bottom:10px;}
#dituContent{width:100%;height:560px;}

/* 在线留言*/
.feedback{background: url('../images/feedback_bg.jpg') no-repeat center;padding:200px 50px 50px 50px;}
.feedback form{background: rgba(255, 255, 255,.9);overflow:hidden;padding:4%;}
.feedback .top{margin-bottom:40px;overflow:hidden;}
.feedback h3 span{display:block;font-size:1.714em;color:#333;}
.feedback h4{padding-left:50px;position:relative;}
.feedback h4::after{content:"\e649";position: absolute;left:0;top:0;font-family:"iconfont";font-size:2.5rem;color:#333;}
.feedback h4 span{display:block;font-family:Arial;color:#333;font-size:2em;}
.feedback p{width:49%;float: left;background: #fff;height: 50px;line-height: 50px;position: relative;padding:0 15px 0 60px;margin-bottom: 10px;position: relative;border: 1px solid #ccc;}
.feedback p:nth-child(2n-1){float:right;}
.feedback p input{width: 100%;height: 100%;}
.feedback .tarea{width: 100%;height: 120px;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: 50px;line-height: 50px;border: 1px solid #ddd;}
.feedback .code .c{background: #fff;width: 20%;padding: 0 15px;}
.feedback .code img{padding:14px;background: #fff;}
.feedback .sub{background: #d82633;width: 30%;cursor: pointer;transition: all .3s;color: #fff;}
.feedback .sub:hover{background: #b10411;}