/* CSS Document */
/*#region 重置元素*/
*:focus {outline: none;}
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{
    padding: 0;
    margin:0;
}
/* @font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.woff") format("woff"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.svg") format("svg"),
       url("fonts/SourceHanSansCN-Normal/SourceHanSansCN-Normal.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
} */
 

body{
    font:1em/1.3 "SourceHanSansCN-Normal";   
	-webkit-text-size-adjust: 100% !important; 
}
img{
max-width:100%;}
button, input, select, textarea,h1, h2, h3, h4, h5, h6{
    font-size:1em;
    line-height:1.3;font-family: "SourceHanSansCN-Normal";
}
address, cite, dfn, em, var { 
    font-style:normal; 
} 
code, kbd, pre, samp {
     font-family: courier new, courier, monospace; 
} 
small { 
    font-size:  0.75em; 
} 
ul, ol { 
    list-style: none; 
    margin:0;
}
body,legend { 
    color:#262626;
}
a{
    color:inherit;
	color:#262626;
    text-decoration: none; 
}
a:hover  {
    color:#ee550b;    
    text-decoration: none; 
}
a:active{
    color:inherit;
}
sup { 
    vertical-align: ; 
} 
sub { 
    vertical-align: text-bottom;
}

fieldset, img { 
    border: 0; 
}
button, input, select, textarea { 
     
} 
textarea { 
         resize: none;
		 }
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%;
    word-break: break-all;
}
table th {
    font-weight:normal;
}
table th,table td {
    font-weight:normal;
    text-align:center;
} 
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,summary, time, mark, audio, video {
    display: block;
    margin: 0;
    padding: 0;
}
img{
	vertical-align:middle;
}
::-moz-placeholder { color:#000; }
input:-webkit-input-placeholder { color:#000; } 
input:-moz-placeholder { color:#000; } 
/*#endregion*/
/*#region 清除浮动*/
.clearfix:after{
	content: '\20';
    display: block;
    height: 0;
    clear: both;
}
.clearfix { 
	*zoom:1;
}
/*#endregion */

button:disabled,
.disabled{
    opacity:0.5;
    cursor:default;
}
.hi{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.joblist_left span{overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
display:inline-block; width:9em;}
.css3,.about_1 ul li a{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.comdiv{
width:100%; overflow:hidden; margin:0; padding:0;}
.cssimg,.cssimgp img,.index_4_3_left_1_bg,.pro_1_mid_mid_left_bg,.ser_2_mid_pic_bg,.ser_1_right_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;/*transition-duration: 0.7s;-ms-transition-duration: 0.7s;-moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s;*/}
@media screen and (min-width:768px) {
.cssimg:hover,.cssimgp:hover img,.index_4_3_left:hover .index_4_3_left_1_bg,.pro_1_mid ul li:hover .pro_1_mid_mid_left_bg,.ser_2_mid ul li:hover .ser_2_mid_pic_bg,.ser_1_right:hover .ser_1_right_bg{/*-webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05);*/transform: scale(1.08, 1.08);}
}
.daxie{text-transform: uppercase;}
.cell_mid{ display: table; height:100%; width:100%; }
.cell_h{ height:100%;display: table-cell; vertical-align: middle; } 
/*********header**********/
#header{
position:fixed; left:0; top:0em; width:100%; z-index:999; padding:0.5% 0px;} 
.banner_img{
position:relative; height:100vh;}
.banner_img_pc{ 
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner .swiper-slide-active .banner_img_pc{
opacity:1;}
.headermid{ position:relative;
margin:0  auto; width:1300px; text-align:right; padding-right:3vw;}
.headermid ul li{ margin-right:2.4vw;
display:inline-block; position:relative;}
.header_left{
position:absolute; left:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.headermid ul li a.biga{ padding:1.5em 0;
color:#fff; display:block; position:relative; letter-spacing:0px;}
.header_left_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.header_left_right a{
display:block; width:2em; height:1.75em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);}
.headermid ul li a.biga:after{ width:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:50%; bottom:0; height:3px; background-color:#cc3421;}


.headermid ul li a.cur:after{ transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:50%; bottom:0; height:3px; background-color:#cc3421;

width:52px;-webkit-transform: translateX(-50%);
    transform: translateX(-50%);

}




.headermid ul li a.biga:hover:after,.headermid ul li a.bigaon:after{
width:52px;-webkit-transform: translateX(-50%);
    transform: translateX(-50%);}
.headermid ul li a.biga span{ z-index:10;
display:inline-block; position:relative;}
.headermid ul li a.biga:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transform: scale(0, 0); display:none;
content:''; position:absolute; right:-.25em; top:calc(50% - .9em); border-radius:100%; width:1em; height:1em; background-color:#cc3421; opacity:.79;}
.headermid ul li a.biga:hover:before,.headermid ul li a.bigaon:before{transform: scale(1, 1);}
.banner_img_jj{
position:absolute; z-index:10; left:0; width:100%; text-align:center; bottom:35.6%;}
.banner_img_jj_mid_1 img{
max-width:62.91666666666667%;}
.indexbanner{
position:relative}
.indexbanner:before{ position:absolute; left:calc(3.75% + 176px); top:0; display:none;
content:''; z-index:10; height:100%; background-color:#e2e2e2; opacity:.24; width:1px;}
.indexbanner:after{ position:absolute; right:calc(3.75% + 32px); top:0; display:none;
content:''; z-index:10; height:100%; background-color:#e2e2e2; opacity:.24; width:1px;}
#indexbannerpage{
width:2em; text-align:center; color:#fff; left:auto; right:1.875%; bottom:4%;}
#indexbannerpage .swiper-pagination-bullet{ position:relative; display:block;
opacity:1; width:100%; height:auto; background:none; padding:1em 0; margin:0;}
#indexbannerpage .swiper-pagination-bullet i{ position:relative; 
opacity:0;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#indexbannerpage .swiper-pagination-bullet:before{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; width:8px; height:8px; left:50%; top:50%; margin-left:-4px; margin-top:-4px; background-color:#fff;border-radius:100%; position:absolute}
#indexbannerpage .swiper-pagination-bullet-active i{
opacity:1; font-weight:bold; text-decoration:underline
}
#indexbannerpage .swiper-pagination-bullet i{
font-style:normal}
#indexbannerpage .swiper-pagination-bullet-active:before{
opacity:0;}
.banneract{ display:none;
position:absolute; left:1.875em; z-index:10; bottom:4%; color:#fff}
.banneract_1 a{
color:#fff; display:inline-block; position:relative}
.banneract_2{
color:#c1c5a9; margin-top:3px;}
.banneract_2 span{
color:#fff}
.header_left a{
display:block; position:relative; overflow:hidden}
.header_left a:before{ background-image:url(../images/logor.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; top:100%; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;opacity:0;}
#header.cur{
background-color:#fff; top:0;}
#header.cur .header_left a:before{
opacity:1; top:0;}
#header.cur .header_left a img{
opacity:0;}
#header.cur .headermid ul li a.biga{
color:#000}
#header.cur .header_left_right a{
background-image:url(../images/img1b.png);}
.indexbanner_footer{ text-align:center;
position:absolute; left:50%; bottom:4%; z-index:10;transform:translateX(-50%);}
.indexbanner_footer_jt{ animation: pulse 2s infinite;
position:relative; display:inline-block;}
 @keyframes pulse {
    0% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
    50% {
      -webkit-transform: translate(0, 10px);
      transform: translate(0, 10px);
    }
    100% {
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
    }
  }
.index_1{ padding:10.625vw 0;
background-color:#f1f2ee; overflow:hidden}
.index_1_right{
float:right; width:48.27586206896552%;}
.index_1_left{
float:left; width:46%;}
.index_1_right_mid_img{
overflow:hidden; position:relative; z-index:10}
.index_1_right_mid_img img{
width:100%;}
.index_1_right_mid_img a{ background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/index/img3.png);
display:block; position:absolute; z-index:10; width:5.52083333333333vw; height:5.52083333333333vw; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);}
.index_1_right_mid{
position:relative; padding-right:1.5em; padding-bottom:1.5em; z-index:10;}	
.index_1_right_mid_bg{
position:absolute; right:0; bottom:0; width:calc(100% - 1.5em); height:calc(100% - 1.5em); background-color:#da4f3f;  }
.index_1_left_1 span{
color:#1a1a1a; display:inline-block; position:relative; font-size:1.875em;}
.index_1_left_1 span:after{-webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); right:-30px;
content:''; position:absolute; width:19px; height:1px; background-color:#cc3421; top:50%;}
.index_1_left_2{ margin-bottom:.875em;
font-size:3em; color:#000; letter-spacing:.2em; margin-top:.3em;}
.index_1_left_3{ margin-bottom:4em;
font-size:1.125em; color:#666; line-height:2;}
.index_1_left_4 ul li{
float:left; width:25%;}
.index_1_left_4 ul li:last-child{
width:22%;}
.index_1_left_4 ul li:nth-child(2){
width:28%}
.index_1_left_4_mid_1{
font-size:3em; font-family:Arial, Helvetica, sans-serif; color:#cc3421; font-weight:bold}
.index_1_left_4_mid_2{
font-size:1.125em;}
.index_1_left_4_mid{
padding-right:10px;}
.index_1_left_4 ul li:last-child .index_1_left_4_mid{
padding-right:0}
.index_1_left_4_mid_1 span{
display:inline-block; position:relative;}
.index_1_left_4_mid_1.jia span:after{
content:'+'; position:absolute; right:-.55em; top:0;}
.index_2{background-position:center; background-repeat:no-repeat;background-attachment: fixed; background-size:cover; background-image:url(../images/index/img12.jpg);
color:#fff; text-align:center; background-color:#000; padding-bottom:6.40625vw; position:relative; padding-top:7.70833333333333vw;}
.index_2_2{ position:relative; margin-top:1em;
color:#dfdfdf; padding-bottom:1.5em; font-size:1.25em;}
.index_2_1{
font-size:2.25em;}
.index_2_2:after{ margin-left:-20px; bottom:0;
content:''; position:absolute; left:50%; height:2px; background-color:#ef3923; width:40px;}
.index_2 .wmid{
position:relative; z-index:10;}
.index_2:after{ background-color:#000; opacity:.7;
content:''; position:absolute; left:0; top:0; width:100%; height:100%; }
.index_2_3{
margin-top:4em;}
.index_3_1{
position:relative;}
.index_3_1_right{
position:absolute; right:0; bottom:0;}
.index_3_1_right a{ display:block;
 width:4em; height:4em;border-radius:100%; background-color:#cc3421; color:#fff; text-align:center; line-height:4em;}
.index_3_1_right span{
font-size:1.875em; font-family:"宋体"; color:#fff }
.index_3_1_right:hover{
right:.5em;}
.index_3{
padding-top:7.03125vw;}
.index_3_2 ul li{ background-color:#f5f6f2;
float:left; width:32%; margin-right:2%}
.index_3_2 ul li:nth-child(3n){
margin-right:0}
.index_3_2_2{
padding:2em 1.5em;}
.index_3_2_2_1{
color:#666;}
.index_3_2_2_1 span{ background-position:left center; background-repeat:no-repeat; background-image:url(../images/index/img13.png);
display:inline-block; padding:0 5px;}
.index_3_2_2_1 span:nth-child(1){
padding-left:0; background-image:none}
.index_3_2_2_2{
color:#0b0b0b; font-size:1.875em; letter-spacing:.1em; margin-top:.5em;}
.index_3_2_2_3{
color:#333; font-size:1.125em; line-height:1.8;display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 2;   
overflow: hidden;word-wrap:break-word;
word-break:break-all; margin-top:.5em; margin-bottom:1.125em;}
.index_3{
padding-bottom:5.9375vw;}
.index_3_2_2_4 span{ background-position:-12px center; background-repeat:no-repeat; position:relative; left:1em;
display:block; width:1.5em; height:1.5em; background-color:#d04534;border-radius:100%; background-image:url(../images/index/img9.png);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_3_2 ul li:hover .index_3_2_2_4 span{border-radius:1.5em;
left:0; width:3.125em; background-position:center}
.index_3_2_1{
overflow:hidden;}
.index_3_2_1 img{
width:100%;}
.index_4_mid{
position:relative; overflow:hidden}
.index_4_mid img{
width:100%;}
.index_4 .swiper-slide{
width:20%;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.index_4_mid:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; z-index:1; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:.65;}
.index_4_mid_name{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; z-index:2; width:100%; text-align:center; top:50%;-webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%); color:#fff;}
.index_4_mid_name span{ padding-bottom:13px;
font-size:1.875em; position:relative; display:inline-block;}
.index_4_mid_name span:after{
content:''; position:absolute; width:24px; height:3px; bottom:0; left:50%; margin-left:-12px; background-color:#9b261a}
.index_4_mid_name_hide{border-radius:100%; left:50%; top:50%; opacity:0; z-index:10;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
position:absolute; width:14.375vw; height:14.375vw;-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); text-align:center; color:#fff;background-color:rgba(239,57,35,0.78); }
.index_4_mid_name_hide span{
display:block; padding:0 1em; font-size:2.25em;}
.index_4_mid:hover:after{
opacity:0;}
.index_4_mid:hover .index_4_mid_name{
opacity:0;}
.index_4_mid:hover .index_4_mid_name_hide{
opacity:1;}
.index_4 .swiper-slide.zhai{
width:18.48958333333333%;}
.index_4 .swiper-slide.kuan{
width:26.04166666666667%;}
.index_4_mid_bg{transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:48.17708333333333vw;}
.index_4_mid:hover .index_4_mid_bg{transform: scale(1.08, 1.08);}
.indexpro_act_left.swiper-button-disabled,.indexpro_act_right.swiper-button-disabled{
display:none}
.index_5{ padding-top:8.69791666666667vw; padding-bottom:8.69791666666667vw;
  background-color:#eeefeb;}
.index_5_left{ overflow:hidden;
float:left; width:54.858934169279%;}
.index_5_left img{
width:100%;}
.index_5_right{ margin-top:1.875em;
float:right; width:40.75235109717868%;}
.layui-form-item .layui-inline{
float:left; margin:0; width:32%; margin-right:2%; margin-bottom:1em;}
.layui-form-item .layui-inline:nth-child(3n){
margin-right:0}
.layui-input, .layui-select, .layui-textarea{ border-bottom:1px #bbb solid;
background:none; border-top:none; border-left:none; border-right:none;}
.layui-form-item .layui-inline:nth-child(5){
width:66%; margin-right:0}
.layui-form-item .layui-inline:nth-child(6){
width:100%; margin-right:0}
.layui-form-item .layui-inline:nth-child(7){
width:100%; margin:0; margin-top:20px;}
#submitbtn{
width:170px; height:47px; font-size:18px; color:#fff; background-color:#d14635; border:none; cursor:pointer}
.layui-textarea{
min-height:180px;}

.layui-form-select dl dd.layui-this{
background-color:#cc3421}
/******about**************/
.nymenu{
position:absolute; left:0; bottom:0; width:100%; z-index:10;background-color:rgba(0,0,0,0.77);}
.nymenu ul li{
float:left; text-align:center;}
.nymenu ul.u5 li{
width:20%;}
.nymenu ul.u4 li{
width:25%;}
.nymenu ul.u3 li{
width:33.3333%;}
.nymenu ul.u2 li{
width:50%;}
.nymenu ul li a{ border-left:1px #333334 solid;transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:block; color:#fff; font-size:1.125em; padding:1em 0;}
.nymenu_2{
margin-top:.75em;}
.nybanner{
position:relative}
.nymenu_1 img{
height:1.25em;}
.nymenu ul li a:hover,.nymenu ul li a.on{
background-color:#cc3421}
.nybannerjj{
position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center;}
.about_1{ padding-top:5.20833333333333vw; padding-bottom:8.17708333333333vw;
background-color:#f1f2ee; overflow:hidden;}
.div1200{
margin:0 auto; padding:0 1em; max-width:75em;}
.about_1_mid_left{
float:left; width:48.33333333333333%;}
.about_1_mid_right{
float:right; width:44.16666666666667%;}
.about_1_mid_right_mid_img{
overflow:hidden; position:relative; z-index:10}
.about_1_mid_right_mid_img img{
width:100%;}
.about_1_mid_right_mid{
position:relative; padding-right:1.25em; padding-bottom:1.25em;}
.about_1_mid_right_mid_bg{ background-color:#da4f3f;
position:absolute; right:0; bottom:0; width:calc(100% - 3.75em); height:61.06870229007634%;}
.about_1_footer ul li{ background-position:left center; background-repeat:no-repeat; background-image:url(../images/about/img12.png);
float:left; width:25%; text-align:center;}
.about_1_footer_mid{ margin:0 1em;
display:inline-block; position:relative}
.about_1_footer_mid_left{-webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
position:absolute; left:0; top:50%;}
.about_1_footer_mid_right_1{ line-height:1;
font-family:Arial, Helvetica, sans-serif; font-size:3em; color:#000; font-weight:bold; text-align:left}
.about_1_footer_mid_right_2{
font-size:1.125em; color:#666666}
.about_1_footer_mid_right{
margin-left:5em;}
.about_1_footer ul li:nth-child(1){
background-image:none}
.about_1_footer_mid_right_1 span{
display:inline-block; position:relative;}
.about_1_footer_mid_right_1 span:after{
content:'+'; }
.about_2_mid_left{
float:left; width:50.66666666666667%;}
.about_2_mid_left_mid{
position:relative; padding-right:1.25em; padding-bottom:1.25em;}
.about_2_mid_left_mid_img{
overflow:hidden; z-index:10; position:relative}
.about_2_mid_left_mid_img img{
width:100%;}
.about_2_mid_left_mid_bg{
position:absolute; right:0; bottom:0;width:calc(100% - 3.75em); height:61.06870229007634%; background-color:#da4f3f}
.about_2_mid_right{
float:right; width:45.5%;}
.about_2_mid_right_1_img{
overflow:hidden; margin-left:38.46153846153846%;}
.about_2_mid_right_1_img img{
width:100%;}
.about_2{ padding-bottom:8.33333333333333vw;
padding-top:8.02083333333333vw;}
.about_3{background-attachment: fixed; overflow:hidden; padding:7.29166666666667vw 0;
background-image:url(../images/about/img15.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_3_mid{ overflow:hidden; text-align:center;
background-color:rgba(239,57,35,0.89); padding:4em;}
.textwhite{
color:#fff}
.about_3 .index_1_left_1 span{
color:#fff}
.about_3 .index_1_left_1 span:after{
display:none}
.about_3 .index_1_left_3{
text-align:left; margin-bottom:0}
.texthui{
color:#e0cac7}
.about_4{ padding-top:5.98958333333333vw;
background-color:#f2f3ef; padding-bottom:5.98958333333333vw; overflow:hidden}
.about_4_1{
position:relative;}
.about_4_1_right{ padding:3.75em 0; margin-left:29.16666666666667%;
background-color:#fff; -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); /*width:70.83333333333333%;*/}
.about_4_1_right_mid{ margin-right:5%; position:relative;
margin-left:46.58823529411765%; min-height:470px;}
.about_4_1_right_mid_1{
padding-left:1.25em;}
.about_4_1_right_mid_1 span{
display:inline-block; position:relative; font-size:1.125em; color:#0b0b0b;}
.about_4_1_right_mid_1 span:after{
content:''; position:absolute; left:0; width:0em; height:1px; background-color:#d14635; top:50%;-webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.about_4_1_right_mid_2{
padding-left:1.25em; margin-bottom:.75em; margin-top:5px;}
.about_4_1_right_mid_2 p{
color:#666; font-size:1.125em; line-height:1.5;}
.about_4_1_left{ top:3.75em;height:calc(100% - 7.5em); overflow:hidden;
position:absolute; left:0; width:59.16666666666667%; z-index:10}
.about_4_1_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img16.jpg);}
.lsjj:hover .about_4_1_right_mid_1 span,.lsjj.on .about_4_1_right_mid_1 span{
font-size:1.5em; color:#d14635}
.lsjj{ margin-top:10px;
cursor:pointer}
.lsjj:hover .about_4_1_right_mid_1 span:after,.lsjj.on .about_4_1_right_mid_1 span:after{
width:16px; left:-20px;}
.lcact{
position:absolute; right:0; top:0; z-index:10;}
.lcact div{
display:inline-block; border:2px #d2d2d2 solid; line-height:2em; width:2em; height:2em; text-align:center; font-family:"宋体"; border-radius:100%; cursor:pointer;}
.lcact div:hover{
background-color:#cc3421; border-color:#cc3421; color:#fff}
.about_5{ overflow:hidden;background-attachment: fixed; text-align:center; padding-top:4.6875vw; padding-bottom:4.6875vw;
background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/about/img17.jpg);}
.about_5 .index_1_left_1 span{
color:#fff}
.about_5 .index_1_left_1 span:after{
display:none}
.about_5_1{
margin:0 auto; max-width:560px;}
.about_5_2_img{
overflow:hidden}
.about_5_2_img img{
width:100%;}
.indexpro_act{
position:relative; margin:0 auto;  max-width:27.5em; padding:0 1em; text-align:center;}
.indexpro_act_left_about{ cursor:pointer; height:100%; overflow:hidden;
position:absolute; left:0; top:0; width:40%; background-position:left center; background-repeat:no-repeat; background-image:url(../images/about/img18.png);}
.indexpro_act_left_about:after{ content:'';cursor:pointer; height:100%;
position:absolute; left:100%; top:0; width:100%; background-position:left center; background-repeat:no-repeat; 
background-image:url(../images/about/img18on.png);}
.indexpro_act_left_about:hover:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
left:0;}


.indexpro_act_right_about{ cursor:pointer; height:100%; overflow:hidden;
position:absolute; right:0; top:0; width:40%; background-position:right center; background-repeat:no-repeat; background-image:url(../images/about/img19.png);}
.indexpro_act_right_about:after{ content:'';cursor:pointer; height:100%;
position:absolute; right:100%; top:0; width:100%; background-position:right center; background-repeat:no-repeat; 
background-image:url(../images/about/img19on.png);}
.indexpro_act_right_about:hover:after{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
right:0;}
.indexpro_act{
margin-top:3.38541666666667vw;}
/********product***********/
.nybannerjj_1{
text-align:center; color:#fff; font-size:2.5vw;}
.nybannerjj_2{
text-align:center; color:#fff; font-size:1.25vw; margin-top:5px;}
.promid{ padding-top:5.72916666666667vw; padding-bottom:3.75em;
background-color:#f8f9f5; overflow:hidden;}
.promid_1_mid{ min-height:428px;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); 
position:relative; background-color:#fff;}
.promid_1_mid_left{
overflow:hidden; position:absolute; left:0; bottom:1em; height:100%; width:60.66666666666667%;}
.promid_1_mid_left img{
width:100%;}
.promid_1 ul li{
margin-bottom:3.75em;}
.promid_1_mid_right{
margin-left:64%; margin-right:6.66666666666667%; padding-top:6.0625em;}
.promid_1_mid_right_1{
font-size:1.5em; color:#000; position:relative; padding-bottom:.5em;}
.promid_1_mid_right_1:after{
content:''; position:absolute; left:0; bottom:0; width:23px; height:2px; background-color:#cc3421;}
.promid_1_mid_right_2{display: -webkit-box;
-webkit-box-orient: vertical;  
-webkit-line-clamp: 3;   
overflow: hidden;word-wrap:break-word;
word-break:break-all;
color:#000; line-height:1.8; margin-top:1.25em; margin-bottom:2em;}
.promid .index_3_2_2_4 span{
left:0}
.promid_1 ul li:hover .index_3_2_2_4 span{border-radius:1.5em;
left:0; width:3.125em; background-position:center}
.promid_1 ul li:nth-child(2n) .promid_1_mid_right{margin-right:64%; margin-left:6.66666666666667%;}
.promid_1 ul li:nth-child(2n) .promid_1_mid_left{
left:auto; right:0}
.promid_top_1{
text-align:center; color:#7a7a7a; font-size:1.6em;}
.promid_top_2{
font-size:2.25em; color:#000; text-align:center}
.promid_top{
margin-bottom:3.48958333333333vw;}
.pagination{
text-align:center}
.pagination li{
display:inline-block; margin:0 2px;}
.pagination li span,.pagination li a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
display:inline-block; width:1.75em; height:1.75em; text-align:center; line-height:1.75em;border-radius:100%;}
.pagination li a:hover,.pagination li.active span{
color:#fff; background-color:#cc3421}
.proinfomid{ padding-top:5.72916666666667vw;
background-color:#f1f2ee; overflow:hidden}
.proinfomid_2 .promid_1_mid{  -webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0); 
  background:none}
.proinfomid_2{
padding-top:1.5vw;}
.proinfomid_2 .promid_1_mid_left{
bottom:0}
.proinfomid_2 .promid_1_mid_right{
padding-top:3em;}
.proinfomid_2_buy a{color:#464646;
display:block; border:1px #d2d2d2 solid; text-align:center; width:8.4375em; height:2.375em; line-height:2.375em;border-radius:4px; }
.proinfomid_2_buy a span{ padding-left:1.5em;
display:inline-block; position:relative; }
.proinfomid_2_buy a span:after{
content:''; position:absolute; left:0; width:1.1875em; height:1.125em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/product/img8.png); top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.proinfomid_2_buy a:hover{
background-color:#cc3421; border-color:#cc3421; color:#fff;}
.proinfomid_2_buy a:hover span:after{
background-image:url(../images/product/img8on.png);}
.proinfomid_2_photo dl dd{ margin-bottom:1em;
float:left; overflow:hidden; width:47.94520547945205%;}
.proinfomid_2_photo dl dd:nth-child(2n){
float:right}
.proinfomid_2_photo dl dd img{
width:100%;}
.proinfomid_2_photo{
padding-bottom:1em;}
.proinfomid_3{ margin-bottom:6.25em;
  line-height:2; margin-top:6.25vw;}
.repro{ padding:1em 0; border-bottom:1px #c7c7c7 solid; padding-right:3.5em;
background-color:#fff; position:relative;}
.repro_right{
position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.repro_left{
font-size:1.125em;}	
.repro .index_3_2_2_4 span{
left:0}
/*****idea***********/
.ideamid{ padding-top:6.45833333333333vw;
overflow:hidden; background-color:#f5f6f2; padding-bottom:2em;}
.ideamid_1_left{
float:left; width:44.16666666666667%;}
.ideamid_1_left_mid{
position:relative; padding-right:1.25em; padding-bottom:1.25em;}
.ideamid_1_left_mid_img{
overflow:hidden; position:relative; z-index:10;}
.ideamid_1_left_mid_img img{
width:100%;}
.ideamid_1_left_mid_bg{ background-color:#cc3421; height:44.65709728867624%;
position:absolute; right:0; bottom:0; width:calc(100% - 6.25em); }
.ideamid_1_right{ margin-top:2em;
float:right; width:49.16666666666667%;}
.ideamid_1_right_1 span{ padding-bottom:.4em;
display:inline-block; position:relative; font-size:2.25em; color:#000;}
.ideamid_1_right_1 span:after{
content:''; position:absolute; left:0; bottom:0; height:2px; width:23px; background-color:#cc3421;}
.ideamid_1_right_2{
line-height:1.8; margin-top:1.875em;}
.ideamid_2_mid{
position:relative;}
.ideamid_2_mid_jj{ min-height:532px;
position:relative; margin-right:1.5em; background-color:#fff;-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); }
.ideamid_2_mid_img{ overflow:hidden;
position:absolute; z-index:10; right:0; bottom:1.5em; width:71.66666666666667%;}
.ideamid_2_mid_img img{
width:100%;}
.ideamid_2{
margin-top:7.5em;}
.ideamid_2 ul li{
margin-bottom:5em;}
.ideamid_2_mid_jj_mid{ margin-right:74.4206008583691%;
margin-left:5.15021459227468%; padding-top:4.375em;}
.ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_img{
right:auto; left:0;}
.ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_jj{
margin-left:1.5em; margin-right:auto}
.ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_jj_mid{ margin-left:74.4206008583691%;
margin-right:5.15021459227468%;  }
/********news********/

/******joinus***********/
.joinus_mid{ padding-top:6.25vw; padding-bottom:7.8125vw;
background-color:#f9faf6; overflow:hidden}
.joinus_mid_1{
margin-bottom:6.25vw;}
.joinus_mid_1_left{
float:left; width:44.16666666666667%;}
.joinus_mid_1_left_mid{
position:relative; padding-right:1.25em; padding-bottom:1.25em;}
.joinus_mid_1_left_mid_img{
overflow:hidden; position:relative; z-index:10;}
.joinus_mid_1_left_mid_img img{
width:100%;}
.joinus_mid_1_left_mid_bg{ background-color:#cc3421;
position:absolute; right:0; bottom:0; width:calc(100% - 6.25em); height:44.65709728867624%;}
.joinus_mid_1_right{
float:right; width:50%;}
.joinus_mid_1_right_1 span{ padding-bottom:.875em; position:relative;
font-size:2.25em; color:#000; display:inline-block;}
.joinus_mid_1_right_1 span:after{
content:''; position:absolute; left:0; bottom:0; width:55px; height:3px; background-color:#cc3421;}
.joblist{ margin-top:1em; cursor:pointer; 
position:relative; padding:1em 0; border-bottom:1px #bab9b9 solid; overflow:hidden; padding-right:1em;}
.joblist:after{
content:'>'; font-family:"宋体"; position:absolute; right:0; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
.joblist_left{
float:left;}
.joblist_right{
float:left}
.joblist_left span{
font-size:1.5em; color:#000}
.joblist_mid{ margin-top:.35em;
float:left; color:#666; margin-left:1em;}
.joblist_mid span{ padding:0 8px; float:left;
display:inline-block; background-position:left center; background-repeat:no-repeat; background-image:url(../images/joinus/img5.png);}
.joblist_mid span:nth-child(1){
background-image:none}
.lcact_job div{
display:inline-block;}
.swiper-button-prev-job,.swiper-button-next-job{
font-family:"宋体"; cursor:pointer}
.lcact_job_num span{
color:#cc3421}
.lcact_job_num{
padding:0 .5em;}
.lcact_job{
margin-top:2em;}
.joinus_mid_1_right_1{
margin-top:2.5em; margin-bottom:2em;}
.joinus_mid_2_left{
float:left; width:30.08333333333333%;}
.joinus_mid_2_right{ overflow:hidden;
float:right; width:69.91666666666667%;}
.joinus_mid_2_right img{
width:100%;}
.joinus_mid_2_left_mid{
padding-right:2em;}
.joinus_mid_2_left_mid .joinus_mid_1_right_1{
margin-top:5px;}
.joinus_mid_2_left_1{
font-size:1.25em;}
.joinus_mid_2_left_mid ul li{
margin-top:1.125em; font-size:1.125em;}












/******footer*******/
#footer{ color:#fff;
background-color:#333333; overflow:hidden}
.footer_1{
text-align:center; border-bottom:1px #535353 solid; padding:1.875em 0;}
.footer_2{ margin:3em 0;
position:relative; padding-right:320px;}
.footer_2_right{
position:absolute; right:0; top:0;}
.footer_2_left{
float:left; width:35.29411764705882%;}
.footer_2_mid{
float:right; width:64.70588235294118%;}
.footer_2_mid_mid ul li{
float:left; width:20%;}
.footer_2_left_mid{
padding-right:20%;}
.footer_2_left_mid_2{ line-height:1.8; margin-top:1.375em;
font-size:.875em; color:#ccc; margin-bottom:2.25em;}
.footer_2_left_mid_1{
font-size:1.5em;}
.footer_t{
font-size:1.125em; margin-bottom:1em;}
.footer_2_right_mid_1 dl dd{ padding-left:16px; margin-bottom:.875em;
font-size:.875em; color:#ccc; position:relative;}
.footer_2_right_mid_2{ margin-top:1.75em;
border-top:1px #535353 solid; padding-top:2em;}
.footer_2_right_mid_2 dl{
width:80%;}
.footer_2_right_mid_2 dl dd{
float:left; text-align:center; width:45.74468085106383%;}
.footer_2_right_mid_2 dl dd:nth-child(2n){
float:right}
.footer_2_right_mid_2 dl dd img{
width:100%;}
.footer_2_right_mid_1 dl dd:before{
content:''; position:absolute; left:0; width:12px; height:14px; background-position:center; background-repeat:no-repeat; background-size:cover;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); top:50%;}
.footer_2_right_mid_1 dl dd:nth-child(1):before{
background-image:url(../images/footer/img8.png);}
.footer_2_right_mid_1 dl dd:nth-child(2):before{
background-image:url(../images/footer/img9.png);}	
.footer_2_mid_mid ul li a{
font-size:.875em; color:#ccc;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer_2_mid_mid ul li a:hover{
color:#fff;}
.footer_2_mid_mid{border-left:1px #535353 solid;border-right:1px #535353 solid; overflow:hidden; min-height:320px; padding-left:9%;  }
.footer_2_right_mid{
width:237px;}
.wmid{
margin:0 auto; max-width:83.07291666666667%;}
.footer_2_left_mid_3 a{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-right:9px;
display:inline-block; background-position:center; background-repeat:no-repeat; width:38px; height:38px; border:1px #fff solid;border-radius:100%; }
.footer_2_left_mid_3 a:hover{
background-color:#fff;}
.i1{
background-image:url(../images/footer/img2.png);}
.i1:hover{background-image:url(../images/footer/img2on.png);}
.i2{
background-image:url(../images/footer/img3.png);}
.i2:hover{background-image:url(../images/footer/img3on.png);}
.i3{
background-image:url(../images/footer/img4.png);}
.i3:hover{background-image:url(../images/footer/img4on.png);}
.i4{
background-image:url(../images/footer/img5.png);}
.i4:hover{background-image:url(../images/footer/img5on.png);}
.footer_2_right_mid_2_2{
font-size:.875em; color:#ccc; margin-top:8px;}
.footer_2_mid_mid ul li dl dd{
margin-bottom:.875em;}
.footer_2_mid_mid_mid{
padding-right:1em;}
.footer_cp{ padding:1.5em 0; border-top:1px #535353 solid; overflow:hidden;
font-size:.875em; color:#ccc;}
.footer_cp a{
color:#ccc;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.footer_cp a:hover{
color:#fff}
.footer_cp_left{
float:left;}
.footer_cp_right{
float:right}
.jobmask{ display:none;
position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; background-color:rgba(0,0,0,0.63);}
.jobmask_mid{ overflow:hidden;
position:relative; background-color:#fff;}
.jobmask_mid_close{
position:absolute; right:1.875em; top:1.875em;}
.jobmask_mid_close a img{-webkit-transition: 1s;
    -webkit-transition: -webkit-transform 1s ease-out;
    transition: transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;}
.jobmask_mid_close a:hover img{transform: rotateZ(360deg);
    -webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);}
.jobmask_mid_mid{
margin:3em 4em; min-height:460px; max-height:460px; overflow:hidden; overflow-y:auto;}
.jobmask_mid_mid_1{
font-size:1.875em; color:#000;}
.jobmask_mid_mid_2{
color:#ababab; margin-top:4px;}
.jobmask_mid_mid_3{
color:#666; line-height:1.8; margin-top:1.5em; margin-bottom:1.5em;}
.jobmask_mid_mid_4{
color:#666;}
.jobmask_mid_mid_4 a{
color:#f91212}
.jobmask_mid_mid_3_jj{
display:none}
.ovh{
overflow:hidden}
.marmid{ padding-bottom:5.20833333333333vw; padding-top:4.53125vw;
overflow:hidden; background-color:#f5f6f2;}
.marmid_1{
text-align:center}
.marmid_1 .joinus_mid_1_right_1{
margin-top:5px;}
.marmid_1 .joinus_mid_1_right_1 span:after {
left:50%;-webkit-transform: translateX(-50%);
    transform: translateX(-50%);}
.marmid_2{
text-align:center; color:#666; line-height:1.8; margin-bottom:2.5em;}
.marmid_3_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.marmid_3{
position:relative}
.marmid_3_right{-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); overflow:hidden;
    -moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    -o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
    box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
background-color:#fff; margin-left:34.66666666666667%; min-height:454px;}
.marmid_3_left{ top:3em;height:calc(100% - 6em); z-index:10; overflow:hidden;
position:absolute; left:0; width:43.5%; }
.marmid_3_right_mid{ margin-right:4.45859872611465%;
margin-left:18.47133757961783%; padding-top:3.75em;}
.banner_img_jj_mid_2{
margin-top:1.5em;}
.banner_img_jj_mid_2 a{
display:inline-block; color:#fff; background-color:#cc3421; line-height:2em; padding:0 1.5em;border-radius:2em;}





@media screen and (max-width:1700px) {
.joinus_mid_2_left_mid ul li{
font-size:1em;}
.joblist_mid{
margin-top:.15em;}
.joinus_mid_1_right_1 span{
font-size:2em;}
.joblist_left span{
font-size:1.25em;}
.ideamid_1_right_1 span{
font-size:2em;}
.promid_top{
font-size:.8em;}
.nymenu ul li{
font-size:.875em;}
.about_4_1_right_mid_2 p{
font-size:1em;}
.about_2_mid_right_1{
padding-top:2em;}
.about_1_footer_mid_right{
margin-left:4.5em;}
.about_1_footer_mid_left img{
max-width:3.5em;}
.about_1_footer_mid_right_1{
font-size:2.5em;}
.about_1_footer_mid_right_2{
font-size:1em;}
.about_1_footer{
margin-top:4.47916666666667vw;}
.nybannerjj_1 img{
width:160px;}
.layui-textarea{
min-height:100px;}
.index_4_mid_name span{
font-size:1.5em;}
.index_4_mid_name_hide span{
font-size:1.65em;}
.index_3_2_2_2{
font-size:1.5em;}
.index_3_2_2_1{
font-size:.875em;}
.index_3_2_2_3{
font-size:1em;}
.index_3_1_right a{
font-size:.75em;}
.index_1_left_3{
margin-bottom:2em;}
.index_1_left_2{
font-size:2.25em;}
.index_1_left_1 span{
font-size:1em;}
.index_1_left_3{
font-size:1em;}
.index_1_left_4_mid_1{
font-size:2.5em;}
.index_1_left_4_mid_2{
font-size:.9375em;}
.wmid{
margin:0 auto; max-width:96.25%;}
.footer_2_left_mid{
padding-right:1em;}
.footer_2{
padding-right:270px}
}
.promid_1_mid_left img{
display:none}
.promid_1_mid_left_bg{
position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
@media screen and (max-width:1200px) {
.index_4_mid_name_hide span,.index_4_mid_name span{
font-size:1.25em;}
.index_2_1{
font-size:1.5em;}
.index_2_2{
font-size:1em;}
.index_1_left_4_mid_1{
font-size:1.875em;}
.footer_2_left_mid_1{
font-size:1.25em;}
.footer_t{
font-size:1em;}
.index_1_left_2{
font-size:1.5em}
.promid_1_mid_right_1{
font-size:1.25em;}
.promid_top_2{ padding-bottom:1em;
font-size:1.875em;}
.promid_top_1{
font-size:1.125em;}
.ideamid_1_right_1 span{
font-size:1.5em;}
.index_3_2_2_2{
font-size:1.125em;}
.news_1_mid_right_mid_2{
font-size:1.375em;}
.jobmask_mid_mid_1{
font-size:1.5em;}
.jobmask_mid_mid_2{
font-size:.875em;}
.jobmask_mid_close a img{
max-width:2em;}
.joblist_mid{
margin-top:.1em}
.joblist_left span{
font-size:1.125em;}
.nybannerjj_2,.joinus_mid_2_left_1{
font-size:1em;}
.nybannerjj_1,.joinus_mid_1_right_1 span{
font-size:1.875em;}
}
@media screen and (max-width:1100px) {
.headermid:after{
content:''; position:absolute; right:32px; height:100%; width:1px; background-color:#dedede; top:0;}
.header_left_right{
right:2.75em;}
.header_left_right a{
font-size:.75em;}
.news_info_mid_mid_1{
font-size:1.25em;}
#main{
margin-top:3.75em;}
#header .header_left_right a {
    background-image: url(../images/img1b.png);
}
#header .header_left a:before { opacity:1; top:0}
#header .header_left a img{
opacity:0;}
#header{
background-color:#fff}
.header_mid ul{
display:none}
.headermid{
height:3.75em;}
}
@media screen and (max-width:1024px) {
.footer_2_mid_mid{
padding-left:1.5em;}
.footer_2_mid_mid{
border-right:none}
.footer_2{
padding-right:0}
.footer_2_right{
display:none}
.about_1_footer_mid_right_2{
font-size:.875em; text-align:left}
.about_1_footer_mid_right{
margin-left:3.5em;}
.about_1_footer_mid_left img{
max-width:2.875em;}
.about_1_footer_mid_right_1{
font-size:1.75em;}
.news_1_mid_right_mid_2{
font-size:1.125em;}
.news_1_mid_right_mid{
margin:1.875em;}
}
.indexpro_act img{
width:1.6875em;}
@media screen and (max-width:950px) {
.index_4_mid_name_hide span, .index_4_mid_name span{
font-size:1.125em;}
.index_5_left{
width:100%;}
.index_5_right{
width:100%;}
.indexpro_act{
font-size:.75em;}
}
@media screen and (max-width:850px) {
	.news_1_mid_left{
	width:100%;}
	.news_1_mid_right{
	position:static; width:100%; height:auto; overflow:hidden}
}
.marmid_3_left img,.about_4_1_left img{
display:none; width:100%;}
@media screen and (max-width:810px) {
.banner_img_jj_mid_1 img{
max-width:60vw;}
.sybanner .banneract,.sybanner .swiper-pagination-bullet{
font-size:.875em;}
.index_4_mid_name_hide{
width:9.5em; height:9.5em;}
.index_3_2.sy ul li{
margin-top:1em;}
.index_2_3{
margin-top:2em;}
.index_1_right_mid_img a{
width:3em; height:3em;}
.index_1_left{
width:100%;}
.index_1_right{
width:100%; margin-top:1.5em;}
.footer_2_left_mid_2{
margin-top:1.5em; margin-bottom:1.5em;}
.footer_2_left_mid_3 a{
margin-right:0;transform: scale(.8, .8);}

.footer_1{
padding:1.25em 0;}
.footer_2{
margin:2em 0;}
.footer_cp_left,.footer_cp_right{
text-align:center; width:100%; float:none;}
.footer_cp_left{
margin-bottom:5px;}
.footer_2_left{
width:100%;}
.footer_2_mid{
display:none}
.about_4_1_right_mid{ margin-left:1em;
  min-height:inherit}
.about_4_1_right{
margin-left:auto; padding:2em 0;}
.about_4_1_left{
position:static; width:100%; height:auto;}
.about_4_1_left_bg{
display:none}
.about_4_1_left img{
display:block}
.about_3_mid{
padding:1.5em;}
.about_1_footer_mid_right_1{
padding-top:.5em;}
.about_1_footer_mid_right_1,.about_1_footer_mid_right_2{
text-align:center}
.about_1_footer_mid_left img{
max-width:none; height:1.875em;}
.about_1_footer_mid_left{-webkit-transform: translate(0%, 0%);
transform: translate(0%, 0%);
position:static; width:100%; text-align:center}
.about_1_footer_mid_right{
margin-left:0}
.about_1_mid_left,.about_1_mid_right{
width:100%;}
.index_3_1_right a{
font-size:.5em;}
.promid_top_2{
font-size:1.5em;}
.ideamid_2 ul li{
margin-bottom:2em;}
.ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_jj{
margin-left:0;}
.ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_jj_mid{
margin-left:2em; margin-right:2em;}
.ideamid_2_mid_jj{
margin-right:0}
.ideamid_2_mid_jj_mid{ margin-left:2em; margin-right:2em;
padding-top:2em; padding-bottom:2em;}
.ideamid_2_mid_img{
position:static; width:100%;}
.ideamid_2_mid_jj{
min-height:inherit}
.ideamid_2{
margin-top:2.5em;}
.ideamid_1_left{
width:100%;}
.ideamid_1_right{
width:100%;}
.news_info_top{
padding-right:0}
.news_info_top_right{
display:none}
.news_info_mid_mid_4_left ul li:nth-child(2) a{
text-align:left}
.news_info_mid_mid_4_left ul li{
width:100%;}
.news_2 .index_3_2 ul li{
margin-bottom:1.5em;}
.index_3_2 ul li{
width:49%; margin-right:0}
.prorep .index_3_2 ul li{
margin-bottom:1.5em;}
.index_3_2 ul li:nth-child(2n){
float:right}
.jobmask_mid_mid{
margin-left:2em; margin-top:2em; margin-bottom:2em;}
.jobmask_mid_close a img{
max-width:1.5em;}
.joinus_mid_2_left,.joinus_mid_2_right{
width:100%;}
.joinus_mid_2_right{
margin-top:1.5em;}
.lcact_job{
text-align:center}
.joinus_mid_1_right_1{
margin-bottom:1em;}
.joinus_mid_1_left,.joinus_mid_1_right{
width:100%;}
.marmid_3_right_mid{
padding-top:2em; margin-left:4.45859872611465%;}
.marmid_3_right{
margin-left:0; min-height:inherit; padding-bottom:2em;}
.marmid_3_left{
position:static; width:100%;}
.marmid_3_left_bg{
display:none}
 .marmid_3_left img{
 display:block}
.nybannerjj_1,.joinus_mid_1_right_1 span{
font-size:1.5em;}
}
.nybanner .swiper-slide img{
display:none; width:100%;}
@media screen and (max-width:768px) {
.nybanner .swiper-slide img{
display:block}
.nybanner .banner_img{
display:none}
.index_4 .swiper-button-next,.index_4 .swiper-button-prev{transform: scale(.8, .8);}

.index_2_1{
font-size:1.375em;}
.footer_1 img{
height:1.875em;}
.index_1_left_1 span{
font-size:.875em;}
.index_1_left_2{
font-size:1.375em;}
.proinfomid_2 .promid_1_mid_right{
padding-top:1.5em; margin-left:0; margin-right:0}
.nymenu{
display:none}
.promid_1 ul li{
margin-bottom:2em;}
.promid_1 ul li:nth-child(2n) .promid_1_mid_right{
margin-left:1em; margin-right:1em;}
.promid_1_mid_left{
position:static; width:100%;}
.promid_1_mid_left_bg{
display:none}
.promid_1_mid_left img{
display:block}
.promid_1_mid_right{
margin-left:1em; padding-top:1em; padding-bottom:1.5em; margin-right:1em;}
}
@media screen and (max-width:640px) {
.indexbanner:before,.indexbanner:after{
display:none}
.banner_img_jj_mid_1 img{
max-width:80vw;}
.index_1_left_4_mid_1{
font-size:1.75em;}
 .footer_2_left_mid_1{
 font-size:1.125em;}
.lcact{
font-size:.75em;}
.about_2_mid_left{
width:100%;}
.about_2_mid_right{
width:100%; padding-top:1.5em;}
.about_1_footer_mid{
margin:0 .5em;}
.about_1_footer_mid_right_1{
font-size:1.5em;}
.ideamid_1_right_1 span{
font-size:1.25em;}
.pagination{
font-size:.875em;}
#tjnewspage{
padding:1.5em 0;}
.news_1 .swiper-pagination-bullet{
width:8px; height:8px;}
.news_1 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
margin:0 4px;}
.index_3_2 ul li{
width:100%;}
.jobmask_mid_mid{
margin-right:2.5em; margin-left:1em;}
.jobmask_mid_close{
right:1em; top:1em;}
.jobmask_mid_mid_1{
font-size:1.25em;}
.nybannerjj_1, .joinus_mid_1_right_1 span{
font-size:1.375em;}
#submitbtn{
width:100%; font-size:16px;}
.layui-form-item .layui-inline{
width:100%; margin-right:0}
.layui-form-item .layui-inline:nth-child(5){
width:100%;}
.joinus_mid_1_right_1 span:after {
	 
	width: 30px;
	height: 2px;
	 
}
}
@media screen and (max-width:600px) {
.index_4_mid_name_hide{
width:8.5em; height:8.5em}
}
@media screen and (max-width:480px) {
.banner_img_jj_mid_1 img{
max-width:90vw;}
.index_4_mid_bg{
height:40vh;}
.index_4_mid_name_hide span, .index_4_mid_name span{
font-size:1.125em;}
.index_2_1{
font-size:1.25em;}
.index_1_right_mid{
padding-right:1em; padding-bottom:1em;}
.index_1_left_4 ul li,.index_1_left_4 ul li:nth-child(2),.index_1_left_4 ul li:last-child{
width:50%; text-align:center}
.index_1_left_4 ul li:nth-child(1),.index_1_left_4 ul li:nth-child(2){
margin-bottom:1em;}
.indexpro_act{
font-size:.65em;}
.about_2_mid_right_1{
padding-top:0}
.about_2_mid_right_1_img{
margin-left:0}
.about_1_footer ul li:nth-child(1),.about_1_footer ul li:nth-child(2){
margin-bottom:1em;}
.about_1_footer ul li{
width:50%;}
.proinfomid_2_buy a{
width:auto;}
.index_1_left_2{
font-size:1.25em;}
.promid_top_2{
font-size:1.375em;}
.promid_1_mid_right_1{
font-size:1.125em;}
.promid{
padding-bottom:2em;}
.ideamid_1_right_2{
margin-top:1.5em;}
.ideamid_2_mid_jj_mid,.ideamid_2 ul li:nth-child(2n) .ideamid_2_mid_jj_mid{
margin-left:1em; margin-right:1em; padding-top:1em; padding-bottom:1em;}
.ideamid_1_right_1 span{
font-size:1.25em;}
.news_info_mid_mid_4_left ul li a{
padding:.5em .875em;}
.news_info_mid_mid_1{
font-size:1.125em;}
.news_1_mid_right_mid_3,.index_3_2_2_3{
font-size:.9375em;}
.news_1_mid_right_mid{
margin:1.5em;}
.jobmask_mid_mid_4{
line-height:1.6;}
.jobmask_mid_mid_1{
font-size:1.125em;}
.joinus_mid_1_right_1{
margin-bottom:0}
.nybannerjj_2, .joinus_mid_2_left_1{
font-size:.875em;}
.nybannerjj_2{
font-size:.875em;}
.nybannerjj_1,.joinus_mid_1_right_1 span{
font-size:1.125em;}
}
/********mobile menu****************/
#header .nav-btn {
 display:none;
  width:22px;  
  height:12px;
  position:absolute; right:0; top:50%; -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  cursor:pointer; 
 }
 @media screen and (max-width:1100px) {
 #header .nav-btn{
 display:block}
 }
 #header .nav-btn .line {
  display:block;
  width:100%;
  height:1px;
  background-color:#000;
  position:absolute;
  left:0
  -webkit-transition:-webkit-transform .35s;transition:-webkit-transform .35s;-o-transition:transform .35s;transition:transform .35s;transition:transform .35s,-webkit-transform .35s
 }
 #header .nav-btn .line1 {
  top:0;
  -webkit-transform-origin:left top 0;
  -ms-transform-origin:left top 0;
  transform-origin:left top 0
 }
 #header .nav-btn .line2 {
  top:6px
 }
 #header .nav-btn .line3 {
  bottom:0;
  -webkit-transform-origin:left bottom 0;
  -ms-transform-origin:left bottom 0;
  transform-origin:left bottom 0
 }
  #header .nav-btn.hover .line1 {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); left:4px; top:-2px;}
  #header .nav-btn.hover .line3 {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); left:4px; bottom:-2px;}
   #header .nav-btn.hover .line2{
   display:none}

#header .sub-menu { background-color:#f5f5f5;
  width:100%;
  display:none;
  position:absolute;
  left:0;
  top:60px;  height:calc(100vh - 60px);
  z-index:998;
  overflow-y:auto
 }
 #header .sub-menu ul {
  width:100%;
  padding-bottom:6%
 }
 #header .sub-menu li {
  border-bottom:1px solid #dcdcdc;
  font-size:18px
 }
 #header .sub-menu .tit {
  display:block;
  width:96.25%;
  padding:0% 1.875%;
  line-height:50px;
  color:#000;  
  position:relative
 }
 #header .sub-menu li:last-child {
  border-bottom:none
 }
 #header .sub-menu .titx {
  display:block;
  width:94%;
  padding:0 3%;
  line-height:50px;
  color:#000;
  position:relative;
  border-bottom:1px solid #dcdcdc
 }
 #header .sub-menu .sub-tit:after {
  content:'';
  display:block;
  width:16px;
  height:16px;
  background:url(../images/ico_03.png) no-repeat center;
  background-size:100% auto;
  position:absolute;
  right:1.875%;
  top:50%; margin-top:-8px;
 }
   
 .ovh-f{
 overflow:hidden}
 #header .sub-menu .sub-tit.on {
  background-color:#cc3421;
  color:#fff
 }
 #header .sub-menu .sub-tit.on:after {
  background:url(../images/ico_03_h.png) no-repeat center;
  background-size:100% auto
 }
 #header .sub-menu .sec-list {
  line-height:40px;
  padding:10px 4%;
  display:none
 }
 #header .sub-menu .sec-list p {
  background:url(../images/ico_04.png) no-repeat left center;
  background-size:6px auto;
  font-size:14px
 }
 #header .sub-menu .sec-list a {
  padding-left:3%;
  color:#666;
  display:block
 }   
.index_pic ul li{transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
float:left; width:20%;} 
.index_pic ul li.zhai{
width:18.48958333333333%;}
.index_pic ul li.kuan{
width:26.04166666666667%;}
.index_4{
display:none}
@media screen and (max-width:810px) {
.index_4{
display:block}
.index_pic{
display:none}
}
/******右侧浮动*************/
.webright{
position:fixed; right:20px; z-index:100;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); top:50%; width:42px;}
.webright ul li{
position:relative; margin-top:.5em;}	
.webright ul li:nth-child(1){
margin-top:0}
.webright ul li a{ position:relative; z-index:10; background-color:#b4b4b4;border-radius:100%;
display:block; background-position:center; background-repeat:no-repeat; height:42px;}
.webright ul li a.wqq{
background-image:url(../images/right/img1.png);}
.webright ul li a.wwechat{
background-image:url(../images/right/img2.png);}
.webright ul li a.wphone{
background-image:url(../images/right/img3.png);}
.webright ul li a.wgoup{
background-image:url(../images/right/img4.png);}
.webright ul li img{ display:none;
position:absolute; right:47px; top:-21px; max-width:none;}
.webright ul li:hover img{
display:block}
.webright ul li span{ top:0; display:none;
position:absolute; right:21px; width:165px; background-color:#b4b4b4; height:42px; line-height:42px; text-align:center; color:#fff;}
.webright ul li:hover span{
display:block}
.webright ul li:hover a{
background-color:#ce4534}
@media screen and (max-width:640px) {
.webright{
display:none}
}
.header_left span{ display:block; cursor:pointer;
position:absolute; right:-3em; top:50%;-webkit-transform: translateY(-50%);
    transform: translateY(-50%); color:#fff; font-size:1.25em; padding-left:.5em;}
.header_left span:after{
content:''; position:absolute; left:0; top:20%; height:60%; width:1px; background-color:#fff;}
#header.cur .header_left span{
color:#000;  }
#header.cur .header_left span:after{
background-color:#000}



 