@charset "utf-8";
@font-face {
  font-family: "syht";
  src: url("../fonts/sourcehansanscn-regular.ttf") format("truetype"),
       url("../fonts/sourcehansanscn-regular.eot") format("embedded-opentype"),
       url("../fonts/sourcehansanscn-regular.svg") format("svg");
}
@font-face {
  font-family: "helvetica";
  src: url("../fonts/helveticaneue-thinext_0.ttf") format("truetype"),
       url("../fonts/helveticaneue-thinext_0.eot") format("embedded-opentype"),
       url("../fonts/helveticaneue-thinext_0.svg") format("svg");
}

html,body{height:100%;}

body{padding:80px 0 0 0; margin:0px auto; font-size:14px; line-height:24px; color:#666666; width:100%; min-width:1280px; zoom:1;font-family: Microsoft YaHei,arial, sans-serif; background:#f8f8f8;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family: Microsoft YaHei,arial, sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#333333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#025fa4;}
/**:hover{transition: all ease 0.3s;}*/

/*input字体*/
:-moz-placeholder {color: #999999;}
::-moz-placeholder {color: #999999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #999999;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #999999;}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #d9d9d9; text-indent:1em;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none; color:#999999;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/selectarr.png) no-repeat scroll 95% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}

/*网页滚动条*/
::-webkit-scrollbar{
            width: 6px; height:6px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #58504a;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #e6e6e6;}

/*公用样式*/
.fl{ float:left;}.fr{ float:right;}.tl{ text-align:left !important;}.tr{ text-align:right;}.tc{ text-align:center !important;}
.hide{ display:none;}
.block{ display:block;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ z-index:1; position:relative; clear:both; max-width:1300px; margin:0px auto;}

/*font*/
.f_gray{ color:#333;}
.iconfont{ font-size:24px; vertical-align:middle;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}

@media ( max-width:1366px){
.Contain{max-width:90%;}
}
@media ( max-width:1280px){
body{ padding-top:0; }	
}
@media ( max-width:1024px){
body{ padding-top:45px; font-size:14px; line-height:24px;min-width:300px;}	
.Contain{max-width:none; margin:0 15px;}
select,input,textarea,button{ font-size:14px;}
}
/*effict*/
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1.1);transform: scale3d(1.1,1.1,1.1); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative; /*background:url(../images/nopic.jpg) center center no-repeat; background-size:contain;*/}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.imgbox img{ width:auto !important; max-height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#666666; clear:both; line-height:44px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 4px;text-align:center;color:#595959; background:#fff; border:1px solid #e6e6e6;}
.Pages .p_page a{ display:inline-block; vertical-align:middle; width:44px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ display:inline-block; vertical-align:middle; width:88px; font-family:"宋体"; font-size:18px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ color:#fff; background:#595959; border:1px solid #595959;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#595959; border:1px solid #595959; color:#fff;}

@media ( max-width:1024px){
.Pages{line-height:24px;}
.Pages a{ margin:0px 1px;width:24px;}
.Pages .p_page a{width:24px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ width:24px;}
}
/*pages end*/


/*Top*/
.Header{ z-index:999; position:fixed; left:0; top:0; background:#fff; width:100%;box-shadow:0 0 24px rgba(0,0,0,0.08); transition: all ease 0.3s; height:80px;}
.Header .Logo{ float:left; padding-top:23px;}
.Header .Logo img{ height:35px;}

.Search{float:right; padding:25px 0 0 0;}
.Search .Searchico{ cursor:pointer; color:#333;}
.Search .Searchico .icongb{ display:none;}
.Search .Searchico.on .icongb{ display:block;}
.Search .Searchico.on .iconso{ display:none;}
.Search .Searchico .iconfont{ font-size:26px;}
.Search .searchbox{width:350px; background:#fff; right:0%; box-shadow:0 0 10px rgba(0,0,0,0.2); display:none; position:absolute; top:81px;}
.Search .searchbox .input{width:100%; height:38px; line-height:38px; text-indent:1em;}
.Search .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Search .searchbox .btn { position:absolute; right:15px; top:6px; width:35px; background:none;}

.MainNav{ float:right;font-family: "syht";}
.MainNav li{ float:left; margin-left:20px;}
.MainNav span a{ position:relative; z-index:1;display:block; text-align:center; color:#72706f; font-size:15px; font-weight:1; padding:0 18px;line-height:80px; transition: all ease 0.3s;}
.MainNav .bg{ position:absolute; left:50%; width:0; bottom:0px; height:2px; background:#595959;transition: all ease 0.3s;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#72706f;}
.MainNav li:hover .bg,.MainNav li.onnav .bg,.MainNav li span a.bg{ width:100%; left:0;}

.NavPull{ z-index:99;display:none; position:absolute; text-align:center; top:80px; left:0;width:100%; padding:5px 0; line-height:33px; background:rgba(255,255,255,0.9); box-shadow:0 5px 10px rgba(0,0,0,0.1);}
.NavPull.null{background:none; padding:0;}
.NavPull dd{ display:inline-block;*display:inline;zoom:1;}
.NavPull a{ color:#333; padding:0 10px; display:block; font-size:14px; margin:0 5px;}
.NavPull a:hover{ background:#595959; color:#fff;}

.MainNav li:nth-child(6) .NavPull dl,.MainNav li:nth-child(7) .NavPull dl,.MainNav li:nth-child(8) .NavPull dl{ text-align:right;}
.MainNav li:nth-child(6) .NavPull dl{ padding-right:148px;}

.openbtn{ cursor:pointer; display:none;width:32px; height:25px; padding-top:1px; background:#fff; position:absolute; right:12px; top:9px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:45px; width:100%; height:100%; z-index:0; display:none;background: rgba(0,0,0,0.5);}
.openbtn span{ display:block; height:3px; background:#1f1a17; border-radius:4px; margin:4px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 7px) rotate(45deg) !important;
	-moz-transform: translate(0, 7px) rotate(45deg) !important;
	-ms-transform: translate(0, 7px) rotate(45deg) !important;
	-o-transform: translate(0, 7px) rotate(45deg) !important;
	transform: translate(0, 7px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

@media ( max-width:1320px){
.MainNav li{ float:left; margin-left:12px;}
}

@media ( max-width:1280px){
.Header{ position:static;}
}

@media ( max-width:1024px){
.Header{height:45px; top:0; position:fixed;}
.Header .Logo{ padding-top:14px;}
.Header .Logo img{ height:20px;}
.Header .top{ right:80px; top:5px;}
.Header .openbtn{ display:block;}
.Search{ padding:9px 38px 0 0 !important;}
.Search .Searchico{ width:26px; height:26px; line-height:26px;}
.Search .searchbox{ width:90%; left:5%; top:47px !important;}
.Search .searchbox .btn i.iconfont{font-size: 20px;}
.Search .select{ line-height:28px;}
.MainNav{ position:fixed; height:100%; overflow-y:auto; z-index:999; width:200px; padding:0; right:-200px;background: #fff;top:45px;visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.MainNav ul{ margin-top:0px;}
.MainNav li{ display:block; position:relative; cursor:pointer; float:none; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f8f6; width:auto; margin:0 10px; background:none;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:28px !important; height:auto !important; height:auto; padding:8px 0 8px 5px;  border:0; color:#999;}
.MainNav .bg{ display:none}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#1a1a1a;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100px; line-height:38px; right:0px; top:0px;}
.MainNav .arr i{ position:absolute; height:auto; background:none; right:0px; top:5px;transition: all ease 0.3s;}
.MainNav li.onnav .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.MainNav.on{visibility: visible;opacity: 1;filter: alpha(opacity=100); right:0;}

.NavPull{ position:static; line-height:30px; padding:8px; text-align:left;}
.NavPull dl{ padding:0 !important;}
.NavPull dd{ position:relative; text-align:left; display:block;}
.NavPull dd a{ padding:0;}
}
/*Top*/


/*Bottom*/
.Footer{ background:url(../images/footerbg.jpg) center top; padding-top:3%;}
.Footer .sitemap{ margin-right:184px;}
.Footer .item{line-height:30px; width:16.66666%; float:left; color:#888888; padding-bottom:32px; line-height:32px;}
.Footer .item dl{ margin:0px auto; display:inline-block; *display:inline-block; zoom:1; text-align:left;}
.Footer .item dt{ line-height:17px; height:39px; background:url(../images/dtline.png) 0px bottom no-repeat; margin-bottom:13px; position:relative; font-size:16px; color:#fff;}
.Footer .item dt .arr{ display:none;width:100%; position:absolute; left:0; top:0; height:100%;}
.Footer .item dt .arr i{ width:20px; height:100%; right:5px;top:0; font-size:16px; position:absolute;transition: all ease 0.3s;}
.Footer .item.on .arr i{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.Footer .item dl{ text-align:left;}
.Footer .item dt a{ color:#fff;}.Footer .item dt a:hover{ color:#ff6400;}
.Footer .item dd a{ color:#adadad;transition: all ease 0.3s;}.Footer .item dd a:hover{ color:#fff; margin-left:5px;}
.Footer .ewm{ position:absolute; right:0; width:184px;}
.Footer .ewm .img{ margin:0 0 32px 18px;}
.Footer .ewm .img img{display:block; width:112px; height:112px; padding:9px; background:#fff;}
.Footer .ewm .tel{ line-height:12px; color:#adadad; padding-left:42px; position:relative;}
.Footer .ewm .tel .iconfont{ left:0; top:0; width:33px; height:33px; line-height:33px; text-align:center; border:1px solid #fff; color:#fff; border-radius:50%; position:absolute;}
.Footer .ewm .tel b{ display:block; font-size:15px; margin-top:9px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#fff;}
.Footer .ewm .tel b a{color:#fff;}

.Copyright{ color:#c4c3c2; border-top:1px solid rgba(255,255,255,0.1); padding:34px 0 31px;}
.Copyright .copy{ margin-top:6px; color:#817f7d;}
.Copyright a{ color:#817f7d;}.Copyright a:hover{ color:#fff;}
.Copyright .logo{ float:right; padding-top:11px;}
.Copyright .logo{ float:right; padding-top:11px;}
.Copyright .logo img{ height:33px;}

.totop{text-align: center; cursor: pointer;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}

.FastRight{ width:72px; position:fixed; z-index:999; right:10px; bottom:15%;}
.FastRight li{ position:relative; cursor:pointer; margin-bottom:1px;}
.FastRight .ico{ height:72px;display:flex;justify-content:center; color:#1f1a17;align-items:center;flex-direction: column; background:#dfdfde;}
.FastRight .ico .iconfont{display:block; font-size:29px;}
.FastRight .ico .icons{display:block; margin: 0px auto;width:27px; height:25px; background:url(../images/shop.png) no-repeat; background-size: contain;}
.FastRight li:hover .ico .icons{background:url(../images/shop2.png) no-repeat; background-size: contain;}
.FastRight li:hover .ico{ background:#58504a; color:#fff;}
.FastRight .info{ position:absolute; top:80px; right:72px; font-size:12px; padding:10px; text-align:center; color:#fff; background:#58504a; box-shadow:0 0 10px rgba(0,0,0,0.15);
visibility: hidden;opacity: 0;filter: alpha(opacity=0);transition: all ease 0.3s;}
.FastRight .info img{ border:5px solid #fff; max-width:none; width:90px; height:90px; margin-bottom:5px;}
.FastRight .info p{margin-bottom:5px;}
.FastRight .info.tel{ line-height:26px; color:#fff; width:150px; text-align:left;}
.FastRight .info.tel b{ display:block; font-size:16px;}
.FastRight .info a{ color:#fff;}
.FastRight li.on .info{ top:0;visibility: visible;opacity: 1;filter: alpha(opacity=100);}


@media ( max-width:1024px){
.Footer{ padding-top:20px;}
.Footer .sitemap{ width:auto; float:none; margin-right:0;}
.Footer .item{width:auto; float:none; padding:0;}
.Footer .item dl{ display:block;}
.Footer .item .sub{ display:none; padding-top:8px; padding-bottom:8px;}
.Footer .item dt{line-height:35px; height:auto; font-size:14px; margin-bottom:-1px;}
.Footer .item dt .arr{ display:block;}
.Footer .ewm{ position:static;width:auto; padding-bottom:18px;}
.Footer .ewm .img{ float:left; padding-right:10px;margin: 20px 0;}
.Footer .ewm .img img{ width:80px; height:80px;}
.Footer .ewm .tel{ float:left; margin-top:47px;}

.Copyright{ padding:10px 0; line-height:20px; font-size:12px; text-align:center;}
.Copyright dd{ float:none;}
.Copyright .logo{ display:none;}

.FastRight{ width:32px; right:1px;}
.FastRight .ico{ height:32px;}
.FastRight .ico .iconfont{font-size:18px;}
.FastRight .ico .icons{auto;width:15px; height:14px; }
.FastRight .info img{ border:2px solid #fff;width:82px; height:82px;}
.FastRight em{ display:none;}
.FastRight .info{ right:32px;}
.FastRight .ico .iconfont{margin:0;}
}
/*Bottom*/


/*首页 s*/
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.15);
	box-shadow: 0 15px 30px rgba(0,0,0,0.15);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}


/*第一屏 s*/
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li .txt{position:absolute; width:50%; left:20%; top:20%; color:#fff; line-height:35px;transform:translateX(-150px);-webkit-transform:translateX(-150px);opacity:0;transition:all 1s;}
.HomeBan .slides li .txt img{ width:auto;}
.HomeBan .slides li .img{ overflow:hidden; position:relative; padding-top:40%;}
.HomeBan .slides li .video{ background-position: center top; background-repeat:no-repeat; background-size:contain; overflow:hidden; position:relative; padding-top:40%;}
.HomeBan .slides li .img img{ position:absolute; left:0; top:0;}
.HomeBan .slides li video{ position:absolute; left:0; top:0; width:100%; height:100%;object-fit: fill;}
.HomeBan .slides li.flex-active-slide .txt{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.HomeBan .flex-control-nav{bottom:5%; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 10px; vertical-align:middle;}
.HomeBan .flex-control-nav li a{ opacity:1; width:8px; height:8px; border:2px solid #9d9d9d; background:none; border-radius:50%; cursor:pointer;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:url(../images/dot1.png) center center no-repeat; width:12px; height:12px;}
.HomeBan .flex-direction-nav a { opacity: 0; border:1px solid #9f9f9f; color:#9f9f9f; width:50px; height:50px; line-height:50px; font-size:35px;}
.HomeBan .flex-direction-nav .flex-prev {left:-50px;}
.HomeBan .flex-direction-nav .flex-next {right:-50px;}
.HomeBan:hover .flex-direction-nav .flex-prev { opacity:1; left:5%;}
.HomeBan:hover .flex-direction-nav .flex-next { opacity:1; right:5%;}
.HomeBan .flex-direction-nav a:hover { border:1px solid #58504a !important; background:#58504a !important; color:#fff;}

@media ( max-width:1024px){
.HomeBan .flex-control-nav{bottom:10px; z-index:10;}
.HomeBan .flex-direction-nav{ display:none;}
.HomeBan .flex-control-nav li{ margin:0 5px;}
.HomeBan .flex-control-nav li a{ width:5px; height:5px;}
.HomeBan .flex-control-nav li a.flex-active{width:9px; height:9px;}
}
/*banner end*/
.mores{ position:relative; display:block;text-align:center; width:120px; line-height:40px; color:#333; border:2px solid #58504a; font-family:Arial, Helvetica, sans-serif;}
.mores i{ position:absolute; font-size:0; background:#58504a;transition: all ease 0.3s;}
.mores i.top{ height:2px; width:0; left:0; top:0;}
.mores i.right{height:0; width:2px; top:0; right:0;}
.mores i.bottom{ width:0; height:2px; bottom:0; right:0;}
.mores i.left{ height:0; width:2px; left:0; bottom:0;}
.mores:hover i.top{ width:100%;}
.mores:hover i.right{ height:100%;}
.mores:hover i.bottom{ width:100%;}
.mores:hover i.left{ height:100%;}
.mores:hover{border:2px solid rgba(0,0,0,0); color:#000;}


.HomeTit{ position:relative; position:relative; padding-bottom:40px;font-family: "syht";}
.HomeTit .kuang{ position:relative; width:83px; height:129px; border:6px solid #f2f2f2;}
.HomeTit .kuang span{ opacity:0;}
.HomeTit .kuang span.top{ width:0%; height:6px; top:0px; left:0px;transition: all ease 0.2s 0.1s;}
.HomeTit .kuang span.right{ height:0%; width:6px; top:0px; right:-6px;transition: all ease 0.2s 0.2s;}
.HomeTit .kuang span.bottom{ width:0%; height:6px; bottom:0px; right:0px;transition: all ease 0.2s 0.3s;}
.HomeTit .kuang span.left{ height:0%; width:6px; top:0px; left:-6px;transition: all ease 0.2s 0.4s;}
.HomeTit .txt{ z-index:2; position:absolute; left:32px; top:27px; line-height:35px; color:#58504a; font-size:30px;}
.HomeTit .txt em{ display:block; line-height:30px; color:#b4b4b4; font-size:18px; text-transform:uppercase;}
.HomeTit .txt i{ display:block; width:20px; height:9px; border-bottom:1px solid #72706f;}
.HomeTit .mores{ position:absolute; right:0; top:45px;}
.HomeTit.tc .kuang{ margin-left:10px;}
.HomeTit.tc .txt{ left:0; width:122px;}
.HomeTit.tc .txt i{ margin:0px auto;}
.HomeTit.tc2 { text-align:center;}
.HomeTit.tc2 .kuang{ margin:0px auto;}
.HomeTit.tc2 .txt{ left:0; width:100%;}
.HomeTit.tc2 .txt i{ margin:0px auto;}
.HomeTit .p{ position:relative; z-index:10; font-size:20px; color:#595959; margin-top:10px;}
.HomeTit .nav{ position:absolute; right:0; top:71px; text-align:center;}
.HomeTit .nav a{ cursor:pointer; width:105px; line-height:40px; display:inline-block; color:#4c4c4c;}
.HomeTit .nav a.on{ background:#58504a; color:#fff;}
.HomeTit .txt:hover a{ color:#333;}
.HomeTit:hover .kuang{border:6px solid rgba(0,0,0,0);}
.HomeTit:hover .kuang span{ position:absolute; background:#c7c7c7; opacity:1;}
.HomeTit:hover .kuang span.top{ width:100%;}
.HomeTit:hover .kuang span.right{ height:100%;}
.HomeTit:hover .kuang span.bottom{ width:100%;}
.HomeTit:hover .kuang span.left{ height:100%;}


.HomePro{ background:#f5f5f5; padding:5% 0 3.6%; overflow:hidden;}
.HomePro .leftimg{ width:35%; float:left;}
.HomePro .leftimg .imgbox{ padding-top:600px;transition: all ease 0.3s;}
.HomePro .rightpro{ width:60%; padding-top:520px; position:relative; float:right; margin-top:-183px;}
.HomePro .rightpro ul{ margin:22px 0 0 -15px;}
.HomePro .rightpro li{ width:20%; float:left;}
.HomePro .rightpro li .slide{ overflow:hidden; position:absolute; left:0; top:0; width:100%; visibility:hidden; opacity:0;transition: all ease 0.3s;}
.HomePro .rightpro li .slide .imgbox{ padding-top:520px;}
.HomePro .rightpro li .slide .info{ padding:0 46px; height:100%; width:200px; height:100%; z-index:1; position:absolute; background:rgba(0,0,0,0.4);display:flex;justify-content:center;flex-direction: column; left:-200px;transition: all ease 0.5s 0.2s;}
.HomePro .rightpro li .slide .info .ti{ font-size:20px; color:#fff;}
.HomePro .rightpro li .slide .info .ti i{ display:block; margin:21px 0 8px; height:36px; border-left:1px solid rgba(255,255,255,0.3);}
.HomePro .rightpro li .slide .info .p{ color:#fff; opacity:0.6;-webkit-line-clamp: 4; height:96px; margin-bottom:48px;}
.HomePro .rightpro li .slide .info .more{ color:#fff; font-family:Arial, Helvetica, sans-serif;}
.HomePro .rightpro li.on .slide .info{left:0px; opacity:1;}
.HomePro .rightpro li.on .slide{ visibility:visible; opacity:1;}
.HomePro .rightpro li .nav{ cursor:pointer; position:relative; border:1px solid #d4d4d4; margin-left:15px; height:141px;display:flex;justify-content:center;align-items:center;flex-direction: column; font-size:16px; color:#4c4c4c; text-align:center;}
.HomePro .rightpro li .ico{ margin:0px auto 16px; display:block;width:42px; height:42px; position:relative;}
.HomePro .rightpro li .i1,.HomePro .rightpro li .i2{ width:42px; height:42px; position: absolute; left:0;top:0;}
.HomePro .rightpro li .i1{ transition: 400ms;}
.HomePro .rightpro li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.HomePro .rightpro li:hover .i1,.HomePro .rightpro li.on .i1{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0);}
.HomePro .rightpro li:hover .i2,.HomePro .rightpro li.on .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.HomePro .rightpro li:hover .nav,.HomePro .rightpro li.on .nav{ background:#58504a; color:#fff; border:1px solid #58504a;}
.HomePro .rightpro li.on .nav i{ position:absolute; top:-8px; left:50%; margin-left:-8px; width:16px; height:8px; background:url(../images/proarr.png);}
.HomePro .rightpro li a:hover .info{background:rgba(0,0,0,0.6);}


@media ( max-width:1024px){
.HomePro .leftimg{ display:none;}
.HomePro .rightpro{ margin:0; width:auto; float:none; padding-top:60%;}
.HomePro .rightpro li .slide .imgbox{ padding-top:60%;}
.HomePro .rightpro li .slide .info{ padding:0 10px; width:150px;}
.HomePro .rightpro li .slide .info .ti{ font-size:16px;}
.HomePro .rightpro li .slide .info .ti i{margin:8px 0; height:10px;}
.HomePro .rightpro li .slide .info .p{ margin-bottom:10px;}
.HomePro .rightpro ul{ margin-left:-8px;}
.HomePro .rightpro li .nav{ margin-left:8px; font-size:12px; height:80px;}
.HomePro .rightpro li .ico{width:28px; height:28px; margin-bottom:5px;}
.HomePro .rightpro li .i1,.HomePro .rightpro li .i2{ width:28px; height:28px;}
}
@media ( max-width:768px){
.HomeTit{padding-bottom:20px; text-align:center;}
.HomeTit .kuang{ width:50px; height:50px; margin:0px auto;}
.HomeTit .txt{left:0; width:100% !important; top:9px; line-height:22px; font-size:18px;}
.HomeTit .txt em{ line-height:20px; font-size:14px;}
.HomeTit .txt i{ margin:0px auto; width:20px; height:9px; border-bottom:1px solid #72706f;}
.HomeTit.tc .kuang{ margin-left:0px;}
.HomeTit.tc .txt{ left:16px; width:auto; text-align:left;}
.HomeTit.tc .txt i{ margin:0;}
.HomeTit .mores{top:18px;}
.HomeTit .nav{ position:static; padding-top:5px; margin-bottom:-5px;}
.HomeTit .nav a{width:85px; line-height:32px;}
.HomeTit .p{ font-size:14px; margin-top:12px;}
.mores{width:68px; line-height:26px; font-size:12px;}
}
@media ( max-width:640px){
.HomePro .rightpro li .ico{ margin-top:8px;}
.HomePro .rightpro li .nav em{ display:block; height:40px; line-height:15px;}
.HomePro .rightpro li .slide .info{ padding:0 5%; width:90%;}
.HomePro .rightpro li .slide .info .p{ height:auto;-webkit-line-clamp: 3;}
.HomePro .rightpro li .i1,.HomePro .rightpro li .i2{ width:20px; height:20px; margin-bottom:0;}
}

.HomeCase{ overflow:hidden; background:url(../images/casebg.jpg) center top no-repeat; padding:2.5% 0 3.3%;}
.CaseList{ margin:0 0 0 -2%;}
.CaseList li{ height:220px; background:#f6f6f6; width:48%; float:left; margin:0 0 2% 2%;}
.CaseList li a{ display:block;transition: all ease 0.3s;}
.CaseList .imgbox{ float:left; width:50%; padding-top:220px;}
.CaseList .info{ padding:35px 5% 0; width:40%; float:left;}
.CaseList .tit{ line-height:39px; color:#4c4c4c; font-size:18px;}
.CaseList .line{ height:19px; width:38px; border-top:1px solid #72706f;}
.CaseList .p{ height:48px;-webkit-line-clamp: 2; color:#838383; margin-bottom:25px;}
.CaseList .more{ font-family:Arial, Helvetica, sans-serif; color:#4c4c4c;}
.CaseList li:hover{ background:#8a8a8a;}
.CaseList li:hover .tit,.CaseList li:hover .more{ color:#fff;}
.CaseList li:hover .line{ border-top:1px solid #fff;}
.CaseList li:hover .p{ color:#d9d9d9;}
.CaseList li.li1{transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0;transition:all 1s;}
.CaseList li.li2{transform:translateX(200px);-webkit-transform:translateX(200px);opacity:0;transition:all 1s 0.2s;}
.CaseList li.li3{transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0;transition:all 1s;}
.CaseList li.li4{transform:translateX(200px);-webkit-transform:translateX(200px);opacity:0;transition:all 1s 0.2s;}
.CaseList.anm li{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

.CaseLogo{ background:#fff; border:1px solid #e5e5e5; padding:19px;}
.CaseLogo .imgbox{ padding-top:60%; margin:0 10px;}
.CaseLogo .imgbox span{ background-size:contain;}
.CaseLogo .flex-direction-nav a{ width:30px; height:30px; line-height:30px; color:#a4a4a4;}
.CaseLogo .flex-control-nav{ display:none;}
@media ( max-width:1024px){
.CaseList li{height:180px;}
.CaseList .imgbox{ padding-top:180px;}
.CaseList .line{ height:5px;}
.CaseList .p{ height:auto;margin-bottom:10px;}
.CaseList .tit{ line-height:28px;font-size:15px;}
}
@media ( max-width:768px){
.CaseList li{ width:auto; float:none; height:120px;}
.CaseList .imgbox{ padding-top:120px;}
.CaseList .info{ padding-top:10px;}
.CaseList .p{ margin-bottom:0;}
}

.HomeAbout{ overflow:hidden; background:#f6f6f6; padding:4.5% 0;}
.HomeAbout .left{ width:47.5%; float:left;}
.HomeAbout .left .imgbox{ padding-top:575px;}
.HomeAbout .left .num{ background:#f6f6f6; font-size:0; height:240px;display:table; width:100%;}
.HomeAbout .left .num ul{ display:table-row;}
.HomeAbout .left .num li{ font-size:14px; color:#8e8e8e; line-height:16px; display:table-cell; vertical-align:middle; text-align:center; width:33.333%; background:url(../images/line.gif) right center no-repeat;}
.HomeAbout .left .num li i{ display:block; line-height:30px; font-size:38px; color:#58504a; margin-bottom:10px;font-family: "helvetica";}
.HomeAbout .left .num li span{ display:block; height:32px;}
.HomeAbout .left .num li:last-child{ background:none;}
.HomeAbout .right{ width:52.5%; float:right;}
.HomeAbout .right .HomeTit{ margin-left:24px;}
.HomeAbout .info{ margin-left:56px; height:392px;}
.HomeAbout .info .start{ line-height:56px;transition: all ease 0.3s; position:relative; border-bottom:3px solid #d6d6d6; font-size:20px; color:#58504a;}
.HomeAbout .info .start img{ width:34%; text-align:right; position:absolute; top:-27px; right:0; text-align:right;}
.HomeAbout .info .txt{ margin:38px 0 43px; height:150px; overflow:hidden;-webkit-line-clamp: 5; line-height:30px; color:#838383;}
.HomeAbout .info .start:hover{ color:#333; font-size:26px;}
.HomeAbout .right .imgbox{ padding-top:240px;}
.HomeAbout .right .imgbox em{transition: all ease 0.3s; position:absolute; z-index:2; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.4);display: flex;align-items: center;justify-content: center;}
.HomeAbout .right .imgbox em .iconfont{transition: all ease 0.3s; font-size:66px; color:#fff;}
.HomeAbout .right:hover .imgbox em{background:rgba(0,0,0,0.2);}
.HomeAbout .right:hover .imgbox em .iconfont{ font-size:50px;}
.HomeAbout .company{font-family: "syht"; padding:6px 0 23px; font-size:18px; color:#b4b4b4;}
.HomeAbout .company span{ display:block; line-height:41px; font-size:30px; color:#58504a;}
.HomeAbout .company span i{ display:block; width:20px; height:16px; border-bottom:1px solid #72706f;}

.HomeAbout.sub{ padding:0; background:none;}
.HomeAbout.sub .left { width:45%;}
.HomeAbout.sub .left .imgbox{ padding-top:640px;}
.HomeAbout.sub .left .num{ height:340px;}
.HomeAbout.sub .info { height:640px; margin-left:60px; overflow-y:auto;}
.HomeAbout.sub .info .txt{ height:auto; margin:0;-webkit-line-clamp:1000;}
.HomeAbout.sub .right { width:55%;}
.HomeAbout.sub .right .imgbox{ padding-top:340px;}

@media ( max-width:1024px){
.HomeAbout .left{ width:auto !important; float:none;}
.HomeAbout .left .imgbox{ padding-top:70% !important;}
.HomeAbout .left .num li i{ font-size:26px;}
.HomeAbout .left .num{height:100px !important;}
.HomeAbout .right{ width:auto !important; float:none;}
.HomeAbout .right .imgbox{ padding-top:30%;}
.HomeAbout .info{ margin:0 0 18px; height:auto;}
.HomeAbout .right .HomeTit{ margin-left:0;}
.HomeAbout .info .start{ line-height:45px; font-size:16px;}
.HomeAbout .info .txt{ margin:12px 0; height:auto;line-height:24px;}
.HomeAbout.sub .info{ margin-left:0; height:auto;}
.HomeAbout .company{ font-size:16px;}
.HomeAbout .company span{ font-size:22px; line-height:30px;}
}
@media ( max-width:640px){
.HomeAbout .info .start img { top:0;}
.HomeAbout.sub .right .imgbox{ padding-top:48%;}
.HomeAbout .right .imgbox em .iconfont{font-size:40px;}
.HomeAbout .right:hover .imgbox em .iconfont{ font-size:30px;}
}

.HomeCulture{ background:url(../images/culturebg.jpg) center bottom no-repeat; background-size:cover; padding-top:120px; overflow:hidden; position:relative; height:670px;}
.HomeCulture li{ width:20%; float:left;}
.HomeCulture li .box{ font-size:13px; color:#838383; background:rgba(255,255,255,0.9);transition: all ease 0.3s; border-left:1px solid #e8e8e8; padding:53px 27px 0; height:207px;}
.HomeCulture li .box .ico{ text-align:right; position:relative;}
.HomeCulture li .box .ico i{ width:18px; height:10px; border-bottom:1px solid #aaaaaa; position:absolute; left:0; top:0;}
.HomeCulture li:first-child .box{border-left:0px;}
.HomeCulture .ti{ line-height:48px; padding-top:3px; font-size:18px; color:#4c4c4c;}
.HomeCulture .li2 .box,.HomeCulture .li4 .box{ background:rgba(234,234,234,0.9);}
.HomeCulture .imgbox{ width:56.85%; height:100%; position:absolute; top:0; left:0%; z-index:0;}
.HomeCulture .HomeTit{ margin:0 0 125px 68.5%;}
.HomeCulture li:hover{ position:relative; z-index:2;}
.HomeCulture li:hover .box{
transform:scale(1.2);
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2); position:relative; background:#fff;}
.HomeCulture .li2:hover .box,.HomeCulture .li4:hover .box{ background:#eaeaea;}


@media ( max-width:1440px){
.HomeCulture{padding-top:60px; height:500px;}
.HomeCulture .HomeTit{ margin:0 0 0px 64%;}
.HomeCulture .imgbox{ width:59.2%;}
}
@media ( max-width:1024px){
.HomeCulture li .box{padding:23px 12px 0; height:237px;}
.HomeCulture .ti{ line-height:26px; font-size:16px;}
}
@media ( max-width:768px){
.HomeCulture .HomeTit{ margin-left:0;}
.HomeCulture { height:auto; padding-top:20px;}
.HomeCulture .li2 .box{ background:#fff;}
.HomeCulture .li1 .box,.HomeCulture .li4 .box,.HomeCulture .li5 .box{ background:#f8f8f8;}
.HomeCulture li .box{ border-bottom:1px solid #e8e8e8; padding-top:12px; height:135px;}
.HomeCulture .imgbox{ width:auto; position:relative; height:auto; padding-top:68%;}
.HomeCulture li:nth-child(1){ width:auto; float:none;}
.HomeCulture li{ width:50%;}
.HomeCulture li .box .ico img{ width:26px;}
}

.HomeNews{ background:#f5f5f5; padding:3.7% 0;}
.HomeNews .scroll{ padding-bottom:85px; overflow:hidden; position:relative;}
.HomeNews .imgbox{ padding-top:70%;}
.HomeNews .flex-viewport{ margin-left:-50px;}
.HomeNews .box{ margin-left:50px;}
.HomeNews .info{transition: all ease 0.3s; padding:17px 18px; color:#838383;}
.HomeNews .info .tit{ line-height:45px; font-size:16px; color:#4c4c4c;}
.HomeNews .info .p{ color:#838383;-webkit-line-clamp: 2; height:48px; margin-bottom:14px;}
.HomeNews a:hover .info .tit{ color:#222;}
.HomeNews a:hover .info{ background:#fff;}
.HomeNews .flex-direction-nav a{ top:auto; bottom:-85px; margin-top:0; width:42px; height:38px; border:1px solid #cac9c9; border-radius:0; text-indent:999em; font-size:0;}
.HomeNews .flex-direction-nav .flex-prev{ left:auto; right:52px; background:url(../images/arr1.png) center center no-repeat;}
.HomeNews .flex-direction-nav .flex-prev:hover{background: #1f1a17 url(../images/arr01.png) center center no-repeat;}
.HomeNews .flex-direction-nav .flex-next{ right:0;background:url(../images/arr2.png) center center no-repeat;}
.HomeNews .flex-direction-nav .flex-next:hover{background: #1f1a17 url(../images/arr02.png) center center no-repeat;}
.HomeNews .flex-control-nav{ display:none;}
.HomeNews .mores{ position:absolute; left:0; bottom:0;}
@media ( max-width:1024px){
.HomeNews .flex-viewport{ margin-left:-20px;}
.HomeNews .box{ margin-left:20px;}
.HomeNews .info{ padding:10px;}
.HomeNews .info .tit{ font-size:15px; line-height:28px;}
.HomeNews .info .p{ margin-bottom:5px;}
}
@media ( max-width:640px){
.HomeNews{ padding-bottom:25px;}
.HomeNews .flex-viewport{ margin-left:-10px;}
.HomeNews .box{ margin-left:10px;}
.HomeNews .scroll{ padding-bottom:48px;}
.HomeNews .flex-direction-nav a{ bottom:-48px;width:35px; height:30px;}
}
/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; height:200px; min-height:200px; padding-top:3.6%; padding-bottom:3.6%;}
.SubBan { position:relative;}
.SubBan .txt{ width:300px; position:absolute; left:50%; margin-left:-650px; top:28.5%;}
.SubBan .txt img{}
.SubBan .txt span{ border:6px solid rgba(255,255,255,0.3); width:116px; height:148px; position:absolute; top:0; right:0px;}
.SubBan .img img{ width:100%;}

.ColumnName{ font-weight:normal; text-align:center; font-size:15px; color:#fff; background:#595959; border-top:1px solid #f8f8f8; display:none; line-height:38px; position:relative;}
.ColumnName span{ display:inline-block; border-bottom:1px solid #fff; padding-bottom:22px;}
.ColumnName .arr{ position:absolute; width:30px; right:10px; top:0;transition: all ease 0.3s;}
.ColumnName .iconfont{ font-size:20px;}
.ColumnName.on .arr{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.SubMenu{font-family: "syht"; line-height:60px;clear:both; text-align:center; position:relative; z-index:5; background:#ffffff;transition: all ease 0.3s;}
.SubMenu ul{ float:left;}
.SubMenu li{float:left; position:relative; margin-right:44px;}
.SubMenu li a{ z-index:1; position:relative; z-index:1; display:block; font-size:15px; padding:0 4px; color:#72706f;}
.SubMenu li .bg{ position:absolute; z-index:0; width:0%; bottom:0px; height:2px; left:0; background:#595959;transition: all ease 0.3s; font-size:0;}
.SubMenu li:hover .bg,.SubMenu li.onli .bg,.SubMenu li.active .bg{ width:100%;}
.SubMenu li a:hover,.SubMenu li.onli a{}
.SubMenu .place{ float:right;}
.SubMenu .place a{ color:#666666;}
.SubMenu .place a:hover,.SubMenu .place span{}
.SubMenu.wedding_fix{ position:fixed; left:0; top:80px; z-index:100; width:100%;}

.SinglePage{word-wrap:break-word;word-break:normal;text-align:justify; color:#333333; line-height:30px; font-size:16px;}
.SinglePage video{ width:80% !important; margin:0px auto; height:auto !important;}

.SubTit{ text-align:center; padding-bottom:3%;}
.SubTit h2{ line-height:75px; font-size:36px; color:#262626; color:#262626; font-weight:normal;}
.SubTit h2 i{ width:36px; display:block; height:20px; border-top:2px solid #025fa4; margin:0px auto;}

.videoinfo{ width:55%; margin:25px auto; position:relative;}
.VideoInfo video{object-fit: fill;}
.mfp-close{ border-radius:50%; background:#0080af; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:0px; top:0px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}

@media ( max-width:1280px){
.SubBan .txt{ display:none; left:3%; width:150px; margin-left:0;}
.SubBan .txt span{ width:50px; height:64px;}
}
@media ( max-width:1024px){
.SubPage{ padding-top:20px;padding-bottom:20px;}
.Place{ line-height:28px;}
.ColumnName{ display:block;}
.SubMenu{ border-bottom:0; margin-top:0; background:none; line-height:35px; height:auto; display:block;}
.SubMenu ul{ display:none;}
.SubMenu li{position:relative;display:block;}
.SubMenu li a{ z-index:1; position:relative; display:block; font-size:18px; color:#000000; border-right:1px solid #eaeaea;}
.SubMenu ul{ display:none; background:#fff; float:none;}
.SubMenu li{text-align:left; width:auto; float:none; border-bottom:1px solid #ddd;}
.SubMenu li a{font-size:15px; padding:0 5%; border-left:0; border-right:0; line-height:36px; height:auto;}
.SubMenu li .bg{ display:none;}
.SubMenu li:last-child{ border-bottom:0;}
.SubMenu li a:hover,.SubMenu li.active a{ color:#143a83;}
.SubMenu.wedding_fix{ position:static;}

.SinglePage{ line-height:24px; font-size:14px;}
.SinglePage video{ width:100% !important;}

.SubTit h2{ line-height:40px; font-size:18px;}

.videoinfo{ width:95%;}
}
/*栏目页公用样式 end*/


/*大事记 s*/
.History{ position:relative; padding-top:80px; background:url(../images/lsline.gif) center top repeat-y;}
.History .dots{ position:absolute; width:14px; height:14px; left:50%; top:0; margin-left:-9px; border:2px solid #d9d9d9; border-radius:50%; background:#fff;}
.History li{ clear:both; width:50%; margin-bottom:7%;}
.History .box{ padding:0 50px; height:auto !important; height:140px; min-height:100px; position:relative;}
.History .year { background-image:url(../images/lsdot.png); background-position:0 center; background-repeat:no-repeat; padding-left:58px; position:absolute; right:-130px; top:25px; line-height:50px; color:#58504a; font-size:36px; font-family:Arial, Helvetica, sans-serif;}
.History .txt{ border:1px solid #d4d4d4; padding:20px; position:relative; background:#fff; line-height:30px; font-size:16px;}
.History .txt .arr{ position:absolute; right:-9px; width:9px; height:16px; background:url(../images/lsarr1.png); top:50%; margin-top:-8px;}
.History li.next { float:right; clear:none;}
.History li.next .dot{ right:-8px; left:auto;}
.History li.next .year{ right:auto; left:-130px;background-position:right center;padding:0 58px 0 0;}
.History li.next .txt .arr{ right:auto; left:-9px;background:url(../images/lsarr2.png);}

.History li:hover .txt{ color:#fff; background:#58504a; border:1px solid #58504a;}
.History li:hover .year{ background-image:url(../images/lsdot2.png);}
.History li:hover .txt .arr{background:url(../images/lsarr01.png);}
.History li.next:hover .txt .arr{background:url(../images/lsarr02.png) right center no-repeat;}

@media ( max-width:768px){
.History{  padding-top:10px; background-position:10px top;}
.History .dots{ left:0; margin-left:0;}
.History li{ width:auto; float:none !important; margin-bottom:15px;}
.History .year { left:0 !important; padding:0 0 0 21px !important; width:80px; font-size:16px;background-position:0 center !important;}
.History li .year{ right:auto; left:-130px;background-position:right center;padding:0 58px 0 0;}
.History .txt{ font-size:14px; line-height:24px; padding:15px;}
.History li .txt .arr{ right:auto !important; left:-9px !important;background:url(../images/lsarr2.png);}
.History li:hover .txt .arr{background:url(../images/lsarr02.png) right center no-repeat !important;}
.History .box{ padding:0 0 0 75px;}
}

/*企业荣誉 s*/
.HornorList{ margin:0 0 2% -3%; padding-bottom:8px;}
.HornorList li{ width:22%; float:left; margin:0 0 0 3%; text-align:center;}
.HornorList .imgbox{ background:#fff; padding-top:72%; margin-bottom:12px;transition: all ease 0.3s;}
.HornorList .imgbox span{ width:92%; height:92%; left:4%; top:4%;}
.HornorList .ti{ height:59px; font-size:16px; color:#72706f;}
@media ( max-width:768px){
.HornorList li{ width:30.333%; padding-bottom:3%;}
.HornorList li:nth-child(3n+1){ clear:both;}
.HornorList .ti{ height:auto; font-size:14px;}
}
@media ( max-width:640px){
.HornorList li{ width:47%;}
.HornorList li:nth-child(3n+1){ clear:none;}
.HornorList li:nth-child(2n+1){ clear:both;}
}

/*工程案例 s*/
.CaseList2{ margin:0 0 0 -2%;}
.CaseList2 li{ width:31.333%; float:left; margin:0 0 3% 2%;position: relative;}
.CaseList2 li b{display: block;width:100%;height:2px;background:#58504a;position: absolute;bottom:0;left:0;transform: rotateY(-90deg);-webkit-transform: rotateY(-90deg);transition: all ease .5s;}
.CaseList2 .box{ padding:20px;transition: all ease 0.3s;}
.CaseList2 .imgbox{ padding-top:68%; margin-bottom:18px;}
.CaseList2 .info{ position:relative;}
.CaseList2 .info .tit{ width:80%; line-height:31px; font-size:18px; color:#4c4c4c;}
.CaseList2 .info .p{ height:24px;-webkit-line-clamp: 1; color:#838383; margin-right:30px; font-size:13px;}
.CaseList2 .info .arr{ opacity:0; position:absolute; right:9px; top:19px; background:url(../images/arr2.png); width:20px; height:15px;}
.CaseList2 li:hover .box{ background:#fff;}
.CaseList2 li:hover .arr{ opacity:1;}
.CaseList2 li:hover b{transform: rotateY(0);-webkit-transform: rotateY(0);}
@media ( max-width:1024px){
.CaseList2 .box{ padding:5px;}
.CaseList2 .info{ margin:0 5px;}
.CaseList2 .imgbox{ margin-bottom:8px;}
.CaseList2 .info .tit{ font-size:15px; line-height:24px;}
.CaseList2 .info .arr{ top:10px;}
}
@media ( max-width:640px){
.CaseList2 li{ width:48%;}
}

/*合作品牌 s*/
.BrandList{ margin:0 0 2% -20px;}
.BrandList li{ width:25%; float:left;}
.BrandList .box{ position:relative;transition: all ease 0.3s; background:#fff; margin:0 0 20px 20px;}
.BrandList .imgbox{ padding-top:65%;}.BrandList .imgbox span{ width:92%; height:92%; left:4%; top:4%;}
.BrandList li .bg{ position:absolute; z-index:0; width:0%; bottom:0px; height:2px; left:50%; background:#58504a;transition: all ease 0.3s; font-size:0;}
.BrandList li:hover .bg,.BrandList li.onli .bg{ width:100%; left:0;}

.VideoList{ margin:0 0 2% -3.333%;}
.VideoList li{ width:30%; float:left; margin:0 0 3% 3.333%; text-align:center;}
.VideoList .imgbox{ padding-top:62%; margin-bottom:16px;}
.VideoList .imgbox em{ z-index:2; position:absolute; left:0; top:0; background:rgba(0,0,0,0.2); width:100%; height:100%;display: flex;align-items: center;justify-content: center;}
.VideoList .imgbox .iconfont{ color:#fff; font-size:46px;}
.VideoList .tit{ font-size:18px; color:#4c4c4c;}
.VideoList.hyzb .imgbox{ padding-top:100%;}
.VideoList.hyzb .imgbox span{ background-size:contain;}

@media ( max-width:768px){
.BrandList{ margin:0 0 3% -10px;}
.BrandList .box{ margin:0 0 10px 10px;}
.BrandList li{ width:33.333%;}

.VideoList{ margin:0 0 2% -3%;}
.VideoList li{ width:47%; margin:0 0 3% 3%;}
.VideoList .tit{ font-size:15px;}
.VideoList .imgbox{ margin-bottom:8px;}
.VideoList .imgbox .iconfont{ font-size:34px;}
}

/*工艺流程 s*/
.PhotoList{ padding:5% 0; margin-left:-3.33333%;}
.PhotoList li{ width:30%; float:left; margin:0 0 0 3.33333%; box-shadow:0 0 40px rgba(128,128,128,0.2); text-align:center;transition: all ease 0.3s;}
.PhotoList .imgbox{ padding-top:52%;}
.PhotoList .ti{ font-size:18px; background:#fff; height:60px;display: flex;align-items: center;justify-content: center;}
.Company{ background:url(../images/lcbg.gif) center top no-repeat; background-size:cover;}

.Processbox{ padding:4% 0 1.5%; background:#fff;}
.Process{ overflow:hidden; }
.Process ul{ margin-left:-4%;}
.Process li{ padding-left:4%; margin-bottom:4%; border-bottom:1px solid #e6e6e6; color:#58504a; width:21%; float:left; text-align:center;}
.Process .ti{ line-height:20px; height:58px; font-size:18px; color:#58504a; position:relative;display: flex;align-items: center;justify-content: center;}
.Process .ti i{ background:url(../images/dot2.gif); width:5px; height:5px; position:absolute; left:50%; bottom:-3px; margin-left:-2px;}
.Process .imgbox{ padding-top:65%; background:#f0f0f0;transition: all ease 0.3s;}
.Process .imgbox span{ width:90%; height:90%; left:5%; top:5%;}
.Process li:hover .ti{ font-weight:bold;}

.Processbox2{ padding:0 0 5%; background:#727272 url(../images/lcbg.jpg) center center no-repeat; background-size:cover;}
.Processbox2 .thead{ text-align:center; padding:6.6% 0 26px; border-bottom:1px solid rgba(255,255,255,0.1); font-size:30px; margin-bottom:4%; color:#fff; position:relative;font-family: "syht";}
.Processbox2 .thead i{ width:80px; height:6px; background:url(../images/line.png); position:absolute; left:50%; bottom:-6px; margin-left:-40px;}
@media ( max-width:1024px){
.PhotoList .ti{ font-size:14px;}
.Process .ti{font-size:14px;}
.Processbox2 .thead{ font-size:18px; padding-bottom:10px;}
}
@media ( max-width:768px){
.PhotoList .imgbox{ padding-top:68%;}
.Process li{ width:29.33333%;}
.Processbox2 .thead{ font-size:16px; padding-top:25px;}
}

/*产品中心 s*/
.ProList{ margin:0 0 2% -3.3333%;}
.ProList li{transition: all ease 0.3s; width:30%; float:left; margin:0 0 3.5% 3.3333%; text-align:center;}
.ProList .imgbox{ padding-top:68%;}
.ProList .tit{ line-height:57px; font-size:18px; color:#4c4c4c; border-bottom:1px solid #e6e6e6;}

.ProImg{ width:48%; float:left;}
.ProImg #bigimg .imgbox{ padding-top:70%;}
.ProImg #bigimg .flex-direction-nav{ display:none;}
.ProImg #smallimg{ padding:0 25px; margin-top:-100px; z-index:2;}
.ProImg #smallimg .imgbox{ cursor:pointer; background:#58504a; padding-top:66%; margin:0 5px;}
.ProImg #smallimg .flex-active-slide .imgbox span{ width:94%; height:93%; left:3%; top:3%;}
.ProImg .flex-direction-nav a{ width:24px; height:40px; line-height:40px; font-weight:normal; font-size:22px; border-radius:0; background:rgba(0,0,0,0.5); color:#fff;}
.ProImg .flex-direction-nav .flex-prev{ left:0;}
.ProImg .flex-direction-nav .flex-next{ right:0;}
.ProImg .flex-direction-nav .flex-disabled{opacity: 1!important;}
.ProInfo{ width:47.5%; float:right;}
.ProInfo .thead{ line-height:32px; padding-bottom:18px; border-bottom:2px solid #d6d6d6; font-size:30px; color:#58504a;font-family: "syht";}
.ProInfo .txt{ color:#838383; line-height:30px; margin:30px 0 45px;}

@media ( max-width:1024px){
.ProInfo .thead{ font-size:18px; padding-bottom:8px;}
.ProInfo .txt{ line-height:24px; margin:15px 0;}
}
@media ( max-width:768px){
.ProList{ margin-left:-3%;}
.ProList li{ width:47%; margin-left:3%;}
.ProList .tit{ line-height:35px; font-size:15px;}

.ProImg{ width:auto; float:none; padding-bottom:20px;}
.ProImg #smallimg{ margin-top:15px;}
.ProInfo{ width:auto; float:none;}
}


/*服务中心 s*/
.Numbox{ font-size:0; height:215px;display:table; width:100%;}
.Numbox ul{ display:table-row;}
.Numbox li{ font-size:16px; color:#8e8e8e; display:table-cell; vertical-align:middle; text-align:center; width:20%; background:url(../images/line.gif) right center no-repeat;}
.Numbox li i{ display:block; line-height:30px; font-size:48px; color:#58504a; margin-bottom:10px;font-family: "helvetica";}
.Numbox li span{ display:block;}
.Numbox li:last-child{ background:none;}
.mapbg{ background:url(../images/map.gif) center top no-repeat;}

.KnowLedge{ background:#fff; margin-bottom:4%;font-family: "syht";}
.KnowLedge .imgbox{ padding-top:19%;}
.KnowLedge .imgbox .arr{ position:absolute; left:50%; background:url(../images/arr3.png); bottom:0; z-index:2; width:27px; height:16px; margin-left:-13px;}
.KnowLedge .box{ padding:50px;}
.KnowLedge .thead{ text-align:center; font-size:32px; color:#595959; line-height:37px; padding-bottom:17px;}
.KnowLedge .thead i{ display:block; margin:0px auto; width:30px; height:16px; border-bottom:1px solid #595959;}
.KnowLedge .content{ line-height:60px; background:url(../images/linebg.gif); color:#808080;}
.KnowLedge .num{ color:#595959;}
.KnowLedge .item2:first-child{ padding-top:0;}
.KnowLedge .item2{ padding:0 0 0 24px;}
.KnowLedge .item3{ padding:0 0 0 52px;}
.KnowLedge .item3 p{ display:inline-block; *display:inline;zoom:1; min-width:350px;}
.KnowLedge .item3:last-child{ border-bottom:0; padding-bottom:0;}

.Pdfbox{transition: all ease 0.3s; background:#595959; padding:25px 0 32px 155px; position:relative;font-family: "syht";}
.Pdfbox .ico{ position:absolute; left:60px; top:42px;}
.Pdfbox .ti{ line-height:49px; font-size:28px; color:#f5f5f5;}
.Pdfbox .ti span{ opacity:0.5; font-size:16px; line-height:24px; display:block;}
.Pdfbox .iconfont{ color:#fff; position:absolute; right:77px; top:47px; font-size:38px;}
.Pdfbox a{ display:block;}

.Mapbox{ position:relative; max-width:989px; margin:20px auto 0;}
.Mapbox .company{ z-index:2; position:absolute; left:70%; width:30%; top:60.6%;}
.Mapbox .company .dot{ display:block; position:relative; width:30px; height:30px; background:#e3cc4e; border-radius:50%; box-shadow:0 0 30px rgba(0,0,0,0.8);
animation: warn 1s ease-in;
    -webkit-animation: warn 1s ease-in;
    -moz-animation: warn 1s ease-in;
    /*规定动画无限次播放*/
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;}
.Mapbox .company .dot i{ position:absolute; background:#fff; border-radius:50%; width:12px; height:12px; left:50%; top:50%; margin:-6px 0 0 -6px;}
.Mapbox .company .logo{ position:absolute; top:-78px; left:-34px;}

.FaqList{ background:#fff; margin-bottom:3%;}
.FaqList .item{ border-bottom:1px solid #ebebeb;}
.FaqList .thead{ cursor:pointer;font-family: "syht"; line-height:38px; padding:15px 18px 15px 51px; position:relative; color:#000000; font-size:18px; background:#fff;}
.FaqList .thead .iconfont{ color:#bab6b5; font-size:22px; position:absolute; left:19px;}
.FaqList .thead .arr{ position:absolute; right:50px; background:url(../images/jia.gif); width:15px; height:15px; top:28px;}
.FaqList .info{ display:none; background:#f6f6f6; line-height:30px; color:#838383; padding:30px 5% 30px 40px;}
.FaqList .item.on .thead{ box-shadow:0 0 20px rgba(0,0,0,0.1);}
.FaqList .item.on .thead .arr{background:url(../images/jian.gif);}

.mainbg{ background:url(../images/mainbg.jpg) 0px top repeat-x;}

.Askinfo{ position:relative; text-align:center; background:#f5f5f5; font-size:16px; line-height:30px; padding:38px 158px; margin-bottom:5%; color:#808080;}
.Askinfo .kh{ width:31px; height:24px; background:url(../images/kh.png); position:absolute; top:44px;}
.Askinfo .kh.k1{ left:80px;}
.Askinfo .kh.k2{ right:80px;}

.Message{ margin:0 0 0 -2%;}
.Message .item{ clear:both; margin-bottom:15px; padding-left:2%;}
.Message .item dt{ height:46px; line-height:46px; font-size:18px; color:#58504a;}
.Message .w50{ clear:none; width:48%; float:left;}
.Message .w30{ clear:none; width:31.333%; float:left;}
.Message .input{ width:99.5%; border:1px solid #e6e6e6; height:68px; line-height:68px; text-indent:1.5em; font-size:16px;}
.Message .select{ width:100%; border:1px solid #e6e6e6; height:68px; line-height:68px; text-indent:1.5em; font-size:16px;}
.Message .textarea{ border:1px solid #e6e6e6; padding:15px;}
.Message .textarea textarea{ width:100%; height:190px;}
.Message .btn{ text-align:center; padding-top:30px;}
.Message .sendbtn{ cursor:pointer; color:#fff; width:420px; height:70px; background:#595959; font-size:24px;}
.Message .sendbtn:hover{ background:#6f6f6f;}

@media ( max-width:1024px){
.Numbox{ height:115px;}
.Numbox li{ font-size:14px; line-height:20px; font-size:13px;}
.Numbox li i{ font-size:20px; margin-bottom:0;}
.mapbg{ background-size:contain;}

.KnowLedge .thead{font-size:18px; line-height:24px; padding-bottom:10px;}
.KnowLedge .thead i{ height:8px;}
.KnowLedge .box{ padding:15px;}
.KnowLedge .content{ line-height:30px; background:url(../images/linebg2.gif);}
.Pdfbox{ padding:20px 0 20px 20px;}
.Pdfbox .ti{ line-height:32px; font-size:18px;}
.Pdfbox .ti em{ padding-left:38px;}.Pdfbox .ti span{font-size:14px;}
.Pdfbox .ico{ left:20px; top:24px; width:22px;}
.Pdfbox .iconfont { top:37px; right:20px;}

.Askinfo{font-size:15px; line-height:26px; padding:18px 35px;}
.Askinfo .kh{ width:22px; height:17px; background-size:contain; top:26px;}
.Askinfo .kh.k1{ left:12px;}
.Askinfo .kh.k2{ right:12px;}

.Message .item dt{ height:32px; line-height:32px; font-size:15px;}
.Message .input{height:42px; line-height:42px;font-size:14px;}
.Message .select{ height:44px; line-height:44px; font-size:14px;}
.Message .textarea textarea{ height:140px;}
.Message .sendbtn{ width:300px; height:50px; font-size:18px;}
}
@media ( max-width:640px){
.KnowLedge .item3 p{min-width:100px;}
.Mapbox .company .logo{ top:-40px;}
.Mapbox .company .dot{ width:20px; height:20px;}
.Mapbox{ margin-top:0;}

.FaqList .thead{line-height:24px; padding:11px 22px 11px 40px; font-size:15px;}
.FaqList .thead .iconfont{ left:10px;}
.FaqList .thead .arr{right:8px; top:16px;}
.FaqList .info{ line-height:24px; padding:15px;}

.Message .item{ width:auto !important; float:none;}
.Message .item .dz{ height:0px;}
.Message .input{height:35px; line-height:35px;}
.Message .select{ height:37px; line-height:37px;}
.Message .textarea textarea{ height:100px;}
.Message .btn{ padding-top:15px;}
.Message .sendbtn{ width:140px; height:40px;}
}


/*新闻中心 s*/
.Newsbg{ background:#f7f7f7 url(../images/newsbg.jpg) center top no-repeat;}
.NewsList{ margin:0 0 2% -3.333%;}
.NewsList li{transition: all ease 0.3s; width:30%; float:left; margin:0 0 3% 3.333%;}
.NewsList .imgbox{ padding-top:70%;}
.NewsList .imgbox .date{ text-align:center; z-index:2; left:20px; bottom:0; width:105px; line-height:40px; background:rgba(0,0,0,0.5); color:#fff; position:absolute;}
.NewsList .tit{ font-size:16px; line-height:45px; color:#4c4c4c;}
.NewsList .p{ height:48px; color:#838383;-webkit-line-clamp: 2;}
.NewsList .info{ padding:18px;}

.Newsinfo{ margin:-45px auto 0; max-width:1000px;}
.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding-bottom:18px;}
.Titleinfo .tits{font-size:24px; color:#333; line-height:40px;}
.Titleinfo .date{ font-size:14px; padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}
.PrevNextBox {margin:50px 0 0 0;position:relative; padding-top:11px; border-top:1px solid #e6e6e6; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:70%; line-height:50px; height:50px;overflow:hidden; border-bottom:1px dotted #d9d9d9; position:relative;}
.PrevNextBox dl span{ padding:0 75px 0 55px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;}
.PrevNextBox dl span .date{ position:absolute; right:0; top:0; color:#808080; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#333333;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox a.back{ position:absolute; right:0; top:54px; color:#333; font-size:16px; padding-right:31px; background:url(../images/back.png) right center no-repeat;}

@media ( max-width:1024px){
.Newsinfo{ margin:-10px auto 0;}
}

@media ( max-width:768px){
.NewsList{ margin:0 0 2% -3%;}
.NewsList li{ width:47%; margin:0 0 3% 3%;}
.NewsList .tit{ font-size:15px; line-height:28px;}
.NewsList .info{ padding:10px;}
.NewsList .imgbox .date{ line-height:32px; width:90px; font-size:12px;}

.Titleinfo{ margin-bottom:18px; padding-bottom:10px;}
.Titleinfo .tits{font-size:18px; line-height:24px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:50px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:45px;}
.PrevNextBox a.back{ font-size:14px; top:-35px;}
}

/*联系我们 s*/
.Contact{ background:#fff; padding:2px;}
.Contact #dituContent{ width:58%; float:left; height:456px;}
.Contact .info{ width:38%; padding:120px 2% 0; float:left;}
.Contact .info .ti{ line-height:36px; font-size:30px; color:#58504a; padding-bottom:25px;}
.Contact .info .ti i{ border-bottom:1px solid #72706f; display:block; width:38px; height:16px;}
.Contact .info .txt{ height:132px; color:#838383;}
.Contact .info .txt dd{ padding:0 0 6px 29px; position:relative;}
.Contact .info .txt .iconfont{ position:absolute; left:0; top:0; color:#cccccc;}
.Contact .info .logo{ width:80%;}

.Contact2{ background:#fff; text-align:center; padding:35px; margin:10px 0; color:#838383;transition: all ease 0.3s;}
.Contact2 .ti{ line-height:29px; font-size:24px; color:#58504a; padding-bottom:14px;}
.Contact2 .ti i{ border-bottom:1px solid #72706f; display:block; width:38px; height:16px; margin:0px auto;}
.Contact2 p{ display:inline-block; *display:inline;zoom:1; margin:0 20px; color:#838383; padding-left:24px; position:relative;}
.Contact2 .iconfont{ position:absolute; left:0; top:0; color:#cccccc;}
.Contact2:hover{ color:#fff; background:#999;}
.Contact2:hover .ti,.Contact2:hover p{ color:#fff;}
.Contact2:hover .ti i{ border-bottom:1px solid #fff;}

.Contact3{ margin:0 0 0 -1%;}
.Contact3 .item{ float:left; width:49%; margin:0 0 0 1%;transition: all ease 0.3s;}
.Contact3 .item .ti{ font-size:22px; color:#58504a; line-height:42px; padding-top:11px;}
.Contact3 .item .info{ background:#fff; padding:0 80px;display:flex;justify-content:center;flex-direction: column;}
.Contact3 .item .info dl{ color:#838383;}
.Contact3 .item .info dl dt{ color:#4c4c4c; line-height:40px; font-size:20px;}
.Contact3 .item .info .line{ border-bottom:1px solid #e6e6e6; height:39px; margin-bottom:32px;}
.Contact3 .item.i1 .info{ height:333px;}
.Contact3 .item.i2 .info,.Contact3 .item.i3 .info{ height:140px;}
.Contact3 .item .info:hover{ color:#fff; background:#999;}
.Contact3 .item .info:hover dl dt,.Contact3 .item:hover .info dd{ color:#fff;}
.Contact3 .item:hover .ti i{ border-bottom:1px solid #fff;}


@media ( max-width:1024px){
.Contact .info .ti{ line-height:24px; font-size:22px; padding-bottom:15px;}
.Contact3 .item .info{ padding:0 30px;}
.Contact3 .item .info dl dt{line-height:30px; font-size:16px;}
.Contact3 .item .info .line{ height:20px; margin-bottom:15px;}
}
@media ( max-width:768px){
.Contact #dituContent{ width:auto; float:none; height:250px;}
.Contact .info{ width:auto; padding:15px; float:none;}
.Contact .info .txt{ height:auto; margin:5px 0 18px;}
.Contact .info .ti,.Contact2 .ti,.Contact3 .item .ti{font-size:18px;}
.Contact2{ padding:15px; margin-bottom:0;}
.Contact2 p{ margin:0;}
.Contact3 .item{ float:none; width:auto;}
.Contact3 .item .info{ padding:15px; height:auto !important;}
}

/*人才招聘 s*/
.hrw1{ width:20%;}
.hrw2{ width:16%;}
.hrw3{ width:16%;}
.hrw4{ width:16%;}
.hrw5{ width:15%;}
.hrw6{}
.Hrhead{ height:65px; text-align:center; color:#fff;border-right:1px solid #fff; background:#e8e8e8; font-size:18px; color:#595959;}
.Hrhead td{border-left:1px solid #fff;}
.padleft{ padding-left:4%; text-align:left !important;}
.HrList{ margin-bottom:4%; color:#494949;}
.HrList .item{ margin-bottom:-1px; border:1px solid #e6e6e6; background:#fff;}
.HrList .hrw5{ font-size:14px !important;}
.HrList .item td{ height:60px; text-align:center; font-size:16px; color:#808080;}
.HrList .item td a{color:#808080;}.HrList li td a:hover{color:#b1702b;}
.HrList .btn{width:24px; height:24px; margin:0px auto; background:url(../images/jia2.gif) center center no-repeat; display:block;}
.HrList .stit{ margin-bottom:16px; color:#595959; font-size:18px;}
.HrList .stit i{ display:inline-block; vertical-align:middle; width:10px; height:19px; border-left:2px solid #595959;}
.HrList .item .line{ border-bottom:1px solid #e6e6e6; height:33px; margin-bottom:33px;}
.HrList .item .txtCont{ border-top:1px solid #e6e6e6; position:relative; display:none; line-height:30px; padding:30px 4% 38px; color:#808080;}
.HrList .item .txtCont .items{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList .item .txtCont .items dd span{ color:#4c4c4c;}
.HrList .item .txtCont .applybtn{ padding-top:25px; text-align:right;}
.HrList .item .txtCont a.apply{ background:#595959; font-size:18px; display:inline-block; text-align:center; width:170px; color:#fff; line-height:56px;}
.HrList .item .txtCont a:hover.apply{ background:#7f7f7f;}
.HrList .item.current td{ color:#333;}
.HrList .item.current .btn{ background: url(../images/jian2.gif) center center no-repeat;}

.Jobbox{ line-height:38px; width:68%; position:relative; padding:4%; border-radius:10px; margin:20px auto; background:#fff;}
.Jobtit{ text-align:center; color:#333; padding-bottom:3%; font-size:24px;}
.Jobitem{ color:#222222;}
.Jobitem dd{ margin-bottom:8px; width:33.333%; float:left;}
.Jobtit2{ font-size:18px; color:#0080af;}
.jobbtn{ display:block; margin-top:5%; color:#fff; font-size:18px; width:140px; line-height:45px; text-align:center; background:#d7b36f; border-radius:20px;}
.Jobbox .mfp-close{ border-radius:50%; background:#333; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:-15px; top:-15px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}

.JobForm{ color:#666666; margin:0px 0px 0px 0px;}
.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:22%; float:left; text-align:right; padding:5px 2% 5px 0;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:10.8%; padding-right:1%;}
.JobForm dl.other dd{ width:84%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#333; margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#999;}

@media ( max-width:768px){
.Hrhead{ height:36px;font-size:15px;}
.HrList{ margin-bottom:28px;}
.HrList .item td{ height:45px;font-size:14px;}
.hrw1{ width:75%;}
.hrw2,.hrw3,.hrw4,.hrw5{ display:none;}
.HrList .item .txtCont .items{ display:block;}
.HrList .item .txtCont{ padding-top:10px; padding-bottom:18px; font-size:14px; line-height:24px;}
.HrList .item .txtCont .applybtn{ padding-top:18px;}
.HrList .item .txtCont a.apply{width:100px; line-height:32px; font-size:15px;}
.HrList .stit{ margin-bottom:12px; font-size:16px;}
.HrList .item .line{ height:15px; margin-bottom:15px;}
.Jobtit{ font-size:18px;}
.HrList .btn{width:20px; height:20px; }
.JobForm dl{ width:auto; float:none; padding-left:0%;}
.JobForm dl.other{ width:auto;padding-left:0%;}
.JobForm dl dt{ width:25%;}
.JobForm dl dd{ width:70%;}
.JobForm dl.other dt{ width:25%;}
.JobForm dl.other dd{ width:70%;}
.sendbtn{ width:100px; height:35px;}
.resetbtn{ width:100px; height:35px;}
.Jobbox{ width:92%;}
.Jobbox .mfp-close{ right:0; top:0; width:28px; height:28px; line-height:28px; font-size:30px;}
}


/*招商加盟 s*/
.Joinbox1{ padding-top:4.5%; padding-bottom:15px;}
.Joinbox1 .left1{ width:47.5%; float:left;}
.Joinbox1 .left1 .imgbox{ padding-top:420px;}
.Joinbox1 .left1 .num{ font-size:0; height:175px;display:table; width:100%;}
.Joinbox1 .left1 .num ul{ display:table-row;}
.Joinbox1 .left1 .num li{ font-size:14px; color:#8e8e8e; line-height:16px; display:table-cell; vertical-align:middle; text-align:center; width:33.333%; background:url(../images/line.gif) right center no-repeat;}
.Joinbox1 .left1 .num li i{ display:block; line-height:30px; font-size:38px; color:#58504a; margin-bottom:10px;font-family: "helvetica";}
.Joinbox1 .left1 .num li span{ display:block; height:32px;}
.Joinbox1 .left1 .num li:last-child{ background:none;}
.Joinbox1 .right1{ width:52.5%; float:right;}
.Joinbox1 .right1 .HomeTit{ margin-left:40px; padding-bottom:12px;}
.Joinbox1 .info{ margin-left:73px; color:#838383; line-height:30px;}

.Joinbox2{ overflow:hidden;}
.Joinbox2 .item{ position:relative; background:#f0f0f0; height:400px;}
.Joinbox2 .imgbox{ position:absolute; width:960px; padding-top:400px; left:50%; top:0; margin-left:-960px;}
.Joinbox2 .info{ color:#838383; position:absolute; width:574px; left:53.5%; top:0; height:400px;display:flex;justify-content:center;flex-direction: column;}
.Joinbox2 .info .ti{ line-height:40px; margin-bottom:28px; font-size:30px; color:#58504a;}
.Joinbox2 .item.next .imgbox{ margin-left:0;}
.Joinbox2 .item.next .info{ left:50%; margin-left:-650px;}
.Joinbox2 .item.i1{ background: #f0f0f0 url(../images/jmbg1.jpg) right bottom no-repeat;}
.Joinbox2 .item.i2{ background: #f0f0f0 url(../images/jmbg2.jpg) left bottom no-repeat;}

.Joinbox3{ padding-top:4%; padding-bottom:4%;}
.Joinbox3 .left1{ width:55%; float:right; padding-top:138px;}
.Joinbox3 .left1 .HomeTit{ margin-left:140px;}
.Joinbox3 .left1 .info{ margin-top:25px; height:340px; padding:0 85px; background:#f0f0f0; line-height:36px; color:#838383; font-size:16px;display:flex;justify-content:center;flex-direction: column;}
.Joinbox3 .right1{ position:relative; padding-top:497px; height:203px; width:45%; float:left;}
.Joinbox3 .right1 .imgbox{ position:absolute; padding-top:420px; width:110%; left:0; top:0; z-index:2;}
.Joinbox3 .right1 .logo{ width:80%;}

.Joinbox4{ padding-top:4%; padding-bottom:4%; background:url(../images/jmbg3.jpg) center bottom no-repeat; background-size:cover;}
.Joinbox4 .HomeTit .kuang{ border:6px solid #eeeeee;}
.Joinbox4 .content{ position:relative; height:420px;}
.Joinbox4 .content li{ text-align:center; position:absolute; width:12.5%;}
.Joinbox4 .content .line{ width:80px; height:100px; background:url(../images/line1.png); position:absolute; left:75%; top:134px;}
.Joinbox4 .content li.l1{ left:0; top:0;}
.Joinbox4 .content li.l2{ left:12.5%; top:210px;}
.Joinbox4 .content li.l3{ left:25%; top:0;}
.Joinbox4 .content li.l4{ left:37.5%; top:210px;}
.Joinbox4 .content li.l5{ left:50%; top:0;}
.Joinbox4 .content li.l6{ left:62.5%; top:210px;}
.Joinbox4 .content li.l7{ left:75%; top:0;}
.Joinbox4 .content li.l8{ left:87.5%; top:210px;}
.Joinbox4 .content .ico{ position:relative; z-index:1; background:#fff; margin:0px auto; width:148px; height:148px;display: flex;align-items: center;justify-content: center; border:1px solid #e7e7e7; border-radius:50%;}
.Joinbox4 .content .ti{ margin:0px auto; width:148px; line-height:60px; font-size:18px; color:#4c4c4c;}
.Joinbox4 .content li.l2 .line,.Joinbox4 .content li.l4 .line,.Joinbox4 .content li.l6 .line{ background:url(../images/line2.png); top:-85px;}
.Joinbox4 .content li.l8 .line{ display:none;}

.Joinbox5{ padding-top:4%; padding-bottom:4%;}

@media ( max-width:1024px){
.Joinbox1 .left1{ width:auto; float:none;}
.Joinbox1 .left1 .imgbox{ padding-top:60%;}
.Joinbox1 .left1 .num li i{ font-size:26px;}
.Joinbox1 .left1 .num {height: 100px !important;}
.Joinbox1 .right1{ width:auto; float:none;}
.Joinbox1 .right1 .HomeTit{ margin-left:0;}
.Joinbox1 .info{ margin:0 0 12px 0;}
.Joinbox2 .item{ height:auto;}
.Joinbox2 .imgbox{ position:relative; left:0; margin:0; padding-top:40%; width:auto;}
.Joinbox2 .info{ position:static; padding:15px; height:auto; margin:0 !important;}
.Joinbox2 .item.i1,.Joinbox2 .item.i2{ background-size:cover;}
.Joinbox2 .info .ti{ font-size:18px; margin-bottom:5px;}
.Joinbox3 .left1{ width:auto; float:none; padding-top:0;}
.Joinbox3 .left1 .HomeTit{ margin-left:0;}
.Joinbox3 .left1 .info{ height:auto; padding:20px; font-size:14px; line-height:24px;}
.Joinbox3 .right1{ width:auto; float:none; padding-top:0; height:auto;}
.Joinbox3 .right1 .imgbox{ width:auto; padding-top:60%; position:relative;}
.Joinbox3 .right1 .logo{ padding-top:25px;}
.Joinbox4 .content { height:257px;}
.Joinbox4 .content .ico{ width:100px; height:100px;}
.Joinbox4 .content .ti{ width:100px; line-height:35px; font-size:15px;}
.Joinbox4 .content li.l2,.Joinbox4 .content li.l4,.Joinbox4 .content li.l6,.Joinbox4 .content li.l8 { top:135px;}
.Joinbox4 .content li.l2 .line, .Joinbox4 .content li.l4 .line, .Joinbox4 .content li.l6 .line{ top:-72px;}
.Joinbox4 .content .line { top:96px;}
}
@media ( max-width:768px){
.Joinbox4 .content { height:auto;}
.Joinbox4 .content li{ width:50%; position:static; padding-bottom:10px; float:left;}
.Joinbox4 .content .line{ display:none;}
.Joinbox3 .left .info{ margin-top:0;}
.Joinbox4 .content .ico{ width:70px; height:70px;}
.Joinbox4 .content .ico img{ width:40px; height:40px;}
}