@charset "utf-8";


body{margin:0px; font-size:14px; color:#444; font-family:微软雅黑; background:#f6f6f6;}
*{padding:0px; margin:0px; box-sizing: border-box;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,h7,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6,h7 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px;  border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none; vertical-align:middle;}
img {    
image-rendering: -moz-crisp-edges; /* Firefox */     
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; \
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
li{list-style:none;}
a{color:#444; text-decoration:none;}
a:hover{color:#da251c;}
.clear{overflow:hidden; clear:both; height:0px;}
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {/*兼容 IE*/zoom: 1;}
.lf{float:left;}
.rt{float:right;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#666;}
::-webkit-scrollbar-thumb{background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#da251c;}
::-webkit-scrollbar-thumb:active{background-color:#da251c;}





.con { width:94%; margin:0px auto; max-width:1240px;}


.top { width:100%; margin:0px auto; background:#fff; }

.top .logo { float:left; padding:10px 0px;}
.top .logo img{ width:250px;}
.top .xan { float:left; border-left: 1px solid #ddd; padding-left: 20px; margin: 30px 0px 0 10px;}
.top .xan h1 { font-size:30px; color: #333; font-weight:bold; }

.sousuo { width:342px; float:right;  background:#fff;  margin-top:32px; display:block; border:1px solid #da251c;}
.sousuo .txt { margin:0px 0px 0px 10px; width:250px; color:#999; float: left; height:36px; line-height:36px;}
.sousuo i { color:#fff; font-size:18px; font-weight: bold; float: right; height:36px; line-height:36px; background:#da251c; width:80px; text-align:center;}


@media only screen and (max-width:995px){
.top { width:100%; margin:0px auto; padding-bottom:10px; }

.top .logo { float:left;}
.top .logo img { width:120px; height:auto;}

.top .xan { padding-left:5px; margin: 17px 0px 0 5px;}
.top .xan h1 { font-size:14px; color: #333; font-weight:bold; }

.sousuo { width:100%; float: right;   margin-top:0px; display:block;}
.sousuo .txt { margin:0px 0px 0px 10px; width:70%; color:#999; float: left; }
.sousuo i { font-size:14px; font-weight: bold; }


}





.header{width:100%;  position:fixed; top:100px; left:0; z-index:9; background: #da251c;}
.header.on{background:#da251c; top:0;}
.header.on .an i{color:#da251c;}
.header .an{position:absolute; top:0; right:3%; height:18px; width:30px; display:none; margin-top:0px; }
.header .an span{width:30px; height:2px; background:#da251c; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}


.header .nav{  float:left; }
.header .nav i{font-size:18px; color:#666; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}

.header .nav:hover i{font-size:18px; color:#fff;}


.header .nav ul li{margin:0px; line-height:60px; float:left; position:relative; transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s; font-size:18px;}
.header .nav ul li a { font-size:18px;color:#fff;padding:0px 55px; font-weight:bold;}
.header .nav ul li.on a{color:#fff;background: #d0170e;display: block;}
.header .nav ul li:hover a { color:#fff; background: #d0170e; display: block;}
.nav .y_j{position:relative;}
.nav .e_j{width:167px; background:#fff; position:absolute; top:70px; left:0; display:none; z-index:9999; border-radius:0px 0px 5px 5px;}
.header .nav ul li .e_j a{display:block; font-size:16px; color:#333; line-height:40px; text-align: center;  font-weight:normal; padding:0px; background: #fff; }
.header .nav .e_j a:hover{ color:#fff; background:#da251c;}
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
@media only screen and (max-width:1440px){
.header .nav ul li a{ padding:0px 38px;}
}
@media only screen and (max-width:1360px){
.header .nav ul li a{ padding:0px 32px;}
}
@media only screen and (max-width:995px){
.header{ top: 45px;}
.header .logo{width:65%; float:left;  }
.header .logo img { width:100%; height:auto;}
.header .dhh { display: none;}
.header .s_ch{margin-top:16px; margin-right:38px; float:right; margin-top: 16px;}
.header .an{display:block; margin-top: -25px;}

    
.header .nav ul { width: 100%;}
.header .nav{width:100%; padding:15px 5%;  height:100%; position:fixed; top:115px; margin-top:0; left:-100%; z-index:11; overflow:auto; background: rgba(255, 255, 255, 0.9);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; z-index:65; margin-left:0;}
.header .nav.on{left:0; margin-top:0} 
.header .nav ul li.on span{width:0%;}
.header .nav ul li:hover span{width:0%;}
	
.header .nav ul li.on a{color:#fff;background: #da251c;display: block;}
.header .nav ul li:hover a { color:#fff; background: #da251c; display: block;}
.header .nav i{display:block; }
.header .nav ul li{line-height:50px;  text-align:left; float:none; margin:0; padding:0; font-size:16px; color:#333; border-bottom:1px solid #ddd;}
.header .nav ul li a {font-size:16px; color:#333; padding: 0px 0px 0px 20px;}
.header .nav ul li:after { background: rgba(0,0,0,0);}
    

    
.header .nav .e_j{padding:0px;  background:#fff; position:relative; top:auto; left:auto; width:100%; height: auto; margin-left:0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j.n{display:block !important;}
.header .nav ul li .e_j a{display:block; font-size:14px; color:#666; margin-left:0px; text-align: left; background:#fff; padding-left: 20px;}
.header .nav ul li .e_j a:hover { color: #fff; padding: 0 10px;}
}




.gallery-top{width:94%; position:relative; height: auto; margin-top:80px; max-width:1240px; }
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}

@media only screen and (max-width:620px){
.gallery-top{width:94%; position:relative; /*height:120px;*/height:100px;margin-top:15px;  margin-top: 10px;}
.gallery-top .swiper-slide { overflow: hidden;}
.gallery-top .swiper-slide img{width: auto; /*height:120px;*/height:100px; position: absolute; left:0;  transform:translateX(0%);   top:0; }

}


@media only screen and (max-width:992px){
.gallery-top{ margin-top:15px;  }
	}
	
@media only screen and (max-width:1018px){
.gallery-top{ margin-top:15px;  }
	}


/*设计招聘页面*/

.zp_cs { margin:20px auto; background:#fff; padding:20px; }
.zp_cs .tp { width:7%; float:left; margin-top:5px;}
.zp_cs .tp img { width:100%; height:auto;}
.zp_cs .sxs { display:none;}
.zp_cs .dxs { display: block;}
.zp_cs ul { width:92%; float:right;}
.zp_cs ul li { width:7%; text-align: center;  float:left; height:30px; line-height:30px;  overflow:hidden; }
.zp_cs ul li a {font-size:16px;}
.zp_cs ul li:hover a { color:#da251c; display:block; font-size:16px;}
.zp_cs ul li.on { color:#da251c; padding:0px 10px;}
.zp_cs ul li.on a {color:#da251c; }
.zp_cs .xxz { border-top:1px solid #dddddd; margin-top:20px; padding-top:20px;}
@media screen and (max-width:992px) {
.zp_cs {  padding:15px;}
.zp_cs .tp { width:90px; float: none; margin-top:0px;}
.zp_cs .dxs { display:none;}
.zp_cs .sxs { display: block;}
.zp_cs ul { width:100%; float: none; margin-top:10px;}
.zp_cs ul li { width:20%; text-align: center;  float:left;  overflow:hidden; }
.zp_cs ul li a {font-size:14px;}
.zp_cs ul li:hover a { font-size:14px;}

	}



.zp_lb { margin:20px auto; background:#ffffff; padding:20px; }
.zp_lb ul li { padding:20px 0px; border-bottom:1px solid #ddd; font-size:18px;}
.zp_lb ul li a {font-size:18px;}
.zp_lb ul li a:hover { color:#da251c;}
.zp_lb ul li span { float:right;}
.zp_lb ul li font { color:#999; padding-right:5px;}
.zp_lb ul li .an { width:100px; height:30px; line-height:30px; text-align:center; background:#f0fff0; color:#22be4c; font-size:14px; margin:10px 0px 0px 0px; display:inline-table;}
.zp_lb ul li .an a {background:#f0fff0; color:#22be4c; font-size:14px;}
.zp_lb ul li .an1 { width:100px; height:30px; line-height:30px; text-align:center; background:#f4f9fe; color:#4a85fc; font-size:14px; margin:10px 0px 0px 0px; display:inline-table;}
.zp_lb ul li .an1 a {background:#f4f9fe; color:#4a85fc; font-size:14px;}
.zp_lb ul li .an2 { width:100px; height:30px; line-height:30px; text-align:center; background:#fff5f0; color:#ff5506; font-size:14px; margin:10px 0px 0px 0px; display:inline-table;}
.zp_lb ul li .an2 a {background:#fff5f0; color:#ff5506; font-size:14px;}
.zp_lb ul li  i { font-size:14px; padding-left:10px; color:#666;}
@media screen and (max-width:992px) {
.zp_lb { padding:15px; }	
.zp_lb ul li { padding:15px 0px; font-size:16px;}
.zp_lb ul li a {font-size:16px;}
.zp_lb ul li span { float: none; display:block; color:#999; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-bottom:5px; }

}


.zp_xq {margin:20px auto;background:#ffffff; padding:50px;}
.zp_xq h2 { font-size:28px; font-weight:bold; text-align:center; padding:0px 0px 15px 0px; line-height:40px;}
.zp_xq h3 { border-bottom:1px solid #ddd; line-height:40px; font-size:14px; text-align:center;padding:0px 0px 15px 0px;}
.zp_xq h3 span { padding:0px 50px;}
.zp_xq .wz { font-size:16px; line-height:26px; padding:40px 0px;}
.zp_xq .xab { margin-top:25px;}
.zp_xq .xab span {  margin-right:15px; border-radius:3px; display:inline-table; border:1px solid #ddd; padding:20px; font-size:15px; font-weight:bold;}
.zp_xq .xab span a {height:35px; line-height:35px; border:1px solid #ddd; padding:0px 15px; display:block; border-radius:3px;}
.zp_xq .xab span:hover a { border:1px solid #da251c; color:#da251c;}
.zp_xq .z1 {color: #03F; padding:30px 0px; font-size:18px; font-weight:bold;text-decoration: underline;}
.zp_xq .z1 a {color: #03F;}
.zp_xq .z2 {font-size:14px; line-height:26px; padding:5px 0px;}
@media screen and (max-width:992px) {
.zp_xq {padding:20px;}
.zp_xq h2 { font-size:24px;}	
.zp_xq h3 { line-height:20px; font-size:12px;}
.zp_xq h3 span { padding:0px 5px;}
.zp_xq .wz { font-size:14px; line-height:24px; padding:20px 0px;}
.zp_xq .xab span {  margin:10px 10px 0px 0px; }
}


.footer { width:100%; background:#fff; border-top:1px solid #c9c9c9; margin-top:25px; padding-top:20px;}
.footer .foot2 {  padding:20px 0;  display: flex;   justify-content: space-between;  flex-wrap:wrap;  }
.footer .dguanzhu  h1{ font-size:16px; font-weight:bold;color:#333333;}
.footer .dguanzhu  em{ display:block; width:30px; height:2px; background:#da251c; margin-top:15px; margin-bottom:20px}

.footer .dguanzhu  ul li{ float:left; width:120px; margin-right:20px; text-align:center}
.footer .dguanzhu  ul li p{ display:block; margin-top:10px; font-size:14px; color:#888}
.footer .dguanzhu  ul li img{ width:100%; height:auto}

.footer .dlx{ font-size:14px; color:#333333; line-height:30px}
.footer .dlx em{  display:block; width:30px; height:2px; background:#da251c; margin-top:15px; margin-bottom:10px}
.footer .dlx  h1{ font-size:16px; font-weight:bold;color:#333333;}
.footer .dlx span{ color:#da251c}
.footer .dlink ul { display: flex;   justify-content: space-between;  flex-wrap:wrap;   }
.footer .dlink ul li{ margin-left:0px; margin-right:10px}
.footer .dlink ul li h1{ font-size:16px; font-weight:bold; margin-bottom:10px; color:#333333;}
.footer .dlink ul li em{ display:block; width:30px; height:2px; background:#da251c; margin-top:15px; margin-bottom:10px}
.footer .dlink ul li a{ display:block; color:#333333; font-size:12px; line-height:26px}
.footer .dlink ul li a:hover{ color:#da251c}



.footer .x_x{ padding:15px 0; background:#fff; text-align: center; color:#333; border-top:1px solid #c9c9c9;}
.footer .x_x a{color:#333;}
.footer .x_x a:hover{color:#da251c;}
.footer .x_x span{ color:#da251c; margin-left:10px}

.footer .lx{ width:100%}
.footer .lx li{ width:50%; float:left; }
.footer .lx li img{ width:80%}



@media only screen and (max-width:992px){
.footer{ padding:0px 0px 30px 0px;}
.footer .con { width: 100%; margin: 0px auto; }

.footer .foot1{ padding:0px;}
.lyzi h3{ font-size:16px; }
.lyzi p{  font-size:12px; }
.foot1 .lybtn a{  padding:5px 15px;  font-size:12px; }

.lyzi h3 span{ font-size:14px}


.footer .foot2{ padding:15px; display:block}

.footer .x_x{margin-top:0; padding:20px 10px;}
.footer .x_x span{padding-top:10px; display:block; padding-left:0}

.footer .dttt{width:100%;height:250px;border:#ccc solid 1px;}

.footer .dguanzhu ul li {float:left; width:31%; margin-right:2%; margin-bottom:20px; text-align:center}
.footer .dlink { }
.footer .dlink ul { width:100%; display: flex;   justify-content: space-between;  flex-wrap:wrap; margin-top:20px   }
.footer .dlink ul li{ margin:0; }
.footer .dlink ul li a{  font-size:12px; line-height:25px; padding-right:10px;}
.footer .dlink ul li p{display:inline-table;}

.footer .dlx{ font-size:12px;  line-height:25px}
.footer .dlx em{  font-size:20px; }
.footer .x_x{ font-size:12px}

}