@charset "utf-8";
@font-face {  
	font-family: "impact"; font-weight: normal; font-style: normal;
	src: url(../images/impact-webfont1.eot);
	src: url(../images/impact-webfont.eot) format('embedded-opentype'),
		 url(../images/impact-webfont.woff) format('woff'),
		 url(../images/impact-webfont.ttf) format('truetype'),
		 url(../images/impact-webfont.svg) format('svg');
} 

html,body{height:100%;}

body{-padding:242px 0 0 0; margin:0px auto; font-size:14px; line-height:24px; color:#333333; width:100%; min-width:300px; zoom:1;font-family: "SansChinese","Arial","Microsoft YaHei","宋体",sans-serif; background: #fff;}
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:#333333; font-family: "SansChinese","Arial","Microsoft YaHei","宋体",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:#666666; 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:#00448d;}
/**:hover{transition: all ease 0.3s;}*/
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #666666;}
::-moz-placeholder {color: #666666;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #666666;}

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

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #666666;}
::-webkit-scrollbar{
            width: 3px; height:10px; -webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{ background-image:url(../images/scrollbg.gif); background-position:0px center; background-repeat:repeat-x;}
::-webkit-scrollbar-thumb{border-radius: 10px;border:1px solid #e5e5e5; background:#f7f7f7 url(../images/scrollon.gif) center center no-repeat;}
::-webkit-scrollbar-button{height: 0px; width:0;background-color: none;}
			

.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; width:90%; margin:0px auto;}
.block{ display:block;}

@media ( min-width:1660px) and ( max-width:1920px){
.Contain{ width:1440px;}
}

/*font*/
.f_gray{ color:#003466;}
.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;}

/*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);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}


/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#818181; clear:both; line-height:28px; font-size:14px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; margin:0px 3px;text-align:center; color:#818181;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.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; border:1px solid #cdcdcd; padding:0 15px;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{ background:#e1494a; color:#fff; border:1px solid #e1494a;}
.Pages .p_page .num a{ margin:0 5px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{color:#e1494a;}

.showMorehandle{ text-align:center; clear:both; line-height:72px; font-size:18px; color:#666666; background:#eaeaea; cursor:pointer;transition: all ease 0.3s;}
.showMorehandle:hover{ color:#fff; background:#666;}

@media ( max-width:1024px){
.showMorehandle{line-height:40px; font-size:15px;}
	
.Pages{line-height:25px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 5px;}
}
/*pages end*/


/*Top*/
.Header{ z-index:1000; position:fixed; left:0; top:0; width:100%; height:152px;transition: all ease 0.3s;}
.Header .Logo{height:110px;display: flex; align-items: center;transition: all ease 0.3s; z-index:100;}
.Header .Logo img{ width:232px;transition: all ease 0.3s;}
.Header .Verson{ position:absolute; right:76px; top:60px;transition: all ease 0.3s;}
.Header .Verson a{ display:inline-block; text-align:center; width:34px; line-height:34px; border:1px solid #e3e3e3; border-radius:50%; color:#666666;}.Header .Verson a:hover{color:#fff; background:#464f5c; border:1px solid #464f5c;}
/*.MainNav{ position:fixed; height:auto; height:100%; z-index:999; width:100%; padding:0;  right:0px;-background: rgba(255,255,255,0.9);top:0; display:none; text-align:center;}*/
.MainNav{ -position:fixed;-height:100%; z-index:999; width:78%; padding:0; right:0px;-background: rgba(255,255,255,0.9);top:0; display:none; text-align:center;float:right;margin-top: 25px;}
.MainNav ul{ position:relative; max-width:88%; margin:0px auto; height:100%;display:flex;align-items:center;}
.MainNav li{ width:16.666%; float:left; height:85px; -padding-bottom:35px;}
.MainNav li.home{ display:none;}
.MainNav li span a{ margin-bottom:5px; position:relative; font-size:18px;height:auto; display:block; line-height:70px; color:#333;}
.MainNav li .line{transition: all ease 0.3s; width:0; height:2px; position:absolute; left:50%; bottom:0px; background:#00448d;}
.MainNav li span a .line:hover,.MainNav li span a .line:visited{color:#00448d;}
.MainNav li:hover span .line, .MainNav li.onnav span .line, .MainNav li span a.sele .line {width: 100%;left: 0px;}
.MainNav li .line .on,.MainNav .line:hover{transition: all ease 0.3s; width:0; height:2px; position:absolute; left:50%; bottom:0px; background:#00448d;}
.MainNav .arr{ display:none; position:absolute; z-index:2; width:100%; height:100%; right:0px; top:0px;}
.MainNav .arr img{ position:absolute; width:17px; height:auto; background:none; right:0px; top:23px;transition: all ease 0.3s;}
.MainNav li.onnav .arr img{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;}
.NavPull{ padding-bottom:8px; display:; line-height:33px;}
.NavPull a:hover{ background:#00448d; color:#fff !important; display:block;}
.NavPull a.on{ color:#e43333;}

.closeall{ position:fixed; left:0px; top:0; width:100%; height:100%; z-index:887; display:none; background:rgba(0,0,0,0.3);}
.openbtn,.closebtn{ cursor:pointer;width:37px; position:absolute; right:0px; top:59px; z-index:999;transition: all ease 0.3s;}
.openbtn span,.closebtn span{ border-radius:10px; display:block; height:4px; background:#464f5c; margin:4px 0px;transition: all ease 0.3s;}
.openbtn .sp3{ margin-left:9px;}
.closebtn { padding-left:5px; top:0px; right:200px; z-index:1000; display:none; background:#fff; height:37px; box-shadow:0 0 10px #ddd;}
.openbtn.on .sp1 {width:28px;
	-webkit-transform: translate(0, 10px) rotate(45deg) !important;
	-moz-transform: translate(0, 10px) rotate(45deg) !important;
	-ms-transform: translate(0, 10px) rotate(45deg) !important;
	-o-transform: translate(0, 10px) rotate(45deg) !important;
	transform: translate(0, 10px) rotate(45deg) !important;}
.openbtn.on .sp2 {width:28px;
	-webkit-transform: translate(0, 2px) rotate(-45deg) !important;
	-moz-transform: translate(0, 2px) rotate(-45deg) !important;
	-ms-transform: translate(0, 2px) rotate(-45deg) !important;
	-o-transform: translate(0, 2px) rotate(-45deg) !important;
	transform: translate(0, 2px) rotate(-45deg) !important;}	
.openbtn.on .sp3,.openbtn.on .sp4 { display:none;}

.Fixedtop{ height:98px !important; box-shadow:0 0 15px #ddd; background:#fff;}
.Fixedtop .Logo{height:98px !important;}.Fixedtop .Logo img{ width:200px;}
.Fixedtop .Verson{ top:31px !important;}
.Fixedtop .openbtn{ top:30px !important;}

@media (max-width:1439px){
body{ -padding-top:171px;}	
.Header{ height:98px;}
.Header .Logo{height:98px;}
.Header .Logo img{ width:200px;}
.Header .Verson{ top:42px;}
.openbtn{ top:42px;}
}
@media ( max-width:1024px){
body{ padding-top:90px; font-size:14px;}	
.Header{height:45px !important; background:rgba(255,255,255,0.9);}
.Header .Logo{ left:12px; width:auto; height:45px !important; background:none;}
.Header .Logo img{ width:auto; height:28px !important;}
.Header .Verson{ top:8px !important; right:50px;}.Header .Verson a{ width:26px; line-height:26px;}
.openbtn,.Fixedtop .openbtn{ top:8px !important; width:30px;}
.openbtn span{ margin:3px 0px;}
.MainNav li span a{ font-size:16px; line-height:45px;}

.MainNav{ width:220px; right:0;}
.MainNav ul{ padding-top:50px;}
.MainNav li.home{ display:block;}
.MainNav .arr{ display:block;}
.MainNav li span{ position:relative; display:block; border-bottom:1px solid #dddddd;}.MainNav li span a{ margin-bottom:0;}
.MainNav ul{ display:block;}
.MainNav li{ width:auto; float:none; height:auto; padding:0; text-align:left;}
.NavPull{ display:none;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#3a3a3a; -padding-top:3.2%;text-align:center;}
.Footer .item{line-height:25px; width:12.5%;font-size:16px; float:left; color:#888888;}
.Footer .item dt{ line-height:44px; position:relative; font-size:16px; color:#bebebe; font-weight:bold;}
.Footer .item dt a{ color:#bebebe;}.Footer .item dt a:hover{ color:#fff;}
.Footer .item dt i{ display:block; width:14px; height:13px; border-top:2px solid #00448d;}
.Footer .item dd{ line-height:36px;}
.Footer .item dt .arr{ display:none;width:100%; position:absolute; left:0; top:0; height:100%;}
.Footer .item dt .arr i{ width:10px; height:6px; right:5px; background:url(../images/arr.png) center center no-repeat; top:18px; 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 a{ color:#888888;}.Footer .item a:hover{ color:#fff;}
.Footer .item.d6{ width:10%;}
.Footer .item.ewm{ width:auto; font-size:14px; float:right; text-align:center;}
.Footer .item.ewm li{ padding:0 26px 0 9px; color:#f6f6f6; float:left; text-align:center;}
.Footer .item.ewm li img{ display:block; width:101px; height:101px; padding:6px; background:#fff; margin:0 0px 12px;}
.Footer .item.ewm li:nth-child(1){ padding-left:0;}

.Copyright{ color:#8c8c8c; padding-top:2%;padding-bottom:2%;}
.Copyright a{ color:#8c8c8c;}.Copyright a:hover{ color:#fff;}

.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; position:fixed; right:0; bottom:10px; z-index:99; width:40px; height:40px; background:#999 url(../images/top.png) center center no-repeat; box-shadow:0 0 10px #ccc; border-radius:10px;}
.totop.cd-is-visible {visibility: visible;opacity: 1; cursor:pointer;}

@media ( max-width:1366px){
.Footer .item.ewm li{ padding:0 0px 0 15px;}
.Footer .item dd{ font-size:14px;}
}
@media ( max-width:1024px){
.Footer{ padding-top:20px;}
.Footer .item{ width:auto !important; float:none !important; margin:0; padding:0 !important;}
.Footer .item dl{ display:block;}
.Footer .item .sub{ display:none; padding-top:8px; padding-bottom:8px;}
.Footer .item dt{line-height:40px; font-size:14px; margin-bottom:-1px;border-bottom:1px solid #464646;}
.Footer .item dt .arr{ display:block;}.Footer .item dt .arr i{ border:0;}
.Footer .item.ewm li{ display:inline-block; float:none; padding:15px 6px 0;}
.Footer .item dt a i{ display:none;}

.Copyright {line-height:20px; padding:8px 0; font-size:12px; text-align:center;}

.totop.cd-is-visible { width:30px; line-height:30px;height:30px;}
}

/*Bottom*/

/*首页 s*/
.Homecss{ padding-top:0;}
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}
	
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;margin-top:98px;}
.HomeBan .slides li{ position:relative;}
.HomeBan .slides li a{ display:block;}
.HomeBan .slides li .txt img{ width:auto; display:inline-block;}

.HomeBan .slides li.b1 .bg{ position:absolute; width:51%; left:10%; top:35%; padding:2% 0 2% 3%; background:rgba(0,0,0,0.26);transform:translateX(-100px);-webkit-transform:translateX(-100px);opacity:0;transition:all 1s;}
.HomeBan .slides li.b1 .txt{transform:translateX(100px);-webkit-transform:translateX(100px);opacity:0;transition:all 1s 0.4s;}
.HomeBan .slides li.b1.flex-active-slide .bg,.HomeBan .slides li.b1.flex-active-slide .txt{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.HomeBan .slides li.b2 .txt{position:absolute; width:48%; top:35%; right:0; padding-right:10%; text-align:right;transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s;}
.HomeBan .slides li.b2.flex-active-slide .txt{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.HomeBan .slides li.b3 .txt{position:absolute; width:30%; top:10%; left:35%; text-align:center;transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s;}
.HomeBan .slides li.b3.flex-active-slide .txt{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.HomeBan .slides li.b4 .txt{position:absolute; width:48%; top:35%; right:0; padding-right:10%; text-align:right;transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s;}
.HomeBan .slides li.b4.flex-active-slide .txt{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.HomeBan .slides li.b5 .txt{position:absolute; width:30%; top:10%; left:35%; text-align:center;transform:translateY(150px);-webkit-transform:translateY(150px);opacity:0;transition:all 1s;}
.HomeBan .slides li.b5.flex-active-slide .txt{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.HomeBan .flex-control-nav{ z-index:8; bottom:14%;}
.HomeBan .flex-control-paging li a { width:28px; height:28px;background:url(../images/dot04.png) no-repeat; background-size:contain; cursor:pointer;}
.HomeBan .flex-control-paging li a.flex-active,.flex-control-paging li a:hover { background:url(../images/dot03.png) no-repeat; background-size:contain;}

.HomeBan .flex-direction-nav a { opacity: 0; text-indent:999em; width:40px; height:40px;}
.HomeBan .flex-direction-nav .flex-prev {left:-50px; background:url(../images/arr01.png);}
.HomeBan .flex-direction-nav .flex-next {right:-50px; background:url(../images/arr03.png);}
.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 .flex-prev:hover {background:url(../images/arr02.png);}
.HomeBan .flex-direction-nav .flex-next:hover { background:url(../images/arr04.png);}
@media ( max-width:1024px){
.Homecss{ padding-top:46px;}
.HomeBan .flex-control-nav{bottom:0px;}
.HomeBan .flex-control-paging li a { width:15px; height:15px;}
.HomeBan .flex-direction-nav{ display:none;}
}


.HomeAbout{ padding-top:6%; -padding-bottom:4%;}
.HomeAbout .info{ width:50%; float:left; color:#a3a3a3; line-height:32px;}
.HomeAbout .num{ padding-top:8.5%;}
.HomeAbout .num li{ min-width:25%; float:left; color:#7b828c;}
.HomeAbout .num li:nth-child(1){ min-width:35%; }
.HomeAbout .num li span{ display:block; line-height:42px; padding-bottom:16px; color:#00448d;}
.HomeAbout .num li span b{ display:inline-block; vertical-align:bottom; margin-bottom:-10px; font-size:48px;font-family: "impact";}

.HomeAbout .img{ padding-top:11%; width:40%; float:right; text-align:center;}
.HomeAbout .SubTit{ text-align:left;}
.HomeAbout .SubTit i{ margin:0;}
@media ( max-width:1024px){
.HomeAbout .info{line-height:24px;}
.HomeAbout .num li span b{font-size:20px;}
}
@media ( max-width:768px){
.HomeAbout .img{ display:none;}
.HomeAbout .info{ width:auto; float:none; line-height:24px;}
.HomeAbout .num{ padding-top:20px;}
}

.HomeFa{ padding:6.5% 0; background:url(../images/fabg.jpg) center center no-repeat; background-size:cover;}
.HomeFa .Contain{ background:#fff; overflow:hidden;}
.HomeFa .Nav{ width:33%; float:right; padding-top:3%;}
.HomeFa .Nav li{ line-height:78px; border-bottom:1px solid #f4f4f4; padding:0 10%; position:relative; cursor:pointer; font-size:18px; color:#464f5c;}
.HomeFa .Nav li.on i{ background:url(../images/arr05.png); position:absolute; width:45px; height:13px; right:10%; top:50%; margin-top:-6px;}
.HomeFa .Nav li.on{ color:#00448d;}
.HomeFa .Nav li:last-child{ border-bottom:0;}

.HomeFa .SubTit{ text-align:left; padding-left:10%;}
.HomeFa .SubTit i{ margin:0;}
.HomeFa .Info{ width:63.5%; float:left;}
.HomeFa .imgbox{ padding-top:70%;}
.HomeFa .slide{ position:relative;}
.HomeFa .slide .txt{transform:translateX(-100px);-webkit-transform:translateX(-100px); opacity:0;transition:all 1s; z-index:2; position:absolute; left:0; bottom:-100px; padding:5%; width:45%; background:rgba(0,0,0,0.7); color:#a4a3a3;}
.HomeFa .slide .txt .tit{ padding-bottom:15px; font-size:18px; color:#fff;}
.HomeFa .slide .txt .scroll{ height:195px; overflow-y:auto;}
.HomeFa .slide.on .txt{transform:translateX(0);-webkit-transform:translateX(0); bottom:-0px;opacity:1;}
@media ( max-width:1439px){
.HomeFa .Nav li{ line-height:60px;}
}
@media ( max-width:1024px){
.HomeFa .Nav li{ line-height:50px; font-size:15px;}
.HomeFa .slide .txt{ width:90%;}
.HomeFa .slide .txt .scroll{ height:100px;}
}
@media ( max-width:768px){
.HomeFa .Nav{ width:auto; float:none;}
.HomeFa .Nav ul{ margin-top:-15px;}
.HomeFa .Nav li{ line-height:32px; font-size:14px;}
.HomeFa .Info{ width:auto; float:none;}
.HomeFa .slide .txt{ position:static;}
}

.HomeLc{ padding:6.5% 0 7.5%; background:url(../images/lcbg.jpg) center bottom no-repeat;}
.HomeLc .content{ max-width:1306px; margin:-5% auto 0; height:426px; position:relative; background:url(../images/lcline.png) center top no-repeat;}
.HomeLc .content li{ position:absolute; text-align:center;}
.HomeLc .content li .box{ background:#fff; border-radius:50%; border:4px solid #f5f5f5;}
.HomeLc .content li .ico{ padding:34px 0 10px;}
.HomeLc .content li .ti{ min-width:60px; margin:0px auto; font-weight:bold; line-height:16px; color:#333333;}
.HomeLc .content li.li1{ left:0; top:0;}
.HomeLc .content li.li1 .box{ width:145px; height:145px;}
.HomeLc .content li.li2{ left:17%; top:103px;}
.HomeLc .content li.li2 .box{ width:125px; height:125px;}
.HomeLc .content li.li2 .ico{ padding:15px 0 10px;}

.HomeLc .content li.li3{ left:35%; top:104px;}
.HomeLc .content li.li3 .box{ width:120px; height:120px;}
.HomeLc .content li.li3 .ico{ padding:15px 0 10px;}

.HomeLc .content li.li4{ left:55%; top:121px;}
.HomeLc .content li.li4 .box{ width:158px; height:158px;}
.HomeLc .content li.li5{ right:0; top:117px;}
.HomeLc .content li.li5 .box{ width:301px; height:301px;}
.HomeLc .content li .p{ line-height:27px; padding-top:8px; color:#464f5c;}
.HomeLc .content li:hover .box{ border:4px solid #00448d; box-shadow:0 0 15px #edd9d9;}

@media ( max-width:1280px){
.HomeLc .content{ background-position:center top -35px;}
.HomeLc .content li.li2{ top:60px;}
.HomeLc .content li.li3{ left:33%; top:90px;}
.HomeLc .content li.li4{ left:48%;}
.HomeLc .content li.li5{top:50px;} 
}
@media ( max-width:1024px){
.HomeLc .content{ height:300px;}
.HomeLc .content li.li5 .box{ width:250px; height:250px;}
.HomeLc .content li.li5 .ico{ padding:15px 0 10px;}
}
@media ( max-width:768px){
.HomeLc{background-size:contain;}
.HomeLc .content{ height:auto; margin-top:0; background:none;}
.HomeLc .content ul{ margin-left:-2%;}
.HomeLc .content li{ position:static; width:23%; padding:0 0 15px 2%; float:left;}
.HomeLc .content li .box{ width:125px !important; height:125px !important; margin:0px auto;}
.HomeLc .content li.li1 .ico,.HomeLc .content li.li2 .ico,.HomeLc .content li.li3 .ico,.HomeLc .content li.li4 .ico{ padding:15px 0 10px;}
.HomeLc .content li.li5{ width:auto; float:none; clear:both;}
.HomeLc .content li.li5 .box{ width:250px !important; height:250px !important; margin:0px auto;}
}
@media ( max-width:500px){
.HomeLc .content li{width:48%;}
}

.HomeCulture{ padding-top:6.5%;}
.HomeCulture{ padding-top:6%; padding-bottom:6%;}
.HomeCulture .flex-viewport{ margin-left:-24px;}
.HomeCulture .box{text-align:center; padding:41px 0 0px 0; margin-left:24px; background:#f4f4f4; color:#7e7e7e; height:460px;transition: all ease 0.3s;}
.HomeCulture .imgbox{ overflow:hidden; width:70%; border-radius:50%; margin:0px auto 72px; padding-top:70%;}
.HomeCulture .imgbox span{border-radius:50%;}
.HomeCulture .info{color:#666666; width:88%; margin:0 auto;}
.HomeCulture h3{ margin-bottom:25px; line-height:75px;  font-size:24px; background:url(../images/line3.png) center bottom no-repeat; color:#00448d;}
.HomeCulture .slides li{ position:relative;}
.HomeCulture .slides li.next .imgbox{ position:absolute; left:20%; bottom:41px; margin:0;}
.HomeCulture .slides li:hover .box{ background:#00448d;}
.HomeCulture .slides li:hover .info{ color:#fff; opacity:0.8;}
.HomeCulture .slides li:hover h3{ color:#fff;}

.HomeCulture .flex-direction-nav { display:none;}
@media ( max-width:1024px){
.HomeCulture .flex-viewport{ margin-left:-12px; padding-bottom:35px;}
.HomeCulture .box{ margin-left:12px;}
.HomeCulture .info h3{ margin-bottom:10px; line-height:40px;  font-size:16px;}
.HomeCulture .box{padding:10px 0 0px 0; height:310px;}
.HomeCulture .imgbox{ margin:0px auto 20px;}
.HomeCulture .slides li.next .imgbox{ bottom:10px;}
}

.HomeNews{padding-bottom:4%;padding-top:5%;}
.HomeNews .content{ max-width:1200px; margin:0px auto;}
.HomeNews li{width:352px; display:inline-block;*display:inline-block;*zoom:1; border:1px solid #fff;padding:0 21px 0 22px;transition: all ease 0.3s;}
.HomeNews .box{border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; padding-bottom:32px;}
.HomeNews .scroll{-overflow-x: scroll;-overflow-y: hidden;-white-space:nowrap; padding-bottom:5%;}
.HomeNews .date{ padding:22px 0 0 0;}
.HomeNews .date i{ display:inline-block; line-height:21px; color:#464f5c; border-bottom:1px solid #9a9a9a;}
.HomeNews .date em{ display:block; font-size:12px; line-height:24px;}
.HomeNews .tit{ color:#464f5c; line-height:49px; font-size:18px;}
.HomeNews .imgbox{ height:113px;}
.HomeNews .p{ height:48px;-webkit-line-clamp: 2;white-space:normal; color:#7b828c; margin:12px 0 30px;}
.HomeNews .more{ background:url(../images/more.png) center center no-repeat; width:87px; height:9px; height:28px;}
.HomeNews li:hover .more{ background: #00448d url(../images/more01.png) center center no-repeat; border-radius:12px; width:113px;}
.HomeNews li:hover { border:1px solid #00448d;}
.HomeNews li:hover .box{ border-top:1px solid #fff; border-bottom:1px solid #fff;}
@media ( max-width:1024px){
.HomeNews li{width:352px;padding:0 5px 0 5px;width:162px;}
.HomeNews .box{padding-bottom:10px;}
.HomeNews .date{ padding:10px 0 0 0;}
.HomeNews .p{ margin:5px 0 5px;}
.HomeNews .tit{ line-height:25px; margin-bottom:5px; font-size:15px;}
}

  
.HomeNews1{padding-bottom:2%;padding-top:4%;}
.HomeNews1 .content{ max-width:1200px; margin:0px auto;}
.HomeNews1 li{width:24%; display:inline-block;*display:inline-block;*zoom:1; border:1px solid #fff;padding:0 3px 0 3px;transition: all ease 0.3s;}
.HomeNews1 .box{border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; padding-bottom:32px;}
.HomeNews1 .scroll{-overflow-x: scroll;-overflow-y: hidden;-white-space:nowrap; padding-bottom:5%;}
.HomeNews1 .date{ padding:22px 0 0 0;}
.HomeNews1 .date i{ display:inline-block; line-height:21px; color:#464f5c; border-bottom:1px solid #9a9a9a;}
.HomeNews1 .date em{ display:block; font-size:12px; line-height:24px;}
.HomeNews1 .tit{ color:#464f5c; line-height:49px; font-size:18px;}
.HomeNews1 .imgbox{ height:113px;}
.HomeNews1 .p{ height:48px;-webkit-line-clamp: 2;white-space:normal; color:#7b828c; margin:12px 0 30px;}
.HomeNews1 .more{ background:url(../images/more.png) center center no-repeat; width:87px; height:9px; height:28px;}
.HomeNews1 li:hover .more{ background: #00448d url(../images/more01.png) center center no-repeat; border-radius:12px; width:113px;}
.HomeNews1 li:hover { border:1px solid #00448d;}
.HomeNews1 li:hover .box{ border-top:1px solid #fff; border-bottom:1px solid #fff;}
@media ( max-width:1024px){
.HomeNews1 li{width:46.2%;padding:0 5px 0 5px;}
.HomeNews1 .box{padding-bottom:10px;}
.HomeNews1 .date{ padding:10px 0 0 0;}
.HomeNews1 .p{ margin:5px 0 5px;}
.HomeNews1 .tit{ line-height:25px; margin-bottom:5px; font-size:15px;}
}
  
/*首页 end*/


/*栏目页公用样式 s*/
.MenuList{ line-height:90px; background:#f3f3f3; font-size:24px;box-shadow:0 4px 10px #ddd; position:fixed; left:0; width:100%; top:152px; z-index:999;transition: all ease 0.3s;}
.MenuList li{ text-align:center; float:left;}
.MenuList a{ display:block; color:#333333; padding:0 42px;}
.MenuList a:hover,.MenuList li.active a{ background:#e43333; color:#fff;}
.MenuList.fixed{top:110px;}

.SubPage{ height:auto !important; height:200px; min-height:200px; padding-top:5%; padding-bottom:6%;}

.SinglePage{ color:#666666;word-wrap:break-word;word-break:normal;text-align:justify; font-size:16px; line-height:40px;}

@media (max-width:1439px){
.MenuList{ line-height:60px;font-size:20px; top:110px;}
}
@media ( max-width:1024px){
.SubPage{ padding-top:25px;padding-bottom:25px;}

.MenuList{ line-height:40px; font-size:15px; text-align:center; top:50px;}
.MenuList li{ float:none; display:inline-block; width:auto;}
.MenuList a{ padding:0 10px;}
.MenuList.fixed{top:45px;}

.SinglePage{line-height:24px; font-size:14px;}
}
/*栏目页公用样式 end*/


/*新闻动态 s*/
.NewsList ul{ margin:0 0 0 -5%;}
.NewsList li{ position:relative; width:45%; float:left; margin:0 0 0 5%;transition: all ease 0.3s;}
.NewsList .imgbox{ padding-top:60%;}
.NewsList .date{ position:absolute; left:28px; bottom:-4px; width:98px; height:114px; line-height:26px; z-index:2; background:#00448d; font-size:24px; color:#fff; padding-left:12px;}
.NewsList .date i{ padding-top:25px; display:block; line-height:38px; font-size:24px;}
.NewsList .info{ padding:16px 6% 9%;}
.NewsList .tit{ line-height:74px; font-size:26px; color:#333333;}
.NewsList .p{ color:#666666; text-indent:2em; line-height:32px; height:128px;-webkit-line-clamp: 4; margin-bottom:5.5%;}
.NewsList .more{ background:url(../images/more1.png); width:87px; height:9px;}

.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding-bottom:18px;}
.Titleinfo .tits{font-size:28px; color:#010101; 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:1439px){
.NewsList .date{font-size:20px;}.NewsList .date i{font-size:24px;}
.NewsList .tit{ line-height:60px; font-size:20px;}
}
@media (max-width:768px){
.NewsList .tit{ line-height:24px; font-size:16px;}
.NewsList .p{ line-height:20px; height:60px;-webkit-line-clamp: 3;}
.NewsList .date{left:10px;width:50px; height:45px; font-size:12px; line-height:18px;}
.NewsList .date i{ padding-top:5px; line-height:18px; font-size:16px;}

.Titleinfo{ margin-bottom:18px;}
.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*/
.SubTit{ text-align:center; line-height:46px; padding-bottom:5%;}
.SubTit h2{ color:#333333; font-weight:normal; font-size:34px;}
.SubTit p{ color:#666666; font-size:16px; padding-top:9px; letter-spacing:0.25em;}
.SubTit i{ display:block; width:20px; height:12px; border-bottom:4px solid #00448d; margin:0px auto;}
.SubTit .p1{ font-size:12px; color:#4b4b4b; line-height:18px; width:350px; margin:0px auto; letter-spacing:0em;}
.SubTit .en{ font-size:30px; color:#eaedf0; line-height:30px; margin-top:-15px; text-transform:uppercase; letter-spacing:0em; font-family:Tahoma, Geneva, sans-serif;}
.SubTit .en2{ font-size:30px; color:#333333; line-height:30px; margin-top:-5px; text-transform:uppercase; letter-spacing:0em; font-family:Tahoma, Geneva, sans-serif;}
.SubTit.Home h2{ color:#333333; font-weight:bold; font-size:30px;}

.ContactUs{ border:2px solid #f5f5f5; background:#f4f4f4 url(../images/contacbg.jpg) 0px top no-repeat; margin-bottom:5%;}
.ContactUs .info{ width:40%; padding:9% 5% 0; float:left;}
.ContactUs .info .name{ color:#e43333; font-size:24px; margin-bottom:48px;}
.ContactUs .info dl{ height:96px; padding-left:66px; color:#525151; position:relative;}
.ContactUs .info dl dt{ border:3px solid #dddddd; border-radius:50%; padding-top:11px; height:34px; width:45px; text-align:center; position:absolute; left:0; top:0; background:#eeeeee;}
.ContactUs .info dl h4{ line-height:26px; color:#333333;}
.ContactUs .info .tel dd{ padding-top:15px;}
.ContactUs .info .mail p{ width:215px;}
.ContactUs .info .mail p:nth-child(4){ position:absolute; left:332px; top:0;}
.ContactUs .info .mail p:nth-child(5){ position:absolute; left:332px; top:24px;}
.ContactUs .map{ width:50%; float:right;}
#dituContent{ height:586px;}

.MessageBox{ padding:4% 0 5%; background:url(../images/messagebg.jpg) center top no-repeat; background-size:cover;}
.MessageBox .ti{ color:#3c3c3c; font-size:36px; line-height:36px; padding-bottom:28px;}
.MessageBox .message{ width:45%; float:left;}
.MessageBox  dl{ margin-left:-13px;}
.MessageBox  dd{ margin-bottom:13px; clear:both;}
.MessageBox  dd.w50{ width:50%; float:left; clear:none;}
.MessageBox  .linebox{ background:#fff; border-radius:5px; padding:0 28px; margin-left:13px;}
.MessageBox  .linebox input{ width:100%; height:58px; line-height:58px;}
.MessageBox  .linebox select{ width:100%; height:60px;}
.MessageBox  .linebox textarea{ width:100%; height:142px; padding:12px 0;}
.MessageBox  .btn{margin:0 0 0 13px; padding-top:5px;}
.MessageBox  .sendbtn{ width:100%; color:#fff; font-size:18px; cursor:pointer; border-radius:5px; height:58px; background:#e43333;}
.MessageBox  .info{ width:45%; float:right; padding-top:23px; text-align:center;}
.MessageBox  .info .ico{}
.MessageBox  .info .ico li{ width:30%; display:inline-block;*display:inline;zoom:1;}
.MessageBox  .info .ico li span{ width:154px; height:154px; margin:0px auto; position:relative;display:flex;justify-content:center;align-items:center;flex-direction: column; font-weight:bold; border-radius:50%; background:rgba(255,255,255,0.2);}
.MessageBox  .info .ico li span i{ display:block; padding-bottom:13px;}
.MessageBox  .info .txt{ line-height:32px; max-width:339px; margin:11% auto 0; padding:0 39px; position:relative;}
.MessageBox  .info .txt .dot{ top:45%; position:absolute; background:url(../images/dot.png); width:10px; height:10px;}
.MessageBox  .info .txt .dot.d1{ left:0;}
.MessageBox  .info .txt .dot.d2{ right:0;}

@media (max-width:1439px){
.SubTit{line-height:35px !important;}
.SubTit h2{font-size:26px !important;}
.SubTit p{ padding-top:4px !important;}
#dituContent{ height:450px;}
.ContactUs .info{ padding-top:4%;}
}
@media (max-width:1280px){
.ContactUs .info .mail p:nth-child(4){left:280px;}
.ContactUs .info .mail p:nth-child(5){left:280px;}
}
@media (max-width:1024px){
.SubTit h2{font-size:20px !important;}
.SubTit p{font-size:14px !important; line-height:18px; padding-top:0;}
.SubTit i{ display:block; width:20px; height:12px; border-bottom:4px solid #d12e2e; margin:0px auto;}
.SubTit .en{ font-size:18px;}
.ContactUs .info .mail p{ position:static !important;}
.ContactUs .info .name{font-size:18px; margin-bottom:15px;}
.MessageBox .ti{font-size:20px; padding-bottom:10px;}
.MessageBox  .info .ico li span{ width:120px; height:120px;}
}
@media (max-width:768px){
.ContactUs{ background-size:contain;}
.ContactUs .info{ width:auto; padding:18px; float:none;}
.ContactUs .map{ width:auto; float:none;}
.ContactUs .info dl{ height:auto !important; height:50px; min-height:50px; padding-bottom:18px;}
.MessageBox .message,.MessageBox  .info{ width:auto; float:none;}
.MessageBox .linebox{ padding:0 10px;}
.MessageBox .linebox input{height:35px; line-height:35px;}
.MessageBox .linebox select{height:37px;}
.MessageBox .linebox textarea{height:100px; padding:5px 0;}
.MessageBox .sendbtn{ height:37px; font-size:16px;}
.MessageBox  .info .ico li span{ width:100px; height:100px;}
.MessageBox  .info .ico li span img{ width:35px; height:35px; margin-bottom:-5px;}
.MessageBox  .info .txt{ line-height:24px;}
#dituContent{ height:250px;}
}


/*废液无害化处置 s*/
.SubTit2 { padding-bottom:4%;}
.SubTit2 h2{ font-weight:normal; font-size:34px; line-height:36px; color:#333333;}
.SubTit2 h2 i{ display:block; width:20px; height:13px; border-bottom:4px solid #d12e2e;}
.SerTxt{ line-height:40px; color:#5e5e5e; width:56%; float:left; height:auto !important; height:354px; min-height:354px;}
.SerTxt .bg{ z-index:-1; position:absolute; top:25%; left:-240px;}
.SerImg{ width:36%; float:right; position:relative; padding:19px 19px 0 0;}
.SerImg .bg{ position:absolute; width:95%; height:95%; right:0; top:0; background:#e43333;}
.SerImg .Video{ position:relative;}
.SerImg .Video .play{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; width:100%; left:0; bottom:0; height:100%; z-index:8; cursor:pointer;}
.SerImg .Video .play i{ background:url(../images/play.png) center center no-repeat; width:42px; height:42px; position:absolute; left:50%; top:50%; margin:-21px 0 0 -21px; border-radius:50%; border:4px solid #fff; z-index:3;}
.SerImg .Video .play span{ position:absolute;width:100%; left:0; top:0; height:100%; z-index:1; background:rgba(0,0,0,0.2);}
.SerImg .Video video{ position:relative; z-index:2; width:100%; height:300px;object-fit: fill; background:#000;}
@media (max-width:1024px){
.SubTit2 h2{ font-size:20px; line-height:36px;}
.SerTxt{ line-height:24px;}
}
@media (max-width:768px){
.SerTxt{ width:auto; float:none; background:url(../images/serbg.jpg) center top no-repeat; background-size:cover; height:100px; min-height:100px; margin-bottom:20px;}
.SerTxt .bg{ display:none;}
.SerImg{ width:auto; float:none;}
.SerImg .Video video{ height:200px;}
}


/*技术与研发 s*/
.TecInfo{ position:relative; height:auto !important; height:354px; min-height:354px;}
.TecInfo .img{ width:85%;}
.TecInfo .info{ width:35%; padding:3.5% 4%; line-height:30px; position:absolute; right:0; top:8.5%; z-index:1; background:#e43333; color:#fff;}
.TecInfo .info .ti{ font-size:24px; margin-bottom:28px;}
.TecInfo .info .ti i{ color:#333333;}
.TecInfo .info .txt{ height:330px; overflow-y:auto;}

.TecInfo2{ padding-bottom:6%;}
.TecInfo2 .info{ width:48%; float:left; color:#646464; line-height:30px; padding-top:15px;}
.TecInfo2 .info .p{ background:url(../images/dot.gif) 0 10px no-repeat; padding-left:19px; margin-left:28px;}
.TecInfo2 .img{ color:#646464; position:relative; width:49%; float:right; text-align:center;}

.TecNews{ padding:5% 0; background:#f4f4f4;}
.TecNews .newstxt{ padding:20px 3.5%; margin-bottom:4%; background:#fff; color:#333333;}
.TecNews .newsbox{ padding:0 60px;}
.TecNews .flex-viewport{ margin-left:-30px;}
.TecNews .box{ margin-left:30px;}
.TecNews .imgbox{ padding-top:58%;}
.TecNews .ti{ font-size:16px; margin:-26px 0 20px 5%; width:60%; text-align:center; line-height:42px; height:42px; background:#d12e2e; color:#fff; position:relative; overflow:hidden; padding:0 3%;}
.TecNews .p{-webkit-line-clamp: 3; height:99px; line-height:33px;}
.TecNews .flex-control-nav{ display:none;}
.TecNews .flex-direction-nav a { text-indent:999em;}
.TecNews .flex-direction-nav .flex-prev { left: -60px; background:url(../images/arr01.png);}
.TecNews .flex-direction-nav .flex-prev:hover {background:url(../images/arr02.png);}
.TecNews .flex-direction-nav .flex-next { right: -60px; background:url(../images/arr03.png);}
.TecNews .flex-direction-nav .flex-next:hover {background:url(../images/arr04.png);}

.TecCase{ padding-top:5%; padding-bottom:5%;}
.TecCase .flex-viewport{ margin-left:-40px;}
.TecCase .box{ margin-left:40px;}
.TecCase .imgbox{ border:2px solid #eeeeee; padding-top:70%; margin-bottom:25px;}
.TecCase .imgbox span{ width:92%; height:90%; left:4%; top:5%;}
.TecCase .ti{ margin:0 25px; padding-right:19px; height:24px; overflow:hidden; font-size:18px; background:url(../images/more1.png) right center no-repeat;}
.TecCase .flex-control-nav{ display:none;}
.TecCase .flex-direction-nav a { color:#fff; margin-top:-60px; width:46px; border-radius:0; height:80px; line-height:80px; background:rgba(0,0,0,0.5);}
.TecCase .flex-direction-nav a:hover { background:#d12e2e;}
.TecCase .flex-direction-nav .flex-prev { left: 0px;}
.TecCase .flex-direction-nav .flex-next { right: 0px;}

@media (max-width:1366px){
.TecInfo .info .txt{ height:250px;}
}
@media (max-width:1024px){
.TecInfo .info{top:5%; width:45%; line-height:24px;}
.TecInfo .info .ti{ font-size:18px; margin-bottom:10px;}
.TecInfo .info .txt{ height:200px;}
.TecInfo2 .info{ line-height:24px; padding-top:0px;}
.TecNews .flex-viewport{ margin-left:-12px;}
.TecNews .newsbox{ padding:0 40px;}
.TecNews .box{ margin-left:12px;}
.TecNews .flex-direction-nav .flex-prev { left: -45px; }
.TecNews .flex-direction-nav .flex-next { right: -45px;}
.TecNews .p{-webkit-line-clamp: 2; height:40px; line-height:20px;}
.TecNews .ti{ width:85%;}

.TecCase .flex-viewport{ margin-left:-12px;}
.TecCase .box{ margin-left:12px;}
}
@media (max-width:768px){
.TecInfo .img{ width:auto;}
.TecInfo .info{ width:auto; padding:15px; position:static;}
.TecInfo .info .txt{ height:auto;}
.TecInfo2 .info{ width:auto; float:none;}
.TecInfo2 .img{width:auto; float:none;}
.TecNews .imgbox{ padding-top:75%;}
.TecNews .ti{ font-size:14px; margin-bottom:10px;}

.TecCase .flex-direction-nav a { margin-top:-50px;width:30px; height:52px; line-height:52px;}
.TecCase .imgbox{padding-top:75%; margin-bottom:10px;}
.TecCase .ti{ margin:0; font-size:14px;}
}


/*人力资源 s*/
.Culture{ margin-top:28px; padding:191px 0 0 191px; position:relative; overflow:hidden; background:url(../images/culture.jpg) 0px top no-repeat;}
.Culture .txt{ position:absolute; right:0px; width:78%; top:0;z-index:10; color:#fff; padding:0 4% 0 0;}
.Culture .SubTit{ text-align:right; line-height:46px;}
.Culture .SubTit h2{ color:#fff;line-height:40px; padding-top:40px;}
.Culture .SubTit p{ color:#fff; padding-top:0;}
.Culture .SubTit p span{ display:block;}
.Culture .SubTit i{ float:right;}
.Culture .txt2{ position:absolute; left:-191px; width:18%; top:-191px; z-index:10; color:#fff; text-align:center; height:100%; padding-top:5%;}
.Culture .txt2 .line{ width:2px; height:140px; background:#fff; margin:0px auto;}
.Culture .txt2 .cn{ width:24px; font-size:24px; margin:0px auto; padding:11px 0 28px;}
.Culture .txt2 .en{ width:100%; margin:65px auto 0px; letter-spacing:0.5em; font-size:12px; font-family:Arial, Helvetica, sans-serif;
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */}

.Culture .slides li{ position:relative;}
.Culture .flex-control-nav{ display:none;}
.Culture .flex-direction-nav{ position:absolute; left:4%; bottom:16px; border:1px solid #fff; height:75px; width:270px; background:url(../images/dot2.png) center center no-repeat; z-index:10;}
.Culture .flex-direction-nav a { text-indent:999em; width:75px; height:12px; margin-top:-5px; border-radius:0;}
.Culture .flex-direction-nav .flex-prev { left: 20px; background:url(../images/wh_arr1.png);}
.Culture .flex-direction-nav .flex-prev:hover { background:url(../images/wh_arr01.png);}
.Culture .flex-direction-nav .flex-next { right: 20px; background:url(../images/wh_arr2.png) right center no-repeat;}
.Culture .flex-direction-nav .flex-next:hover { background:url(../images/wh_arr02.png) right center no-repeat;}

.Culture .slides .info{ background:rgba(255,255,255,0.3); padding:4%; width:40%; z-index:2; position:absolute; top:30%; line-height:30px; color:#212121; font-size:16px; left:4%;transform:translateX(-200px);-webkit-transform:translateX(-200px);opacity:0;transition:all 1s 0.4s;}
.Culture .slides .info i{ display:block; width:31px; height:13px; border-top:4px solid #d12e2e;}
.Culture .slides li .img{transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1s ease;}
.Culture .slides li.flex-active-slide .img{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}
.Culture .slides li.flex-active-slide .info{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

.Wait{ overflow:hidden; margin-top:40px; height:445px; position:relative;}
.Wait .txt{ width:100%; z-index:2; text-align:center; position:absolute; top:30%; color:#e43333;}
.Wait .txt h2{ font-size:48px; line-height:57px;}
.Wait .txt p{ display:block; text-transform:uppercase; font-size:24px; font-family:"Times New Roman", Times, serif; line-height:34px;}
.Wait .tp1{ position:absolute; right:2%; top:0; width:80%;
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
animation-direction:alternate;/*轮流反向播放动画。*/
animation-timing-function: ease-in-out; /*动画的速度曲线*/
/* Safari 和 Chrome */
-webkit-animation:mymove 5s infinite;
-webkit-animation-direction:alternate;/*轮流反向播放动画。*/
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}
.Wait .tp2{ position:absolute; left:2%; top:0; width:70%;
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
animation-direction:alternate;/*轮流反向播放动画。*/
animation-timing-function: ease-in-out; /*动画的速度曲线*/
/* Safari 和 Chrome */
-webkit-animation:mymove 5s infinite;
-webkit-animation-direction:alternate;/*轮流反向播放动画。*/
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}
.Wait .tp3{ position:absolute; left:45%; bottom:29%;
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
animation-direction:alternate;/*轮流反向播放动画。*/
animation-timing-function: ease-in-out; /*动画的速度曲线*/
/* Safari 和 Chrome */
-webkit-animation:mymove 5s infinite;
-webkit-animation-direction:alternate;/*轮流反向播放动画。*/
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}
@keyframes mymove
  {
    0%{opacity: 0.2; transform: rotate(15deg) scale(1);}
    25%{opacity: 0.6; transform: rotate(45deg) scale(1.5);}
    50%{opacity: 0.8; transform: rotate(-35deg) scale(1);}
    75%{opacity: 1; transform: rotate(5deg) scale(1.5);}
  }
            
@-webkit-keyframes mymove /*Safari and Chrome*/
  {
    0%{opacity: 0.2; transform: rotate(15deg) scale(1);}
    25%{opacity: 0.6; transform: rotate(45deg) scale(1.5);}
    50%{opacity: 0.8; transform: rotate(-35deg) scale(1);}
    75%{opacity: 1; transform: rotate(5deg) scale(1.5);}
  }

.hrw1{ width:20%;}
.hrw2{ width:13%;}
.hrw3{ width:13%;}
.hrw4{ width:13%;}
.hrw5{ width:13%;}
.hrw6{ width:13%;}
.hrw6{}
.Hrhead{ height:60px; text-align:center; color:#fff; background:#e43333; font-weight:bold; font-size:18px;}
.padleft{ padding-left:4%; text-align:left !important;}
.HrList{ margin-bottom:4%; color:#494949;}
.HrList li{ margin-bottom:2px;}
.HrList li td{ height:60px; font-size:16px; text-align:center; background:#f2f2f2;}
.HrList li td a{color:#494949;}.HrList li td a:hover{color:#b1702b;}
.HrList .btn{width:30px; height:30px; margin:0px auto; background:url(../images/jia.gif) center center no-repeat; display:block;}
.HrList .stit{ font-weight:bold; margin-bottom:5px; color:#000000; font-size:16px;}
.HrList li .txtCont{ color:#666; position:relative; display:none; background:#fffcfc; line-height:26px; padding:25px 10% 25px 4%;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .stit{ font-size:16px; color:#000; margin-bottom:8px; font-weight:normal;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .applybtn{ position:absolute; right:15px; top:25px;}
.HrList li .txtCont a.apply{ background:#e43333; font-size:16px; display:block; text-align:center; width:130px; color:#fff; line-height:40px;}
.HrList li .txtCont a:hover.apply{ background:#d67502;}
.HrList li.current td{ background:#efe8e8; border-bottom:1px solid #efe8e8;}
.HrList li.current .btn{ background: url(../images/jian.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:#e43333; 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:#e43333; 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:#e43333; margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#606060;}

@media ( max-width:1024px){
.Culture{padding:50px 0 0 50px; background:url(../images/culture2.jpg) 0px top no-repeat;}
.Culture .txt{ position:absolute; right:0px; width:78%; top:0;z-index:10; color:#fff; padding:0 4% 0 0;}
.Culture .SubTit{ line-height:20px;}
.Culture .SubTit h2{line-height:20px; padding-top:5px;}
.Culture .SubTit p span{ letter-spacing:0em;}.Culture .SubTit i{ display:none;}
.Culture .slides li .img{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);}
.Culture .slides li .info{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.Culture .txt2{ width:50px; left: -50px; top: -50px;}
.Culture .txt2 .line{height:40px;}
.Culture .txt2 .cn{font-size:18px; padding:5px 0 10px;}
.Culture .txt2 .en{letter-spacing:0.1em; display: none;}

.Wait{margin-top:0px; height:250px;}
.Wait .txt h2{ font-size:20px; line-height:30px;}
.Wait .txt p{font-size:15px; line-height:20px;}
}
@media ( max-width:768px){
.Wait{ height:150px;}
.Wait .tp3{ width:30px;}
.Culture .slides .info{ position:static; width:auto; background:#fff; font-size:14px; line-height:24px;}

.Culture .flex-direction-nav{height:50px; width:150px;}
.Culture .flex-direction-nav a { width:45px; height:12px;}


.Hrhead{ height:36px;font-size:15px; margin-bottom:10px; font-weight:normal;}
.HrList{ margin-bottom:28px;}
.HrList li td{ height:45px;font-size:14px;}
.hrw1{ width:75%;}
.hrw2,.hrw3,.hrw4,.hrw5,.hrw6{ display:none;}
.HrList li .txtCont .item{ display:block;}
.HrList li .txtCont{ padding-top:10px; padding-bottom:18px; font-size:14px; line-height:24px;}
.HrList li .txtCont .applybtn{ padding-top:18px;}
.HrList li .txtCont a.apply{width:100px; line-height:32px;}
.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*/
.AboutInfo{ padding-top:6%; padding-bottom:6%; max-width:1204px; margin:0px auto;}
.TeamBox{ background:url(../images/teambg.jpg) center top no-repeat; padding-top:6%; padding-bottom:0%;}
.TeamBox .newsbox{ padding:0 58px;}
.TeamBox .flex-viewport{ margin-left:-28px;}
.TeamBox .flex-control-nav{ display:none;}
.TeamBox .flex-direction-nav a { text-indent:999em;}
.TeamBox .flex-direction-nav .flex-prev { left: -60px; background:url(../images/arr01.png);}
.TeamBox .flex-direction-nav .flex-prev:hover {background:url(../images/arr02.png);}
.TeamBox .flex-direction-nav .flex-next { right: -60px; background:url(../images/arr03.png);}
.TeamBox .flex-direction-nav .flex-next:hover {background:url(../images/arr04.png);}
.TeamBox .slides li{ padding-bottom:15px;}
.TeamBox .box{ margin-left:28px;transition: all ease 0.3s; height:420px;}
.TeamBox .imgbox{ padding-top:100%; border-radius:50%; border:1px solid #f3f3f3; overflow:hidden;}
.TeamBox .info{ padding:40px 10% 0; color:#333333;transition: all ease 0.3s;}
.TeamBox .info h3{ line-height:34px; text-align:center;}
.TeamBox .info .job{ background:url(../images/more2.gif) center bottom no-repeat; padding-bottom:35px; text-align:center;}
.TeamBox .txt{ display:none;}
.TeamBox .slides li.on .box{ padding-top:25px; height:395px; border-radius:10px; background:#fff; box-shadow:0 0 15px #ddd;}
.TeamBox .slides li.on .imgbox{ width:60%; padding-top:60%; margin:0px auto;}
.TeamBox .slides li.on .txt{ display:block; color:#7c7c7c; height:120px; overflow-y:auto;}
.TeamBox .slides li.on .info{ padding-top:25px;}
.TeamBox .slides li.on .info h3{ color:#d12e2e;}
.TeamBox .slides li.on .info .job{ display:none;}

.CultureBox{ padding-top:6%;}
.CultureBox .flex-viewport{ margin-left:-35px;}
.CultureBox .box{ margin-left:35px;}
.CultureBox .info{ font-size:15px; text-align:center; padding:19px 0 24px 0; color:#7e7e7e;}
.CultureBox .info .img{ text-align:center;}
.CultureBox .info .ti{ color:#333333; font-size:20px;line-height:46px;}
.CultureBox .flex-direction-nav { display:none;}

.HornorBox{ padding-top:6%; padding-bottom:6%; background:url(../images/rybg.jpg) center bottom no-repeat;}
.HornorBox .Hornor{position: relative; overflow:hidden;}
.HornorBox .swiper-slide {width: 420px; text-align:center; padding:0 0 25px;}
.HornorBox .swiper-slide a{ font-size:16px; display:block; padding:10%; border:1px solid #e5e5e5; background:#fff;}
.HornorBox .swiper-slide .imgbox{ height:430px;margin:0px auto 30px;}
.HornorBox .swiper-slide.swiper-slide-active a{ border:1px solid #d12e2e;}

.HornorBox .swiper-pagination {width: 100%;bottom: 20px; display:none;}
.HornorBox .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;background-color: #cccccc;width: 10px;height: 10px;opacity: 1;}
.HornorBox .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #eb5f1a;}
.HornorBox .swiper-button-prev { border-radius:50%; cursor:pointer;left: 0px;width: 37px;height: 13px; background: url(../images/ryarr1.png) center center no-repeat; margin-top:-35px;}
.HornorBox .swiper-button-next { border-radius:50%; cursor:pointer;right: 0px;width: 37px;height: 13px;background: url(../images/ryarr2.png) center center no-repeat; margin-top:-35px;}
.HornorBox .swiper-button-prev:hover {background: url(../images/ryarr01.png) center center no-repeat;}
.HornorBox .swiper-button-next:hover {background: url(../images/ryarr02.png) center center no-repeat;}

.QyBox{ padding:6% 0;}
.QyBox .Paper{width:45%; float:left;}
.QyBox .flex-viewport{ margin-left:-28px; padding-bottom:80px;}
.QyBox .Paper .content{ height:529px; background:#f4f4f4; padding:0 5%; margin-right:10px;}
.QyBox .Paper .tithead{ padding:48px 0 42px; line-height:33px; color:#d12e2e; font-size:24px;}
.QyBox .Paper .box{ text-align:center; padding:19px; margin:0 0 10% 28px; background:#fff;}
.QyBox .Paper .imgbox{ padding-top:80%; margin-bottom:30%;}
.QyBox .Paper .tc img{ width:auto; margin:0px auto;}
.QyBox .Paper .tit{ margin-left:14px; text-align:center;}
.QyBox .Paper .flex-direction-nav{ display:none;}

.QyBox .Video{ position:relative; width:55%; float:right;}
.QyBox .Video .play{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; width:100%; left:0; bottom:0; height:100%; z-index:8; cursor:pointer;}
.QyBox .Video .play em{ position:absolute; width:75%; z-index:2; background:url(../images/line.png) 210px center no-repeat; left:39px; bottom:30px;}
.QyBox .Video .play i{ background:url(../images/play.png) center center no-repeat; width:42px; height:42px; position:absolute; right:39px; bottom:35px;border-radius:50%; border:4px solid #fff; z-index:3;}
.QyBox .Video .play span{ position:absolute;width:100%; left:0; top:0; height:100%; z-index:1; background:rgba(0,0,0,0.4);}
.QyBox .Video video{ position:relative; z-index:2; width:100%; height:522px;object-fit: fill; background:#000;}

@media ( max-width:1440px){
.QyBox .Paper .content{ height:480px;}
.QyBox .Video video{ height:473px;}
}
@media ( max-width:1024px){
.TeamBox .slides li .box{ padding-top:25px; height:395px; border-radius:10px; background:#fff; box-shadow:0 0 15px #ddd;}
.TeamBox .slides li .imgbox{ width:60%; padding-top:60%; margin:0px auto;}
.TeamBox .slides li .txt{ display:block; color:#7c7c7c; height:120px; overflow-y:auto;}
.TeamBox .slides li .info{ padding-top:25px;}
.TeamBox .slides li .info h3{ color:#d12e2e;}
.TeamBox .slides li .info .job{ display:none;}
.CultureBox .flex-viewport{ margin-left:-18px;}
.CultureBox .box{ margin-left:18px;}
.CultureBox .info{ font-size:14px; padding-bottom:15px;}
.CultureBox .info .ti{font-size:16px;line-height:24px;}
.QyBox .Paper .content{ height:356px;}
.QyBox .Video video{height:350px;}
.QyBox .flex-viewport{ margin-left:-12px; padding-bottom:35px;}
.QyBox .Paper .tithead{ padding:20px 0 20px;font-size:18px;}
.QyBox .Paper .box{ padding:5px; margin-left:12px;}
}
@media ( max-width:768px){
.HornorBox .swiper-slide {width: 200px;}
.HornorBox .swiper-slide .imgbox{ height:238px; margin:0px auto 10px;}
.HornorBox .swiper-slide a{ font-size:14px;}
.QyBox .Paper{width:auto; float:none;}
.QyBox .Paper .content{ height:auto; margin:0; padding-bottom:20px;}
.QyBox .Video{width:auto; float:none;}
.QyBox .Video video{height:220px;}
.QyBox .Video .play em{ left:10px;}
.QyBox .Video .play i{ right:10px;}
}


/*环境服务与方案 s*/
.Probox{ margin:0 0 0 -1.8%;}
.Probox .item{ position:relative; width:23.2%; float:left; text-align:center; margin-left:1.8%; padding:106px 0;}
.Probox .item .box{ background:#f1f1f1; border-radius:10px; height:465px;}
.Probox .item .ico{ position:absolute; width:220px; left:50%; top:0; margin-left:-110px; padding-top:51px; height:157px; background:url(../images/probg1.gif); background-size:contain;}
.Probox .item .ico img{ width:100px; height:90px;}
.Probox .item .info{ padding-top:137px; width:90%; margin:0px auto; height:156px; color:#858585;}
.Probox .item .tit{ font-size:20px; color:#444444; margin-bottom:18px;}
.Probox .item .p{ height:72px; overflow-y:auto;}
.Probox .item .flexslider{ background:#ededed; border-top:1px solid #dfdfdf; border-radius:0 0 10px 10px;}
.Probox .item .imgbox{ height:170px; border-radius:0 0 10px 10px;}
.Probox .item .imgbox span{ background-size:contain;}
.Probox .flex-direction-nav .flex-prev { left: 0px; color:#da5757; font-size:24px;}
.Probox .flex-direction-nav .flex-next { right: 0px; color:#da5757; font-size:24px;}
.Probox .item.next .ico{ top:auto; bottom:0px;background:url(../images/probg2.gif); background-size:contain; padding-top:65px; height:144px;}
.Probox .item.next .info{ padding:0; position:absolute; top:323px; left:5%;}
.Probox .item.next .flexslider{ border-top:0px; border-bottom:1px solid #dfdfdf; border-radius:10px 10px 0 0;}
.Probox .item.next .imgbox{ border-radius:10px 10px 0 0;}

.Lcbox{ background:#fff url(../images/lcbg2.jpg) center top repeat-x; padding:6% 0;}

.Buildbox{ padding:5% 0 0 0;}
.Buildbox .content{ position:relative;}
.Buildbox .img{ display:none;}
.Buildbox .txt{ color:#d12e2e; font-weight:bold; position:absolute;background:url(../images/local.png) 0px center no-repeat; padding:15px 0 0 24px; cursor:pointer; z-index:2;}
.Buildbox .info{ position:absolute; font-size:12px; background:url(../images/nrbg.png); padding:21px 22px 0; width:181px; height:129px; color:#747474; z-index:10;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scale(0);transition:all 1s ease; opacity:0;}
.Buildbox .info li{ background:url(../images/dot1.gif) 0px center no-repeat; padding-left:11px;}
.Buildbox .info li b{ color:#2b2b2b;}.Buildbox .info li b a{ color:#2b2b2b;}Buildbox .info li b a:hover{ color:#e43333;}
.Buildbox .info li.p{-webkit-line-clamp: 2; height:48px;}

.Buildbox .i1 .txt{ top:19.5%; left:21%;}
.Buildbox .i2 .txt{ top:57.5%; left:6%;}
.Buildbox .i3 .txt{ top:3.5%; left:47%;}
.Buildbox .i4 .txt{ top:20.5%; left:44%;background:url(../images/local.png) right center no-repeat; padding-left:0; padding-right:24px;}
.Buildbox .i5 .txt{ top:24.5%; left:59%;}
.Buildbox .i6 .txt{ top:60%; right:16%;}

.Buildbox .i1 .info{ top:-85px; left:15%;}
.Buildbox .i2 .info{ top:14%; left:5%;}
.Buildbox .i3 .info{ top:-126px; left:52%;}
.Buildbox .i4 .info{ top:-73px; left:42%;}
.Buildbox .i5 .info{ top:-53px; left:59%;}
.Buildbox .i6 .info{ top:20%; right:5%;}
.Buildbox  .item:hover .info{transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1); opacity:1;}

.Buildbox span{ display:inline-block; color:#d12e2e; font-size:12px; background:rgba(255,255,255,0.7); border-radius:15px; line-height:21px; padding:0 16px;}
.Buildsj{ padding-bottom:20px; display:none;}
.Buildsj li{ border-bottom:1px solid #dcdcdc; padding:15px 0;}
.Buildsj li .ti{ margin-bottom:10px; font-size:15px;}

@media ( max-width:1024px){
.Probox .item{ padding:68px 0;}
.Probox .item .box{height:372px;}
.Probox .item .tit{ font-size:15px;margin-bottom:6px;}
.Probox .item .ico{width:150px; margin-left:-75px; padding-top:32px; height:110px;}
.Probox .item .ico img{ width:75px; height:68px;}
.Probox .item.next .ico{padding-top:43px; height:100px;}
.Probox .item .info{ padding-top:100px; height:130px;}
.Probox .item.next .info{ top:225px;}
.Probox .item .imgbox{ height:140px;}
.Lcbox{ background-size:contain;}
}
@media ( max-width:768px){
.Probox .item{ width:48.2%;}
.Buildbox{ display:none;}
.Buildsj{ display:block;}
}

.scroll .item {
    width: 274px;
    height: 300px;
    float: left;
    margin-right: 34px;
    position: relative;
    overflow: hidden;
}
.scroll .item h2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 80px;
    line-height: 80px;
    width: 100%;
    background: url(../images/index_pro_bg.png) repeat;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
.scroll .item h2 a {
    color: #fff;
}
.scroll .item a img:hover {
    transform: scale(1.2);
}
.scroll li:hover {
    -border: none;
}

.HomeAbout .more {
    background: url(../images/more.png) center center no-repeat;
    width: 87px;
    height: 28px;
}
.HomeAbout .info .more:hover  {
    background: #d12e2e url(../images/more01.png) center center no-repeat;
    border-radius: 12px;
    width: 113px;
	cursor:pointer;
}

.HomeAbout .info a {
    height: 42px;
    width: 152px;
    color: #fff;
    text-indent: 26px;
    background: #013d82 url(../images/shangji_22.png) no-repeat 124px center;
    display: block;
    border-radius: 21px;
    margin-top: 30px;
    line-height: 42px;
    font-size: 16px;
}
.HomeAbout .info a:hover {
    background: #54a942 url(../images/shangji_23.png) no-repeat 124px center;
    color: #fafafa;
}


.footer{ height:150px;background: #3a3a3a;-margin-top: 40px;}
.footer h1{ padding-right:15px;margin-right:15px; border-right:1px solid #ccc;}
.footer .info{-margin-top:13px;width:900px;font-size:14px;color:#cccccc;line-height:1.7em;}
.footer .info a{color:#ccc;font-weight:bold;}
.footer .followUs { width:180px;margin-top:-8px;color:#ccc; font-size:12px;font-weight: bold;position: relative;
}
.footer .followUs span{float:left;}
.footer .followIco {float:left;width:180px;overflow: hidden;}
.footer .followIco li{float:left;margin:5px;}
.footer .followIco li img {cursor: pointer;}
.followIcoWrap{position: absolute;	right: 10%;top: -150px;margin-left: -450px;width:900px;z-index:50;}
.f_i_show{width:100%;  position:relative;}
.f_i_show li {float: left; width: 160px; height:171px;}
.f_i_show li img{width: 150px; height:161px;display: none;}
.f_i_show li img.ft_weibo {	position: absolute;right:60px;}
.f_i_show li img.ft_weixin {position: absolute;right:7px;}
.f_i_show li img.ft_tel {position: absolute; right:-50px;}