@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;padding-top:80px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#006acc;}
/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb5{margin-bottom:5px;}
.mb30{margin-bottom:30px;}
.container{position:relative;max-width:1340px;min-width:320px;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%;}
@font-face {
  font-family: 'iconfont';  /* project id 729771 */
  src: url('//at.alicdn.com/t/font_729771_ozj7dxmxg8.eot');
  src: url('//at.alicdn.com/t/font_729771_ozj7dxmxg8.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_729771_ozj7dxmxg8.woff') format('woff'),
  url('//at.alicdn.com/t/font_729771_ozj7dxmxg8.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_729771_ozj7dxmxg8.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;
}
/* 头部 */
.head{height:80px;z-index:20;position:fixed;background:#fff;left:0;top:0;width:100%;color:#333;visibility:visible;transition:all 0.4s;box-shadow:0 0 5px #ccc;line-height:80px;}
.nav{margin-left:40px;transition:all 0.5s;}
.nav li{float:left;padding:0 20px;transition:all 0.5s;height:80px;}
.nav li a{color:#333;display:inline-block;position:relative;}
.nav li a:after,.headR a:after{content:"";position:absolute;left:0;top:60px;height:1px;background:#006acc;transition:transform 0.3s;width:100%;transform:scale(0,1);transform-origin:right top;}
.nav li .cur:after,.headR a:hover:after,.nav li a:hover:after,.headR a:hover:after,.headR .cur:after{transform:scale(1);transform-origin:left top;}
.nav li .cur,.headR a:hover,.nav li a:hover,.headR .cur{color:#006acc;}
.headR a{color:#333;margin-right:30px;position:relative;display:inline-block;}
.headR a:last-child{margin-right:0;}
/* 导航按钮 */
.navTrigger{width:34px;overflow:hidden;white-space:nowrap;color:transparent;cursor:pointer;padding:5px;transition:all 0.3s;position:absolute;right:10px;top:18px;display:none;}
.navTrigger span{display:block;height:2px;background:#006acc;margin-bottom:5px;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%;border-radius:2px;}
.navTrigger span:nth-child(2){margin-left:10px;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform:translateX(3px) translateY(-2px) rotate(45deg);margin-left:0;}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(3px) translateY(2px) rotate(-45deg);}
/* 广告轮播图 */
.banner{height:800px;overflow:hidden;position:relative;}
.banner li a{background-image:url('../images/banner.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;display:block;position:relative;}
.swiper-wrapper{transition-timing-function:ease-in-out;}
.banner div.swiper-pagination{bottom:60px;}
.banner .swiper-pagination-bullet{background:#fff;opacity:.8;width:40px;height:3px;border-radius:0;cursor:pointer;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#006acc;opacity:1;}
.banner .font{text-align:center;color:#fff;font-size:1.563rem;position:absolute;top:50%;width:100%;margin-top:-140px;}
.banner .font h4{font-size:2.4em;}
.banner .font .more{width:164px;height:36px;line-height:36px;border-radius:18px;color:#fff;background:#fff;background:rgba(255,255,255,.2);font-size:14px;display:inline-block;margin-top:40px;transition:all .3s;}
.banner .font .more:hover{background:#fff;color:#006acc;}
.banner .swiper-slide-active a:before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:url('../images/overlay_a.png') repeat;animation:overIn 2s both;z-index:2;background:rgba(0,0,0,.2)}
@keyframes overIn{
    from{width:200%;}
}
/* 优势 */
.odds{background:#fff;height:100px;position:relative;margin-top:-50px;overflow:hidden;z-index:10;color:#888;box-shadow:0 8px 14px #d5d5d5;}
.odds li{float:left;width:25%;position:relative;height:100px;z-index:2;border-right:1px solid #e6e6e6;padding-left:80px;padding-top:20px;position:relative;transition:all 0.4s;}
.odds li:after{content:"";position:absolute;left:0;top:0px;height:100%;background:#006acc;transition:transform 0.3s;width:100%;transform:scale(0,1);transform-origin:right top;z-index:-1;}
.odds li i{float:left;font-family:iconfont;font-style:normal;margin-left:-80px;font-size:3rem;width:80px;text-align:center;position:relative;top:-5px;}
.odds li h4{color:#333;font-size:1.5em;}
.odds li h4 span{font-weight:normal;color:#006acc;}
.odds li:last-child{border-right:none;}
.odds li:hover{box-shadow:0 0 10px #006acc;background:#006acc;color:#fff;}
.odds li:hover h4,.odds li:hover h4 span{color:#fff;}
.odds li:hover:after{transform:scale(1);transform-origin:left top;}
/* 项目 */
.project{padding:120px 0 60px 0;background:#edf1f1;margin-top:-50px;}
.hTitle{margin-bottom:45px;font-size:1.125rem;text-align:center;}
.hTitle span{display:block;font-size:1.944em;color:#111;}
.project .main{margin-bottom:35px;}
.project li{width:25%;float:left;padding:20px 2%;transition:all 0.3s;text-align:center;border-right:1px solid #d5d8d8;}
.project li h4{font-size:1.625em;margin-top:30px;color:#111;position:relative;padding-bottom:10px;margin-bottom:15px;}
.project li h4:after{content:"";position:absolute;left:50%;bottom:0;width:20px;height:1px;background:#fff;transition:all 0.3s;margin-left:-10px;background:#ccc;}
.project li .txt{line-height:2;min-height:170px;margin-bottom:10px;text-align:left;display:inline-block;color:#565656;}
.project li .txt span{display:block;text-align:left;cursor:pointer;position:relative;}
.project li .txt span:after{content:}
.project li:hover{box-shadow:0 0 15px #ccc;background:#fff;}
.project li img{transition:all 0.3s;position:relative;top:0;}
.project li:hover img{top:-8px;}
.project li:last-child{border-right:none;}
.project .zx{display:block;width:164px;height:36px;line-height:36px;border-radius:18px;color:#006acc;background:#fff;margin:0 auto;border:1px solid #006acc;font-size:14px;text-align:center;}
.project .zx i{display:inline-block;font-family:"iconfont";font-style:normal;margin-right:8px;font-size:1.2rem;position:relative;line-height:1;top:2px;}
.project .zx:hover{background:#007cee;width:50%;color:#fff;}
/* 成功故事 */
.case{padding:60px 0;overflow:hidden;}
.case ul{border-bottom:1px solid #e5e5e5;margin-bottom:30px;}
.case li{float:left;width:25%;overflow:hidden;}
.case li .pImg{padding-top:61%;}
.case li p{position:absolute;bottom:-50px;left:0;width:100%;padding:0 5%;color:#fff;font-size:.875em;height:50px;line-height:50px;background:rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.3s;}
.case li h5{height:65px;line-height:65px;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case li a:hover img{transform:scale(1.1);}
.case li a:hover h5{color:#fff;}
.case li a:hover p{bottom:0;}
.hMore{display:block;width:164px;height:36px;line-height:36px;border-radius:18px;color:#555;background:#fff;margin:0 auto;border:1px solid #666;font-size:14px;text-align:center;}
.hMore:hover{background:#007cee;width:50%;color:#fff;border:1px solid #007cee;}

/*价格*/
.price{padding:60px 0 40px;background:#f8f8f8;}
.price .box li{width:33.33333%;float:left;margin-bottom:30px;}
.price .box li .mg{margin:0 15px;background:#fff;padding:40px 20px;text-align:center;transition:all .3s;}
.price .box li .mg h4{font-size:20px;color:#333;font-weight:bold;}
.price .box li .mg .pic{padding-top:25px;color:#007cee;padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:20px;}
.price .box li .mg .pic .sp2{vertical-align:middle;font-size:16px;}
.price .box li .mg .pic .sp1{font-size:54px;font-weight:bold;font-family:arial;}
.price .box li .mg p{font-size:16px;line-height:40px;height:40px;}
.price .box li .mg a{display:inline-block;padding:12px 55px;background:#007cee;font-size:16px;color:#fff;border-radius:21px;line-height:18px;margin-top:30px;}
.price .box li .mg a:hover{background:#2192fa;}
.price .box li .mg:hover{box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.07);}


/* 关于 */
.about{background-image:url('../images/about_bg.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;padding:100px 0;color:#fff;text-align:center;}
.about h3{font-size:2.188em;margin-bottom:30px;font-weight:700;}
.about h4{font-size:1.75em;margin-bottom:35px;}
.about .txt{line-height:1.8;height:200px;}
.about .more{width:164px;height:36px;line-height:36px;border-radius:18px;color:#fff;background:#fff;background:rgba(255,255,255,.2);font-size:14px;display:inline-block;transition:all .3s;}
.about .more:hover{background:#fff;color:#006acc;}
/* 新闻中心 */
.news{padding:80px 0;overflow:hidden;background:#edf1f1;font-size:.813em;}
.newsL{width:35%;background:#fff;padding:30px;position:relative;}
.newsL li a{display:block;overflow:hidden;position:relative;}
.newsL li .pic{height:265px;overflow:hidden;margin-bottom:20px;}
.newsL li .date{position:absolute;left:0;top:0;background:rgba(0,106,204,.7);color:#fff;width:80px;height:80px;text-align:center;}
.newsL li .date i{font-style:normal;font-size:;display:block;font-size:1.714em;padding-top:10px;}
.newsL li h4{font-size:1.213em;color:#333;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsL li p{color:#777;min-height:70px;}
.newsL li:hover .bgImg{transform:scale(1.1);}
.newsL div.swiper_hd{bottom:20px;}
.swiper_hd .swiper-pagination-bullet{background:#333;opacity:.8;width:30px;height:3px;border-radius:0;cursor:pointer;}
.swiper_hd .swiper-pagination-bullet-active{background:#006acc;opacity:1;}
.newsR{width:62%;}
.newsR li{float:left;width:50%;border-right:1px solid #ededed;border-bottom:1px solid #ededed;transition:all .4s;position:relative;}
.newsR li a{padding:30px 20px;height:150px;padding-left:80px;background:#fff;display:block;color:#777;transition:all .5s;}
.newsR li:nth-child(2n){border-right:none;}
.newsR li h4{color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px;font-size:1.213em;}
.newsR li .date{float:left;width:70px;margin-left:-70px;font-size:.75rem;color:#333;text-align:center;}
.newsR li .date i{font-size:2.667em;font-style:normal;display:block;}
.newsR li a:hover{background:#006acc;color:#fff;}
.newsR li a:hover h4,.newsR li a:hover .date{color:#fff;}
.news .hMore{margin-top:30px;}
/* 获取方案 */
.message{overflow:hidden;}
.messageL{width:50%;height:510px;overflow:hidden;background-image:url('../images/feedback_bg.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;}
.messageL .font{padding-top:130px;min-width:660px;float:right;color:#fff;font-size:1.125em;}
.messageL .font h5{font-size:50px;font-family:Arial;font-weight:700;line-height:1;}
.messageL .font h5:first-letter{color:#006acc;font-size:60px;}
.messageL .font h3{margin:10px 0 40px 0;}
.messageL .font h3 span{font-size:2.778em;display:block;}
.messageL .font h4 span{display:block;font-size:1.8em;font-family:Arial;}
.messageR{width:50%;min-width:550px;padding-left:80px;font-size:.875rem;padding-top:30px;height:510px;}
.messageR form{max-width:580px;}
.messageR .title{color:#333;margin-bottom:25px;}
.messageR .title span{display:block;color:#006acc;font-size:2.143em;}
.messageR li{height:55px;line-height:55px;border:1px solid #e7e7e7;overflow:hidden;margin-bottom:10px;padding-left:40px;}
.messageR li label{font-family:"iconfont";float:left;width:40px;margin-left:-40px;text-align:center;font-size:1.2rem;}
.messageR li input{width:100%;height:55px;line-height:55px;}
.messageR li.area{height:80px;padding-left:0;padding:10px;}
.messageR li textarea{width:100%;height:100%;}
.messageR li.code{border:none;padding-left:0;}
.messageR li.code  input{width:30%;float:left;border:1px solid #e7e7e7;height:100%;padding:0 10px;}
.messageR li.code img{padding:17px;background:#eee;}
.messageR li.code .sub{float:right;width:30%;background:#006acc;color:#fff;cursor:pointer;transition:all 0.4s;}
.messageR li.code .sub:hover{background:#007cee;}
/*底部 */
.footer{background:#2e2e2e;font-size:.875rem;color:#eee;}
.footMain{padding:40px 0;overflow:hidden;position:relative;}
.footMain:after{content:"";position:absolute;right:460px;height:100%;width:1px;top:0;}
.footMain{padding-right:480px;}
.footL .txt{line-height:1.8;}
.footL h3{font-size:2.6rem;color:#006acc;}
.footLink{margin-top:10px;}
.footLink a{margin:0 5px;}
.footR{width:510px;overflow:hidden;margin-right:-480px;}
.footR .wx{float:left;width:150px;text-align:center;}
.footR .wx img{border:1px solid #ddd;background:#fff;padding:5px;margin-bottom:8px;max-width:130px;}
.footR .wx span{display:block;}
.footR .font p{padding-left:20px;line-height:2;overflow:hidden;}
.footR .font p i{float:left;font-family:"iconfont";font-style:normal;margin-right:5px;font-size:1.1rem;margin-left:-20px;margin-top:-3px;}
.footR .zx{display:inline-block;width:130px;height:36px;line-height:36px;color:#006acc;background:#fff;border:1px solid #006acc;font-size:14px;text-align:center;margin-top:10px;}
.footR .zx i{display:inline-block;font-family:"iconfont";font-style:normal;margin-right:8px;font-size:1.2rem;position:relative;line-height:1;top:2px;}
.footR .zx:hover{background:#007cee;color:#fff;}
.copyright{background:#111;padding:15px;text-align:center;overflow:hidden;font-size:.813rem;color:#999;line-height:1.8;}
.copyright a,.footer a{color:#eee;}
.copyright a:hover,.footer a:hover{color:#fff;}
.footBar{position: fixed;width:100%;left:0;bottom:0;height:45px;background:#333;display:none;z-index:90;}
.footBar a{float:left;width:33.3%;border-right:1px solid #222;text-align:center;line-height:45px;color:#fff;}
.footBar a i{margin-right:5px;font-size:1.2rem;}
.footBar a:last-child{border-right:none;}

/*内页公用 */
.listMenu{margin:40px 0;text-align:center;font-size:1.563rem;}
.listMenu a{margin:0 15px;position:relative;padding-bottom:10px;}
.listMenu a:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:#fc2f2f;transition:transform .3s;transform:scale(0,1);transform-origin:right;}
.listMenu a:hover:after,.listMenu .on:after{transform:scale(1);transform-origin:left;}
.breadCrumb{font-size:.875rem;padding:25px 0;padding-left:20px;position:relative;}
.breadCrumb i{float:left;margin-right:8px;font-size:1.2rem;margin-top:-4px;}
.listBanner{height:540px;background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;}
.listBanner .txt{position:absolute;color:#fff;left:50%;top:50%;font-size:1.875rem;text-align:center;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.listBanner .txt span{display:block;font-size:2em;}
.loadMore{float: left;width: 100%;text-align: center;padding: 5px 0;margin-bottom: 30px;}
/* 案例 */
.pWrapper{padding-top:50px;}
.caseList{padding:0;}
.caseList li{width:33.3%;transition: all 0.5s;}
.listWrapper{padding:80px 0;}
.prhShow_ban img{width:100%;}
.prhShow_ban h3{font-size:2rem;color:#fff;margin-bottom:20px;}
.proShow_Top{background:#f5f5f5;padding:25px 0;overflow:hidden;color:#888;font-size:.875rem;}
.proShow_Top h3{float:left;width:25%;border-right:1px dotted #ddd;margin-right:5%;}
.proShow_Top h3 span{display:block;font-size:1.429em;color:#333;}
.proShow_Top p{width:70%;float:left;padding:0 20% 0 80px;}
.proShow_Top p span{margin-left:-80px;float:left;}
.proShow_Top .link{float:right;width:50px;height:50px;text-align:center;line-height:50px;border:1px solid #ddd;border-radius:100%;margin-left:-50px;font-family:iconfont;font-size:18px;z-index:2;position:relative;}
.proShow_Top .link:hover{background:#b11504;color:#fff;border:1px solid #b11504;}
.proShow_pic{background:#f5f5f5;padding:60px 0;text-align:center;}
.proShow_pic img{width:100%;}
.proShow_font{color:#888;font-size:.875rem;padding:60px 0;}
.proShow_font .tie{text-align:center;margin-bottom:35px;font-size:1.429em;}
.proShow_font p{margin-bottom:15px;}
.proShow_font .txt{margin-bottom:40px;}

/* 新闻列表 */
.newsList{background:#f1f1f1;padding:70px 0;overflow:hidden;font-size:.813rem;}
.newsList ul{margin-right:-30px;}
.newsList li{float:left;padding-right:30px;width:33.3%;margin-bottom:30px;}
.newsList li a{background:#fff;padding:6%;display:block;color:#777;}
.newsList li .pImg{padding-top:68%;margin-bottom:15px;}
.newsList li h3{font-size:1.231em;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.newsList li p{height:80px;margin-bottom:10px;margin-top:15px;}
.newsList li .date{color:#999;margin-bottom:10px;}
.newsList li a:hover{box-shadow:0 0 10px #ccc;}
.newsList li a:hover img{transform:scale(1.1);}

/*  新闻详情 */
.newsShow{background:#f8f8f8;padding:50px 0;overflow:hidden;font-size:.875rem;}
.newsShow .container{background:#fff;padding:40px 50px;overflow:hidden;box-shadow:0 0 10px #ddd;}
.newsShow .tie{font-size:1.429em;color:#333;margin-bottom:15px;}
.newsShow .top{overflow:hidden;padding-bottom:15px;margin-bottom:30px;border-bottom: 1px dotted #b3b3b3;}
.newsShow .top .fr{margin-top:8px;}
.showPage{border-top:1px solid #ddd;padding-top:40px;margin-top:30px;}
.showPage p{margin-bottom:10px;}
.showPage .back{float:right;width:130px;height:40px;line-height:40px;background:#ddd;text-align:center;margin-top:-55px;}
.showPage .back i{position:relative;margin-right:8px;font-size:1rem;}
.showPage .back:hover{background:#0e3a81;color:#fff;}


/*  联系我们 */
.contactBox1{overflow:hidden;border-bottom:1px solid #e1e1e1;padding:60px 0 50px 0;margin-bottom:50px;font-size:1rem;}
.contactBox1 dl{float:left;width:33.3%;}
.contactBox1 dl dt{font-size:1.5em;color:#222;margin-bottom:30px;}
.contactBox1 dd span{display:block;color:#222;font-size:1.250em;}
.contactBox1 strong{color:#006acc;display:block;font-size:1.250em;}
.contactBox2{overflow:hidden;padding-bottom:50px;}
.contactBox2 .txt{width:40%;padding-top:20px;}
.contactBox2 .txt h5{color:#006acc;font-size:3rem;text-transform: uppercase; font-weight:bold;font-family:Arial;margin-bottom:10px;}
.contactBox2 .txt h4{color:#222;font-size:1.8em;margin-bottom:25px;}
.contactBox2 .map{width:60%;height:400px;background: url('../images/contact_map.jpg') no-repeat center;margin-left:-5%;}
.contact_message .messageR{border-top:1px solid #e1e1e1;}

/*关于 */
.aboutBox1{padding-bottom:60px;position:relative;z-index:2;color:#fff;}
.aboutBox1 .container{background:#006acc;margin-top:-60px;padding:4% 5%;overflow:hidden;}
.aboutBox1 .font{position:relative;}
.aboutBox1 .txt{font-size:.875rem;padding-top:10px}
.aboutBox1 h3{margin-bottom:40px;overflow:hidden;margin-right:50px;}
.aboutBox1 h3 span{font-size:2.25em;margin-left:20px;float:left;padding-top:40px;margin-left:-160px;}
.aboutBox1 p{margin-bottom:15px;}
.aboutBox1 ul{color:#fff; display: flex;flex-direction: row;justify-content: space-between;margin-top:30px;}
.aboutBox1 ul li{text-align:center;}
.aboutBox1 ul li span{font-size:3.25em;}
.aboutBox1 ul li i{font-family:"iconfont";display:none;}
.aboutBox1 ul li:last-child{border-right:none;}

.aboutBox2{background:#edf1f1;padding:60px 0;overflow:hidden;}
.culture ul{margin-right:-15px;}
.culture{overflow:hidden;margin-bottom:40px;}
.culture li{float:left;width:25%;padding-right:15px;height:275px;position:relative;overflow:hidden;}
.culture li .bgImg:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity: .5;}
.culture li em{ cursor: pointer;width:100%;height:100%;left:-120%;position: absolute;top: 0;transform: skewX(-25deg);transition: all 0s;
     background-image:-moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
     background-image:-webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
     background-image:-o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
     background-image:-ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}
.culture li:hover em{left:120%;transition: all 0.5s;}
.culture li .txt{position:absolute;top:16%;padding:0 10%;width:100%;color:#fff;z-index:3;transition:all .3s;}
.culture li .txt h4 {font-size:1.875em;margin-bottom:10px;}
.culture li:hover .txt{top:25%}

.partner .tie{text-align:center;font-size:1.875em;color:#222;font-weight:normal;margin-bottom:30px;}
.partner ul{padding:1px 0 0 1px;}
.partner li{float:left;width:20%;text-align:center;border:1px solid #ddd;margin-left:-1px;margin-top:-1px;background:#eee;position:relative;transition:all .4s;}
.partner li .pImg{padding-top:50%;}
.partner li img{display: block;cursor: pointer; filter: grayscale(100%); filter: gray;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.partner li p{text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-top:10px;}
.partner li:hover img{transform:scale(1.1);filter:none;-webkit-filter:none;-ms-filter:none; -o-filter:none;}
.partner li:hover{box-shadow:0 0 8px #ccc;z-index:2;}

/* 网站建设 */
.websiteBox{overflow:hidden;font-size:.875rem;}
.websiteBox1{padding:80px 0;}
.websiteBox1 .pic{float:left;width:50%;}
.wTie{font-size:1rem;color:#222;margin-bottom:45px;}
.wTie span{display:block;font-size:2.188em;font-weight:bold;}
.websiteBox1 .font{width:44%;}
.websiteBox1 li{float:left;width:45%;color:#888;min-height:160px;}
.websiteBox1 li h4{font-size:1.429em;color:#222;margin-bottom:10px;background:url('../images/w_line.png') no-repeat left top;padding-top:20px;}
.websiteBox1 li:nth-child(2n){float:right;}
.wMore{display:block;width:160px;height:40px;line-height:38px;background:#ff4d3d;color:#fff;text-align:center;border-radius:20px;border:1px solid #ff4d3d}
.wMore:hover{background:none;color:#ff4d3d;}
.websiteBox2{background-image:url('../images/w_bg2.jpg');background-position:center;background-repeat:no-repeat;-webkit-background-size:cover;background-size:cover;padding:80px 0;overflow:hidden;}
.websiteBox2 .wTie{text-align:center;color:#fff;}
.websiteBox2 li{color:#fff;float:left;width:20%;text-align:center;min-height:240px;line-height:1.8;transition:all 0.3s;padding-top:30px;}
.websiteBox2 li i{font-size:3.4rem;display:block;min-height:80px;transition:all 0.3s;top:0;position:relative;}
.websiteBox2 li h5{font-size:1.25rem;}
.websiteBox2 li h5 span{display:block;opacity:.8;font-size:.8em;}
.websiteBox2 .wMore{margin:0 auto;margin-top:30px;}
.websiteBox2 .wMore:hover{color:#fff;border:1px solid #fff;}
.websiteBox2 li:hover{box-shadow:0 0 15px #fff inset;}
.websiteBox2 li:hover i{top:-10px;}
.websiteBox3{padding:80px 0;overflow:hidden;}
.websiteBox3 .pic{max-width:49%;}
.websiteBox3 .font{width:50%;}
.websiteBox3 ul{margin-right:-50px;}
.websiteBox3 li{float:left;width:25%;color:#888;min-height:160px;padding-right:50px;}
.websiteBox3 li h4{font-size:1.429em;color:#222;margin-bottom:10px;background:url('../images/w_line.png') no-repeat left top;padding-top:20px;}
.websiteCase .hTitle{text-align:center;}
.process{background-image:url('../images/process_bg.jpg');background-position:center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;padding:80px 0;margin-bottom:80px;}
.process .wTie{text-align:center;color:#fff;}
.processMain{position:relative;background:url('../images/process_line.png') repeat-x left center;padding:200px 0;height:1px;color:#fff;font-size:.75rem;}
.processMain li{width:15%;float:left;padding-left:5%;transform:translateY(-101%);margin-left:-3.5%;background:url('../images/pl.png') no-repeat right 10px;padding-bottom:25px;min-height:140px;}
.processMain li i{font-style:normal;}
.processMain li h4{font-size:1.5em;margin-bottom:10px;margin-left:-30px;}
.processMain li:nth-child(2n){transform:translateY(0);padding-top:60px;background:url('../images/pr.png') no-repeat left top;padding-bottom:0;padding-left:6%;}
.processMain li:nth-child(1){margin-left:0;margin-left:2%;}
/* 商业摄影 */
.photoBox1{padding:60px 0;}
.photoBox .pTitle{font-size:2.188rem;color:#333;text-align:center;margin-bottom:50px;}
.photoBox1 li{float:left;width:20%;text-align:center;padding:30px 0;transition:all 0.3s;padding-top:40px;min-height:400px;}
.photoBox1 li .txt{display:inline-block;text-align:left;}
.photoBox1 li span{display:block;background:url('../images/p_li.png') no-repeat left center;padding-left:15px;line-height:2.2;}
.photoBox1 li img{height:80px;position:relative;top:0;transition:all .5s;display:block;margin:0 auto;}
.photoBox1 li h4{margin-top:50px;font-size:1.563em;color:#222;margin-bottom:20px;}
.photoBox1 li:hover img{transform:scale(1.06);}
.photoBox1 li:hover{box-shadow:0 0 10px #ccc;background:#f8f8f8;}
.photoWork{margin-bottom:200px;overflow:hidden;}
.photoWork ul{margin-right:-20px;position:relative;overflow:hidden;}
.photoWork li{float:left;width:33.3%;padding-right:20px;margin-bottom:20px;}
.photoWork li:nth-child(5n-1),.photoWork li:nth-child(5n){width:50%;}
.photoWork li span{display:block;overflow:hidden;}
.photoWork li img{width:100%;transition:all 1.4s;}
.photoWork li:hover img{transform:scale(1.06);}
/* 营销推广 */
.promotion{font-size:1.125em;color:#fff;overflow:hidden;line-height:1.8;}
.promotionBox1{background:#38d6b6;padding-top:60px;text-align:center;}
.promotion .txt{margin-bottom:30px;}
.promotion .txt .tie{font-size:2.22em;font-weight:700;margin-bottom:10px;line-height:1.6;}
.promotion .more{display:inline-block;border:1px solid #fff;border-radius:3px;width:100px;height:30px;line-height:28px;color:#fff;text-align:center;font-size:.875rem;margin-top:15px;}
.promotion .more:hover{background:#fff;color:#fc2f2f;}
.promotionBox2{background:#f8b93f;padding:90px 0;}
.promotionBox2 .pic{padding-left:8%;width:55%}
.promotionBox2 .container,.promotionBox3 .container{overflow:hidden;}
.promotionBox2 .txt,.promotionBox3 .txt{width:35%;top:50%;position:absolute;right:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.promotionBox3{background:#3e63b8;padding:80px 0;overflow:hidden;}
.promotionBox3 .pic{width:56%;padding-right:.65%;}
.promotionBox3 .txt{right:auto;left:16%;width:30%;min-height:200px;}
.promotionBox4{background:#5441c4;margin-bottom:180px;}
.promotionBox4 .pic{padding-left:12%;width:51%}
.promotionBox4 .txt{min-height:200px;}
/* 小程序 */
.appBox1{padding:55px 0;overflow:hidden;}
.aTitle{font-size:1.25rem;color:#252525;text-align:center;margin-bottom:55px;}
.aTitle span{display:block;font-size:1.75em;}
.appBox1 li{float:left;width:20%;font-size:1.125em;color:#555;text-align:center;min-height:150px;margin-bottom:10px;}
.appBox1 li h3{font-weight:700;}
.appBox1 li i{display:inline-block;background:url('../images/app_Icon1.png') no-repeat;width:48px;height:48px;margin-bottom:15px;position:relative;top:0;transition:all 0.3s;}
.appBox1 li:nth-child(2) i{background-position:-48px 0;}
.appBox1 li:nth-child(3) i{background-position:-96px 0;}
.appBox1 li:nth-child(4) i{background-position:-144px 0;}
.appBox1 li:nth-child(5) i{background-position:-192px 0;}
.appBox1 li:nth-child(6) i{background-position:-240px 0;}
.appBox1 li:nth-child(7) i{background-position:-288px 0;}
.appBox1 li:nth-child(8) i{background-position:-336px 0;}
.appBox1 li:nth-child(9) i{background-position:-384px 0;}
.appBox1 li:nth-child(10) i{background-position:-432px 0;}
.appBox1 li:hover i,.appBox3 li:hover i{top:-10px;}
.appCase{font-size:.875rem;overflow:hidden;}
.appCase li{background:#fff;width:50%;float:left;padding:2%;overflow:hidden;}
.appCase li .txt{float:right;text-align:right;max-width:55%;}
.appCase li img{width:160px;height:160px;}
.appCase li h4{font-size:1.786em;color:#333;margin-bottom:10px;}
.appCase li p{height:70px;}
.appCase li .more{color:#ff4e4e;}
.appBox3{padding:55px 0;overflow:hidden;}
.appBox3 li{float:left;width:20%;text-align:center;font-size:1.25em;color:#333;}
.appBox3 li i{display:inline-block;background:url('../images/app_icon2.png') no-repeat;width:69px;height:65px;margin-bottom:15px;position:relative;top:0;transition:all 0.3s;}
.appBox3 li:nth-child(2) i{background-position:-69px 0;}
.appBox3 li:nth-child(3) i{background-position:-138px 0;}
.appBox3 li:nth-child(4) i{background-position:-207px 0;}
.appBox3 li:nth-child(5) i{background-position:-276px 0;}
.appCase .swiper-pagination{position:static;margin-top:25px;}
.appCase .swiper-pagination-bullet{width:40px;height:4px;background:#cecece;border-radius:0;opacity:1;}
.appCase .swiper-pagination-bullet-active{background:#ff4e4e;}
/* H5 */
.h5_box1{padding:60px 0;overflow:hidden;}
.h5_slide{position:relative;overflow:hidden;width:100%;margin:0 auto;}
.h5_slide li{width:20%;float:left;}
.h5_slide  li{-webkit-transition:transform 1.0s;-moz-transition:transform 1.0s;-ms-transition:transform 1.0s;-o-transition:transform 1.0s;-webkit-transform:scale(0.8);transform:scale(0.8);text-align:center;background:#fff;}
.h5_slide  li img{width:100%;opacity:.3;}
.h5_slide  li span{opacity:0;display:none;}
.h5_slide .swiper-slide-active,.h5_slide .swiper-slide-duplicate-active{-webkit-transform:scale(1);transform:scale(1);}
.h5_slide .swiper-slide-active img,.h5_slide .swiper-slide-duplicate-active img{opacity:1;}
.h5_slide .swiper-slide-active span,.h5_slide .swiper-slide-duplicate-active span{opacity:1;display:block;color:#333;padding-top:30px;}
.h5_slide .swiper-pagination{position:static;margin-top:30px;}
.h5_box2 ul{overflow:hidden;}
.h5_box2{padding:80px 0;overflow:hidden;color:#fff;background-image:url('../images/h5_bg2.jpg');background-position:center;background-repeat:no-repeat;background-attachment:fixed;-webkit-background-size:cover;background-size:cover;font-size:.875rem;}
.h5_box2 .aTitle{color:#fff;}
.h5_box2 li{width:16.66%;float:left;border-left:1px solid #505e6b;border-top:1px solid #505e6b;min-height:180px;padding:30px 1.5% 0 1.5%;margin-top:-1px;margin-left:-1px;}
.h5_box2 li h4{font-size:1.25em;margin-bottom:15px;}
.h5_box2 li p{opacity:.85;}
.h5_box3{padding:60px 0;overflow:hidden;}
.h5_box3 li{float:left;width:25%;text-align:center;padding-top:10px;}
.h5_box3 li h4{font-weight:700;color:#333;font-size:1.25em;margin-bottom:20px;margin-top:40px;}
.h5_box3 li i{display:inline-block;width:64px;height:64px;background:url('../images/h5_Icon3.png') no-repeat;transition:all .3s;top:0;position:relative;}
.h5_box3 li:nth-child(2) i{background-position:-64px 0;}
.h5_box3 li:nth-child(3) i{background-position:-128px 0;}
.h5_box3 li:nth-child(4) i{background-position:-192px 0;}
.h5_box3 li:hover i{top:-10px;}

/* 客服 */
.gr_kefu{position:fixed;width:50px;height:275px;right:0;top:214px;z-index:100;}
.gr_kefu ul li{width:50px;height:50px;float:left;position:relative;margin-bottom:1px;font-size:12px;line-height:50px;font-size:16px;}
.gr_kefu ul li .sidebox{position:absolute;width:50px;height:50px;top:0;right:0;transition:all 0.3s;color:#fff;background:#006acc;overflow:hidden;opacity:.8;}
.gr_kefu ul li.kf2 .sidebox{/* background:#7fbb57; */overflow:visible;}
.gr_kefu ul li .sidebox:hover{opacity:1;}
.gr_kefu ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#222;transition:all 0.3s;opacity:.8;}
.gr_kefu ul li .sidetop:hover{opacity:1;}
.gr_kefu ul li img{float:left;}
.gr_kefu ul li .kImg{padding:13px;}
.gr_kefu .kf_wx{ position:absolute; top:0;left:-140px;width:140px;display:;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;}
.gr_kefu .kf_wx img{ display:block;width:110px; height:110px;margin-bottom:5px;float:none;}
.gr_kefu .qq{height:0;position:relative;z-index:2;}
.gr_kefu .qq .sidebox{border:1px solid #006acc;height:auto;border-radius:5px 0 0 5px;width:140px;background:#fff;opacity:1;bottom:-50px;top:auto;text-align:center;padding-bottom:5px;right:-150px;}
.gr_kefu .qq h5{height:35px;line-height:35px;background:#006acc;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px;}
.gr_kefu .qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;}
.gr_kefu .qq h5 i:hover{transform: rotate(90deg);}
.gr_kefu .qq  a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #006acc;margin:5px 15px}

/*---网站地图---*/
.yzh-map-main { overflow: hidden; margin: 50px 0; padding-bottom:35px;}
.yzh-map-main .sitemap_con { width:1080px; margin: 0 auto; color:#666; }
.yzh-map-main .sitemap_con .map_top { border-bottom: 2px solid #555; margin-bottom:35px;}
.yzh-map-main .sitemap_con .map_top img { float: left; }
.yzh-map-main .site_r_link { width: 200px;margin-top:35px;/*上边界根据需要进行调整*/ padding: 5px 10px; background: #f8f8f8;text-align:center;background:#555;color:#fff;}
.yzh-map-main .site_r_link a{color:#fff;}
.yzh-map-main .site_r_link a:hover{text-decoration:underline;}


/*站点地图，显示方式样式，上边界根据需要进行调整*/
.yzh-map-main .site_plc { padding: 5px 0; text-indent: 20px; background: url(../images/mapIcon.png) no-repeat 0 8px; }
.yzh-map-main .sitemap_con h4 { line-height:80px;border-bottom:1px dotted #ccc;font-size:18px;margin-bottom:5px;font-family:"微软雅黑";color:#333;}
.yzh-map-main .sitemap_con h4 a{color:#333;}
.yzh-map-main .b4 {margin-bottom:20px;overflow:hidden;}
.yzh-map-main .b4 ul {}
.yzh-map-main .b4 li {line-height:65px; width:200px;float:left;background:url(../images/ly_li.png) no-repeat left center;padding-left:18px;font-size:15px}