@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix::after{
	content: '';
	display: block;
	clear: both;
}


/* CSS Document */
.h72 { height:72px;}
.header { height:72px; z-index:4; background:#000000;  padding:0 144px 0 157px; position:fixed; left:0; top:0; width:100%; box-sizing:border-box; background:#000000; z-index:10}
.phone { float:right; background:url(../images/phone.png) left center no-repeat;margin-top: 10px; padding-left:3px; color:#ea0000; font-size:14px;display: flex;align-items: center;}
.phone img{width: 45px;margin-right: 5px;}
.phone p{margin-bottom: 5px;}
.phone strong{font-size: 30px;color: #d62102;font-weight: bold;}
.nav { float:right;}
.nav li a { color:#fff;}
.nav li { float:left; line-height:72px; font-size:16px; margin-right:30px;}
.header .logo { position:absolute; left:17px; top:50%; transform:translateY(-50%);}
.banner .swiper-slide a { display:block; width:100%; height:100%;}
.about { padding-top:77px;}
.aboutTit { text-align:center;}
.aboutTit h2{ text-align:center; font-size:50px; color:#3f3e3e; line-height:2;}
@media screen and  (max-width:1530px){
	.header{padding:0 44px 0 157px}
}
@media screen and  (max-width:1390px){
.phone { float:right; background:url(../images/phone.png) left center no-repeat;margin-top: 10px; padding-left:3px; color:#ea0000; font-size:14px;display: flex;align-items: center;}
.phone img{width: 45px;margin-right: 5px;}
.phone p{margin-bottom: 5px;}
.phone strong{font-size: 30px;color: #d62102;font-weight: bold;}

.nav li {
  float: left;
  line-height: 72px;
  font-size: 16px;
  margin-right: 15px;}


}
@media screen and  (max-width:1120px){
	.nav li{margin-right: 20px;}
}


@media screen and  (max-width:1170px){
	.phone { display:none;}
}

.aboutbt{text-align:center; font-size:36px; color:#3f3e3e; line-height:2; margin-top:30px;}

.fullSlide{ width:100%;  position:relative;   }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.fullSlide .bd ul{ width:100% !important;  }
.fullSlide .bd li{ width:100% !important;  height:656px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block;   }















.aboutTit p { text-align:center; color:#848484; font-size:17px; line-height:32px; margin: 0 auto; padding: 0 15%; }
.aboutTit a { margin-top:40px; display:inline-block; color:#6d6c6c; font-size:17px; line-height:30px; padding:0 5px; border:1px solid #c1c0c0;}
.aboutList { text-align:center;}
.aboutList span { vertical-align:top; margin:0 30px; padding-top:137px; display:inline-block;}
.aboutInfor { position:relative; overflow:hidden; display:inline-block; vertical-align:top; background:#f6f6f6; width:254px; height:309px; text-align:left; box-sizing:border-box; padding-left:56px; padding-top:38px;}
.aboutInfor p { transition:all 0.3s; position:relative; z-index:2; font-size:20px; line-height:41px; color:#353434;}
.aboutInfor:hover p { color:#fff;}
.aboutList { margin-top:33px;}
.aboutInfor img { position:absolute; transition:all 0.3s; opacity:0; transform:all 0.3s; top:0; width:100%; left:0;}
.aboutInfor:hover img { opacity:1;}
.numBar { margin-bottom:54px; background:url(../images/num.jpg) center top no-repeat;  }
.numBar ul { padding:8vw 0; overflow:hidden; width:68%; margin:0 auto;}
.numBar li { font-size:18px; color:#fff; width:33.33%; float:left; line-height:180px;}
.numBar li span { font-size:72px; color:#fff; position:relative;}
.numBar li span:after { content:'+'; color:#fff; line-height:30px; position:absolute; right:-15px; top:5px; font-weight:normal; font-size:30px;}




.numBar2 { margin-bottom:54px; background:url(../images/xs.jpg) center top no-repeat; margin-top:80px;  padding-top:60px; background-size: 100% auto;}
.numBar2 ul { padding:1.5vw 0; overflow:hidden; width:68%; margin:0 auto;}
.numBar2 li { font-size:18px; color:#565550; width:33.33%; float:left; line-height:180px;}
.numBar2 li span { font-size:72px; color:#565550; position:relative;}
.numBar2 h2:after { content:''; position:absolute; left:50%; bottom:0; width:42px; height:2px; margin-left:-21px; background:#000;}

.numBar2 h2 { font-size:35px; color:#3f3e3e; line-height:84px; text-align:center; position:relative;}





.numBar2 li span:after { content:'+'; color:#565550; line-height:30px; position:absolute; right:-15px; top:5px; font-weight:normal; font-size:30px;}
.caseBar2 { padding:0 12.47%;}

.caseBar { padding:0 4.8%;}
.caseTit { position:relative; line-height:76px; overflow:hidden;}
.caseTit h2 { margin-right:25px; float:left; color:#595757; font-weight:bold; font-size:18px;}
.caseTit ul { float:left; overflow:hidden;}
.caseTit li { float:left; font-size:18px; margin-right:30px;;}
.caseTit .allCase { float:right; color:#595757; font-size:18px;}
.caseTit li a { color:#595757;}





.caseTit2 { position:relative; line-height:126px; overflow:hidden;border-bottom:1px solid #e2e2e2; margin-bottom:20px;}

.caseTitnr img{width:100%}
.caseTit2 h2 { margin-right:25px; float:left; color:#595757; font-weight:bold; font-size:18px;}
.caseTit2 ul { float:right; overflow:hidden;}
.caseTit2 li { float:left; font-size:18px; margin-right:.7vw;}
.caseTit2 .allCase { float:right; color:#595757; font-size:18px;}
.caseTit2 li a { color:#595757;}








.caseList li img{ display:block; transition:all 0.4s; width:500px; height:400px;}
.caseList li{ overflow:hidden; position:relative; float:left; width:32.5%; margin-bottom:15px; margin-right:1.25%;}
.caseList li:nth-child(3n){ margin-right:0;}
.caseList li:hover .fixAlt { top:0;}



.caseList li:hover img { transform:scale(1.2);}
.case_image{position: relative;padding-top: 80%;}
.case_image img{position: absolute;left: 0;top: 0;}

.fixAlt { z-index:2; position:absolute; left:0; top:-120%; transition:all 0.4s; width:100%; height:100%; background:rgba(0,0,0,0.78); color:#cecece;}
.fixAlt a { color:#fff;}
.topTxt { position:absolute; top:48px; left:25px;}
.fixAlt span { font-size:14px; position:absolute; bottom:9px; line-height:36px; left:25px;}
.fixAlt span:before { content:''; position:absolute; left:0; top:0; height:1px; width:15px; background:#fff;}
.fixAlt h2 { font-size:21px; line-height:30px;}
.fixAlt p { font-size:16px;}
.checkMore { margin-top:34px;   line-height:84px; color:#6f6e6e; font-size:18px; cursor:pointer; text-align:center;}
.checkMore3 {  padding-bottom:68px;  line-height:24px; color:#6f6e6e; font-size:18px; cursor:pointer; text-align:center;}
.checkMore3 a{color:#6f6e6e;}
.checkMore a{color:#6f6e6e;}
.checkMore2 { margin-top:34px; background:url(../images/ewm.jpg) center top no-repeat; padding-top:45px; height:180px; color:#6f6e6e; font-size:18px; cursor:pointer; text-align:center; line-height:220px;}

.caseList ul { overflow:hidden;}

.goodJob { text-align:center; background:url(../images/bbg.jpg) center no-repeat; padding:9.3vw 0 13vw;}
.goodJob h2 { font-size:35px; color:#fff; line-height:84px; text-align:center; position:relative;}
.goodJob h2:after { content:''; position:absolute; left:50%; bottom:0; width:42px; height:2px; margin-left:-21px; background:#fff;}
.goodJob p { color:#fff; font-size:42px; margin-top:33px; line-height:32px; padding-left: 300px;
padding-right: 300px;
text-align: left;}


.goodJob span p { font-size:16px; color:#fff; line-height: 28px; }
.newsBar { overflow:hidden; padding:60px 14% 100px 11.7%;}
.newsLeft { float:left; width:49%;}
.newsImg img { display:block; width:100%;}
.newsInfor { background:#ededed; padding:10px 25px; }
.newsInfor h2 { font-size:18px; line-height:50px; color:#000;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newsInfor p { font-size:16px; line-height:28px; color:#5e5e5e;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newsInfor a { line-height:92px; color:#5e5e5e; font-size:18px;}
.newsList { float:right; width:49%;}

.newsList a { color:#6f6e6e}
.newslistTit { border-bottom:1px solid #7f7f7f; padding-bottom:14px;}



.newslistTit h2 { font-size:29px; color:#000000; line-height:45px;}
.newslistTit p { color:#4f4f4f; font-size:29px; line-height:32px;}
.newsList ul{ padding-top:25px; overflow:hidden;}
.newsList li { float:left; font-size:14px; line-height:32px; width:50%; background:url(../images/jt.png) left center no-repeat; padding-left:18px; box-sizing:border-box; padding-right:15%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 


.newsList .readMore { font-size:18px; color:#5e5e5e; line-height:92px;}
.friendLink { padding:4.4vw 10%; background:#1e1e1e; overflow:hidden; width:100%;box-sizing:border-box; }
.friendLink a { color:#fff; font-size:20px; line-height:3; display:block; width:15%; float:left; margin-right: 20px;}
.friendLink img{width:100%;}
.contact { padding:4vw 12%; overflow:hidden; background:url(../images/lxbg.jpg) top repeat;  background-size:100% auto; box-sizing:border-box;}
.contactLeft { float:left;}
.contactLeft h2 { font-size:34px; line-height:48px; color:#292a2e;}
.ewmBar { margin-top:110px; overflow:hidden;}
.ewmBar p { float:left; color:#292a2e; font-size:17px; text-align:center; padding-right:33px;}
.ewmBar img { width:160px; display:block; margin:0 auto;}
.contactRight { width:45%; float:right;}
.contactTit { font-size:24px; color:#292a2e;margin-bottom: 10px;}
.contactTit span { font-size:18px; color:#292a2e; line-height:55px;}
.adress { margin-bottom:35px; overflow:hidden;}
.adress p { float:left; padding-right:23px; margin-right:18px;}
.adress p:nth-child(1) { border-right:1px solid #303135;}
.hotLine { margin-bottom:25px; font-size:18px; color:#292a2e;}
.hotLine span { font-weight:bold; font-size:33px; color:#292a2e; margin-bottom:25px;}
.online p { color:#292a2e; font-size:16px; color:#292a2e; line-height:30px;}
.chatBtn { overflow:hidden;}
.chatBtn a { display:block; float:left; padding:0 28px; line-height:38px; font-size:15px; color:#858585; border:1px solid #9a9a9a; margin-top:30px; margin-right:20px;}
.footer { padding:0 13% 55px; overflow:hidden; background:#292a2e;}
.foottop { padding-bottom:40px; overflow:hidden;}
.footTxt { float:right; width:44%;}
.footLOGO { float:left; display:block; margin-top:60px; width:278px;}
.footLOGO img { display:block; margin:0 auto; width:100%}
.footTxt h2 { font-size:18px; color:#fff; line-height:42px; margin-top:54px;}
.footTxt p { font-size:14px; color:#fff; line-height:19px;}
.copyRight h2 { font-size:14px; border-bottom:1px solid #666666; line-height:30px; color:#666666;}
.copyRight p { font-size:14px; color:#666666;}
.copyRight p a { color:#666; margin-left:12px;}
.newBar { padding:0 13%;}
.newsTxt { float:right; width:56%;}
.newBar { padding-top:20px;}
.newBar li { padding:10px 0 ; border-bottom:1px solid #ababab; overflow:hidden;}
.newsPic { float:left; width:38%;}
.newsTxt h2 { line-height:34px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:24px; color:#252525;}
.newsTxt i { color:#585858; font-style:normal; margin-bottom:25px; display:block;}
.newsTxt p { font-size:16px; line-height:25px; color:#585858; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newsTxt .newsMore { transition:all 0.3s; display:inline-block; line-height:30px; padding:0 15px; font-size:16px; color:#585858; border:1px solid #b2b2b2; margin-top:3.1vw;}
.newsTxt .newsMore:hover { color:#fff; background:#b2b2b2;}
#screen { display:none; position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); z-index:3; width:100%; height:100%;}
.newsPic img { display:block; width:100%;}
.adress p:last-child { margin-right:0; padding-right:0;}
.fullSlide .prev,
	.fullSlide .next { width:45px; height:99px; position:absolute; top:50%; transform:translateY(-50%); z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.fullSlide .prev { background-image:url(../images/index.png); background-position:-112px 0; left:0 }
	.fullSlide .next { background-image:url(../images/index.png); background-position:-158px 0; right:0 }
	.fullSlide .prev:hover,
	.fullSlide .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }
	
	
	.desgin{ text-align:center; padding:0 13vw 0 13vw;}
.desgin h2 { font-size:35px; color:#3f3e3e; line-height:84px; text-align:center; position:relative;}
.desgin h2:after { content:''; position:absolute; left:50%; bottom:0; width:42px; height:2px; margin-left:-21px; background:#000;}


	
	.anlibt{ text-align:center; padding:0 13vw 0 13vw;}
.anlibt h2 { font-size:26px; color:#000; line-height:84px; text-align:center; position:relative; margin-bottom:50px; margin-bottom:20px;}
.anlibt h2:after { content:''; position:absolute; left:50%; bottom:0; width:42px; height:2px; margin-left:-21px; background:#000;}

	
	
.tuandui{width:33.333%;   float:left; margin-top:30px; color:#3F3E3F;padding: 0 4%;box-sizing: border-box;}	



.tdimg{margin-bottom:26px;}
.tuandui_nr{ float:left; font-size:28px; text-align:left;}


.tuandui_nr h1{ float:left; font-size:28px; text-align:left;}		
.tuandui_nr h3{ float:left; font-size:18px; text-align:left;  line-height:28px; height:28px;}	
.tuandui_nr h4{ float:left; font-size:12px; text-align:left;  width:100%; margin-top:10px;}		
.tuandui_nr span	{  font-size:14px; text-align:left;  width:100%;margin-top:16px; margin-bottom:60px; }

.tuandui_jj{ float:left; font-size:14px; text-align:left;  width:100%;margin-top:16px; color:#7b7a7a }

.ewm{ text-align:center; margin-bottom:69px;}	
.ewm h1{ font-size:20px; font-weight:bold; margin-top:10px;   margin-bottom:10px;}	
.ewm h2{ font-size:16px; line-height:26px;}			
.tj{ padding:0vw 12%; border-top:1px solid #e2e2e2;}
.bt_1{font-size:20px; text-align:center; float:left; width:100%}
.time{font-size:14px; text-align:center; float:left; width:100%; color:#666;padding: 10px 0px;}
.tjal{width:33%; float:left; margin-bottom:60px; }
.tjal a,.tjal img{display: block;width: 100%;}
.tjal h2{font-size:14px}
.tjal h3{font-size:12px}

.en p{line-height:0px;margin-top:20px;}
.turning{line-height:32px; text-align:center;}

.turning img{padding:20px; vertical-align:middle;}

.fullSlide .bd li:nth-child(3){background:url(../images/banner.jpg) center no-repeat fixed; background-size:cover;}
.fullSlide .bd li:nth-child(4){background:url(../images/banner2.jpg) center no-repeat fixed; background-size:cover;}


.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:40px; left:0; height:30px; line-height:30px; text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:6px; margin:4px; background:#000; overflow:hidden; 
line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}





.fullSlide .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }

@media screen and  (max-width:1280px){
.header { padding:0 1%;}
.header .logo { left:1%;}


}
@media screen and  (max-width:1000px){
.newBar { padding:0 4%;}
.h72 { height:50px;}
.header { height:50px;}
.phone { display:none;}
.menu { z-index:5; float:right; background:url(../images/menu.png) center no-repeat; width:32px; height:32px; margin-top:9px;}
.header .logo { width:200px;}
.header .logo img { width:100%;}
.nav { padding:10px 0; background:#000000; position:fixed; left:0; top:-150%; width:100%;}
.nav li{ text-align:center; line-height:2.5; float:none; width:100%; margin-right:0;}
.footTxt h2 { margin-top:10px;}
.about { padding:15px 4%;}
.aboutTit h2 { font-size:28px;}

.aboutbt h3{ font-size:36px; position:relative;}


.aboutbt h3:after{ content:''; position:absolute; left:50%; bottom:0; width:42px; height:2px; margin-left:-21px; background:#000;}





.aboutTit p { font-size:16px;}
.aboutTit a { font-size:16px; margin-top:10px;}
.aboutInfor p{ font-size:16px; line-height:1.5;}
.aboutInfor { width:100%; text-align:center; padding:20px 10px; height:auto; margin-bottom:20px;}
.aboutList span { display:none;}
.numBar ul { width:96%;}
.numBar li span { font-size:52px;}
.numBar li { text-align:center;}
.numBar li span:after { right:-20px;}
.numBar { margin:20px auto;}

.numBar2 ul { width:96%;}
.numBar2 li span { font-size:52px;}
.numBar2 li { text-align:left;}
.numBar2 li span:after { right:-20px;}
.numBar2 { margin:20px auto; }


.caseTit ul { display:block;}
.caseTit li a { font-size:14px;}
.caseTit li { line-height:1; margin-right:10px;}
.caseTit { margin-bottom:5px;}

.tuandui{width:100%; height:750px; padding-right:20px;  float:left; padding-left:80px; margin-top:30px;}	



.caseTit2 ul { display:block;}
.caseTit2 li a { font-size:14px;}
.caseTit2 li { line-height:1; margin-right:10px;}
.caseTit2 { margin-bottom:5px;}

.caseBar2 img{width:100%}

}
@media screen and  (max-width:780px){
	..aboutTit p
.fullSlide .bd li:nth-child(1){background:url(../images/banner.jpg) center no-repeat fixed; background-size:auto 100%;}
.fullSlide .bd li:nth-child(2){background:url(../images/banner2.jpg) center no-repeat fixed; background-size:auto 100%;}
.caseTit .allCase { position:absolute; right:4%; top:0;}

.caseTit2 .allCase { position:absolute; right:4%; top:0;}

.caseBar2 img{width:100%}
.caseBar { padding:0 4%;}

.caseBar2 { padding:0 4%;}
.caseList li { width:100%; margin-right:0;}
.caseList li:nth-child(2n){ float:right;}
.caseTit { line-height:2;}
.fixAlt span { display:none;}
.topTxt { left:0; width:100%; top:50%; transform:translateY(-50%); text-align:center;}
.fixAlt h2 { font-size:14px;}
.fixAlt p { font-size:12px;}
.numBar li span { font-size:20px;}
.numBar li { line-height:2; font-size:12px;}
.numBar li span:after { content:'';}


.tuandui{width:100%; height:750px; padding-right:0px;  float:left; padding-left:0px; margin-top:30px;}	
.numBar2{padding-top:10px; }
.numBar2 li span { font-size:20px;}
.numBar2 li { line-height:2; font-size:12px; text-align:left;}
.numBar2 li span:after { content:'';}
.aboutInfor p { font-size:16px;}
.aboutTit h2 { font-size:18px;}
.aboutbt{ font-size:14px;}
.numBar li { width:50%; text-align:left;}
.foottop { padding-bottom:20px;}
.copyRight h2 { font-size:12px;}
.contactLeft { float:none;}
.newsPic { float:none; width:100%;}
.newsTxt { float:none; width:100%;}
.newsTxt i { margin-bottom:5px;}
.newsTxt h2 { font-size:18px;}
.newsTxt .newsMore { font-size:14px;}
.contact { padding:0vw 4%;  background:none; width:100% }
.tj{ padding:4vw 4%; }
.ewmBar { margin-top:20px; margin-bottom:20px;}
.ewm img{width:50%}


.contactRight { float:none; width:100%;}
.hotLine span { font-size:20px;}
.hotLine { margin-bottom:10px;}
.online p { font-size:14px; line-height:1.5;}
.adress { margin-bottom:15px}
.footer { padding:0 4% 30px;}
.footLOGO { float:none; width:100%; display:block; margin:20px auto 0; display:none}
.footTxt { float:none; width:100%; text-align:left;}
.copyRight p { font-size:12px;}
.checkMore { margin-top:0;}
.goodJob h2 { font-size:28px; line-height:2;}
.goodJob p { margin-top:0; font-size:20px;}
.goodJob span p { font-size:12px;}
.newsBar { padding:15px 4%;}
.newsLeft { float:none; width:100%;}
.newsList { float:none; width:100%;}
.newsList ul { padding-top:0;}
.newslistTit h2 { font-size:20px; line-height:1.5;}
.newslistTit p { font-size:20px; line-height:1;}
.newslistTit { padding:5px 0;}
.contactLeft h2 { font-size:24px; line-height:1.5;}
.newsInfor a { line-height:2; font-size:14px;}
.newsInfor p { font-size:14px; line-height:1.5;}
.newsInfor h2 { font-size:16px; line-height:1.5;}
.newsInfor { padding:5px 10px;}
.newsList .readMore { font-size:16px; line-height:2;}
.friendLink { padding:4vw 4%;}
.friendLink a { font-size:14px;width:33.33%; }
.aboutTit p{text-align:left;}
.ewmBar p { float:left; color:#292a2e; font-size:17px; text-align:center; padding-right:6px;}

.friendLink{display:none}

.friendLink img { width:90%;}
.tjal{width:100%;  }
.tjal img{ width:100%; }
.caseTit2 h2 { margin-right:25px; float:left; color:#595757; font-weight:bold; font-size:18px; line-height:24px;width:100%}
.turning img{width:6%}
.banner{display:none;}
.goodJob {display:none;}
.newsBar{display:none;}
.caseTit ul{display:none;}
}




#pagelist,#espcms_bbs_pagelist{color:#818181}
.pagination {font-family: '微软雅黑','Microsoft YaHei UI','Microsoft YaHei',arial, helvetica, sans-serif;overflow: hidden;padding:10px 0px;font-size:12px;margin: 0px;}
/*按钮色彩样式*/
.pagination li{width:auto;display:inline-block;overflow:initial;margin-right:0;float:none;}
.pagination a {border: #6f6d6d 1px solid;color: #6f6d6d;text-decoration: none;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;cursor:pointer;}
.pagination a:visited {text-decoration: none;overflow: hidden;}
.pagination a:active {text-decoration: none;overflow: hidden;}
.pagination a:hover {color: #fff;background-color: #333;overflow: hidden;}
.pagination span.current {border: #95b1b5  1px solid;color: #fff;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;}
.pagination span.disabled {background-color: #6f6d6d;}
.pagination .active{background-color: #6f6d6d;color: #fff;}

@media screen and  (max-width:1400px){
	.numBar ul{width: 75%;}
}
@media screen and  (max-width:1270px){
	.numBar ul{width: 80%;}
	.numBar li span{font-size: 60px;}
}
@media screen and  (max-width:1100px){
	.numBar li span{font-size: 50px;}
}
@media screen and  (max-width:980px){
	.numBar li span{font-size: 26px;}
}

.nav li{
	position:relative;
}
.children{
  width: 270%;
  position: absolute;
  text-align: left;
  display: none;
  left:-85%;
  top: 100%;
  z-index: 99;
	background-color: #000;
	padding: 4px 0;
}
.children li{
	width:100%;
  background: #000;
  margin-bottom: 1px;
	line-height:1.4;
	padding: 8px 4px;
	box-sizing:border-box;
}
.children li a{
	font-size: 16px;
  display: block;
	text-align:center;
}
.pcNav .nav li .children li{
  width: 100%;
  line-height: 1;
	padding: .5rem 0;
  text-align: center;
}
.children a:hover{
  display: block;
  width: 100%;
  color:#e60012;
}