@charset "utf-8";
/**
深圳市国人伟业信息技术有限公司
http://www.grwy.cn/
**/
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{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:90px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#8f1e7a;}
html,body{position:relative;font-size:100%;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hidden{overflow:hidden;}
.nor{font-weight:normal;}
.container{position:relative;max-width:1200px;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;}
.mb25{margin-bottom:25px;}


/*  @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;
}
 */
@font-face {
  font-family: 'iconfont';  /* project id 559965 */
  src: url('//at.alicdn.com/t/font_559965_n4cb7m0e89llerk9.eot');
  src: url('//at.alicdn.com/t/font_559965_n4cb7m0e89llerk9.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_559965_n4cb7m0e89llerk9.woff') format('woff'),
  url('//at.alicdn.com/t/font_559965_n4cb7m0e89llerk9.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_559965_n4cb7m0e89llerk9.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:fixed;left:0;top:0;min-height:90px;z-index:15;width:100%;background:#fff;}
.animated.slideDown {top: -90px;transition:all 0.4s;}
.animated.slideUp {top: 0;transition:all 0.4s;}
.header .logo{position:absolute;left:0;top:0;z-index:10;line-height:90px;}
.headFix{box-shadow: 0 0 5px #ccc;}
/*  导航按钮 */
.navTrigger{position:absolute;top:20px;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:#8f1e7a;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);}

/*  PC导航 */
.nav{width:100%;height:90px;}
.nav .navMain{padding:30px 0 30px 30%;overflow:hidden;}
.nav .m{float:left;position:relative;width:14%;line-height:30px;transition: all 0.4s;text-align:right;}
.nav .m>a{color:#454545;position:relative;}
.nav .m>a:after{content:"";position:absolute;left:0;top:-34px;height:2px;background:#8f1e7a;width:0;transition: all 0.3s;}
.nav .m:hover a:after,.nav .cur a:after{width:100%}

/*  搜索 */
.search{position:absolute;z-index:10;right:0;top:30px;display:none;}
.search .icon{font-family:"iconfont";color:#999;font-size:1.2rem;}
.searMain{position: absolute;padding:20px;background:#e1e1e1; border-top:none;left: -415px;top:40px;display:none;}
.searMain:before,.searMain:after{ content: "";position: absolute;top:-20px;right:25px; width: 0px; height: 0px;border: 10px solid transparent;border-bottom-color:#ddd;}
.searMain form,.wSear form{width:420px;background:#fff;height:35px;line-height:35px;padding-right:35px;position:relative;}
.searMain form:after,.wSear form:after{content:"\e617";font-family:"iconfont";color:#999;font-size:1.2rem;position:absolute;right:8px;top:0;}
.searMain .sear_text,.wSear .sear_text{width:100%;height:35px;line-height:35px;color:#666; padding-left:10px;background:none;}
.searMain .sear_btn,.wSear .sear_btn{position:absolute;right:0;top:0;width:35px;height:35px;cursor:pointer;z-index:2;}

/*  广告轮播图 */
.banner{position:relative;}
.banner img{width:100%;}
.banner .small{display:none;}
.slick-dots{position:absolute;bottom:10px;display:block;width:100%;padding:0;margin:0;text-align:center;z-index:3;}
.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;}
.slick-dots li button{font-size:0;line-height:0;display:block;background:#fff;width:100%;height:2px;width:35px;cursor:pointer;}
.slick-dots li button:hover,.slick-dots li button:focus,.slick-dots li.slick-active button{height:4px;background:#8f1e7a;}


/*==首页搜索↓==*/
.KeyHome{position: relative;z-index: 1;padding: 15px 0;/* margin-top: -80px; */border-bottom: 1px #ddd solid;/* background: rgba(0,0,0,0.5); */}
.KeyHome .long{display:flex;align-items: center;justify-content: center;}
.KeyHome .key-label{/* float:left; */flex: 1;}
.KeyHome .key-label .title{float: left;color: #333;font-size:14px;margin-right: 10px;padding-left: 10px;font-weight:bold;border-left: 2px #fff solid;}
.KeyHome .key-label h1{float:left;margin-right:20px;}
.KeyHome .key-label a{display: block;color: #666;font-size:14px;}
.KeyHome .key-label a:hover{color:#8f1e7a}
.KeyHome .key-search{flex-shrink: 0;position: relative;width: 280px;margin-left: 30px;}
.KeyHome .key-search input{width: 100%;padding: 0 40px 0 10px;color:#666;border: 1px #d4d4d4 solid;}
.KeyHome .key-search button{position: absolute;right: 15px;top: 0;bottom: 0;margin: auto;width:25px;height:25px;border: none;cursor: pointer;background: url('../images/search-ico.png') no-repeat left;background-size: 25px;}
.KeyHome .key-search button:hover{/* color:#ddd */}
.KeyHome .key-search input,.InfoHome .search button{line-height: 40px;height: 40px;padding: 1px 15px;background: none;}


/*  案例 */
.case{padding:90px 0;overflow:hidden;font-size:.875rem;}
.caseLeft{width:16.7%;font-size:.857em;}
.hTie{font-size:20px;text-transform: uppercase;color:#262626;font-size:1.25rem;position:relative;margin-bottom:50px;}
.hTie span{display:block;font-size:.6em;color:#bbb;font-family:Arial;margin-top:14px;}
.hTie:after{content:"";position:absolute;left:0;top:56%;height:2px;width:78px;background:#454545;}
.caseMenu li{margin-bottom:15px;}
.caseMenu li a{color:#818181;position:relative;}
.caseMenu li a:after{content:"\e624";position:absolute;right:-20px;top:0px;font-family:"iconfont";transform:scale(0,1);transition:transform 0.3s;color:#8c3d7c;transform-origin:right;}
.caseMenu li i{margin-right:6px;font-size:1.2rem;position:relative;top:2px;}
.caseMenu li a:hover{color:#8c3d7c;}
.caseMenu li a:hover:after{transform:scale(1);transform-origin:left;}

.caseRight{width:83.3%;overflow:hidden;}
.caseRight ul{margin-right:-20px;}
.caseRight li{float:left;width:33.3%;padding-right:20px;margin-bottom:20px;}
.caseRight li a{display:block;position:relative;overflow:hidden;}
.caseRight li .pImg:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: rgba(255,255,255,.5);transition:all 0.4s;}
.caseRight li .pImg{padding-top:75%;}
.caseRight li img{transform:scale(1.1);}
.caseRight li h3{position:absolute;right:-100%;bottom:0;color:#fff;padding:15px;text-align:right;z-index:2;transition:all 0.4s;width:100%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.caseRight li h3 span{display:block;}
.caseRight li a:hover .pImg:after{transform:scale(0);opacity:0;}
.caseRight li a:hover img{transform: scale(1);}
.caseRight li a:hover h3{right:0;transition-delay:.2s;}

/*  关于我们 */
.about{background-image: url('../images/about_bg.jpg');background-position:center;-webkit-background-size:cover;background-size:cover;padding:120px 0;overflow:hidden;font-size:.975rem;background-attachment: fixed;}
.about .hTie,.about .hTie span{color:#fff;}
.about .hTie:after{background:#fff;}
.aboutMain{width:62%;height:460px;background:#fff;padding:0 4%;line-height:1.8;transition:all 0.3s;position:relative;}
.aboutMain .more{display:block;width:48px;height:48px;margin:40px auto 0 auto;background:#8c3d7c;color:#fff;line-height:48px;text-align:center;border-radius:24px;clear:both;}
.aboutMain .txt{display: table-cell;vertical-align: middle;height:460px;}
.aboutMain .more:hover{width:100%;background:#b23298;}
.aboutMain:hover{box-shadow:0 0 6px  #8c3d7c;}
.aboutMain:after{content:"";position:absolute;left:-95px;top:15%;width:265px;height:1px;background:#8c3d7c;transition:all 0.3s;}
.aboutMain:hover:after{width:100%;}

/*  指南 */
.guide{padding:0 20px;overflow:hidden;margin-bottom:20px;}
.guide ul{margin-right:-20px;}
.guide li{float:left;width:50%;margin-top:20px;padding-right:20px;font-size:1rem;}
.guide li a{display:block;position:relative;overflow:hidden;}
.guide li a:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background: rgba(255, 255, 255, .7);transition:all 0.6s;}
.guide li img{transition:all 0.5s;}
.guide li:nth-child(2n){float:right;}
.guide li .pImg{padding-top:48%;}
.guide li h4,.guide li h5{position:absolute;transform:translate(-50%,0);-ms-transform:translate(-50%,0);-moz-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -o-transform:translate(-50%,0);top:30%;z-index:2;left:50%;color:#505050;text-transform: uppercase;letter-spacing:5px;text-align:center;transition:all 0.4s;width:100%;font-family:'Akzidenz-Grotese34573e4753d6';}
.guide li h4 span,.guide li h5 span{display:block;font-size:2.188em;position:relative;letter-spacing:10px;padding-bottom:20px;}
.guide li h4 span:after,.guide li h5 span:after{content:"";position:absolute;left:50%;width:26px;height:1px;background:#505050;margin-left:-13px;bottom:0px;transition:all 0.3s;}
/* .guide a:hover img{transform:scale(1.1);} */
.guide a:hover:after{transform:scale(0);opacity:0;}
.guide a:hover h4{opacity:0;margin-top:40px;}
.guide li h5{color:#6d6858;font-size:1.5em;letter-spacing:10px;opacity:0;margin-top:-15px;}
.guide li h5 span:after{width:250px;left:50%;background:#6d6858;margin-left:-125px;bottom:54px;}
.guide li h5 span{font-size:0.583em;letter-spacing:2px;padding-top:30px;}
.guide li:hover h5{opacity:1;transition-delay:.3s;margin-top:0;}
.guide li.g4 h6{color:#fff;font-size:.875rem;position:absolute;left:0;top:35px;transition:all 0.6s;text-align:center;opacity:0;}
.guide li.g4 h6:after{content:"";position:absolute;left:0;width:100%;height:1px;background:#fff;bottom:24px;}
.guide li.g4 h6 span{display:block;text-align:center;font-size:.75rem;margin-top:15px;}
.guide li.g4 p{width:230px;color:#fff;font-size:.75rem;position:absolute;right:0;bottom:35px;transition:all 0.6s;opacity:0;}
.guide li.g4:hover h6{left:35px;opacity:1;transition-delay:0.2s;}
.guide li.g4:hover p{right:35px;opacity:1;transition-delay:0.2s;}

/*  主创团队 */
.team{background:#f0f0f0;padding:80px 0;overflow:hidden;font-size:.75rem;}
.team .hTie{font-size:1.875rem;}
.teamSlide{position:relative;width:100%;}
.teamBox{width:100%;overflow:hidden;margin-right:0;height:320px;}
/* .teamBox .none h4{display:none;} */
.teamBox .none p{padding-top:20px;}
.teamBox li{padding-right:420px;overflow:hidden;height:320px;}
.teamBox li h4 {margin-bottom:35px;}
.teamBox li h4 strong{color:#262626;font-weight:400;font-size:2.917em;}
.teamBox li h4 i{font-style:normal;font-family:Arial;color:#c1c1c1;font-size:1em;text-transform: uppercase;margin-left:8px;}
.teamBox li h4 span{display:block;color:#9f9f9f;}
.teamBox li .txt{line-height:2;min-height:130px;margin-bottom:10px;}
.teamBox li .more{width:105px;height:40px;line-height:40px;text-align:center;border:2px solid #aeaeae;text-align:center;display:inline-block;}
.teamBox li .more:hover{border:2px solid #8f1e7a;color:#8f1e7a;width:200px;}
.teamBox li .tImg{margin-right:-420px;width:270px;height:320px;position:relative;background:#fff;}
.teamBox li .tImg:after{content:"";position:absolute;width:335px;height:1px;background:#8f1e7a;bottom:50px;right:230px;transition:all 0.3s;}
.teamBox li img{width:100%;height:100%;transition:all 0.5s;}
.teamBox li .tImg:hover:after{width:200px;}
.teamBox li .tImg:hover img{transform:scale(.95);}
.teamSlide .hd{position:absolute;right:0;top:0;display:none;}
.teamSlide .hd li{width:20px;height:2px;background:#c4c4c4;margin-bottom:8px;cursor:pointer;transition:all 0.5s;}
.teamSlide .hd li.on{width:35px;background:#8f1e7a;margin-left:-15px;}
.teamSlide .pageBtn{display:none;}

/*  设计观点 */
.news{padding:80px 0;overflow:hidden;font-size:.75rem;}
.newsLeft{width:50%;height:480px;position:relative;overflow:hidden;}
.newsLeft span{display:block;background-position:center;background-repeat: no-repeat;-webkit-background-size:cover;background-size:cover;height:100%;transition:all 0.8s;}
.newsLeft .txt{position:absolute;bottom:0;left:0;width:100%;padding:20px 25px;background: rgba(0,0,0,.9);color:#7a7a7a;}
.newsLeft .txt h4{font-size:1.167em;margin-bottom:5px;position:relative;color:#fff;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding-top:25px;}
.newsLeft .txt h4:after{content:"";position:absolute;left:0; top:5px;background:#fff;height:2px;width:30px;transition:all 0.3s;}
.newsLeft:hover span{transform:scale(1.1);}
.newsLeft:hover h4:after{width:20%;}

.newsRight{width:48%;position:relative;}
.newsRight .ohbox{height:480px;overflow:hidden;}
.newsRight li{height:160px;overflow:hidden;position:relative;border-bottom:1px solid #eee;}
.newsRight li:after{position:absolute;content:"";left:0;top:0;width:0;height:100%;transition:all 0.4s;background:#8f1e7a;}
.newsRight li a{display:table-cell;height:160px;vertical-align: middle;width:100%;position:relative;z-index:2;padding:15px 25px 15px 120px;}
.newsRight li .date{float:left;width:110px;color:#505050;font-size:6.667em;transition:all 0.3s;font-family:Arial;line-height:1;margin-left:-110px;text-align:center;font-family:'Akzidenz-Grotese34573e4753d6';padding-top:15px;}
.newsRight li h4{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:8px;}
.newsRight li h4 span{display:block;font-weight:700;margin-top:5px;color:#333;font-size:1.167em;}
.newsRight li a:hover .date,.newsRight li a:hover,.newsRight li a:hover h4 span{color:#fff;transition:all 0.3s;}
.newsRight li:hover:after{width:100%;}
.newsRight .pageBtn{position:absolute;right:0;top:-80px;}
.newsRight .pageBtn span,.teamSlide .pageBtn span{width:32px;height:32px;border-radius:100%;background:#ddd;color:#fff;font-size:1.2rem;display:inline-block;text-align:center;line-height:32px;margin-left:5px;cursor:pointer;transition:all 0.3s;}
.newsRight .pageBtn .prev,.teamSlide .pageBtn .prev{transform: rotate(180deg);}
.newsRight .pageBtn span:hover,.teamSlide .pageBtn span:hover{background:#8f1e7a;}

/*  底部 */
.footer{background:#f7f7f7;padding:60px 0;overflow:hidden;font-size:.75rem;}
.footLeft{width:50%;overflow:hidden;}
.footLeft .font{line-height:2.3;margin-top:30px;background: url('../images/footIcon.png') no-repeat left 5px;padding-left:25px;}
.footLeft .font span{margin-left:20px;}
.footRight{width:120px;padding-top:15px;}
.footer .foot_link em{margin: 0 10px;font-style:normal;}
.footRight img{width:110px;background:#e4e4e4;padding:5px;}
.footRight p{margin-top:10px;padding-left:35px;background: url('../images/foot_icon.png') no-repeat left center;}
.footBar{width:100%;height:45px;background:#333;display:none;z-index:90;overflow:hidden;}
.footBar a{float:left;width:25%;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;}

/*  内页公用 */
.breadCrumb{padding:15px 0;background: #ffffff;font-size:.875rem;line-height:26px;}
.listWrapper{padding:60px 0 80px 0;overflow:hidden;font-size:.875rem;line-height:1.8;}
.listMenu{overflow:hidden;margin-top:50px;padding-bottom:10px;}
.listMenu ul{margin-right:-20px;overflow:hidden;}
.listMenu li{float:left;padding-right:40px;text-align:center;}
.listMenu li a{ /* border-bottom:1px solid #e1e1e1; */text-align:center;height:40px;line-height:40px;display:block;color:#818181;}
.listMenu li i{margin-right:5px;}
.listMenu li .on,.listMenu li a:hover{color:#8f1e7a;}
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding-right:100px;}
.proSear .btn{height:50px;line-height:50px;width:100px;text-align:center;font-size:16px;background:#333;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-100px;}
.proSear .txt{height:48px;line-height:48px;border:1px solid #ddd;border-right:none;width:100%;padding:0 10px;float:left}
.proSear .btn:hover{background:#111;}

/*  关于 */
.aboutBox1 .txt{width:58%;line-height:2;}
.aboutBox1{margin-bottom:30px;}
.aboutBox3{padding-top:60px;overflow:hidden;}
.aTie{font-size:1.125rem;color:#8f1e7a;position:relative;z-index:2;text-align:center;padding-bottom:15px;margin-bottom:20px; /*! border-top:1px solid #e9e9e9; *//*! padding-top: 10px; */}
.aTie span{color:#d3d3d3;font-size:1.389rem;display:block;text-transform: uppercase;letter-spacing:5px;}
.aTie:after{content:"";position:absolute;height:1px;width:50px;background:#8f1e7a;left:50%;bottom:0;margin-left:-24px;}
.aboutBox3 .img{width:42%;float:left;}
.aboutBox3 .aTie{text-align:left;}
.aboutBox3 .aTie:after{left:0;margin-left:0;}
.aboutBox3 .txt{line-height:2;margin-top:15px;width:50%;float:right;}
.aboutBox4 .txt{float:left;}
.aboutBox4 .img{float:right;}
.honor{padding-top:60px;}
.honorList ul{margin-right:-35px;overflow:hidden;padding-top:20px;}
.honorList li{ poition:relative;float:left;width:25%;padding-right:35px;margin-bottom:20px;}
.honorList li dl{border:1px solid #d9d9d9;padding:9px;box-sizing: border-box;}
.honorList li dl dt{display: table;margin: 0 auto}
.honorList li .pic{position: relative; display: table-cell;vertical-align: middle;height: 380px;overflow: hidden;}
.honorList li .pic:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: rgba(255,255,255,.4);transition:all 0.4s;}
.honorList li img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}
.honorList p{text-align:center;padding:8px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.honorList li a:hover img{transform:scale(1.1);}
.honor .more{display:block;width:50%;height:50px;line-height:50px;background:#f2f2f2;color:#8f1e7a;margin:0 auto;text-align:center;font-size:1.125rem;margin-top:20px;cursor:pointer;transition:all 0.3s;}
.honor .more:hover{background:#8f1e7a;color:#fff;}
.honorList li:hover .pic:after{transform:scale(0);opacity:0;}
/*  产品列表 */
.proList{margin-right:-20px;overflow:hidden;}
.proList li{float:left;width:33.3%;padding-right:20px;margin-bottom:20px;}
.proList li a{display:block;position:relative;overflow:hidden;}
.proList li .pImg:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: rgba(255,255,255,.5);transition:all 0.4s;}
.proList li .pImg{padding-top:75%;}
.proList li img{transform:scale(1.1);}
.proList li h3{position:absolute;right:-100%;bottom:0;color:#fff;padding:15px;text-align:right;z-index:2;transition:all 0.4s;width:100%;}
.proList li h3 span{display:block;}
.proList li a:hover .pImg:after{transform:scale(0);opacity:0;}
.proList li a:hover img{transform: scale(1);}
.proList li a:hover h3{right:0;transition-delay:.2s;}
p.loading{clear:both;background: url('../images/loading.gif') no-repeat left center;padding-left:50px;font-size:1rem;line-height:3;display:block;margin:0 auto;width:100px;text-align:center;display:none;}


/*  案例详情 */
.proShow_left{width:68%;overflow:hidden;line-height:2;}
.showTie{font-size:1.563em;color:#333;padding-bottom:40px;margin-bottom:30px;background: url('../images/show_line.jpg') repeat-x left bottom;}
.proShow_left .txt{margin-bottom:10px;}
.proShow_right{width:25%;overflow:hidden;}
.sidebarFix{position: fixed;top:90px;}
.proShow_right .tie{color:#9d3a8b;font-size:1.25rem;margin-bottom:20px;}
.proShow_right li{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.proShow_right li a{background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;}
.proShow_right li a:hover{padding-left:25px;background: url('../images/ly_li.png') no-repeat 10px center;}
.showPage .back{float:right;width:100px;height:35px;line-height:35px;background:#ddd;text-align:center;margin-top:-60px;}
.showPage{background: url('../images/show_line.jpg') repeat-x left top;margin-top:30px;padding-top:30px;font-size:.875rem;}
.showPage p{margin-bottom:10px;line-height:1.8;}
.showPage p a{position:relative;padding-left:30px;color:#999;}
.showPage p a:before{content:"\e78b";font-family:"iconfont";position:absolute;left:0;top:-2px;font-size:1.2rem;line-height:1;}
.showPage p:nth-child(2) a:before{content:"\e78a";}
.showPage p a:hover{color:#8f1e7a;}
.showPage .back:hover{background:#8f1e7a;color:#fff;}

/*  团队 */
.honorList,.teamList{overflow:hidden;}
.teamList,.teamList li{height:auto;}
.teamList{margin-right:0;width:100%;}
.teamList li{margin-bottom:50px;}
.teamList li h4{line-height:1.4;}
.teamList li h4 strong{font-size:1.5em;}
.teamList li{padding-right:360px;border-bottom:1px solid #ddd;padding-bottom:40px;}
.teamList li .tImg{margin-right:-360px;}
.teamList li:nth-child(2n){padding-left:360px;padding-right:0;}
.teamList li:nth-child(2n) .tImg {float:left;margin-left:-360px;margin-right:0;}
.teamList li:nth-child(2n) .font{float:right;}
.teamList li .tImg:after{display:none;}
.teamList li .tImg{overflow:hidden;}
.teamList li:hover img{transform:scale(1.1);}
.teamList li .tImg:hover img{transform:scale(1.1);}
.teamList .big{height:auto;padding-right:490px;}
.teamList .big .tImg{margin-right:-490px;width:420px;height:auto;}


/*  团队详情 */
.teamShow{height:auto;overflow:hidden;padding-bottom:50px;}
.teamShow .left{width:32%;overflow:hidden;}
.teamShow .right{width:62%;font-size:13px;}
.teamShow .right .title{font-size:1.563em;font-weight:normal;color:#333;margin-bottom:20px;line-height:1.2;}
.teamShow .right .title span{display:block;font-size:.56em;margin-top:5px;color:#999}
.teamShow_case .tie{font-size:1.286em;font-weight:normal;color:#1e1e1e;border-bottom:1px dotted #ccc;margin-bottom:25px;padding-bottom:10px;}
.teamShow_case ul{margin-right:-30px;}
.teamShow_case li{float:left;width:33.3%;padding-right:30px;margin-bottom:30px;}
.teamShow_case li h3{padding-top:15px;color:#333;}
.teamShow_case li h3 span{display:block;font-family:Arial;color:#888;}
.teamShow_case li .pImg{padding-top:85%;}

/*  服务 */
.process{margin-right:-60px;overflow:hidden;padding:20px 20px 0 20px;margin-bottom:30px;}
.process li{float:left;width:25%;color:#777;position:relative;height:250px;padding-left:80px;}
.process li h4{color:#8f1e7a;font-size:1.571em;margin-bottom:30px;font-weight:700;position:relative;padding-bottom:10px;}
.process li h4:after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#90207b;width:30px;transition:all 0.3s;}
.process li .txt{position:relative;min-height:160px;}
.process li i{color:#eaeaea;font-family:Arial;font-size:4.286em;font-style:normal;float:left;width:80px;margin-left:-80px;line-height:1;}
.process li:after{content:"\e650";position:absolute;right:30px;top:8%;font-family:"iconfont";font-size:2rem;color:#e1e1e1;line-height:1;}
.process li:last-child:after{display:none;}
.process1{background: url('../images/line.jpg');}
.process3{background: url('../images/line2.jpg');}

.service{margin-right:-2px;}
.service{background: url('../images/service_bg.jpg');-webkit-background-size:cover;background-size:cover;background-position:center;padding-top:15%;overflow:hidden;}
.service li:nth-child(1){margin-left:33.33%;}
.service li{float:left;width:33.333%;padding-right:1px;margin-top:1px;padding-right:1px;}
.service li div{background: rgba(255,255,255,.9);height:400px;padding:8% 10%;font-size:.75rem;}
.service li i{font-family:"iconfont";color:#666;font-style:normal;font-size:3.2rem;display:block;position:relative;top:0;transition:all 0.3s;}
.service li h4{color:#333;font-size:2em;font-weight:bold;margin-bottom:30px;position:relative;}
.service li h4 span{display:block;font-family:Arial;font-size:.75rem;color:#666;font-weight:normal;}
.service li h4:after{content:"";position:absolute;left:0;bottom:-12px;height:1px;background:#90207b;width:30px;transition:all 0.3s;}
.service li:hover h4:after{width:30%;}
.service li:hover i{color:#90207b;top:-10px;}


/* 新闻列表 */
.newsList li{padding-bottom:30px;margin-bottom:30px;border-bottom:1px dotted #cacaca;overflow:hidden;color:#929292;}
.newsList li .pImg{width:30%;padding-top:20%;}
.newsList li h3{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;}
.newsList li h3 a{font-size:1.286em;color:#333;}
.newsList li span{display:block;color:#c9c9c9;display:block;margin-top:5px;font-size:.875em;position:relative;padding-left:15px;}
.newsList li span:after{content:"\e60e";position:absolute;left:0px;top:2px;font-family:"iconfont";}
.newsList li .txt{width:65%;float:right;transition:all 0.4s;}
.newsList li .more{margin-top:25px;display:inline-block;}
.newsList li h3 a:hover{color:#8f1e7a;}
.newsList li:hover img{transform:scale(1.1);}
.newsList li:hover .txt{padding-left:2%;}
.newsShow{width:100%;}
.newsShow .txt span{margin-right:15px;}
.newsShow .showTie p{font-size:0.56em;color:#999;}
.newsShow .showTie{padding-bottom:30px;}

/* 联系我们 */
.contactBox1{padding:80px 0;overflow:hidden;border-bottom:1px solid #d9d9d9;}
.contactBox1 p{float:left;width:40%;position:relative;padding-left: 50px;}
.contactBox1 p span{display:block;font-weight:bold;color:#333;}
.contactBox1 p:after{content: "\e704";position:absolute;font-family:"iconfont";color:#8f1e7a;top:0;left:0;font-size:2.4rem;}
.contactBox1 .p2:after{content:"\e63b"}
.contactBox1 .p2{float:right;}
.contactBox1 .p2 i{font-style:normal;color:#bd1c94;margin-left:15px;display:inline-block;cursor:pointer;}
.dituMap{width:100%;margin-top:30px;height:0;transition:all 0.6s;}
.dituMap_a{height:420px;}
.contactBox2{padding-top:36px;overflow:hidden;border-bottom:1px solid #d9d9d9;}
.contactBox2 .fl{margin-left:10%;}
.contactBox2 .txt{width:42%;padding-top:60px;line-height:2;}
.contactBox2 h4{color:#90207b;font-size:1.625em;font-weight:bold;position:relative;padding-bottom:20px;margin-bottom:30px;}
.contactBox2 h4:after,.contactBox3 .fr p:after,.contactBox5 .btn span:after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#90207b;width:30px;transition:all 0.3s;}

.contactBox3,.contactBox5{padding:70px 0;overflow:hidden;border-bottom:1px solid #d9d9d9;}
.contactBox3 .fl{width:46%;}
.contactBox3 h4{font-size:1.375em;font-weight:bold;color:#333;margin-bottom:30px;background: url('../images/wxIcon.jpg') no-repeat left top;padding-top:100px;}
.contactBox3 .fl p{font-size:.875rem;}
.contactBox3 .fr{width:41%;}
.contactBox3 .fr span{width:50%;box-shadow:0 0 20px #ddd;float:right;}
.contactBox3 .txt{width:35%;float:left;padding-top:10px;}
.contactBox3 .fr p{padding-bottom:20px;margin-bottom:10px;position:relative;}
.contactBox3 .txt a{color:#a0438e;}

.contactBox4{padding:90px 0;overflow:hidden;border-bottom:1px solid #d9d9d9;}
.contactBox4 h4,.contactBox4 p{float:left;width:25%;position:relative;}
.contactBox4 h4{margin-right:10%;font-size:.875rem;}
.contactBox4 h4 span{font-size:1.714em;margin-bottom:10px;font-weight:bold;display:block;color:#333;}
.contactBox4 p {padding-left:50px;}
.contactBox4 p span{display:block;font-weight:bold;color:#333;}
.contactBox4 p:after{content: "\e704";position:absolute;font-family:"iconfont";color:#8f1e7a;top:0;left:0;font-size:2.4rem;}
.contactBox4 .p2:after{content:"\e64d"}
.contactBox4 .p2{float:right;}

.contactBox5 .fl{width:61%;}
.contactBox5 .font{width:33.3%;font-size:.875rem;}
.contactBox5 h4 a{font-size:1.714em;color:#333;font-weight:bold;display:block;margin-bottom:15px;}
.contactBox5 h4 a:hover{color:#bd1c94;}
.contactBox5 .btn span{font-size:1.143em;position:relative;margin-right:5%;padding-bottom:20px;float:left;}
.contactBox5 .btn a{display:inline-block;width:200px;height:40px;text-align:center;background:#a0438e;color:#fff;margin-top:5px;border-radius:20px;font-size:.75em;line-height:40px;}
.contactBox5 .btn a:hover{background:#a02a89;}
.contactFeed h3{font-size:1.5em;color:#333;font-weight:bold;text-align:center;margin-bottom:35px;}

.contactFeed{padding:40px 0}
.contactForm .txt,.contactForm .code .c{width:49%;float:left;height:40px;line-height:40px;border:1px solid #999;padding:0 15px;background:none;color:#555;margin-bottom:10px;font-size:.875em;box-sizing: border-box;background:#fff;}
.contactForm .area{width:100%;height:120px;border:1px solid #999;padding:14px;background:none;color:#555;box-sizing: border-box;background:#fff;}
.contactForm .fr{float:right;}

.contactForm .code{clear:both;padding-top:20px;overflow:hidden;}
.contactForm .code .c{width:120px;float:left;margin-right:5px;}
.contactForm .code img{background:#fff;padding:8px 15px;border:1px solid #888;}
.contactForm .code .sub{width:135px;height:45px;line-height:45px;background:#8f1e7a;color:#fff;cursor:pointer;transition:all 0.3s;border:1px solid #680656;font-size:1.143em;}
.contactForm .code .sub:hover{background:#680656;}
.contactForm .left input:focus,.contactForm .area:focus,.contactForm .code:focus{border:1px solid #8f1e7a;}

.contactForm .card {width:49%;height: 40px;position: relative;float:right;}
.contactForm .card .txt{ border:1px solid #999; width:80%;color: #999;padding-left: 16px;float:left;border-right:none;}
.contactForm .card .btn{ background-color:#FFF; border:1px solid #999;width:20%;color: #999;cursor:pointer;float:right;height:40px;line-height:40px;}
.contactForm .card .file{top: 0px;left: 0px;filter:alpha(opacity:0);opacity: 0;width:100%;position: absolute;z-index: 10;cursor:pointer;}


/* 人才招聘 */
.jobList li{border-bottom:1px dashed #dbdbdb;margin-bottom:20px;}
.jobList h4{font-size:32px;font-weight:normal;background: url('../images/gicon19.png') no-repeat right center;padding-right:20px;padding-bottom:20px;line-height:32px;}
.jobList h4 span{display:block;font-size:16px;margin-top:8px;color:#333;}
.jobList h4 span i{display:inline-block;font-style:normal;background: url('../images/job_icon.png') no-repeat left -35px;padding-left:30px;margin-right:15px;}
.jobList h4 span .num{background-position: 0 0;}

.jobList .font{background:#f2f2f2;padding:25px;display:none;}
.jobList .font .tie{color:#555;margin-bottom:10px;display:block;}
.jobList .font h5{margin-top:15px;font-size:16px;}
.jobList h4.on{background: url('../images/gicon18.png') no-repeat right center;}



/*联系我们*/
.ConLongBox{ position:relative;}
.ConLongBox .pos{ position:absolute; top:0;left:0;height:1px;width:100%;z-index:1;}
.ConLongBox .pos .contactFont2{float:right; width:500px;padding:30px; min-height:420px;color:#fff;line-height:25px; font-size:14px; background:rgba(0,0,0,0.8);text-align: center;}
.ConLongBox .pos .contactFont2 h2{color:#fff;font-size:20px;margin:0 0 20px 0;border-bottom: 1px #fff solid;padding-bottom: 15px;text-align: left;}
@media (max-width:640px) {
.ConLongBox .container{/*! width:100%; */padding: 0px;min-width: 100%;}
 .ConLongBox .pos .contactFont2 h2{font-size:15px;margin:0 0 10px 0;padding-bottom:10px;color:#333;}
.ConLongBox .pos{float:left; position: inherit;height: 100%;margin-top: 20px;margin-bottom: 20px;}
.ConLongBox .pos .contactFont2{float:left; width:100%;padding:30px; color:#555;line-height:25px; font-size:13px; background:#eee;min-height: 100%;text-align: left;}
}

/* 产品详情修改===20180414 */
.caseDetail{position:relative;overflow:hidden;}
.caseSlide{position:relative;background:#0a0a0a;text-align:center;height:100%;}
.caseDetail .swiper-pagination-bullet{background:#fff;}
.caseDetail .swiper-button-prev, .caseDetail .swiper-container-rtl .swiper-button-next{left:20px;}
.caseDetail .swiper-button-next,.caseDetail .swiper-container-rtl .swiper-button-prev{right:20px;transition:all 1s;}
.caseDetail .swiper-button-next,.caseDetail .swiper-button-prev{height:32px;width:24px; background-size:24px 32px;background-color:rgba(255,255,255,.3);padding:35px 15px;}
.caseDetail .back,.caseDetail .fontBtn{position:absolute;bottom:60px;right:60px;z-index:10;background-color:rgba(255,255,255,.3);color:#fff;font-size:.875rem;width:120px;height:40px;line-height:40px;text-align:center;transition:all 1s;}
.caseDetail .back:hover{background-color:rgba(255,255,255,.5);}
.caseDetail .back i,.caseDetail .fontBtn i{display:inline-block;width:21px;height:14px;background: url('../images/back.png') no-repeat;margin-left:5px;position:relative;}
.caseDetail .fontBtn{top:60px;cursor:pointer;}
.caseDetail .fontBtn i{width:15px;height:15px;background: url('../images/detail.png') no-repeat;top:3px;margin-left:8px;}
.detailFfont{position:absolute;right:0;background:#fff;z-index:8;width:30%;top:0;height:100%;padding:2% 3%;text-align:left;font-size:.875rem;right:-50%;transition:all 1s;overflow:hidden;}
.detailFfont h3{font-size:1.429em;color:#333;margin-bottom:25px;padding-bottom:30px;background: url('../images/show_line.jpg') repeat-x left bottom;}
.caseDetail.on .detailFfont{right:0;}
.caseDetail.on .fontBtn,.caseDetail.on .back,.caseDetail.on .swiper-button-next,.caseDetail.on .swiper-container-rtl .swiper-button-prev{right:32%;}
@media all and (max-width:1024px) {
.caseDetail .swiper-button-next,.caseDetail .swiper-button-prev,.caseDetail .back,.caseDetail .fontBtn{background-color:rgba(0,0,0,.5);}
.caseDetail .back{right:20px;bottom:20px;}
.caseDetail .fontBtn{position: relative;display:block;width:100%;height:60px;line-height:60px;top:0;right:0;background:#999;}
.detailFfont{width:100%;position: static;background:#f5f5f5;opacity:0;padding:5%; transform:translateY(-110%);height:0;}
.caseDetail .back, .caseDetail.on .back{right:5px;top:5px;}
.caseDetail.on .swiper-button-next,.caseDetail.on .swiper-container-rtl .swiper-button-prev{right:20px;}
.caseDetail.on .fontBtn{right:0;}
.caseDetail.on .detailFfont{opacity:1;transform:translateY(0);height:100%}
.footer{display:block;}
}