@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;background:#f1f1f1;}

a{color:#666;text-decoration:none;transition:all ease 0.3s;}

a:hover{color:#ff421b;}





/* 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:1600px;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';

 src: url('../font/iconfont.eot');

 src:

   url('../font/iconfont.eot?#font-spider') format('embedded-opentype'),

   url('../font/iconfont.woff') format('woff'),

   url('../font/iconfont.ttf') format('truetype'),

   url('../font/iconfont.svg') format('svg');

 font-weight: normal;

 font-style: normal;

}



.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:90px;z-index:20;position: relative;background:rgba(255,255,255,1);left:0;top:0;width:100%;line-height:90px;color:#fff;visibility: visible;transition:all 0.4s}

.nav{margin-left:35px;transition:all 0.5s;}

.nav li{float:left;margin-right:30px;transition:all 0.5s;}

.nav li.m4 {width:0;margin-right:0;opacity:0;overflow:hidden;}

.nav li a{color:#fff;display:inline-block;width:32px;position:relative;}

.nav li a:after,.headR a:after{content:"";position:absolute;left:0;top:60px;height:1px;background:#333;transition:transform 0.3s;width:100%;transform: scale(0,1);transform-origin:right top;}

.nav li a:hover:after,.nav li .on,.headR a:hover:after,.nav li a.cur:after{}

.nav_on li.m4{width:32px;margin-right:30px;opacity:1;}

.headR a{color:#333;margin-right:30px;position:relative;display:inline-block;}

.headR .icon{width:16px;background: url('../images/sIcon.png') no-repeat center;height:16px;margin-right:0;top:2px;}

.headR .icon:after{background: url('../images/s_line.png') no-repeat;left:-15px;top:5px;height:100%;transform:scale(1);}



/* 导航按钮 */

.navTrigger{width:30px;overflow:hidden;white-space:nowrap;color:transparent;cursor:pointer;margin-top:29px;padding:5px;transition:all 0.3s; display: none; }
/*div.navTrigger-on span,header.head_open .navTrigger span{ background: #fff}*/
.navTrigger span{display:block;height:2px;background:#fff;margin-bottom:3px;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-right:10px;}

.navTrigger span:nth-child(3){margin-bottom:0;}

.navTrigger:hover span:nth-child(1){margin-right:10px;}

.navTrigger:hover span:nth-child(2){margin-right:5px;}

.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);}

.navTrigger-on:hover span:nth-child(1){margin-right:0;}
.headR .tel{font-size: 16px;color: #d0251d;margin-right: 0.6rem}


.head_case{ position:absolute;background:#fff;box-shadow:0 0 10px #ccc;color:#333;}

.head_case .nav li a,.head_case .headR a{color:#333}

/*.head_case .navTrigger span,.head_case .nav li a:after,.head_case .headR a:after{background:#333;}*/

.head_case .headR .icon{background: url('../images/sIcon2.png') no-repeat center;}

/*.head_case .headR .icon:after{background: url('../images/s_line2.png') no-repeat;}*/

.wap_logo{display:none;}




/* PC端搜索 */

.searMain{position: absolute;padding:20px;background:#1d2088; background: rgba(0,0,0,.5);left:0;top:80px;display:none;width:100%;padding-top:0;}

.searMain form{width:40%;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;padding:0 50px 0 65px;}

.searMain .txt{width:100%;height:50px; line-height:40px;color:#666;float:left;}

.searMain .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;}

.searMain .btn:hover{opacity:.8;}

.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;}









/* 项目 */

.project{padding:60px 0;font-size:.875rem;}

.project .main{margin:0 -1%;}

.project li{background:#fff;width:23%;margin-right:25px;float:left;padding:20px 2%;transition:all 0.3s;margin:0 1%;text-align:center;}

.project li h2{font-size:2.143em;margin-top:30px;color:#000;position:relative;padding-bottom:20px;margin-bottom:20px;}

.project li h2:after{content:"";position:absolute;left:50%;bottom:0;width:20px;height:1px;background:#fff;transition:all 0.3s;margin-left:-10px;background:#bcbcbc;}

.project li .txt{line-height:2;min-height:170px;margin-bottom:10px;text-align:left;display:inline-block;}

.project li .txt span{color:#888;display:block;background: url('../images/p_li.png') no-repeat left center;padding-left:15px;text-align:left;cursor:pointer;position:relative;}

.project li .txt span:after{content:}

.project li .more{display:block;width:90px;height:30px;text-align:center;line-height:30px;background:#ff421b;color:#fff;padding-left:0;margin:0 auto;}

.project li:hover{box-shadow:0 0 15px #ccc;}

.project li img{transition:all 0.3s;position:relative;top:0;}

.project li:hover img{top:-8px;}
.project li .more:hover{box-shadow: 0 0 10px #868686;}


/* 成功故事 */

.case{margin-bottom:30px;font-size:.75rem;}
.hTitle{color:#333;margin-bottom:40px;font-size:1rem;text-align: center;}

.hTitle span{display:block;font-size:1.6em;}
.hTitle a{color:#333}

.hTitle .more{float:right;background: url('../images/mIcon.png') no-repeat left center;padding-left:20px;font-size:1rem;margin-top:15px;}

.case li{float:left;width:33.3%;overflow:hidden;}

.case li .txt{padding:20px 0;transition:all 0.4s;height:100px;color:#888;}

.case li h4{font-size:1.167em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;color:#222;transition:all 0.3s;}

.case li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.case li .pImg{padding-top:71%;}

.case li .pImg:after{content:"";position:absolute;border:8px solid #fff;z-index:2;left:0;top:0;right:0;bottom:0;transform:scale(1.1);opacity:0;transition:all 0.4s;}

.case li:hover h4{color:#ff421b;}



/*首页关于我们*/
.indexAB{padding: 30px 0;height: auto ! important}



/* 近期新闻及新闻列表 */

.news{margin-bottom:40px;font-size:.75rem;}

.news ul{margin-right:-10px;}

.news li{float:left;width:20%;margin-bottom:20px;padding-right:10px;}

.news li a{display:block;background:#fff;}

.news li .txt{padding:25px 7%;}

.news li h4{font-size:1.167em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;}

.news li p{min-height:50px;color:#888;line-height:1.8;}

.news li .pImg{padding-top:72%;}

.news li img{transition: 0.5s all}

.news li .date{display:block;position:relative;font-family:Arial;line-height:1.2;color:#666;background: url('../images/n_arr.png') no-repeat right center;transition:all 0.4s;}

.news li .date i{display:block;font-size:3.214em;font-style:normal;}

.news li a:hover img{transform: scale(1.1);}

.news li a:hover h4{color:#ff421b;}

.news li a:hover .date{margin-right:-10px;}

.news2{margin-bottom:80px;}

.homeNews{padding: 34px 0 0 0}
.homeNews .hd{text-align: center;margin-bottom: 2%;position: relative}

.homeNews .hd:after{content: '';position: absolute;display: block;width: 100%;height: 1px; top: 88%;left: 0;background: #b9b9b9;z-index: -1;transition: 0.5s all}
.homeNews .hd li{display: inline-block;width: 10%; height: 60px;font-size: 16px;position: relative;cursor: pointer;}
.homeNews .hd li:after{content: '';position: absolute;display: block;width: 16px;height: 16px; top: 73%;left: 44%;background: #f1f1f1;border: 1px solid #b9b9b9;border-radius: 100px;transition: 0.5s all}
.homeNews .hd li.on{color: #ff421b}
.homeNews .hd li.on:after{border: 1px solid #ff421b;}
.homeNews1 .bd li{height: 34px;}
.homeNews .bd .n1{height: 102px;}
.homeNews .bd .n1 dt{float: left;position: relative;width: 25%;padding-top: 12%;overflow: hidden;}
.homeNews .bd .n1 dt img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.5s all}
.homeNews .bd .n1 .ntxt{float: right;width: 72%;}
.homeNews .bd .n1 .ntxt a{margin-top: 0}
.homeNews .bd .n1 .ntxt h3{color: #333;font-weight: bold;}
.homeNews .bd .n1 .ntxt h3 span{font-weight: bold;color: #333;}
.homeNews1 .bd li:nth-child(2) a{margin-top: 0}
.homeNews1 .bd .n3:nth-child(2n){float: right;}

.homeNews .bd .n1:hover img{transform: scale(1.1);}

.homeNews1 .bd .n2:nth-child(2) a{margin-top: 0}
.homeNews1 .bd .n2:nth-child(2){float: right;}
.homeNews1 .bd .n2:nth-child(3){float: right;}
.homeNews1 .bd .n2:nth-child(4){float: right;}
.homeNews1 .bd .n2:nth-child(6){float: right;}
.homeNews1 .bd .n2:nth-child(8){float: right;}
.homeNews1 .bd .n2:nth-child(10){float: right;}
.homeNews1 .bd .n2:nth-child(5){line-height: 23px}
.homeNews1 .bd .n2:nth-child(7){line-height: 23px}
.homeNews1 .bd .n2:nth-child(9){line-height: 23px}

/*合作客户*/
.partner{background: #fff;padding: 34px 0 54px 0;overflow: hidden; }
.partner ul li{float: left;width: 20%;height: 154px;position: relative;overflow: hidden;}
.partner ul li:after{content: '';position: absolute;display: block;right: 0;top: 5%;width: 1px;height: 90%;background: #f2f2f2;}
.partner ul li:before{content: '';position: absolute;display: block;left: 5%;bottom: 0;width: 90%;height: 1px;background: #f2f2f2;}
.partner ul li .div:after{content: '';position: absolute;display: block;background: #f2f2f2;width: 4px;height: 4px;right:-2px;bottom: -1%;}
.partner ul li:nth-child(5):after{display: none;}
.partner ul li:nth-child(10):after{display: none;}
.partner ul li:nth-child(15):after{display: none;}
.partner ul li:nth-child(5) a:after{display: none;}
.partner ul li:nth-child(10) a:after{display: none;}
.partner ul li:nth-child(15) a:after{display: none;}


.partner ul li:nth-child(11):before{display: none;}
.partner ul li:nth-child(12):before{display: none;}
.partner ul li:nth-child(13):before{display: none;}
.partner ul li:nth-child(14):before{display: none;}
.partner ul li:nth-child(15):before{display: none;}
.partner ul li:nth-child(11) a:after{display: none;}
.partner ul li:nth-child(12) a:after{display: none;}
.partner ul li:nth-child(13) a:after{display: none;}
.partner ul li:nth-child(14) a:after{display: none;}
.partner ul li:nth-child(15) a:after{display: none;}
.partner ul li a{display: table;margin: 0 auto;position: relative}
.partner ul li span{display: table-cell;vertical-align: middle;height: 154px;}
.partner ul li img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}
.partner ul li h3{position: absolute;width: 100%;height: 140px;text-align: center;line-height: 140px;background: rgba(255, 66, 27,0.6);transform: scale(0);left: 0;top: 7px;transition: 0.5s all}
.partner ul li:hover h3{transform: scale(1.1);color: #fff;}
.partner ul li:hover img{transform: scale(1.1)}


/*推荐*/
.relevantShow{ margin-top:40px;padding-top:30px;border-top:1px #ddd solid;/*! display: none */}
.relevantShow .list{ float:left; width:100%;}
.relevantShow .title{ position: relative;color:#666;margin-bottom:25px;font-size:1.6rem;}
.relevantShow .title:before{ content: ""; position: absolute; left:0;bottom:-8px; width:20px; height:1px; background: #999}
.relevantShow .title .more{ float:right; font-size:1rem;margin-top: 10px;}
.relevantShow .list li{float:left;width:47%;}
.relevantShow .list li:nth-child(odd){float:right;}
.relevantShow .list li a{ display: block; margin:8px 0;}
.relevantShow .list li span{ float:right; color:#999;font-size:12px;}


/*新闻列表*/
.ListBox-1{margin-bottom:40px;font-size:.75rem;}
.ListBox-1 .list li{float:left;width:47%;}
/*.ListBox-1 .list li:nth-child(even){float:right;}*/
.ListBox-1 .list li a{ display: block;color: #333;font-size: 0.9rem;}
.ListBox-1 .list li a:hover{color:#ff421b}
.ListBox-1 .list li span{ float:right; color:#999;font-size:12px;}
.ListBox-2{margin-bottom:80px;}
.ListBox-2 .list li:nth-child(even){float:right;}
.ListBox-2 .list li a{margin: 8px 0}
/*底部 */

.footer{background: url('../images/foot_bg.jpg') no-repeat center;background-size: cover;font-size:.875rem;color:#fff;}

.footer .main{height:590px;position:relative;}

.footR{background:#2f095a;width:520px;bottom:0;top:-25px;right:0;position:absolute;text-align:center;padding-top:100px;}

.footR .wx span{display:block;margin-top:15px;}

.footR .tel{background: url('../images/tel_icon.png') no-repeat center top;padding-top:50px;margin-top:10%;}

.footR .tel span{display:block;font-family:Arial;font-weight:bold;font-size:1.786em;}

.footR .link{margin-top:10%;}

.footR .link a{color:#fff;margin:0 15px;position:relative;}

.footR .link a:after{background: url('../images/s_line.png') no-repeat;left:-15px;top:7px;height:100%;position:absolute;content:"";width:1px;}

.footR .link a:first-child:after{display:none;}

.footL{width:32.5%;padding-top:80px;}

.footL .p1 a:hover{color:#fff;text-decoration: underline;}

.footL .txt{font-size:1.143em;border-bottom:1px solid #939eeb;padding-bottom:15px;line-height:1.8;margin-bottom:50px;}

.footL .txt h4{font-size: 3.750em;margin-bottom:20px;line-height:1.5;}

.footL .zx{width:270px;display:inline-block;height:50px;line-height:50px;background:#fc2f2f;border-radius:5px;text-align:center;color:#fff;margin-bottom:25px;font-size:1.143em;}

.footL .zx i{display:inline-block;width:30px;height:24px;position:relative;margin-right:15px;background: url('../images/wxIcon.png') no-repeat;top:5px;}

.footL .zx:hover{color:#fff;background:#d50707;}

.firendLink{margin-top:25px;}

.firendLink a{margin:0 6px;}

.footer a{color:#fff;}

.footer a:hover{color:#ff421b;}



/* 索要报价弹框 */

.quoteMask{ z-index:99; position:fixed; top:0; left:0; width:100%; height:100%; opacity:0.7; display:none; filter:alpha(opacity=80); background:#000; }

.quote{width:400px;background:#fff;position:fixed; top:50%; left:50%; margin:-140px 0 0 -162px;font-size:.875rem;padding:1.5%;color:#555;line-height:1.6;z-index:100;height:;display:none;}

.quote .close{float:right;background: url('../images/close2.png') no-repeat;width:15px;height:15px;cursor:pointer;margin-bottom:8px;}

.quoteBox1,.quoteBox2{clear:both;}

.quoteBox1 h3{margin-bottom:10px;}

.quoteBox1 h3 span{color:#fc2f2f;font-size:2em;display:block;font-weight:bold;}

.quote .text{margin-top:10px;border:1px solid #aaa;padding-left:40px;height:40px;line-height:43px;margin-bottom:5px;position:relative;}

.quote .error{font-size:.75rem;margin-bottom:10px;display:block;}

/* .quote .error{position:absolute;right:4px;font-size:.75rem;color:#fc2f2f;max-width:135px;height:38px;overflow:hidden;} */

.quote .text label{float:left;width:40px;height:40px;margin-left:-40px;background: url('../images/tel.png') no-repeat center;}

.quote input{width:100%;height:38px;line-height:38px;font-size:.875rem;float:left;}

.quote .p2{font-size:.75rem;color:#fc2f2f;background: url('../images/q2.png') no-repeat left center;padding-left:20px;margin-bottom:10px;}

.quote .sub{width:100%;background:#fc2f2f;height:40px;line-height:40px;text-align:center;color:#fff;cursor:pointer;font-size:1.286em;transition:all 0.3s;}

.quote .sub:hover{background:#d50707;}

.quoteBox2{text-align:center;font-size:1rem;line-height:1.8;display:none;}

.quoteBox2 h3{color:#fc2f2f;text-align:center;font-size:2em;margin-bottom:20px;margin-top:15px;}





/*内页公用 */

.proSear{margin-bottom:40px;display:block;position: static;background:none;padding:0;}

.proSear form{width:50%;}

.listMenu{margin:40px 0;text-align:center;}

.listMenu .hd li{position: relative;display: inline-block;margin: 0 10px;cursor: pointer;font-size:1.6rem;}
.listMenu .hd li{margin:0 15px;position:relative;padding-bottom:10px;color:#333;}

.listMenu .hd li: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 .hd li:hover:after,.listMenu .hd .on:after{transform:scale(1);transform-origin:left;}
.listMenu .bd{text-align: center;margin-top: 14px;}
.listMenu .bd a{display: inline-block;margin: 0 16px;font-size: 0.8em;}
.listMenu .bd .current{color: #fc2f2f}

.listBanner{height:350px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;}

.listBanner .txt{position:absolute;color:#fff;left:50%;top:50%;font-size:2.0rem;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;}



/*关于 */

.aboutBan{background-image: url('../images/about_ban.jpg');background-position:center;background-repeat: no-repeat;background-size:cover;color:#fff;font-size:.875rem}

.aboutBan .main{height:650px;position:relative;padding-top:170px;}

.aboutBan .txt{width:35%;position:absolute;right:0;bottom:70px;z-index:2;text-align:right;}

.aboutBan li{float:left;width:16%;font-size:18px;}

.aboutBan li strong{font-size:70px;font-weight:normal;font-family:Arial;position:relative;padding-right:15px;}

.aboutBan li strong:after{content:"+";position:absolute;right:0;top:5px;font-size:18px;}

.aboutBan li p span{display:block;font-size:12px;opacity:.5;}

.aboutBan li:first-child:after{display:none}

.aWrap{padding-bottom:100px;margin-top:-50px;}

.aboutBox1{background:#fff;position:relative;overflow:hidden;height:430px;font-size:.875rem;margin-bottom:20px;}

.aboutBox1 .fl img{max-width: 100%;max-height: 100%;}

.aboutBox1 .fl{height:430px;width:47.5%;}

.aboutBox1 .font{width:47.5%;padding:30px 60px 0 0;}

.aboutBox1 .font .tie{font-size:2.5em;color:#111;position:relative;padding-bottom:20px;margin-bottom:20px;}

.aboutBox1 .font .tie:after{content:"";position:absolute;left:0;bottom:0;width:45px;height:1px;background:#b4b4b4;}

.aboutBox1 .txt p{margin-bottom:20px;line-height:1.8;}

.setting{background:#fff;margin-bottom:45px;padding:2% 3%;}

.aTie{font-size:25px;position:relative;color:#222;padding-bottom:20px;margin-bottom:40px;}

.aTie:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:1px;background:#b4b4b4;}

.setting ul{margin:0 -8px;}

.setting li{float:left;width:25%;padding:0 8px;padding-bottom:16px;}

.setting li .pImg{padding-top:68%;background:#000;}

.setting li .pImg img{display: block;cursor: pointer; filter: grayscale(100%); filter: gray;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}

.setting li.big{width:50%;}

.setting li.big .pImg{padding-top:68.6%;}

.setting li.fr{float:right;}

.setting li:hover img{filter:none;-webkit-filter:none;-ms-filter:none; -o-filter:none;opacity:1;}



.honor{margin-bottom:20px;overflow:hidden;}

.honor2{margin-top:30px;}

.aTie2{font-size:40px;color:#222;padding-bottom:20px;margin-bottom:40px;position:relative;text-align:center;}

.aTie2:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:1px;background:#b4b4b4;left:50%;margin-left:-15px;}

.honorSlide{background:#fff;position:relative;overflow:hidden;}

.honorSlide li{float:left;width:25%;border-right:1px solid #ececec;padding:3% 2%;text-align:center;}

.honorSlide li a{border:1px solid #e0e0e0;color:#333;}

.honorSlide li .pImg{padding-top:72%;margin-bottom:20px;}

.honorSlide li .pImg img{right:5%;top:5%;bottom:5%;left:5%;width:90%;height:90%;}

.honorSlide li:hover p{color:#fc2f2f;}



.culture {height:500px;padding:50px 0;background-image: url('../images/culture_bg.jpg');background-position:center;background-repeat: no-repeat;color:#fff;margin-bottom:20px;}

.culture .aTie2{color:#fff;}

.culture .aTie2:after{background:#fff;}

.culture li{float:left;width:25%;padding-left:6%;font-size:1.125em;}

.culture li h5{margin-bottom:40px;font-size:2.222em;line-height:1.4;}

.culture li h5 strong{font-weight:normal;padding:55px 30px 12px 20px;display:inline-block;position:relative;}

.culture li h5 strong:after{content:"";position:absolute;background: url('../images/l.png') no-repeat;width:42px;height:88px;left:0;top:0;}

.culture li h5 strong:before{content:"";position:absolute;background: url('../images/r.png') no-repeat;width:61px;height:49px;right:0;bottom:0;}

.culture li h5 span{display:block;font-size:0.750em;}

.culture li p{opacity:.8;}

.a_project ul{margin-right:-20px;overflow:hidden;}

.a_project li{float:left;width:50%;margin-bottom:20px;padding-right:20px;}

.a_project li a{display:block;position:relative;}

.a_project li .pImg{padding-top:64%;background:#000;}

.a_project li img{display: block;cursor: pointer; filter: grayscale(100%); filter: gray;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);opacity:.7;transition:all 1s;}

.a_project li .txt{position:absolute;top:50%;width:100%;text-align:center;left:0;color:#fff;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%); transform: translateY(-50%);padding:0 10px;}

.a_project li h4{font-size:2.188em;background: url('../images/p_line.png') no-repeat center bottom;margin-bottom:20px;padding-bottom:20px;}

.a_project li p span{margin:0 10px;}

.a_project .p1{width:100%;float:none;}

.a_project .p1 .pImg{padding-top:32%;}

.a_project .p1 .pImg img{transition:all 1.5s;}

.a_project li a:hover img{filter:none;-webkit-filter:none;-ms-filter:none; -o-filter:none;transform:scale(1.04)}



.signing{background:#fff;padding:3%;overflow:hidden;font-size:.875rem;}

.aMore{float:right;font-size:1rem;background: url('../images/mIcon.png') no-repeat left center;padding-left:25px;margin-top:15px;}

.signing ul{margin:0 -30px;}

.signing li{float:left;width:25%;padding:0 30px;margin-bottom:1px;}

.signing li .pImg{padding-top:72%;}

.signing li a{display:block;position:relative;border-bottom:1px dotted #d3d3d3;padding-bottom:15px;}

.signing li a:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;border-bottom:1px dotted #fc2f2f;transition:transform 0.3s;transform:scale(0,1);transform-origin:right;}

.signing li h4{font-size:1.143em;font-weight:700;color:#333;margin:20px 0 10px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.signing li p{position:relative;transition:all 0.4s;background: url('../images/n_arr2.png') no-repeat 120% center;}

.signing li a:hover p{padding-right:55px;background-position: 100% center;color:#888;}

.signing li a:hover img{transform:scale(1.1);}

.signing li a:hover:after{transform:scale(1);transform-origin:left;}

.loadMore{display:block;width:350px;height:64px;background:#fff;line-height:64px;text-align:center;border-radius:32px;font-size:1rem;box-shadow:0 0 10px #ddd;margin:30px auto;}

.loadMore i{font-family:"iconfont";font-style:normal;margin-left:5px;font-size:.875em;}

.loadMore:hover{box-shadow:0 0 10px #fc2f2f;}

.newsList{padding-bottom:50px;}





/*  新闻详情 */

.newsShow{padding:3%;background:#fff;overflow:hidden;}

.showTie{border-bottom:1px solid #d9d0bf;overflow:hidden;margin-bottom:50px;padding-bottom:50px;}

.showTie h2{font-size:1.6em;color:#333;margin-bottom:25px;}

.jsfwMain{margin-top:100px;}

.showTie .txt{color:#454545;position:relative;font-size:12px;}
.showTie .bshare-custom{margin-top:-30px;}
.showCon{line-height:2;}

.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:#fc2f2f;color:#fff;}



/* 案例 */

.listWrapper{padding:80px 0;}

.pWrap{padding:20px 0 20px 0;}

.detailWrap{padding:150px 0 100px 0;overflow:hidden;font-size:.875rem;position:relative}

.breadCrumb{margin-bottom:20px; font-size:14px; margin-top:20px; line-height:24px;}

.caseShow_L{background:#fff;width:83.5%;padding:50px;}

.caseShow_L .title{font-size:3.571em;color:#222;margin-bottom:40px;}

.caseShow_L .tie{font-size:1.876em;color:#222;margin-bottom:20px;}

.caseShow_L .font{line-height:1.8;color:#777;margin-bottom:30px;}

.caseShow_L .font .link{display:inline-block;color:#ccc;line-height:2rem;margin-top:25px;}

.caseShow_L .font .link i{font-size:2rem;color:#ccc;float:left;margin-right:10px;}

.caseShow_L .font .link:hover{color:#fc2f2f;}

.caseShow_L .main{text-align:center;margin:50px 0 30px 0;overflow:hidden;}

.telForm{text-align:center;}

.telForm .p1{font-size:1.286em;color:#333;margin-bottom:30px;}

.telForm .p1 span{font-size:2.5em;font-family:Arial;}

.telForm form{width:36%;margin:0 auto;}

.telForm input{width:100%;height:40px;line-height:40px;border:1px solid #c7c7c7;margin-bottom:10px;border-radius:5px;padding:0 10px;text-align:center;color:#555;}

.telForm .sub{background: #f34949;border-color:#f34949;color:#fff;cursor:pointer;transition:all 0.5s;}

.telForm .sub:hover{border-bottom:3px solid #cc1e1e;}

.telForm input:hover{box-shadow:0 0 4px #ccc;}

.member{margin:50px 0;overflow:hidden;text-align:center;}

.member ul{display:inline-block;}

.member li{float:left;width:120px;text-align:center;margin-right:10px;}

.member li img{width:114px;height:114px;border-radius:100%;border:3px solid #fff;box-shadow:0 0 8px #ccc;position:relative;transition:all 0.3s;top:0;}

.member li h4{color:#333;font-weight:bold;margin-top:10px;}

.member li span{display:block;font-size:.875em;color:#666;font-weight:normal;}

.member li:hover img{top:-6px;}



.caseHonor{text-align:center;overflow:hidden;}

.caseHonor .tie2{opacity:0;height:0;overflow:hidden;}

.caseHonor .tie span{display:block;font-size:0.720em;color:#999;}

.caseHonor ul{overflow:hidden;border-top:1px dotted #ccc;padding-top:40px;margin:0 -1%;}

.caseHonor li{float:left;width:23%;margin:0 1%;margin-bottom:20px;}

.caseHonor li .pImg{border:1px solid #e0e0e0;padding-top:72%;margin-bottom:15px;}

.caseHonor li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}



.evaluate{margin:50px 0;text-align:center;overflow:hidden;}

.evaluate ul{overflow:hidden;border-top:1px dotted #ccc;padding:40px 0;margin:0 -1%;border-bottom:1px dotted #ccc;}

.evaluate li{float:left;width:23%;margin:0 1%;}

.evaluate li .pImg{border:1px solid #e0e0e0;padding-top:98%;margin-bottom:15px;}



.jumpto-subnav{float:right;width:230px;background:#fff;padding:30px;min-height:330px;}

.jumpto-title{color:#222;font-size:1.786em;margin-bottom:30px;}

.jumpto-subnav li{height:30px;line-height:30px;}

.jumpto-subnav li a{position:relative;padding-left:15px;}

.jumpto-subnav li a:after{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background:#999;border-radius:100%;}

.jumpto-subnav ul li a:hover, .jumpto-subnav ul li .active{color: #fc2f2f;}

.jumpto-subnav ul li a:hover:after, .jumpto-subnav ul li .active:after{background:#fc2f2f;}

.jumpto-subnav .jumpto-second{display:none}

.jumpto-subnav.fixed{position:fixed!important;top:60px;left:50%;margin-left:570px;}

.jumpto-subnav.fixed.bottom{position:absolute!important;top:auto;bottom:0}





/*联系 */

.contact{background:#fff;padding:50px 0 150px 0;overflow:hidden;}

.contactL{width:40%;font-size:32px;color:#222;}

.contactL .tie{color:#222;font-size:50px;margin-bottom:30px;}

.contactL li{padding-left:35px;margin-bottom:20px;overflow:hidden;}

.contactL li i{margin-left:-35px;float:left;color:#222;font-size:1.2rem;}

.contactL li span{display:block;color:#777;font-size:20px;}

.contactL li strong{font-weight:normal;float:left;}

.contactL li p{float:left;font-size:12px;margin-left:10px;color:#222;line-height:1.2;padding-top:5px;}

.contactL li p span{color:#222;font-size:18px;font-family:Arial;}

.contactL li:nth-child(1){font-size:28px;}

.contactL li .m{display:inline-block;margin-left:10px;border:1px solid #222;width:70px;height:26px;line-height:24px;text-align:center;font-size:.75rem;background:#f8f8f8;color:#222;position:relative;top:-5px;}

.contactL li .m:hover{border:1px solid #fc2f2f;color:#fc2f2f;}

.contactL .tel{overflow: visible; }

.contactL .tel p{position: absolute;top:35px;left:-35px;background:#ececec;padding:5px;display:none;z-index:5;width:120px;}

.contactL .tel p::before{position: absolute;content: "";top:-12px;left:50px;border:6px solid transparent;border-bottom-color:#ccc;}

.contactL .tel img{width:100%;}



.contact .map{background:#fff;width:55%;height:540px;border:10px solid #fff;box-shadow:0 0 8px #ccc;}

#dituContent{width:100%;height:100%;}



/* 网站建设 */

.websiteBox{overflow:hidden;font-size:.875rem;}

.websiteBox1{padding:80px 0;margin-top:40px;}

.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%;}

.websiteCase{margin-bottom:100px;}

.websiteCase .hTitle{text-align:center;}





/* 商业摄影 */

.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;padding-bottom:120px;}

.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;background:#f1f1f1;}

.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;padding-bottom: 120px;}

.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;}

.bqdce a{
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	border-radius:10px;
	border: 1px solid #CCCCCC;
	font-size:12px; line-height:24px;
}

.casetitle h2{ text-align:center; font-size:2rem; color:#000000; padding-top:10px; padding-bottom:10px}

.casetitle h3{ text-align:center; font-size:16px; color:#666666; padding-top:10px; padding-bottom:30px;}

.lglg{ font-size:18px; padding-top:20px;}
.side-pannel i{font-size:18px; color:#FFFFFF; line-height:50px;}
@media all and (max-width:768px) {
.showCon img{ width:90%}}