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;}
.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; } 


/********contact************/
.contact_1_1{
font-size:1.875em; line-height:1.6; text-align:center}
.contact_2_mid ul li{ margin-top:3vw;
display:block; clear:both; overflow:hidden}
.contact_2_mid ul li:last-child{
margin-bottom:5vw;}
.contact_2_mid_left{ position:relative;
float:left; width:50%; overflow:hidden}
.contact_2_mid_right{ margin-top:6vw;
float:right; width:50%;}
.contact_2_mid_right_mid{
padding:0 5.72916666666667vw;}
.contact_2_mid_right_mid_1_left{ color:#837966;
float:left;}
.contact_2_mid_right_mid_1_right{
float:right; color:#333;}
.contact_2_mid_right_mid_1{
font-size:3em;}
.contact_2_mid_right_mid_2{ border-top:1px #8d8d8d solid;
color:#242424; font-size:1.125em; line-height:2; margin-top:2.5em; padding-top:2.5em;}

.contact_2_mid ul li:nth-child(2n) .contact_2_mid_left{
float:right}
.contact_2_mid ul li:nth-child(2n) .contact_2_mid_right{
float:left}
.contact_2_mid_left_footer{
position:absolute; left:0; bottom:1.25em;   width:100%; text-align:center; color:#fff; font-size:3em;}
.contact_2_mid_left_footer span{
padding:0 .5em; display:block}
.contact_3{ }
.contact_3_1{
color:#000}
.contact_3_2_mid{ color:#000;
background-color:rgba(102,102,102,.0);}
.contact_3_2_mid_jj_1 span{
display:block; position:relative; font-size:1.4em; text-align:center; color:#24484E;}
.contact_3_2_mid_jj_1tu{
	position:absolute; left:50%; top:0;transform: translate(-50%, 0%);
	
}
.contact_3_2_mid_jj{
padding:5vw 2vw 2vw 2vw;}
.contact_3_2_mid_jj_2 ul li{
float:left; margin-bottom:10px; width:48%; font-size:1.1em;}
.contact_3_2_mid_jj_2 ul li:nth-child(2n){
float:right}
.contact_3_2_mid_jj_2{
margin:1.5em 0;}
.contact_3_2_mid_jj_3 p{
display:block; max-width:128px; height:28px; border:1px #888681 solid; border-radius:28px; text-align:center; line-height:28px;}
.contact_3_2_mid_jj_3 p span{ padding-right:15px;
display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../image/img41.png);}
#jobpage,#jobpage2{
position:static; margin:5.98958333333333vw 0;}
.contact_3 #jobpage .swiper-pagination-bullet,.pro_info_1 #jobpage2 .swiper-pagination-bullet{ margin:0 2px;
width:25px; height:2px; background-color:#c8c8c8; opacity:1; border-radius:0;}
.contact_3 #jobpage .swiper-pagination-bullet-active,.pro_info_1 #jobpage2 .swiper-pagination-bullet-active{
background-color:#24484E;}
.contact_3_2{
margin-top:5vw;}
.contact_4_top_1{
text-align:left; margin-bottom:10px;}
.contact_4_top_2{
text-align:left}
.contact_4_mid ul li{ padding:2em 0; margin-top:2em;
float:left; border-bottom:1px #bcbcbc solid; width:46%;}
.contact_4_mid ul li:nth-child(2n){
float:right}
.contact_4_mid_mid_left{
float:left; margin-top:1em;}
.contact_4_mid_mid_right{
float:right; margin-right:15vw;}
.contact_4_mid_mid_left_1{font-size:2.25em; margin-bottom:1em;}
.contact_4_mid_mid_left_1 span{
 position:relative; display:block; padding-bottom:.5em;}
.contact_4_mid_mid_left_1 span:after{
content:''; position:absolute; left:0; bottom:0; width:1em; height:1px; background-color:#24484E;}
.contact_4_mid_mid_left_2 span{ padding-left:25px;
background-image:url(../image/img61.png); background-position:left 6px; background-repeat:no-repeat;}
.contact_4{
margin-bottom:7vw;}
.contact_4_mid{
margin-top:3vw;}
.jobmask{ z-index:999; display:none;
position:fixed; left:0; top:0; width:100%; height:100%;background-color:rgba(0,0,0,.66);}
.jobmask_mid{ background-color:#fff; position:relative;
margin:0 16.66666666666667%;}
.jobmask_mid_left{ height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;
position:absolute; left:0; top:0; width:42.96875%; background-image:url(../image/75fc2a61b7e9d899c0ad52664d446c79.jpg);}
.jobmask_mid_right{
margin-left:42.96875%; max-height:95vh; overflow-y:auto;}
.jobmask_mid_close{
position:absolute; right:2vw; top:2vw; z-index:10; cursor:pointer}
.jobmask_mid_right_mid{
padding:4vw; display:none;}
.jobmask_mid_right_mid_1{ margin-bottom:10px;
font-size:1.875em; color:#2a2a2a;}
.jobmask_mid_right_mid_2 span{
padding:0 10px; background-image:url(../image/img93.png); background-position:left center; background-repeat:no-repeat; font-size:1.125em; color:#2a2a2a;}
.jobmask_mid_right_mid_2 span:nth-child(1){
padding-left:0; background-image:none}
.jobmask_mid_right_mid_3{ margin-bottom:10px;
font-size:1.25em; color:#2a2a2a;}
.jobmask_mid_right_mid_4{
color:#666; line-height:1.8; margin-bottom:1.5em;}
.jobmask_mid_right_mid_2{
margin-bottom:2em;}
.jobmask_mid_right_mid_5{
color:#666; line-height:1.8; margin-top:1.5em;}
.ovh{
overflow:hidden}
/***********PRODUCT*****************/
.pro_1_mid_1{ 
font-size:4em; color:#24484E; margin-bottom:.75em;}
.pro_1{ padding-top:8em; padding-bottom:6.875em;
background-color:#d8d1be; overflow:hidden;}
.pro_1_mid{
margin-left:26.97916666666667vw;}
.pro_1_mid_2_2{
margin-top:2.5em;}
.pro_1_mid_2_2 span:nth-child(1){
font-size:1.875em; color:#262421;}
.pro_1_mid_2_2 span:nth-child(2){
font-size:1.125em; color:#262421;}
.pro_1_mid_2 .swiper-slide{ margin-right:4.16666666666667vw;
width:45.67708333333333vw;}
.pro_1_mid_2_1{
overflow:hidden;}
.pro_1_mid_2_1 img{
width:100%;}
.pro_2{  
background-color:#f6f6f6; overflow:hidden;}
.pro_2l{
	width:20%;  margin-right:3%; float:left;
}
.pro_2l .prolist {
	width:100%; 
	float:left;
	background:#FFF;
	padding-bottom:30px;
}
.prolisttit {
	width:100%; float:left; height:80px; line-height:80px; text-align:center; font-size:24px; font-weight:600; color:#FFF; background:#323385;
}
.prolist ul li{
    float:left; width:75%; margin:5px 11%; padding-left:3%; border-bottom:#eee solid 1px; height:45px;
}
.prolist ul li a {
	line-height:45px; font-size:18px; color:#444;
}
.prolist ul li span { padding:5%; font-size:16px; color:#666;
}
.prolist ul li a:hover {
	color:#24484E; 
}
.prolist ul li span:hover {
	color:#24484E;
}
pro_2r{
	width:77%; float:right;
}
.pro_2_1_mid ul li{
float:left; text-align:center;}
.pro_2_1_mid ul.ul6 li{
width:16.66666666666667%;}
.pro_2_1_mid ul.ul5 li{
width:20%;}
.pro_2_1_mid ul.ul7 li{
width:14.28571428571429%;}
.pro_2_1_mid_mid_1{
position:relative; height:67px;}
.pro_2_1_mid_mid_1 img{-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
position:absolute; left:50%; top:50%; max-height:100%;}
.pro_2_1_mid_mid_1 img:nth-child(2){
opacity:0;}
.pro_2_1_mid_mid_2{
font-size:1.125em; color:#322d29; margin-top:1em;}
.pro_2_1_mid_mid{
padding:0 1em;}
.pro_2_1_mid ul li a.on .pro_2_1_mid_mid_1 img:nth-child(2),.pro_2_1_mid ul li a:hover .pro_2_1_mid_mid_1 img:nth-child(2){
opacity:1;}
.pro_2_1_mid ul li a.on .pro_2_1_mid_mid_1 img:nth-child(1),.pro_2_1_mid ul li a:hover .pro_2_1_mid_mid_1 img:nth-child(1){
opacity:0;}
.pro_2_1_mid ul li a.on .pro_2_1_mid_mid_2,.pro_2_1_mid ul li a:hover .pro_2_1_mid_mid_2{
color:#766c59;}
.pro_2_1_mid{
padding:6.5em 0; overflow:hidden}
.pro_2_2_1{ letter-spacing:.3em;
text-align:center; font-size:1.5em; color:#252321;}
.pro_2_2.fs{
margin-top:180px}
.pro_2_2_2{
margin-top:0; letter-spacing:.3em;}
.pro_2_2_3 ul li{ margin-bottom:4.42708333333333vw;
float:left; width:32%; margin-right:2%;}
.pro_2_2_3 ul li:nth-child(3n){
margin-right:0}
.pro_2_2_3_1{
overflow:hidden; position:relative}

.an1 {
 width:100px;
 height:100px;
 line-height:100px;
 text-align:center;
 border-radius:50%;
 background:#323385;
 color:white;
 position:absolute;
 top:0px;
 left:0px;
 font-size:12px;
 bottom:0px;
 right:0px;
 margin:auto;
 transition:all 0.5s;
 transform:scale(0);-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; z-index:10;
}
.pro_2_2_3 ul li:hover .an1,.team_2_2 .swiper-slide:hover .an1,.shop_2_1 ul li:hover .an1{
 transform:scale(1) rotate(360deg);
 transition:all 0.5s;
}
 

.pro_2_2_3_1 img{
width:100%;}
.pro_2_2_3_2_1{
font-size:18px; color:#000; margin-bottom:5px; text-align:center;}
.pro_2_2_3_2_2{
color:#333;}
.pro_2_2_3_2{ position:relative;
padding:1.5em 0; border-bottom:1px #dbd2c1 solid;}
.pro_2_2_3{
}
.pro_2_2_3_2:after{
content:''; position:absolute; left:0; bottom:0; height:1px; width:0; background-color:#000;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.pro_2_2_3 ul li:hover .pro_2_2_3_2:after{
width:100%;}
.pro_info_1{
margin-top:7.375em;}
.pro_info_1_mid_left{
float:left; width:57.2%; overflow:hidden;}
.pro_info_1_mid_left img{
width:100%;}
.pro_info_1_mid_right{
float:right; width:42.8%;}
.pro_info_1_mid_right_mid{
padding-left:3.85416666666667vw; padding-right:6.40625vw;}
.pro_info_1_mid_right_1{
font-size:1.125em; color:#333;}
.pro_info_1{
overflow:hidden}
.pro_info_1_mid_right_1 a{
color:#333;}
.pro_info_1_mid_right_2_1{
margin-top:0; text-align:left; margin-bottom:6px;}
.pro_info_1_mid_right_2_2{
font-size:1.5em;}
.pro_info_1_mid_right_2{
margin-top:2em;}
.pro_info_1_mid_right_2_3{    text-align: justify;
    
font-size:1.125em; line-height:2; margin-top:2em; margin-bottom:2em;}
.pro_info_1_mid_right_2_4 a{ position:relative;
display:block; max-width:7em; border:1px #cdcdcd  solid; height:2.125em; line-height:2.125em; text-align:center;}
.pro_info_1_mid_right_2_4 a span{ position:relative; z-index:10;
display:inline-block; background-image:url(../image/img13.svg); background-position:left center; background-repeat:no-repeat; color:#363636; padding-left:1.5em;}
.pro_info_1_mid_right_2_4 a div{-webkit-transform: translate(-50%, -0%); display:none;
    transform: translate(-50%, -0%);
position:absolute; left:50%; top:3.125em; width:6.9375em; height:8em; background-image:url(../image/img94.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_info_1_mid_right_2_4 a div img{
width:6.25em; height:7.125em; margin-top:.7em;}
.pro_info_2_mid{
position:relative}
.pro_info_2_mid_left{
width:50%; margin-left:50%;}
.pro_info_2_mid_left #jobpage,.pro_info_1 #jobpage2{
position:absolute; bottom:4em; margin:0;}
.pro_info_2_mid_left #jobpage .swiper-pagination-bullet,.pro_info_1 #jobpage .swiper-pagination-bullet{ margin:0 2px;
width:25px; height:2px; border-radius:0; background-color:#fff; opacity:1;}
.pro_info_2_mid_left #jobpage .swiper-pagination-bullet-active,.pro_info_1 #jobpage .swiper-pagination-bullet-active{
background-color:#24484E;}
.pro_info_2_mid_right{
position:absolute; left:0; top:0; width:50%; height:100%;}
.pro_info_2_mid_right_mid{
padding-right:10vw;}
.pro_info_2_mid_right_mid_1{
font-size:1.125em; line-height:2;}
.pro_info_2{
margin:4.84375vw 0;}
.pro_info_3 img{
width:100%;}
.pro_info_3{
line-height:1.8;}
.pro_info_4_mid_1{
text-align:left}
.pro_info_4_mid_2 dl dd{
display:inline-block; margin-right:2em;}
.pro_info_4_mid_2 dl dd a{ position:relative;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
font-size:1.375em; color:#333; display:block; padding:10px 0px;}
.pro_info_4_mid_2 dl dd a:after{ background-color:#837966;transition: all .5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
content:''; position:absolute; left:0; bottom:0; height:2px; width:0;}
.pro_info_4_mid_2 dl dd a.on{
color:#837966;}
.pro_info_4_mid_2 dl dd a.on:after{
width:100%;}
.pro_info_4_mid_2_pic_con{ overflow:hidden;
display:none; position:relative;}
.pro_info_4_mid_2_pic_con.on{
display:block}
.pro_info_4_mid_2_pic{
margin-top:3em;}
.pro_info_4_mid_2_pic_con img{
/*width:100%;*/}
.pro_info_4_mid_2_pic_con p{ 
display:block; max-height:60vw; overflow:hidden;}
.pro_info_4_mid_2_pic_con_show a{
margin:0 auto}
.pro_info_4_mid_2_pic_con_show{
margin:6.25vw 0 0 0; display:none}
.pro_info_4_mid_2_pic_con_thir a{ font-size:1.125em; color:#040404;
font-size:1.125em; display:inline-block; position:relative; margin-right:10px; }
.pro_info_4_mid_2_pic_con_thir a span{ padding-left:1em;
display:block}
.pro_info_4_mid_2_pic_con_thir a span:after{-webkit-transform: translate(-0%, -50%);  
    transform: translate(-0%, -50%);
content:''; position:absolute; left:0; top:50%; width:0.4444444444444444em; height:0.4444444444444444em; background-image:url(../image/img17.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_info_4_mid_2_pic_con_thir a.on span:after{
background-image:url(../image/img18.png);}
.pro_info_4_mid_2_pic_con_thir{
margin-bottom:2em;}
.pro_info_re{ padding-bottom:7vw;
background-color:#f1f1f1; overflow:hidden;}
.pro_info_re_1 .index_2_mid_right_mid_3 a{
margin:0 auto}
/************effect********************/


.pro_2_1.fix{ background-color:#fff;
position:fixed; left:0; top:69.8px; width:100%; z-index:88;}
.pro_2_1.fix .pro_2_1_mid{
padding:12px 0;}

.pro_2_1.fix .pro_2_1_mid_mid_1{
height:30px;} 
.pro_2_2_3{
overflow:hidden}








@media screen and (max-width:1680px) {

.pro_2_1_mid_mid_1{
height:60px;}
.pro_2_2_3_2_1{
font-size:1.5em;}
.pro_2_2_1{
font-size:1.25em;}
.pro_2_1_mid_mid_2{
font-size:1em;}
.pro_1_mid_2_2 span:nth-child(1){
font-size:1.5em;}
.pro_1_mid_2_2 span:nth-child(2){
font-size:1em;}
.pro_1_mid_1{
font-size:3em;}
}
@media screen and (max-width:1024px) {

.contact_4_mid_mid_right img{
width:100px;}
.contact_4_mid_mid_left_1{
font-size:1.25em;}
.contact_1_1{
font-size:1.25em;}
.jobmask_mid_right_mid_1{
font-size:1.25em;}
.contact_3_2_mid_jj_1 span{
font-size:1.25em;}

.pro_1_mid_2 .swiper-slide{
width:66%;}
.pro_1_mid{
margin-left:6vw;}
.pro_1_mid_1{
font-size:2em;}
.pro_1_mid_2_2 span:nth-child(1){
font-size:1.25em;}

}
@media screen and (max-width:950px) {


.pro_2_2_3_2_1{
font-size:1.25em;}
.pro_2l {
	display:none;
}
}




@media screen and (max-width:810px) {

.contact_4_mid ul li{
width:100%;}
.jobmask_mid_right{
margin-left:0}
.jobmask_mid_left{
display:none}
.contact_3_2_mid_jj{
padding:5.5em 1.5em 1.5em 1.5em;}
.contact_2_mid ul li:nth-child(2n) .contact_2_mid_left{
float:none}
.contact_2_mid_right_mid_2{
margin-top:1.5em; padding-top:1.5em;}
.contact_2_mid ul li:nth-child(2n) .contact_2_mid_right{
float:none}
.contact_2_mid_right_mid{
padding:0 3.125vw;}
.contact_2_mid_left,.contact_2_mid_right{
width:auto; float:none;}
.contact_2_mid_left{
margin-left:3.125vw; margin-right:3.125vw;}
.contact_2_mid_right_mid_1, .contact_2_mid_left_footer{
font-size:1.5em;}
.contact_1_1{
font-size:1em;}

.pro_info_2_mid_left #jobpage,.pro_info_1 #jobpage2{
bottom:1.5em;}
.pro_info_1_mid_right_2_4 a div img{
margin-top:auto; margin-bottom:.7em;}
.pro_info_1_mid_right_2_4 a div{
bottom:3.125em; top:auto; background-image:url(../image/img91.png);}
	.shop_3_2{
	margin-top:2.5em;}
	.shop_3_2_mid_2 h4 span{
	top:0}
	.shop_3_2_mid_2 h4{
	font-size:1.125em;}
	.shop_3_2_mid{
	padding:0 10px;}
	.shop_3_1_mid{border-left: 1px #b2a99c solid;}
	.shop_3_1 ul li{
	float:left; width:20%; padding:0; border:none}
	.shop_3_1 ul li:nth-child(1) .shop_3_1_mid{
	border:none}
	.pro_info_4 .index_1_mid_1{
	position:relative; padding-bottom:10px; border-bottom:1px #bdbdbd solid;}
	.pro_info_4 .index_1_mid_1:after{ display:none;
	content:''; position:absolute; right:0; top:13px; width:15px; height:4px; background-color:#000;}
	.pro_info_4_mid_2_pic{
	margin-top:1.5em;}
	.pro_info_4_mid_2 dl dd{
	margin-right:10px;}
	.pro_info_2_mid_right_mid{
	padding-right:0; padding-top:2em;}
	.pro_info_2_mid_right{
	position:static; width:100%;}
	.pro_info_2_mid_left{
	margin-left:0; width:100%;}
	.pro_info_1{
	margin-top:80px;}
	.pro_info_2_mid_right_mid_1{
	font-size:1em;}
	.pro_info_1_mid_right_mid{
	padding-left:3.125vw; padding-right:3.125vw; padding-top:2em;}
	.pro_info_1_mid_left{
	float:none; width:auto; padding-left:3.125vw; padding-right:3.125vw;}
	.pro_info_1_mid_right{
	float:none; width:auto}
	.pro_2_2_3 ul li{
	width:49%; margin-right:0}
	.pro_2_2_3 ul li:nth-child(2n){
	float:right}
	.pro_2_2_3_2_1{
	font-size:1.125em;}
	.pro_2_1_mid{
	padding:2em 0;}
	.pro_2_1.fix{
	position:static}
	.pro_2_1_mid{
	padding:4em 0;}
	.pro_2_2_1{
	font-size:1.125em;}
	.pro_1{
	padding-bottom:4em;}
	.pro_1_mid{
	margin-left:7.73333333333333vw;
	}
	.pro_1_mid_1{
	font-size:1.5em;}
	.pro_1_mid_2_2{
	margin-top:1.5em;}
	
	
}

@media screen and (max-width:640px) {

.pro_info_2_mid_right_mid{
padding-top:0}
.pro_2_2_3_2{
padding-top:1em;}
.pro_2_1_mid_mid_1{
height:40px;}
.pro_2_1_mid ul.ul6 li{
width:33.3333%; margin-bottom:1em;}

}

@media screen and (max-width:480px) {
.pro_info_1_mid_right_2_3{
display:none}

.pro_1_mid_2_2 span:nth-child(2){
font-size:.875em;}
#addurl{
padding-top:2em;}
.pro_2_2_3_2_2{ color:#666;
font-size:.875em;}
.pro_2_2_3_2_1{
font-size:1em;}
.pro_1_mid_2_2{
margin-top:1em;}
.pro_1_mid_2_2 span:nth-child(1){
font-size:1em;}


}