@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0; font:12px Arial, "microsoft yahei"; color:#21282e; background:#eee;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }

ul,li,ol{list-style:none;}

a{text-decoration:none; color:#21282e;}
a:hover{text-decoration:none; color:#2e2e2e;}
.clear{clear:both;}
.clearfix:after{content:""; display:block; overflow:hidden; height:0; clear:both;}
img{border:0; display:block;}

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.l{ float:left;}
.r{ float:right;}

input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}


/* header */
.header{ width:100%; height:46px; margin:0; padding:0; background:#2e2e2e; }
.header_logo{ margin-left:12px; height:36px; padding:5px 0;}
.header_logo img{ height:32px;}

.header_service{position: fixed; z-index:99999;}

.header_nav{position: absolute; z-index:99999; right:0;}
.header_nav button{border:none; background:url(../images/iconOpen.png) 10px 10px no-repeat; padding:10px; width:46px; height:46px; display:block; cursor:pointer; outline:none;}
.header_nav button.active{background:rgba(0, 0, 0, 0.9) url(../images/iconClose.png) 10px 10px no-repeat; border:none; outline:none; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}


.cbp-spmenu{background:rgba(0, 0, 0, 0.9); position: fixed;z-index:99999;}
.cbp-spmenu h3{color:#2e2e2e; font-size:16px; line-height:46px; height:46px; margin:0; font-weight:bold; background:rgba(0, 0, 0, 0.9); padding-left:20px;}
.cbp-spmenu a{display:block; color:#fff; font-size:14px; line-height:40px; height:40px; border-bottom:1px solid rgba(255, 255, 255, 0.1); padding-left:20px;}
.cbp-spmenu a:hover{background: #2e2e2e;}
.cbp-spmenu-vertical{width:50%; height:100%; top:0; z-index:99999;}
.cbp-spmenu-right{right:-50%;}
.cbp-spmenu-right.cbp-spmenu-open{right:0px;}
.cbp-spmenu,.cbp-spmenu-push{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}


/* banner */
.banner{position:relative; overflow:hidden; margin:0; padding:0; background:#fff;}
.banner .hd{ position:absolute; bottom:10px; text-align: center; width: 100%;}
.banner .hd li{display:inline-block; width:8px; height:8px; margin:0 4px; background:#fff; filter:alpha(Opacity=40); opacity:.4; text-indent:-100px; border-radius:4px; overflow:hidden; }
.banner .hd li.on{ filter: alpha(Opacity=100); opacity: .9; width:20px; height:8px; border-radius:4px; background: #2e2e2e; }
.banner .bd{position:relative; z-index:0;}
.banner .bd li{position:relative; text-align:center;}
.banner .bd li img{background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;}
.banner .bd li a{-webkit-tap-highlight-color:rgba(0,0,0,0);}


/* nav */
.nav { width:100%; overflow:hidden; margin:0; padding:0; background:#fff;}
.nav ul{ width:100%; overflow:hidden; margin:auto; padding:10px 0 6px;}
.nav a{ display:block; width: 20%; overflow: hidden; float:left;text-align: center; margin:5px 0;}
.nav a span { height:32px; line-height:26px; font-size:12px;}
.nav a img { display:block; width:58%; margin:auto;}


/* case */
.caseIndex {width:100%; overflow:hidden; margin:8px auto 0;}
.caseIndexTop { width:100%; padding:0 2%; height:46px; line-height:46px; font-size:16px; background:#fff;}
.caseIndexTop em{width:3px; height:16px; background:#2e2e2e; margin:15px 5px 15px 0; float:left;}
.caseIndexTop i{float:right; font-style:normal; font-size:14px; color:#aaa;}

.caseIndexList{background:#fff;}
.caseIndexList ul{ width:98%; margin:auto; padding:2% 1% 0; margin-top:1px;}
.caseIndexList a{ display:block; width:48%; overflow: hidden; float:left;text-align: center; margin:0 1% 2%; color:#fff; position:relative;}
.caseIndexList a span { height:36px; line-height:36px; background:rgba(0, 0, 0, 0.7); position:absolute; bottom:0; width:100%; z-index:1; display:block;}
.caseIndexList a img {width:100%; height:auto; margin:auto; }
.caseIndexList a:hover span{color:#fff; background:#2e2e2e;}

.caseIndexMore{ width:100%; padding:0 2% 2%; background:#fff; display:inline-block;}
.caseIndexMore a{background:#2e2e2e; width:100%; height:46px; display:block; line-height:46px; text-align:center; font-size:16px; color:#fff;}


/* news */
.newsIndex{ width:100%; overflow:hidden; margin:8px auto 0;}
.newsIndexTop { width:100%; padding:0 2%; height:46px; line-height:46px; font-size:16px; background:#fff;}
.newsIndexTop em{width:3px; height:16px; background:#2e2e2e; margin:15px 5px 15px 0; float:left;}
.newsIndexTop i{float:right; font-style:normal; font-size:14px; color:#aaa;}

.newsIndexList ul{ width:100%; padding:0 2% 2%; margin-top:1px; background:#fff;}
.newsIndexList li{ margin:0; width:100%; border-bottom:1px solid #eee; height:62px; padding:2% 0;}
.newsIndexList p{ font-size:14px; line-height:24px; height:24px;}
.newsIndexList span{ font-size:12px; color:#aaa; line-height:20px; height:20px;}
.newsIndexList img{ height:44px; margin:0;}

.newsIndexMore{ width:100%; padding:0 2% 2%; background:#fff; display:inline-block;}
.newsIndexMore a{background:#2e2e2e; width:100%; height:46px; display:block; line-height:46px; text-align:center; font-size:16px; color:#fff;}


/* partner */
.partnerIndex{ width:100%; overflow:hidden; margin:8px auto 0;}
.partnerIndexTop { width:100%; padding:0 2%; height:46px; line-height:46px; font-size:16px; background:#fff;}
.partnerIndexTop em{width:3px; height:16px; background:#2e2e2e; margin:15px 5px 15px 0; float:left;}
.partnerIndexTop i{float:right; font-style:normal; font-size:14px; color:#aaa;}

.partnerIndexList ul{ width:100%; padding:2%; margin-top:1px; background:#fff;}
.partnerIndexList li{ width:calc(33.3% - 1px); float:left;margin-bottom:1px;margin-right:1px; position:relative;}
.partnerIndexList li:nth-child(1),.partnerIndexList li:nth-child(2){width:calc(50% - 1px); margin-right:1px;}
.partnerIndexList li:nth-child(2),.partnerIndexList li:nth-child(5){margin-left:1px;margin-right:0;}
.partnerIndexList li img{ width:100%; opacity: 1; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; transition: all 0.7s ease;}
.partnerIndexList li:hover img {}
.partnerIndexList li p{ position:absolute; width:100%; height:26px; line-height:26px; left:0;bottom:0; background-color:rgba(0,0,0,0.6);color:#FFFFFF;text-align:center;}
.partnerIndex .rzanli{ background:#fff;padding:2%;padding-top:20px;}
.partnerIndex .rzanli .tit{text-align:center;padding-bottom:20px; background-image:url(../images/icon1.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:20px 15px;}
.partnerIndex .rzanli .tit h2{}
.partnerIndex .rzanli ul.rzlist li{float:left;width:calc(50% - 10px);margin-top:5%; position:relative;}
.partnerIndex .rzanli ul.rzlist li:nth-child(2n){float:right;}
.partnerIndex .rzanli ul.rzlist li a{display:block;}
.partnerIndex .rzanli ul.rzlist li img{width:100%;}
.partnerIndex .rzanli ul.rzlist li p{ position:absolute; text-align:center;width:100%;height:100%;top:0;left:0; background:rgba(0,0,0,0.6);color:#FFFFFF;font-size:16px; padding-top:35%; }


/* message */
.rzIndex{ width:100%; overflow:hidden; margin:8px auto 0;}
.rzIndex p { width:96%; padding:0 2%; height:46px; line-height:46px; font-size:16px; color:#2e2e2e; background:#fff;}
.rzIndex p em{width:3px; height:16px; background:#2e2e2e; margin:15px 5px 15px 0; float:left;}

.rzIndexCont{ width:96%; padding:2%; background:#fff; margin-top:1px;}
.rzIndexCont .txt{  border:0; padding:12px 0 12px 4%; background:#eee; margin:0; display:block; margin-bottom:2%; width:96%; height:22px; line-height:22px; font-size:14px; border-radius:0;}
.rzIndexCont .btn{border:0; background:#2e2e2e; width:100%; height:46px; cursor:pointer; text-align:center; font-size:16px; color:#fff; margin:0; border-radius:0;
background: -webkit-gradient(linear, left top, left bottom, from(#2e2e2e), to(#2e2e2e));}
.rzIndexCont .btn:hover{ background:#333; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#333));}



/* tel */
.tel{width:100%; padding:4% 2%; margin:8px auto 0; background:#fff;}
.tel_l p{ font-size:16px; font-weight:bold; line-height:20px; height:20px;}
.tel_l span{ font-size:12px; color:#aaa; line-height:12px; height:12px;}
.tel_r img{ height:24px; margin:4px 0;}


/* footer */
.footer{ line-height:20px; text-align:center; margin-bottom:50px; padding:15px; color:#aaa;}
.footer a{ color:#aaa;}
.footer a:hover{ color:#2e2e2e;}

.gotop {height:44px;width:44px;position: fixed; right:5px; bottom:60px; z-index:99;cursor: pointer;}


/* footernav */
.mui-bar{position:fixed; z-index:9999; right:0; left:0; height:46px; bottom:0; display:table; width:100%; padding:0; table-layout:fixed;}
.footernavtxt{ display: block; font-size: 12px; color:#fff; line-height:18px;}
.footernavimg{ display: block; padding:5px 0;}
.footernavimg img{ width: 22px; height: 22px; display: block; margin:auto;}
.footernav{ background:rgba(49, 49, 49, 0.9); box-shadow: none;}
.footernav a{ color:#fff;}
.footernavli{ display: block; width: 25%; float: left; text-align: center;}


/* pages */
.pages {margin:0; text-align:center; background:#fff; padding:2% 0;}
.pages a { display:inline-block; height:26px; line-height:26px; background:#fff; text-align:center; color:#666; padding:0 8px; margin:0;}
.pages a:hover { background:#2e2e2e; color:#fff; text-decoration:none; }
.pages span { display:inline-block; height:26px; line-height:26px; background:#2e2e2e; color:#fff; text-align:center; padding:0 8px; margin:0;}


/* page */
.pageCrumbs{ line-height:36px; height:36px; color:#ccc; width:100%; padding:0 2%; margin:0; background:#fff;}
.pageCrumbs a{color:#aaa;}
.pageCrumbs a:hover{ color:#2e2e2e;}
.pageCrumbs span{ margin:0 3px;}

.pageConTop {width:100%; padding:0 2%; height:46px; line-height:46px; font-size:16px; margin-top:8px; background:#fff;}
.pageConTop em{width:3px; height:16px; background:#2e2e2e; margin:15px 5px 15px 0; float:left;}
.pageConTop i{float:right; font-style:normal; font-size:14px; color:#aaa;}
.pageCon{ font-size:14px; line-height:26px; padding:2%; width:100%; margin-top:1px; background:#fff;}
.pageCon p{ text-indent:2rem;}
.pageCon img{ width:100%; margin:2% 0;}

.pageNav{ width:100%; padding:1%; overflow:hidden; background:#fff; margin-top:1px;}
.pageNav li{ width:50%; margin:1%; float:left;}
.pageNav li a{ width:100%; border:1px solid #eee; line-height:40px; text-align:center; line-height:40px; display:block; font-size:14px;}
.pageNav li a:hover{border:1px solid #2e2e2e; background:#2e2e2e; color:#fff;}
.pageNav li .select{border:1px solid #2e2e2e; background:#2e2e2e; color:#fff;}


/* news */
.newsCategory{margin:8px auto 0;}
.newsCategoryNav{ width:100%; padding:2% 1% 0; overflow:hidden; background:#fff;}
.newsCategoryNav li{ width:48%; margin:0 1% 2%; float:left;}
.newsCategoryNav li a{ width:100%; background:#eee; line-height:40px; text-align:center; line-height:40px; display:block; font-size:14px; color:#333;}
.newsCategoryNav li a:hover{ background:#2e2e2e; color:#fff;}
.newsCategoryNav li.select a{background:#2e2e2e; color:#fff;}
.newsCategoryList{ width:100%; padding:0 2% 2%; margin-top:1px; overflow:hidden; background:#fff;}
.newsCategoryList li{ margin:0; width:100%; border-bottom:1px solid #eee; height:70px; padding:2% 0;}
.newsCategoryList p{ font-size:14px; line-height:24px; height:24px;}
.newsCategoryList span{ font-size:12px; color:#aaa; line-height:20px; height:20px;}
.newsCategoryList img{ height:44px; margin:0;}

.newsDetail{width:100%; padding:0 2%; margin:8px auto 0; overflow:hidden; background:#fff;}
.newsDetail .title{ text-align:center; font-size:16px; font-weight: bold; line-height:26px; padding-top:2%}
.newsDetail .time { font-size:12px; color:#aaa; line-height:16px; text-align:center; padding-bottom:2%; border-bottom:solid 1px #eee;}
.newsDetail .time span{ margin:0 5px;}
.newsDetail .cont{ font-size:14px; line-height:26px; padding:2% 0; width:100%;}
.newsDetail .cont img{ width:100%; margin:2% 0;}
.newsDetail .cont p{ text-indent:2rem;}
.newsDetail .share{ line-height:36px; height:36px; border-top:solid 1px #eee; border-bottom:solid 1px #eee; padding:0; width:100%;}
.newsDetail .paging{line-height:40px; height:40px; padding:0; width:100%;}
.newsDetail .paging p{ width:50%; float:left; text-align:center;}
.newsDetail .paging p a{ width:100%; display:block; line-height:40px; height:40px;}
.newsDetail .paging p a:hover{ background:#2e2e2e; color:#fff;}


/* case */
.caseCategory{margin:8px auto 0;}
.caseCategoryList{ width:100%; margin:1px auto 0; background:#fff; overflow:hidden;}
.caseCategoryList ul{ width:100%;  padding:2% 1%;}
.caseCategoryList li{width:48%; float:left; overflow: hidden; margin:0 1% 2%; }
.caseCategoryList a{ display:block; width:100%; text-align: center; color:#fff; position:relative;}
.caseCategoryList a span { height:36px; line-height:36px; background:rgba(0, 0, 0, 0.7); position:absolute; bottom:0; width:100%; z-index:1; display:block;}
.caseCategoryList a img {width:100%; height:auto; margin:auto; }
.caseCategoryList a:hover span{color:#fff; background:#2e2e2e;}

.caseCategoryList li .caseIcon{  position:absolute; right:0; bottom:0; z-index:10; width:100%; margin:0; padding:0;}
.caseCategoryList li .caseIcon li { width:20%; height:3px; float:left; margin:0;}
.caseCategoryList li .caseIcon .bg1{ background:#2e2e2e;}
.caseCategoryList li .caseIcon .bg2{ background:#3ab6e9;}
.caseCategoryList li .caseIcon .bg3{ background:#75c300;}
.caseCategoryList li .caseIcon .bg4{ background:#ffc741;}
.caseCategoryList li .caseIcon .bg5{ background:#ff4086;}
.caseCategoryList li i { display: block; height:0; width:0;}

#grid{width:98%;}
#grid .mix{opacity:0;display:none}

.caseDetail{ position:relative; width:96%; padding:2%; margin:8px auto 0; overflow:hidden; background:#2e2e2e;}
.caseDetail .DetailTitle{ color:#fff; text-align:center; line-height:22px; font-size:12px;}
.caseDetail .DetailTitle h1{ font-size:20px; line-height:46px;}
.caseDetail .DetailUrl{ background:#fff; height:50px; margin-top:10px;}
.caseDetail .DetailUrl p{ background:#eee; height:34px; line-height:34px; width:94%; margin:8px 3%; border-radius:3px; display:inline-block;}
.caseDetail .DetailUrl p a{ padding-left:10px; font-size:16px; line-height:34px; width:100%; display:block; color:#666;}
.caseDetail .DetailImg{ width:100%; }
.caseDetail .DetailImg img{ width:100%; height:auto; margin-top:8px;}
.caseDetail .DetailImg p a{background:#21282e; width:100%; height:46px; display:block; line-height:46px; text-align:center; font-size:16px; color:#fff; margin-top:8px;}

.casePaging{line-height:40px; height:40px; padding:0; width:100%; background:#fff;}
.casePaging p{ width:50%; float:left; text-align:center;}
.casePaging p a{ width:100%; display:block; line-height:40px; height:40px;}
.casePaging p a:hover{ background:#2e2e2e; color:#fff;}


/* about */
.aboutAdvantage{width:96%; padding:0 2% 2%; margin:1px auto 0; overflow:hidden; background:#fff;}
.aboutAdvantage li{ line-height:46px; height:46px; font-size:16px; color:#fff; text-align:center; background:#21282e; margin-top:2%;}

.aboutTeam{ width:100%; margin:1px 0 0; padding:0 1%; background:#fff;}
.aboutTeamList {text-align:center; width:100%; margin:auto; overflow:hidden;}
.aboutTeamList .hd { height:10px; overflow: hidden; text-align:center; margin-top:-28px; position:absolute; z-index:99; right:2%;}
.aboutTeamList .hd ul { display:block;}
.aboutTeamList .hd li { display:inline-block; width:8px; height:8px; background:#fff; border:1px solid #aaa; margin:0 0 0 5px; vertical-align:top; border-radius:50%; overflow:hidden; text-indent:-100px;}
.aboutTeamList .hd .on { background:#2e2e2e; border:1px solid #2e2e2e;}
.aboutTeamList .bd a{ display:block; width:31.33%; overflow: hidden; float:left;text-align: center; margin:2% 1%; color:#fff; position:relative;}
.aboutTeamList .bd a span { height:32px; line-height:32px; background:rgba(0, 0, 0, 0.7); position:absolute; bottom:0; width:100%; z-index:1; display:block;}
.aboutTeamList .bd a img {width:100%; height:auto; margin:auto; }
.aboutTeamList .bd a:hover span{color:#fff; background:#2e2e2e;}

.aboutTeamMore{ width:100%; padding:0 2% 2%; background:#fff; display:inline-block;}
.aboutTeamMore a{background:#2e2e2e; width:100%; height:46px; display:block; line-height:46px; text-align:center; font-size:16px; color:#fff;}

.aboutHome{ width:100%; margin:0; padding:0 1%; background:#fff; overflow:hidden; display:inline-block;}
.aboutHome li{width:31.33%; float:left; margin:2% 1%; }
.aboutHome li img{width:100%; height:auto; margin:auto; }


/* hr */
.hrList{width:100%; padding:2%; margin:8px auto 0; overflow:hidden; background:#fff;}
.hrList .hrListTitle{ cursor:pointer; height:46px; line-height:46px; font-size:16px; border-bottom:1px solid #eee;}
.hrList .hrListTitle em{width:3px; height:16px; background:#2e2e2e; margin:15px 5px 15px 0; float:left;}
.hrList .hrListTitle i{float:right; font-style:normal; font-size:14px; color:#aaa;}
.hrList .on{border-bottom:1px solid #2e2e2e;}
.hrList .hrListCon{ padding:2% 0; display:none; font-size:14px; line-height:26px; border-bottom:1px solid #eee;}
.hrList .hrListCon .title{ font-size:16px;}
.hrList .hrListCon .email{ background:#2e2e2e; color:#fff; padding:1% 3%; display:inline-block; margin-top:2%;}


/* contact */
.pageContact{width:100%; padding:2%; margin:8px auto 0; overflow:hidden; background:#fff;}
.pageContact li{ margin:0; width:100%; border-bottom:1px solid #eee; padding:2% 0;}
.pageContact .img{ width:18%; height:auto;}
.pageContact .img img{ width:100%;}
.pageContact .con{ width:78%; font-size:14px; line-height:20px;}
.pageContact .con p{ font-size:16px; line-height:24px;}