@charset "utf-8";
@font-face {
	font-family: 'Sunya';
	src: url('../font/Sunya.eot');
	src: url('../font/Sunya.eot?#iefix') format('embedded-opentype');
	src:url('../font/Sunya.woff') format('woff'), url('../font/Sunya.ttf') format('truetype'), url('../font/Sunya.svg#Sunya') format('svg'),local('Sunya');
	font-weight: normal;
	font-style: normal;
}
html,body{height:100%; width: 100%; overflow-x: hidden;}
body{padding:90px 0 0; margin:0px auto; font-size:16px; line-height:24px; color:#666666; width:100%; min-width:300px; zoom:1;font-family:"Microsoft YaHei","Arial","宋体",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:14px; border-radius:0; -webkit-border-radius:0; color:#545454; font-family:"Microsoft YaHei";}
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);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#0074d6;}
*:hover{transition: all ease 0.1s;}
.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: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #005bac;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}

.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:1300px; margin:0px auto;}
.block{ display:block;}
.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;}
.imgbox{ overflow:hidden; 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%;}

@media ( max-width:1300px){
.Contain{padding:0 15px;}
body{ padding-top:46px; font-size:14px;}	
}

@media ( max-width:998px){
body{ padding-top:46px; font-size:14px;line-height:24px;}	
}

.w1560{max-width: 1560px; min-width: 320px; margin: 0 auto;}

@media ( max-width:1560px){
	.w1560{margin: 0 5%;}
}

/*font*/
.f_red{ color:#e71f19;}
.f_green{ color:#17d63f;}

.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;}
li:hover .Scale-img img,.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;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; color:#555; clear:both; line-height:36px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages .total{ display:inline-block; vertical-align:middle; border:1px solid #c7c7c7; padding:0 18px;}
.Pages .input{ vertical-align:middle; width:60px; height:36px; line-height:36px; text-align:center; border:1px solid #c7c7c7;}
.Pages .btnok{ vertical-align:middle; width:48px; height:38px; cursor:pointer; border:1px solid #c7c7c7;}
.Pages a{ display:inline-block; margin:0px 6px; border:1px solid #c5c5c5; color:#c5c5c5; text-align:center;}
.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; padding:0 10px; 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{ border:1px solid #005bac; background:#005bac; color:#fff;}
.Pages .p_page .num a{vertical-align:middle; width:36px; font-family:Arial, Helvetica, sans-serif; color:#666666; font-size:16px;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{ border:1px solid #005bac; background:#005bac; color:#fff;}

.pagemore{ width:130px; line-height:45px; border:1px solid #ddd; text-align:center; color:#333; margin:4% auto 0;}
.pagemore:hover{ background:#999; color:#fff; border:1px solid #999;}


@media ( max-width:768px){
	.Pages{ line-height:24px;}
	.Pages .total{padding:0 6px;}
	.Pages a{ margin:0 2px;}
	.Pages .p_page .num a{width:24px;font-size:14px;}
	.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{padding:0 2px;}
	.Pages .input{ width:30px; height:24px; line-height:24px;}
	.Pages .btnok{ width:35px; height:26px;}
	.Pages .tz{ display:block; margin-top:5px;}
}

/*pages end*/


/*Top*/
.fp-viewing-0 .Header{background: rgba(0,0,0,0.6) !important;}
.Header{ background:#fff; height:90px; box-shadow:0 0 10px #ddd; position:fixed; left:0px; top:0px; width:100%; z-index:999;transition: all ease 0.3s;}
.Header .auto{ width:95%; margin:0px auto;}
.Header .Logo{float:left; padding-top:20px; width:20%; padding-right:2.2%;transition: all ease 0.3s;}
.Header .nav{ font-size:14px; line-height:90px; float:left; color:#009a61;transition: all ease 0.3s;}
.Header .nav span{ display:inline-block; vertical-align:top; margin-left:12px;}
.Header .nav a{color:#009a61; position:relative; display:inline-block;line-height:33px;}
.Header .nav a i{ opacity:0; background:#009a61; height:2px; font-size:0px; width:100%; position:absolute; bottom:0px; left:0px;}
.Header .nav a:hover i,.Header .nav a.on i{ opacity:1;}

.MainNav{ float:right;}
.MainNav li{float:left; position:relative; z-index:999; margin-left:30px;}
.MainNav li span{display: block; position: relative;}
.MainNav li span a{ z-index:2; position:relative;display:block; color:#333333; text-align:center; height:90px; line-height:90px; font-size:16px;transition: all ease 0.3s;}
.MainNav .line{ position:absolute; left:50%; bottom:29px; height:2px; background:#009a61; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#009a61;}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; left:0;}
.MainNav .sj{ display:none;}

.NavPull{display:none; position:absolute; top:90px; text-align:center; left:-45px; background:#009a61; border-radius:0 0 10px 10px; width:150px;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd a{ display:block; color:#fff; font-size:16px; padding:5px 0;}
.NavPull dd a:hover{ background:#00b975;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn{ cursor:pointer; display:none;width:26px; position:absolute; right:12px; top:12px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:887; display:none; background:rgba(255,255,255,0.8);}
.openbtn span{ display:block; height:3px; background:#009a61; margin:4px 0px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

.Header.Fixedtop{ height:60px; box-shadow:0 0 10px #ddd;}
.Header.Fixedtop .Logo{ padding-top:6px;}
.Header.Fixedtop .nav{ line-height:60px;}
.Header.Fixedtop .MainNav .top{padding:6px 0 10px;}
.Header.Fixedtop .MainNav li span a{ line-height:60px;}
.Header.Fixedtop .NavPull{ top:60px;}

.HomeBody .Header{background: none; box-shadow: none;}
.HomeBody .Header .Logo,.HomeBody .Header .pc{position: relative; z-index: 10;}
.HomeBody .MainNav{position: fixed; left: -100%; top: 0px; float: none; width: 67%; height: 100%; z-index: 9; background-color: rgba(0,0,0,0.9); background-image: url(../images/greenbg.png); background-repeat: repeat-x; background-position: left bottom;}
.HomeBody .MainNav .mask{position: absolute; width: 33%; right: 0px; top: 0px; height: 100%; background-color: rgba(254,254,254,0.7); z-index: 1; display: none;}
.HomeBody .MainNav .sj{display: none;}
.HomeBody .MainNav .box{width: 86%; padding: 5% 0 0;}
.HomeBody .MainNav li{float: none; margin-bottom: 22px;}
.HomeBody .MainNav li span a{color: #fff; font-size: 24px; font-weight: bold; text-align: right; height: 45px; line-height: 45px;}
.HomeBody .MainNav li:hover span .line,.HomeBody .MainNav li.onnav span .line,.HomeBody .MainNav li span a.sele .line{width: 190px; height: 20px; bottom: 0px; right: 0px; left: auto; background: #1dd17e;}
.HomeBody .share{display: block;}
.share dl{text-align: right;}
.share dl dd{display: inline-block; text-align: center; margin-left: 6%;}
.share dl dd .icon{display: block; width: 36px; margin: 0 auto;}
.share dl dd .name{display: block; font-size: 16px; line-height: 30px; color: #fff; font-weight: bold;}
.HomeBody .flodbtn{display: block;}
.share{display: none;}
.navclose{position: absolute; top: 20px; right: -36%; width: 26px; z-index: 12;}
.navclose img{display: block;}
.flodbtn{display: none; float: right; width: 20px; height: 106px; margin-top: 18px; font-size: 20px; text-align: center; position: relative; font-weight: bold;}
.flodbtn a{color: #009a61;}
.flodbtn i{position: absolute; width: 3px; height: 40px; background: #009a61; left: 50%; margin-left: -1px; bottom: 0px;}


@media ( max-width:1439px){
	.MainNav li{margin-left:25px;}
}
@media ( max-width:1366px){
	.MainNav li{margin-left:18px;}
	.HomeBody .MainNav li{margin-bottom: 15px;}
}
@media ( max-width:1280px){
	.MainNav li{margin-left:10px;}
}
@media ( max-width:1200px){
	.Header .Logo{width:10%; padding-right:0%;}
	.MainNav li{margin-left:2px;}
}

@media ( max-width:998px){
	.HomeBody .Header,.Header{height:46px; padding:0; background: #fff; width:100%; position:fixed; box-shadow:0 0 10px #ddd; left:0px; top:0px; z-index:999;}
	.HomeBody .share,.HomeBody .flodbtn,.HomeBody .MainNav .mask{display: none;}
	.HomeBody .MainNav .sj{display: block;}
	.HomeBody .MainNav .box{padding: 0; width: 100%;}
	.Header .Logo{ padding:8px 20px 0 0; width:auto;}.Header .Logo img{ height:30px;}
	.Header .openbtn{ display:block;}
	.Header .nav{ display:none;}.Header .sj{ display:block; float:none; background:#eee; line-height:40px; padding-left:10px;}

	.MainNav .top{ background:#eee; padding:12px;}
	.HomeBody .MainNav,.MainNav{ position:fixed; z-index:999; width:100%; height: auto; padding:0; left:0;background: #009442;top:46px; display:none;}
	.MainNav ul{ margin-top:0px;}
	.HomeBody .MainNav li,.MainNav li{ position:relative; float:none; border-bottom:1px solid #707070;border-top:1px solid #3e3e3e; width:auto; margin:0 10px; background:none;}
	.MainNav li#nav1{ width:auto;}
	.HomeBody .MainNav li span a,.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px; height:40px; padding-left:5px; color:#fff !important;}
	.MainNav li .line{ display:none;}
	.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
	.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:100%; left:0px; top:0px;}
	.MainNav .arr img{ position:absolute; width:17px; height:auto; background:none; right:20px; top:16px;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 { position:static; background:#333333; text-align:left; width:100%; border-radius:0;}
	.NavPull dd a{ display:block;padding:5px 0px 5px 10px; color:#fff; font-size:14px; border-bottom:1px solid #131313;}
	.NavPull dd a:hover{ color:#fff; background:#4d4c4c;}

	.Header.Fixedtop{ height:46px;}
	.Header.Fixedtop .Logo{ padding-top:8px; width:auto;}
	.Header.Fixedtop .MainNav .top{padding:12px;}
	.Header.Fixedtop .MainNav li span a{height:40px; line-height:40px;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#009944;padding:15px 0px 15px; color:#fff; line-height:40px;}
.Footer .auto{ width:95%; margin:0px auto;}
.Footer a{color:#fff;}.Footer a:hover{color:#ffcc00;}
.Footer .Copyright{ float:left;}
.Footer .Copyright img{ display:inline-block; vertical-align:middle; margin:0 4px 0 15px;}
.Footer .Copyright p span{ display:inline-block;}
.Footer .foota{float:right;padding-right:20px;}
.Footer .Link{ float:right;}
.Footer .Link select{ width:200px; height:40px; color:#fff; font-size:16px; text-indent:1em; border-radius:4px;}
.Footer .Link select{-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none; background: #24a75e url(../images/selectarr.png) right center no-repeat;}
.Footer .Link select::-ms-expand { display: none; }/*Ie clear arr*/

.totop{width: 40px;height: 40px;text-align: center; background: #555; position: fixed;bottom: 73px; right: 5px; cursor: pointer;border-radius: 5px;color:#fff;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.totop>span{display: block;line-height: 15px;font-size: 12px;color:#fff;}
.totop.cd-is-visible {visibility: visible;opacity: 1; height:40px; cursor:pointer;}

@media ( max-width:998px){
.Footer{padding:10px 0; text-align:center;}
.Footer .Copyright{ float:none; line-height:20px; font-size:12px; padding-bottom:10px;}
/*.Footer .Link{ float:none; margin:0px auto;}*/
.Footer .Link select{ font-size:14px;}
.totop{width: 30px;height: 30px;bottom: 73px; font-size:12px;}
.totop.cd-is-visible { height:35px;}
.totop>span{ line-height:12px;}
}

/*Bottom*/


/*首页 s*/
.Banner{overflow:hidden; clear:both; position:relative;}
.Banner .item{ position:relative;}
.Banner .item .img{display: block; width: 100%; opacity: 1;}
.Banner .item .mobile{display: none;}
.Banner .item .video{display: none; position: absolute; width: 120%; left: -10%; right: -10%; top: 0px; background: #000; text-align: center;}
.Banner .item .video video{width: 100%;}
.Banner .item .txt{ position:absolute; width:80%; left:10%; text-align:center; top:26%;transform:translateY(-300px);-webkit-transform:translateY(-300px);opacity:0;transition:all 1s;}
.Banner .item a{ display:block;}
.Banner .item .txt img{ width:50%; display:inline-block;}
.Banner .active .item .txt{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.Banner .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 5%; height: 9px; line-height: 9px;}
.Banner .owl-dots .owl-dot{width: 9px; height: 9px; margin: 0px 5px; background: #fff; border-radius: 50%;}
.Banner .owl-dots .owl-dot.active{background: #24a75e;}
.BannerOn .item .video{display: block;}

.mousebtn{position:absolute; width:18px; left:50%; bottom:5%; margin-left:-9px; z-index:99; -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;}

@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
    75% {-webkit-transform: translateY(10px); opacity: 0.2}
}
@keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
    75% {-webkit-transform: translateY(10px); opacity: 0.2;}
}

@media ( max-width:998px){
.Banner .item .pc{ display:none;}
.Banner .item .mobile{display: block;}
}
@media ( max-width:488px){
.Banner .item li .txt{ width:60%; left:20%; top:15%;}
.Banner .item .txt img{width: 94%;}
.Banner,.Banner .item .mobile{height: auto !important;}
}

.section{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.pt90{padding-top: 12%;}
.HomeTit{font-size: 60px; line-height: 65px; margin-bottom: 5%; color: #333;}
.HomeTit.whitetxt{color: #fff;}
.HomeAbout{width: 51.5%;}
.HomeAbout .info{font-size: 16px; line-height: 34px; color: rgba(254,254,254,0.7); max-height: 170px; overflow: hidden;}
.HomeAbout dl{margin: 5% 0;}
.HomeAbout dl dd{width: 30%; float: left; margin-right: 5%; color: #fff; position: relative;}
.HomeAbout dl dd .line{width: 65px; height: 1px; background-color: rgba(255,255,255,0.3); position: absolute; right: 0px; top: 50%;}
.HomeAbout dl dd:nth-child(3n){margin-right: 0;}
.HomeAbout dl dd:nth-child(3n) .line{display: none;}
.HomeAbout dl dd .num{display: block; font-size: 64px; line-height: 59px;}
.HomeAbout dl dd p{font-size: 16px; line-height: 30px;}

.HomeMore{display: block; width: 160px; line-height: 50px; background: #1dd17e; color: #fff; font-size: 16px; text-align: center;}

.HomeProduct .box,.HomeProduct .bd ul{position: absolute; top: 0px; height: 100%; z-index: 1;}
.HomeProduct .box{width: 41.5%; right: 0px; background-image: url(../images/probg.jpg); background-position: right center; background-repeat: no-repeat; background-size: cover;}
.HomeProduct .hd{width: 55%; padding: 25% 10% 0;}
.HomeProduct .hd ul{padding-top: 0%;}
.HomeProduct .hd li{line-height: 50px; margin-top: 17%;}
.HomeProduct .hd li .icon{display: inline-block; vertical-align: middle; position: relative; width: 55px; height: 50px;}
.HomeProduct .hd li .icon img{position: absolute; left: 0px; top: 0px; width: 100%;}
.HomeProduct .hd li .icon .i1{transition: 400ms;}
.HomeProduct .hd li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.HomeProduct .hd li.on .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.HomeProduct .hd li.on .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.HomeProduct .hd li .name{padding-left: 30px; font-size: 24px; color: rgba(255,255,255,0.3); font-weight: bold;}
.HomeProduct .hd li.on .name{color: #1dd17e;}

.HomeProduct .bd ul{background-repeat: no-repeat; background-size: cover; width: 58.5%; left: 0px;}
.HomeProduct .bd .maskbg{background-color: #1dd17e; background-image: url(../images/maskbg.png); background-repeat: no-repeat; background-position: center bottom; width: 480px; height: 560px; position: absolute; top: 50%; margin-top: -280px; right: 0px;}
.HomeProduct .bd .maskbg .con{padding: 20% 10% 0; color: #fff;}
.HomeProduct .bd .maskbg .con .sign{font-size: 20px; line-height: 27px; background: url(../images/sign.png) no-repeat right center; margin-bottom: 14%; display: none;}
.HomeProduct .bd .maskbg .con .title .name{display: block; font-size: 28px; color: #fff; line-height: 36px; font-weight: bold; margin-bottom: 14%;}
.HomeProduct .bd .maskbg .con .title i{display: none; width: 14px; height: 4px; background: #fff;}
.HomeProduct .bd .maskbg .con .info{margin: 70px 0px 5% 36%; font-size: 16px; line-height: 30px; height: 120px; overflow: hidden; color: rgba(255,255,255,0.9);}
.HomeProduct .bd .maskbg .con .more{text-align: right; display: block;}
.HomeProduct .bd .maskbg .con .num{position: absolute; left: 10%; bottom: 12%; font-size: 120px; line-height: 100px; font-family: "Sunya"; color: #fff;}

.HomeProduct .prev,.HomeProduct .next{position: absolute; display: none; width: 140px; height: 110px; bottom: 0px; z-index: 2; background-color: #f5f5f5; background-repeat: no-repeat; background-position: center center;}
.HomeProduct .prev{background-image: url(../images/left.png); left: 0px;}
.HomeProduct .next{background-image: url(../images/right.png); left: 140px;}
.HomeProduct .prev:hover,.HomeProduct .next:hover{background-color: #1dd17e;}
.HomeProduct .prev:hover{background-image: url(../images/lefton.png);}
.HomeProduct .next:hover{background-image: url(../images/righton.png);}

.HomeLeft{width: 32%; margin-top: 5%; float: left;}
.HomeLeft .hd{line-height: 30px; font-size: 18px; color: #666666;}
.HomeLeft .hd a{display: inline-block; color: #666666; padding: 0px 2px; position: relative; z-index: 2;}
.HomeLeft .hd span{position: relative; z-index: 2;}
.HomeLeft .hd em{position: absolute; left: 0px; bottom: 0px; width: 0%; height: 12px; background: #1dd17e; z-index: 0; transition: all ease 0.3s;}
.HomeLeft .hd a:hover{color: #333; font-weight: bold;}
.HomeLeft .hd a:hover em{width: 100%; transition: all ease 0.3s;}
.HomeLeft .info{font-size: 16px; line-height: 26px; color: #535353; height: 52px; overflow: hidden; margin: 8% 0 20%;}

.NewsBox{width: 58%; position: absolute; top: 0; right: 5%; height: 100%;}
.NewsBox li{transition: all ease 0.3s; width: 33.3333%; position: absolute; top: 0px; height: 100%; background: url(../images/line3.png) repeat-y left top;}
.NewsBox li.n1{left: 0;}
.NewsBox li.n2{left: 33.3333%;}
.NewsBox li.n3{left: 66.6666%;}
.NewsBox li a{display: block; padding: 30% 10%;}
.NewsBox li .date{font-size: 24px; color: #666; margin-bottom: 20px;}
.NewsBox li .date span{display: block; font-size: 90px; color: #e0e0e0; line-height: 74px; margin-bottom: 28px;}
.NewsBox li .date em{display: block; line-height: 28px;}
.NewsBox li .name{font-size: 18px; line-height: 26px; height: 52px; color: #333333; overflow: hidden; font-weight: bold;}
.NewsBox li .sort{line-height: 24px; display: block; margin: 10px 0px 15px; font-size: 16px; color: #b2b2b2;}
.NewsBox li .Scale-img img{display: block; width: 100%;}
.NewsBox li .info{font-size: 15px; line-height: 26px; color: #666666; height: 104px; overflow: hidden; margin: 24px 0px 38px;}
.NewsBox li .more{display: block; font-size: 16px; line-height: 24px; color: #333333;}
.NewsBox li .more img{display: inline-block; vertical-align: middle; width: 0; transition: all ease 0.3s;}
.NewsBox li:hover{transition: all ease 0.3s; background-color: #0aac57; background-image: url(../images/maskbg2.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom;}
.NewsBox li:hover .more img{width: 20px; padding-left: 10px; transition: all ease 0.3s;}
.NewsBox li:hover .date,.NewsBox li:hover .date span,.NewsBox li:hover .name,.NewsBox li:hover .more{color: #fff;}
.NewsBox li:hover .sort{color: rgba(254,254,254,0.6);}
.NewsBox li:hover .info{color: rgba(254,254,254,0.9);}

.hisline{display: none; position: absolute; bottom: 70px; width: 100%; left: 0px; height: 260px; background: url(../images/line4.png) no-repeat center center;}
.w1000{max-width: 1000px; min-width: 320px; margin: 0 auto;}
.HomeHistory .HomeTit{text-align: center;}
.HomeHistory .hd{position: absolute; bottom: 0px; width: 1000px; height: 270px; left: 50%; margin-left: -500px;}
.HomeHistory .hd li{width: 20%; float: left; text-align: center; position: relative;}
.HomeHistory .hd li a{display: block; color: rgba(255,255,255,0.6); font-size: 20px; font-family: "Sunya"; height: 77px; line-height: 77px; background-image: url(../images/arr1.png); background-position: center bottom; background-repeat: no-repeat;}
.HomeHistory .hd li.on a{background-image: url(../images/arr2.png); color: rgba(29,209,126,0.6); font-size: 30px; line-height: 40px;} 
.HomeHistory .hd li.s1{top: -8px;}
.HomeHistory .hd li.s2{top: 65px;}
.HomeHistory .hd li.s3{top: 78px;}
.HomeHistory .hd li.s5{top: -74px;}

.HomeHistory .bd .year{display: block; height: 90px; line-height: 40px; text-align: center; color: #fff;}
.HomeHistory .bd .year span{font-size: 40px;}
.HomeHistory .bd .year em{display: inline-block; font-weight: bold; width: auto; font-size: 24px; padding-top: 24px; /*background: url(../images/sign.png) no-repeat center top;*/}
.YearSlide{margin-top: 4%;}
.YearSlide .bds .info{margin: 0 15%; padding-left: 20px; font-size: 14px; line-height: 25px; color: #fff; background-image: url(../images/arr3.png); background-repeat: no-repeat; background-position: left 7px;}
.HomeHistory .owl-nav .owl-prev span,.HomeHistory .owl-nav .owl-next span{position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -25px; background-repeat: no-repeat; background-size: cover;}
.HomeHistory .owl-nav .owl-prev span{left: 0px; background-image: url(../images/left2.png);}
.HomeHistory .owl-nav .owl-next span{right: 0px; background-image: url(../images/right2.png);}

.HomeVideo{width: 66.66%; float: right; position: relative;}
.HomeVideo li{position: relative; width: 31.5%; overflow: hidden;}
.HomeVideo li .Scale-img img{display: block; width: 100%;}
.HomeVideo li .play{position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); background-image: url(../images/play.png); background-repeat: no-repeat; background-position: center center;}
.HomeVideo li .video video{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: #000; display: none;}
.HomeVideo li.v1{width: 66%;}
.HomeVideo li.v2,.HomeVideo li.v3{position: absolute; right: 0px; height: 48%;}
.HomeVideo li.v2{top: 0px;}
.HomeVideo li.v3{bottom: 0px;}

@media ( max-width:1500px){
	.HomeTit{font-size: 30px; line-height: 36px;}
	.NewsBox li .date span{font-size: 60px; line-height: 50px; margin-bottom: 15px;}
}

@media ( max-width:1366px){
	.HomeAbout dl dd .num{font-size: 50px;}
	.HomeProduct .prev, .HomeProduct .next{width: 100px; height: 70px;}
	.HomeProduct .next{left: 100px;}
	.HomeProduct .bd .maskbg .con .num,.HomeHistory .bd .year span{font-size: 70px;}
	.HomeHistory .bd .year em{font-size: 20px; padding-top: 35px;}
}

@media ( max-width:1199px){
	.Banner .item .video,.BannerOn .item .video{display:none;}
	.pt90{padding: 6% 0;}
	.HomeAbout{width: 74%;}
	.HomeAbout dl dd .line{display: none;}
	.HomeProduct .hd .HomeTit,.HomeProduct .hd{display: none;}
	.HomeProduct .box, .HomeProduct .bd ul{position: static; width: 100%;}
	.HomeProduct .prev,.HomeProduct .next{display: block;}
	.HomeProduct .next{left: auto; right: 0px;}
	.HomeProduct .bd .maskbg{position: relative; margin: 0 auto; left: 0px; top: 0px; margin-top: 0;}
	.NewsBox{position: static; float: right; width: 68%;}
	.NewsBox li{position: static; float: left;}
	.hisline{display: none;}
	.HomeHistory .hd,.HomeHistory .hd li{position: static;}
	.HomeHistory .hd{height: auto; margin-left: 0; width: 100%;}
	.HomeHistory .bd .year a{height: auto; margin-top: 3%;}
	.HomeHistory .bd .year span{font-size: 40px;}
}

@media ( max-width:768px){
	.HomeTit{font-size: 20px; margin-bottom: 3%;}
	.HomeAbout .info{font-size: 14px; line-height: 26px; max-height: 78px;}
	.HomeAbout dl dd .num{font-size: 30px; line-height: 30px;}
	.HomeAbout dl dd p{font-size: 14px; line-height: 24px;}
	.HomeMore{width: 110px; line-height: 40px;}
	.HomeProduct .bd .maskbg{width: 60%; height: auto;}
	.HomeProduct .bd .maskbg .con{padding: 10%;}
	.HomeProduct .bd .maskbg .con .sign{margin-bottom: 4%;}
	.HomeProduct .bd .maskbg .con .title .name{font-size: 20px; margin-bottom: 4%;}
	.HomeProduct .prev, .HomeProduct .next{width: 65px; height: 40px;}
	.HomeLeft,.NewsBox,.HomeVideo{width: 100%; float: none;}
	.HomeLeft{margin-top: 0;}
	.HomeLeft .info{margin: 4% 0;}
	.NewsBox li .date span{font-size: 40px; line-height: 30px;}
	.NewsBox li .date{font-size: 18px;}
	.NewsBox li .date em{line-height: 20px;}
	.NewsBox li .name{font-size: 16px;}
	.HomeVideo{margin-top: 3%;}
	.HomeHistory .owl-nav .owl-prev span, .HomeHistory .owl-nav .owl-next span{width: 30px; height: 30px; margin-top: -15px;}
	.HomeHistory .owl-nav .owl-prev span{left: 10px;}
	.HomeHistory .owl-nav .owl-prev span{right: 10px;}
}

@media ( max-width:640px){
	.HomeAbout{width: 100%;}
	.YearSlide .hds li{font-size: 20px;}
	.HomeVideo li .play{background-size: 36px 36px;}
}

@media ( max-width:480px){
	.HomeProduct .bd .maskbg{width: 75%;}
	.HomeProduct .bd .maskbg .con .info{margin: 6% 0;}
	.HomeProduct .bd .maskbg .con .num{position: static; font-size: 60px;}
	.HomeProduct .prev, .HomeProduct .next{width: 36px; background-size: 25px auto;}
	.HomeHistory .hd li a,.HomeHistory .hd li.on a{background-image: none; height: 36px; line-height: 36px;}
	.HomeHistory .bd .year span{font-size: 30px;}
	.HomeHistory .bd .year em{width: auto; background: none; margin-left: 10px;}
	.HomeVideo li.v1{width: 100%;}
	.HomeVideo li.v2, .HomeVideo li.v3{position: relative; width: 48%; height: 108px; float: left; margin-top: 10px;}
	.HomeVideo li.v3{float: right;}
}

.active .a1{
    animation:fadeInUp 1s .4s ease both;
    -webkit-animation:fadeInUp 1s .4s ease both;
    -moz-animation:fadeInUp 1s .4s ease both;}
.active .a2{
animation:fadeInUp 1s .8s ease both;
-webkit-animation:fadeInUp 1s .8s ease both;
-moz-animation:fadeInUp 1s .8s ease both;}
.active .a3{
animation:fadeInUp 1s 1.2s ease both;
-webkit-animation:fadeInUp 1s 1.2s ease both;
-moz-animation:fadeInUp 1s 1.2s ease both;}
.active .a4{
    animation:fadeInUp 1s 1.6s ease both;
    -webkit-animation:fadeInUp 1s 1.6s ease both;
    -moz-animation:fadeInUp 1s 1.6s ease both;}
.active .a5{
    animation:fadeInUp 1s 2s ease both;
    -webkit-animation:fadeInUp 1s 2s ease both;
    -moz-animation:fadeInUp 1s 2s ease both;}
.active .a6{
    animation:fadeInUp 1s 2.4s ease both;
    -webkit-animation:fadeInUp 1s 2.4s ease both;
    -moz-animation:fadeInUp 1s 2.4s ease both;}
.active .a7{
animation:fadeInRight 1s 2s ease both;
-webkit-animation:fadeInRight 1s 2s ease both;
-moz-animation:fadeInRight 1s 2s ease both;}

/*首页 end*/




/*栏目页公用样式 s*/
.SubBan{ position:relative;height:410px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.SubBan .txt{ position:absolute; width:1300px; left:50%; margin-left:-650px; font-size:50px; color:#333333; top:34.5%; line-height:65px;}
.SubBan .txt.white{color: #fff;}

.SubPage{ height:auto !important; min-height:255px; height:255px; padding-top:50px; padding-bottom:68px;}
.ColumnName{ font-weight:normal; text-align:center; color:#fff; font-weight:bold; font-size:16px; line-height:40px; border-bottom:3px solid #f0f0f0; background:#009a61; position:relative; display:none;}
.SubMenu{clear:both; line-height:70px; background:#fafafa; margin-bottom:50px;}
.SubMenu ul{ float:right;}
.SubMenu li{ float:left; position:relative; margin-left:30px;}
.SubMenu li a{ display:block; font-size:16px;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#009b44;}
.SubMenu .place{ float:left;}
.SubMenu .place a{ margin-right:11px; color:#666666; padding-right:19px; background:url(../images/placearr.png) right center no-repeat;}
.SubMenu .place span{ color:#666666;}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify; line-height:28px;}

.Current{background: #fafafa; font-size: 16px; line-height: 70px;}
.Position{float: left;}
.Position i{margin: 0px 10px; font-family: "宋体"; color: #259c55;}
.Position a{color: #666;}
.Position span{color: #666;}
.Menu{float: right; width: 70%;}
.Menu .title{display: none; padding: 0px 20px; background: #009442; line-height: 40px;}
.Menu .title span{display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center;}
.Menu ul{text-align: right;}
.Menu li{display: inline-block; margin-left: 3%;}
.Menu li .am{display: block; position: relative; z-index: 5; color: #666;}
.Menu li:hover a,.Menu li.on a{color: #009442;}

@media ( max-width:1300px){
.SubBan .txt{ width:90%; left:5%; margin-left:0;}
}

@media ( max-width:998px){
.SubPage{ padding-top:20px; padding-bottom:30px;}
.SubBan{height:120px;}
.SubBan .txt{ font-size:18px; line-height:30px;}
.SubMenu{ margin-bottom:20px;}
.SubMenu .place{ line-height:38px;}
.SubMenu ul{display:none; float:none;}
.SubMenu li{ float:none; margin:0;}
.SubMenu li a{border:1px solid #ddd; margin-bottom:-1px; line-height:30px; font-size:14px; padding:0 15px;}
.SubMenu li i{ display:none;}
.ColumnName { display:block; clear:both;}
.ColumnName .arr{ position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1;}
.ColumnName .arr img{ position:absolute; right:15px; top:14px; width:20px;transition: all ease 0.3s;}
.ColumnName.on .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;}
.SinglePage{line-height:24px;}
}

@media ( max-width:768px){
	.Current{line-height: 36px;}
    .Position{display: none;}
    .Menu{width: 100%; float: none; margin: 10px 0px;}
    .Menu .title{display: block;}
    .Menu ul{display: none; padding: 10px 0px; border: 1px solid #009442; text-align: left;}
    .Menu li{width: 100%; float: none; margin-right: 0;}
	.Menu li a{padding: 0px 20px;}
}
/*栏目页公用样式 end*/


/*价格指数 s*/
.SubNav{ text-align:center; padding-bottom:28px;}
.SubNav .cur{display: none;}
.SubNav li{ display:inline-block;*display:inline;zoom:1;}
.SubNav li a{ display:block; background:#f0f0f0; border-radius:5px; width:128px; line-height:45px; margin:0 3px; text-align: center;}
.SubNav li a:hover,.SubNav li.on a{ background:#009944; color:#fff;}
.SubNav2{ text-align:center; padding-bottom:28px;}
.SubNav2 .cur{display: none;}
.SubNav2 li{ display:inline-block;*display:inline;zoom:1;}
.SubNav2 li a{ display:block; background:#f0f0f0; border-radius:5px; width:128px; line-height:45px; margin:0 3px; text-align: center;}
.SubNav2 li a:hover,.SubNav2 li.on a{ background:#009944; color:#fff;}

.Datenav{ text-align:right; margin-bottom:20px;}
.Datenav li{ display:inline-block;*display:inline;zoom:1; margin-left:5px;}
.Datenav li a{ padding:4px 8px; background:#ddd; border-radius:5px; font-size:14px;}
.Datenav li a.on{ color:#fff; background:#009944;}
.Datenav .input{ border:1px solid #ddd; border-radius:4px; width:80px; height:25px; line-height:25px; text-align:center;}
.Datenav .btn{ vertical-align:middle; position:relative; width:30px; height:25px; cursor:pointer; background:#999; border-radius:5px;}
.Datenav .btn img{ width:18px; height:18px; position:absolute; left:50%; top:50%; margin:-9px 0 0 -9px;}

.Pricetop{ width:460px; margin:0px auto; line-height:37px; text-align:center; padding-bottom:32px; color:#333333; font-size:24px;}
.Pricetop i{ font-family:宋体; color:#009944; font-size:40px;}
.Pricetop img{ margin-right:18px;}

.Pricezs{ margin-bottom:45px;}
.PriceTab{ max-width:1100px; margin:0px auto 40px; line-height:60px; font-size:18px;}
.PriceTab .thead{ color:#fff; background:#009944;}
.PriceTab dd{ width:25%; text-align:center; float:left;}
.PriceTab .item{ clear:both;}
.PriceTab .item:nth-child(even){ background:#fafafa;}
.PriceTab .item:hover{ background:#dbf1e5 !important;}
.remark{ max-width:1068px; margin:35px auto 0; line-height:30px; font-size:16px; padding:15px; background:#e9f5ee;}

@media ( max-width:768px){
.SubNav .cur{float: right; line-height:35px; font-size: 16px; display: block;}
.SubNav ul{margin-left:-10px;}
.SubNav li{ width:25%; float:left;}
.SubNav li{}
.SubNav li a{ width:auto; line-height:35px; margin:0 0 0px 10px;font-size:12px}
.SubNav2 .cur{float: right; line-height:35px; font-size: 16px; display: block;}
.SubNav2 ul{margin-left:-10px;}
.SubNav2 li{ width:25%; float:left;}
.SubNav2 li{}
.SubNav2 li a{ width:auto; line-height:35px; margin:0 0 0px 10px;font-size:12px}

.Pricetop{ width:auto; margin:0px auto; line-height:28px; text-align:center; padding-bottom:20px; color:#333333; font-size:16px;}
.Pricetop i{ font-size:26px;}
.PriceTab{ line-height:40px; margin-bottom:20px; font-size:14px;}
.remark{ line-height:24px; font-size:14px;}
}

/* 企业文化 */
.boxbg{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.p4{padding: 4% 0;}

.Title01 span{display: block; line-height: 44px; font-size: 36px; color: #333;}
.Title01 i{display: block; margin: 27px 0px 0px; width: 40px; height: 4px; background: #333;}
.Title01.center{text-align: center; margin-bottom: 3%;}
.Title01.center i{margin: 27px auto 0px;}

.CultureBox li .Scale-img,.CultureBox li .con{width: 50%; float: left;}
.CultureBox li .con{position: relative;}
.CultureBox li .con .sign{width: 200px; height: 200px; background: #009944; position: absolute; top: 0px; right: 0px; display: flex; align-items: center; justify-content: center;}
.CultureBox li .con .txt{padding: 8% 32% 8% 15%; line-height: 34px; color: #333333;}
.CultureBox li .con .txt .kh{font-size: 24px; display: block; margin: 5% 0;}
.CultureBox li .con .txt .info{font-size: 16px; color: #9d9d9d;}
.CultureBox li:nth-child(2n) .Scale-img{float: right;}
.CultureBox li:nth-child(2n) .con .txt{padding: 8% 15% 8% 32%;}

.VauleBox .title{text-align: center; color: #fff; font-size: 36px; margin-bottom: 5%;}
.VauleBox li{width: 22.75%; height: 335px; float: left; position: relative; margin-right: 3%; background-image: url(../images/maskbg3.png); background-size: 100% 100%; background-position: center bottom; transition: all ease 0.3s;}
.VauleBox li:nth-child(4n){margin-right: 0;}
.VauleBox li .con{padding: 0 8%;}
.VauleBox li .name{line-height: 30px; text-align: center; font-size: 24px; color: #fff; margin-bottom: 25px;}
.VauleBox li .info{font-size: 16px; line-height: 34px; color: rgba(255,255,255,0.7);}
.VauleBox li .icon{position: absolute; width: 70px; left: 50%; margin-left: -35px; bottom: 15px;}
.VauleBox li:hover{margin-top: -15px; transition: all ease 0.3s;}

@media ( max-width:1600px){
	.CultureBox li .con .txt,.CultureBox li:nth-child(2n) .con .txt{padding: 8% 12%;}
	.CultureBox li .con .txt{line-height: 26px;}
	.Title01 span,.VauleBox .title{font-size: 26px; line-height: 30px;}
	.CultureBox li .con .txt .kh{font-size: 20px;}
	.CultureBox li .con .sign{width: 100px; height: 100px;}
	.CultureBox li .con .sign img{width: 80%;}
}

@media ( max-width:768px){
	.Title01 span, .VauleBox .title{font-size: 20px;}
	.Title01 i,.Title01.center i{margin-top: 15px;}
	.CultureBox li .Scale-img,.CultureBox li .con,.CultureBox li:nth-child(2n) .Scale-img{width: 100%; float: none;}
	.CultureBox li .con .txt,.CultureBox li:nth-child(2n) .con .txt{padding: 5%;}
	.CultureBox li .con .txt .kh{font-size: 18px; margin: 15px 0px;}
	.VauleBox li{width: 48%; margin: 0 0 3%;}
	.VauleBox li:nth-child(2n){float: right;}
	.VauleBox li .name{font-size: 20px;}
}

@media ( max-width:640px){
	.VauleBox li{height: 266px;}
	.VauleBox li .info,.CultureBox li .con .txt .info{font-size: 14px; line-height: 28px;}
	.VauleBox li .icon{width: 50px; margin-left: -25px;}
}

@media ( max-width:480px){
	.VauleBox li,.VauleBox li:nth-child(2n){width: 100%; float: none; height: auto; padding-bottom: 40px; margin-bottom: 5%;}
	.VauleBox li .info{padding-bottom: 35px;}
}

/* 社会责任 */
.mtb5{margin: 3% 0;min-height:50%;}
.SocailBox .mask{width: 200px; height: 510px; background: #009944; position: absolute; z-index: 1;}
.SocailBox .mask.m1{top: 0px; right: -42px;}
.SocailBox .mask.m2{bottom: 0px; left: -42px;}
.SocailBox .mask i{width: 120px; height: 1px; position: absolute; background: rgba(29,209,126,0.6);}
.SocailBox .mask.m1 i{left: -28px; top: 24px;}
.SocailBox .mask.m2 i{right: -28px; bottom: 24px;}
.SocailBox ul{position: relative; z-index: 2;}
.SocailBox li{margin-bottom: 3%;}
.SocailBox li .Scale-img{width: 41.5%; float: right;}
.SocailBox li .Scale-img img{display: block; width: 100%;}
.SocailBox li .con{width: 50%; float: left; padding: 5% 0;}
.SocailBox li:nth-child(2n) .Scale-img{float: left;}
.SocailBox li:nth-child(2n) .con{float: right;}
.SocailBox li:first-child .Scale-img,.SocailBox li:last-child .Scale-img{width: 58%;}
.SocailBox li:first-child .con,.SocailBox li:last-child .con{width: 39%;}
.SocailBox li:first-child .Scale-img{margin-top: 80px;}
.SocailBox li .info{font-size: 16px; line-height: 34px; color: #9d9d9d; margin-top: 3%;}

@media ( max-width:1300px){
	.SocailBox .mask{display: none;}
	.SocailBox li:first-child .Scale-img{margin-top: 0;}
}

@media ( max-width:1024px){
	.SocailBox li:last-child{margin-bottom: 0;}
	.SocailBox li .Scale-img,.SocailBox li:nth-child(2n) .Scale-img,.SocailBox li .con,.SocailBox li:nth-child(2n) .con{width: 100%; float: none;}
	.SocailBox li:first-child .Scale-img, .SocailBox li:last-child .Scale-img,.SocailBox li:first-child .con, .SocailBox li:last-child .con{width: 100%;}
	.SocailBox li .con{padding: 5% 0 0;}
}

@media ( max-width:640px){
	.SocailBox li .info{font-size: 14px; line-height: 28px;}
}

/* 研究方向 */
.Research .resbg{background: url(../images/yjbg.jpg) no-repeat left bottom;}
.Research .title{float: left; width: 35%; margin: 5% 0 0 3%;}
.Research .title span{display: block; font-size: 46px; line-height: 104px; color: #009944; font-weight: bold;}
.Research .title i{display: block; width: 45px; height: 3px; background: #009944;}
.Research .box{width: 62%; float: right; background: #fafafa;}
.Research .box .pic,.Research .box .con{width: 50%; float: left;}
.Research .box .pic{float: right;}
.Research .box .pic img{display: block; width: 100%;}
.Research .box .con .info{padding: 8%; font-size: 16px; line-height: 34px; color: #9b9b9b;}

.SystemBox{background: #009944; padding-bottom: 8%; font-size: 16px; line-height: 34px;}
.SystemBox .txt{width: 35%; padding-top: 4%; float: left;}
.SystemBox .txt .title,.ManageBox .box .con .txt .title{line-height: 42px; color: #fff; font-size: 24px; padding-bottom: 3%;}
.SystemBox .txt .title .icon,.ManageBox .box .con .txt .title .icon{margin-right: 15px;}
.SystemBox .txt .info{color: rgba(255,255,255,0.7);}
.SystemBox .box{width: 61.5%; float: right; background: #e7eff8 url(../images/txtbg.jpg) no-repeat right bottom;}
.SystemBox .box .con{padding: 15% 10%; color: #94979a;}

.ManageBox{background: #ecfaf7; position: relative; z-index: 3; margin: -5% 0 0 16%; padding: 6% 0% 0;}
.ManageBox .box{max-width: 1300px; min-width: 320px; position: relative;}
.ManageBox .box .con{padding: 0 4%;}
.ManageBox .box .con .txt{width: 65%; float: right; padding-bottom: 8%;}
.ManageBox .box .con .txt .title{color: #333; background: url(../images/line5.png) no-repeat left bottom; padding-bottom: 20px;}
.ManageBox .box .con .txt .info{font-size: 16px; color: #9b9b9b; line-height: 34px; margin-top: 3%;}
.ManageBox .box .con .pic{position: absolute; left: 3%; bottom: 0; width: 31%;}
.ManageBox .box .con .pic img{display: block; width: 100%;}

@media ( max-width:1600px){
	.ManageBox{margin-left: 5%;}
}

@media ( max-width:1024px){
	.Research .resbg{background: none;}
	.Research .title{width: 100%; float: none; margin: 3% 0;}
	.Research .title span{font-size: 24px; line-height: 40px;}
	.Research .box{width: 100%; float: none;}
	.SystemBox .txt,.SystemBox .box{width: 100%; float: none;}
	.SystemBox .txt{margin-bottom: 3%;}
	.ManageBox{margin-left: 0;}
}

@media ( max-width:768px){
	.Research .box .pic, .Research .box .con{width: 100%; float: none;}
	.Research .box .con .info{padding: 4%;}
	.Research .title span,.SystemBox .txt .title, .ManageBox .box .con .txt .title{font-size: 20px;}
	.SystemBox .box .con{padding: 6%;}
	.ManageBox .box .con .txt{width: 100%; float: none;}
	.ManageBox .box .con .pic{position: static; text-align: center; width: 100%;}
	.ManageBox .box .con .pic img{display: inline-block; width: auto;}
}

@media ( max-width:640px){
	.Research .box .con .info,.SystemBox,.ManageBox .box .con .txt .info{font-size: 14px; line-height: 28px;}
	.ManageBox .box .con .txt{padding-bottom: 4%;}
	.Research .title span, .SystemBox .txt .title, .ManageBox .box .con .txt .title{font-size: 16px;}
	.SystemBox .txt .title .icon, .ManageBox .box .con .txt .title .icon{width: 28px; margin-right: 10px; vertical-align: middle;}
}

/* 富华要闻 */
.NewsList li{margin-bottom: 3%;}
.NewsList li .Scale-img{width: 30.76%; float: left;}
.NewsList li .Scale-img img{display: block; width: 100%;}
.NewsList li .con{width: 62%; float: right; margin-right: 3.84%; position: relative; padding: 28px 0px 55px; border-bottom: 1px solid #e5e5e5;}
.NewsList li .con .other{width: 140px; position: absolute; right: 0px; top: 0px;}
.NewsList li .con .other .date,.NewsList li .con .other .more{float: left; width: 68px; height: 68px; border: 1px solid #e0e0e0; text-align: center;}
.NewsList li .con .other .date span{display: block; padding-top: 12px; line-height: 32px; font-size: 32px; color: #666666;}
.NewsList li .con .other .date em{display: block; line-height: 17px; color: #999999; font-size: 12px;}
.NewsList li .con .other .more{background-color: #e0e0e0; border: 1px solid #e0e0e0; background-image: url(../images/more3.png); background-repeat: no-repeat; background-position: center center;}
.NewsList li .con .title{display: block; padding-right: 150px; font-size: 20px; color: #222222; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.NewsList li .con .info{margin: 40px 0px 0px; font-size: 16px; line-height: 32px; height: 64px; overflow: hidden;text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color: #888888;}
.NewsList li:hover .con .title{color: #009944;}
.NewsList li:hover .con .other .more{background-color: #009944; border: 1px solid #009944; background-image: url(../images/more4.png);}

@media ( max-width:1024px){
	.NewsList li .con{padding: 15px 0px; margin-right: 0; width: 66%;}
	.NewsList li .con .title{font-size: 16px;}
}

@media ( max-width:768px){
	.NewsList li .con .info{font-size: 14px; line-height: 24px; height: 48px;}
	.NewsList li .con .other{width: 57px;}
	.NewsList li .con .other .date{height: 45px; width: 55px;}
	.NewsList li .con .other .date span{padding-top: 5px; font-size: 20px; line-height: 20px;}
	.NewsList li .con .other .more{display: none;}
	.NewsList li .con .title{padding-right: 65px;}
	.NewsList li .con .info{margin-top: 5%;}
}

@media ( max-width:480px){
	.NewsList li .Scale-img,.NewsList li .con{width: 100%; float: none;}
	.NewsList li .con{margin-top: 15px;}
}

/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7;}
.ContentAbout .videoBox{position: relative;}
.ContentAbout .videoBox .pic img{display: block; width: 100%;}
.ContentAbout .videoBox .video{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.ContentAbout .videoBox .video video{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: #000;}

.ContentAbout .title{font-size:24px;text-align:center;line-height:40px;color:#000;}
.ContentAbout .info{width:100%;height:27px;line-height:28px;text-align:center;margin:15px auto;border-left:none;border-right:none;color:#666;}
.ContentAbout .desc{margin:20px 0 15px;padding:15px;line-height:24px; }

.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:480px){
.ActiveContent .Atit h2{font-size:18px;}
}

/* 富华刊物 */
.JournalBox ul{padding-bottom: 2%;}
.JournalBox li{width: 23.5%; float: left; margin: 0 2% 2% 0;}
.JournalBox li:nth-child(4n){margin-right: 0;}
.JournalBox li .Scale-img img{display: block; width: 100%; height:407px;}
.JournalBox li .name{display: block; height: 60px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; color: #333; font-size: 20px; background: #e6e6e6;}
.JournalBox li:hover .name{background: #009944; color: #fff;}

@media ( max-width:1024px){
	.JournalBox li .name{height: 45px; line-height: 45px; font-size: 16px;}
	.JournalBox li .Scale-img img{height: 311px;}
}

@media ( max-width:768px){
	.JournalBox li .Scale-img img{height: 230px;}
}

@media ( max-width:640px){
	.JournalBox li .Scale-img img{height: 190px;}
}

@media ( max-width:480px){
	.JournalBox li{width: 48%; margin: 0 0 3%;}
	.JournalBox li:nth-child(2n){float: right;}
	.JournalBox li .Scale-img img{height: 219px;}
}

/* 财务报告 */
.FinanceBox ul{padding-bottom: 1.5%;}
.FinanceBox li{width: 32%; float: left; margin: 0 2% 2% 0; background: #fafafa;}
.FinanceBox li:nth-child(3n){margin-right: 0;}
.FinanceBox li .title{font-size: 20px; background: #009944; height: 50px; line-height: 50px; text-align: center; text-overflow: ellipsis; white-space: nowrap; color: #fff;}
.FinanceBox li .box{padding: 4%;}
.FinanceBox li .box dd{width: 48%; float: left;}
.FinanceBox li .box dd:nth-child(2n){float: right;}
.FinanceBox li .box dd .pic img{display: block; width: 100%; height: 250px;}
.FinanceBox li .box dd .name{display: block; text-align: center; line-height: 34px; font-size: 16px; color: #333;}
.FinanceBox li .box dd:hover .name{color: #009944;}


@media ( max-width:1024px){
	.FinanceBox li .btns a{width: 100px;}
	.FinanceBox li .title{font-size: 16px;}
	.FinanceBox li .box dd .pic img{height: 190px;}
}

@media ( max-width:768px){
	.FinanceBox li{width: 48%; margin: 0 0 3%;}
	.FinanceBox li:nth-child(2n){float: right;}
	.FinanceBox li .box dd .pic img{height: 221px;}
}

@media ( max-width:640px){
	.FinanceBox li .box dd .pic img{height: 182px;}
}

@media ( max-width:480px){
	.FinanceBox li,.FinanceBox li:nth-child(2n){width: 100%; float: none;} 
	.FinanceBox li .box dd .pic img{height: 214px;}
	.FinanceBox li .title{margin: 10px 0px;}
	.FinanceBox li .btns a{margin-bottom: 2px;}
}

/* 分析报告 */
.SelectBox{margin-bottom: 30px;}
.SelectBox .box{width: 61.5%; float: left;}
.SelectBox .box dl{width: 32%; margin-right: 2%; float: left;}
.SelectBox .box dl:nth-child(3n){margin-right: 0;}
.SelectBox .box dl .line{border: 1px solid #bbbbbb; padding: 0px 40px 0px 65px; position: relative; line-height: 44px;;}
.SelectBox .box dl .icon{width: 45px; height: 100%; position: absolute; left: 0px; top: 0; background-position: left center; background-repeat: no-repeat;}
.SelectBox .box dl .icon.i1{background-image: url(../images/i1.png);}
.SelectBox .box dl .icon.i2{background-image: url(../images/i2.png);}
.SelectBox .box dl .icon.i3{background-image: url(../images/i3.png);}
.SelectBox .box dl .icon.i4{background-image: url(../images/i4.png);}
.SelectBox .box dl .icon.i5{background-image: url(../images/i5.png);}
.SelectBox .box dl .arrow{width: 34px; height: 8px; position: absolute; right: 0px; top: 50%; margin-top: -4px; background: url(../images/arrow.png) no-repeat right center;}
.SelectBox .box dl .input{width: 100%; height: 44px; font-size: 14px; color: #666;}
.ZJselectUl{position:absolute; left:-1px; top:46px; width:100%; background:#fff; border:1px solid #bbb; border-top:none; border-bottom:none; z-index:9; display:none;}
.ZJselectUl .ZJselectUlBox li{height:35px; line-height:35px; border-bottom:1px solid #bbb; padding:0px 22px;}
.ZJselectUl .ZJselectUlBox li:hover{color: #33ad69;}

.Search{width: 33%; float: right;}
.Search form{padding-right: 130px; position: relative;}
.Search .input{outline: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #bbb; height: 46px; padding: 0px 18px; width: 100%; font-size: 16px; color: #333;}
.Search .input::placeholder{color: #666;}
.Search .btn{width: 120px; height: 100%; background: #33ad69; color: #fff; font-size: 16px; position: absolute; right: 0px; top: 0px;}

.AnalyseList ul{margin-bottom: 3.5%;}
.AnalyseList li{padding: 2.5% 0; border-bottom: 1px dashed #e6e6e6; line-height: 30px; font-size: 16px; color: #666;} 
.AnalyseList li .name{height: 30px; float: left; margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-size: 20px; color: #333;}
.AnalyseList li .other{float: right; min-width: 400px;}
.AnalyseList li .other i{padding: 0 3%;}
.AnalyseList li .other span{display: inline-block; padding-left: 38px; background-repeat: no-repeat; background-position: left center;}
.AnalyseList li .other span.date{background-image: url(../images/fx1.png);}
.AnalyseList li .other span.ly{background-image: url(../images/fx2.png);}
.AnalyseList li:hover .name{color: #33ad69;}

@media ( max-width:1024px){
	.Search form{padding-right: 100px;}
	.Search .btn{width: 90px;}
	.AnalyseList li{font-size: 14px; line-height: 26px;}
	.AnalyseList li .name{font-size: 16px; height: 26px;}
}

@media ( max-width:768px){
	.SelectBox .box dl .line{line-height: 32px;}
	.SelectBox .box dl .input{height: 32px;}
	.SelectBox{margin-bottom: 15px;}
	.SelectBox .box{width: 100%; float: none;}
	.ZJselectUl{top: 34px;}
	.Search{width: 480px; float: none; margin: 2% auto 0;}
	.Search .input{height: 34px;}
	.AnalyseList .name,.AnalyseList li .other{width: 100%; float: none;}
}

@media ( max-width:480px){
	.SelectBox .box dl{width: 100%; float: none; margin-bottom: 5px;}
	.Search{width: 100%;}
	.AnalyseList li .other span{padding-left: 0; background-image: none !important;}
}

/* 来访联系 */
.VisitingBox{background: #fafafa; padding: 60px 500px 60px 60px;}
.MessageBox h2{font-size: 20px; line-height: 20px; color: #009944; padding-right: 62px; background-image: url(../images/arr4.png); background-repeat: no-repeat; background-position: right top; margin-bottom: 50px;}
.Message dl{float:left; width:48.5%;}
.Message dl:nth-child(2n){float:right;}
.Message dl.i5,.Message dl.i6{float:none; width:100%;}
.Message dl dd{padding:0px 10px 0px 88px; border:1px solid #e0e0e0; background-color: #fdfdfd; background-repeat: no-repeat; background-position: left center; margin-bottom:20px;}
.Message dl dd .input,.Message dl dd textarea{line-height: 54px; width:100%; font-size: 16px; color: #000; font-family: "微软雅黑";}
.Message dl dd .input::placeholder,.Message dl dd textarea::placeholder{color: #262626;}
.Message dl dd textarea{height:228px;}
.Message dl.i1 dd{background-image:url(../images/m1.png);}
.Message dl.i2 dd{background-image:url(../images/m2.png);}
.Message dl.i3 dd{background-image:url(../images/m3.png);}
.Message dl.i4 dd{background-image:url(../images/m4.png);}
.Message dl.i5 dd{background-image:url(../images/m5.png); background-position: left top; margin-bottom: 30px;}
.Message dl.i6{text-align:center;}
.Message dl.i6 .btn{width:168px; height:46px; background:#009944; color:#fff; font-size:16px;}

.OtherWay{position: absolute; right: 0px; top: 0px; width: 440px; height: 100%; background: #009944 url(../images/sign3.png) no-repeat right bottom;}
.OtherWay .box{padding: 60px; color: #fff; font-size: 16px; line-height: 24px;}
.OtherWay .box h3{font-size: 20px; margin-bottom: 26px;}
.OtherWay .box dl{margin: 77px 0px;}
.OtherWay .box dl dd{position: relative; min-height: 30px; padding: 22px 0px 22px 54px;}
.OtherWay .box dl dd .icon{width: 30px; height: 30px; position: absolute; left: 0px; top: 50%; margin-top: -18px;}
.OtherWay .box dl dd.w1 .icon{background-image: url(../images/w1.png);}
.OtherWay .box dl dd.w2 .icon{background-image: url(../images/w2.png);}
.OtherWay .box dl dd.w3 .icon{background-image: url(../images/w3.png);}
.OtherWay .box dl dd.w4 .icon{background-image: url(../images/w4.png);}

@media ( max-width:1024px){
	.VisitingBox{padding: 0;}
	.MessageBox,.OtherWay .box{padding: 5%;}
	.OtherWay{position: static; width: 100%; height: auto;}
	.OtherWay .box h3,.MessageBox h2{margin-bottom: 20px;}
	.OtherWay .box dl{margin: 3% 0;}
	.OtherWay .box dl dd{padding: 15px 0px 15px 40px;}
}

@media ( max-width:768px){
	.MessageBox h2,.OtherWay .box h3{font-size: 16px;}
	.Message dl dd{margin-bottom: 15px;}
    .Message dl dd .input,.Message dl dd textarea{line-height: 50px;}
}


@media ( max-width:480px){
.Message dl,.Message dl:nth-child(2n){width:100%; float:none;}
.Message dl.i5 dd{margin-bottom: 20px;}
.Message dl.i6 .btn{width:120px; height:40px;}
.OtherWay .box dl dd{padding: 10px 0px 10px 40px;}
}

/* 人才理念 */
.ideaBox .pic{width: 42%; float: left;}
.ideaBox .pic img{display: block; width: 100%;}
.ideaBox .con{width: 53%; float: right; padding-top: 3%;}
.ideaBox .con dl{margin-top: 4%;}
.ideaBox .con dl .title span{display: block; font-size: 24px; line-height: 32px; color: #333;}
.ideaBox .con dl .title i{display: block; width: 50px; height: 2px; margin-top: 16px; background: #009944;}
.ideaBox .con dl .info{font-size: 16px; line-height: 34px; color: #9d9d9d; margin-top: 3%;}

@media ( max-width:1024px){
	.ideaBox .con{padding-top: 0;}
	.ideaBox .con dl .title span{font-size: 20px;}
	.ideaBox .con dl .title i{margin-top: 5px;}
	.ideaBox .con dl .info{line-height: 28px;}
}

@media ( max-width:768px){
	.ideaBox .pic,.ideaBox .con{width: 100%; float: none;}
}

@media ( max-width:640px){
	.ideaBox .con dl .title span{font-size: 16px;}
	.ideaBox .con dl .info{font-size: 14px;}
}

/* 人在富华 */
.WelfareBox .box{padding: 3% 0;}
.WelfareBox .box .pic{text-align: center;}
.Welfare .con{max-width: 860px; min-width: 320px; margin: 2% auto 0;}
.Welfare .con dd{font-size: 16px; line-height: 30px; color: #9d9d9d; padding-left: 102px; position: relative; margin-top: 10px;}
.Welfare .con dd .name{font-size: 16px; color: #333; font-weight: bold; position: absolute; left: 0px; top: 0px;}

.Develope{background: #fafafa;}
.StaffBox{position: relative; padding-bottom: 46px;}
.StaffBox .item a{display: block; margin: 0px 12px; position: relative;}
.StaffBox .item .Scale-img img{display: block; width: 100%;}
.StaffBox .item .mask{position: absolute; width: 100%; height: 100%; left: 0px; bottom: 0px; background-image: url(../images/maskbg4.png); background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom; z-index: 1;}
.StaffBox .item .title{position: absolute; left: 0px; bottom: 0px; width: 100%; z-index: 2; text-align: center; font-size: 16px; color: #fff;}
.StaffBox .item .title span{display: block; padding: 0px 5px; height: 63px; line-height: 63px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.StaffBox .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 0%; height: 16px; line-height: 16px;}
.StaffBox .owl-dots .owl-dot{width: 16px; height: 16px; margin: 0px 5px; background-image: url(../images/dotpic2.png); background-repeat: no-repeat; background-position: left bottom; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.StaffBox .owl-dots .owl-dot.active{background-position: left top; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.StaffBox .owl-nav{height: 0;}
.StaffBox .owl-nav .owl-prev span,.StaffBox .owl-nav .owl-next span{width: 50px; height: 50px; background-color: #fff; border-radius: 50%; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -55px; z-index: 5;}
.StaffBox .owl-nav .owl-prev span{left: -90px; background-image: url(../images/left3.png);}
.StaffBox .owl-nav .owl-next span{right: -90px; background-image: url(../images/right3.png);}
.StaffBox .owl-nav .owl-prev span:hover{background-image: url(../images/lefton3.png);}
.StaffBox .owl-nav .owl-next span:hover{background-image: url(../images/righton3.png);}

@media ( max-width:1500px){
	.StaffBox .owl-nav .owl-prev span{left: -55px;}
	.StaffBox .owl-nav .owl-next span{right: -55px;}
}

@media ( max-width:1366px){
	.StaffBox .owl-nav .owl-prev span,.StaffBox .owl-nav .owl-next span{width: 30px; height: 30px; margin-top: -35px;}
	.StaffBox .owl-nav .owl-prev span{left: 0px;}
	.StaffBox .owl-nav .owl-next span{right: 0px;}
}

@media ( max-width:640px){
	.Welfare .con dd{font-size: 14px; line-height: 26px;}
	.StaffBox .item a{margin: 0 5px;}
}

@media ( max-width:480px){
	.Title01.center{margin-bottom: 8%;}
	.WelfareBox .box{padding: 5% 0;}
	.StaffBox{padding-bottom: 30px;}
}

/* 招贤纳士 */
.JobList ul{padding-bottom: 2%;}
.JobList li{width: 49%; float: left; background: #fafafa; margin-bottom: 2%;}
.JobList li:nth-child(2n){float: right;}
.JobList li .con{padding: 6% 5%; line-height: 30px; font-size: 16px; color: #666;}
.JobList li .con h3{font-size: 20px; color: #009944; margin-bottom: 10px;}
.JobList li .con dl dd{width: 48%; float: left; margin-top: 15px;}
.JobList li .con dl dd:nth-child(2n){float: right;}
.JobList li .con dl dd .name{color: #333; font-weight: bold; padding-left: 32px; display: inline-block; background-repeat: no-repeat; background-position: left center;}
.JobList li .con dl dd .name a{color: #009944;}
.JobList li .con dl dd.j1 .name{background-image: url(../images/jic1.png);}
.JobList li .con dl dd.j2 .name{background-image: url(../images/jic2.png);}
.JobList li .con dl dd.j3 .name{background-image: url(../images/jic3.png);}
.JobList li .con dl dd.j4 .name{background-image: url(../images/jic4.png);}
.JobList li .con dl dd.j5 .name{background-image: url(../images/jic5.png);}
.JobList li:hover .con dl dd.j1 .name{background-image: url(../images/jicon1.png);}
.JobList li:hover .con dl dd.j2 .name{background-image: url(../images/jicon2.png);}
.JobList li:hover .con dl dd.j3 .name{background-image: url(../images/jicon3.png);}
.JobList li:hover .con dl dd.j4 .name{background-image: url(../images/jicon4.png);}
.JobList li:hover .con dl dd.j5 .name{background-image: url(../images/jicon5.png);}
.JobList li:hover{background: #009944 url(../images/maskbg5.png) no-repeat right bottom;}
.JobList li:hover .con h3,.JobList li:hover .con,.JobList li:hover .con dl dd .name,.JobList li:hover .con dl dd .name a{color: #fff;}


@media ( max-width:1200px){
	.JobList li .con dl dd,.JobList li .con dl dd:nth-child(2n){width: 100%; float: none;}
}

@media ( max-width:768px){
	.JobList li .con{font-size: 14px; line-height: 26px;}
	.JobList li .con h3{font-size: 16px;}
	.JobList li .con dl dd{margin-top: 10px;}
}

@media ( max-width:480px){
	.JobList li,.JobList li:nth-child(2n){width: 100%; float: none;}
}

/* 采购招标 */
.DownList ul{margin-bottom: 3%;}
.DownList li{padding: 2% 3%; border-bottom: 1px dashed #c4c4c4;}
.DownList li .con{display: block; position: relative; min-height: 70px; padding: 0px 280px 0px 90px;}
.DownList li .icon{width: 60px; height: 70px; position: absolute; left: 0px; top: 50%; margin-top: -35px; background-color: #b3b3b3; background-image: url(../images/pdf.png); background-repeat: no-repeat; background-position: center center;}
.DownList li .aclick{position: absolute; right: 0px; top: 50%; width: 266px; line-height: 46px; margin-top: -23px; text-align: right;} 
.DownList li .aclick a{margin-left: 4px; width: 128px;display: inline-block; background: #f0f0f0; color: #333333; text-align: center; border-radius: 5px;}
.DownList li .aclick .icons{display: inline-block; vertical-align: middle; width: 26px; height: 26px; position: relative;}
.DownList li .aclick .icons img{position: absolute; left: 0px; top: 0px; width: 100%;}
.DownList li .aclick .icons .i1{transition: 400ms;}
.DownList li .aclick .icons .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.DownList li .aclick a:hover .icons .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.DownList li .aclick a:hover .icons .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.DownList li .aclick a:first-child{margin-left: 0;}
.DownList li .aclick a span{font-size: 16px; margin-left: 6px;}
.DownList li .aclick a:hover{background: #009944; color: #fff;}
.DownList li .txt{padding-top: 6px;}
.DownList li .txt .name{display: block; font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333;}
.DownList li .txt .date{display: block; font-size: 15px; color: #888888;}
.DownList li:hover .txt .name{color: #009944;}
.DownList li:hover{box-shadow: 0px 0px 20px #e5e5e5;}
.DownList li:hover .icon{background-color: #009944;}
.DownList li:hover .down{background-image: url(../images/arr4.png);}

@media ( max-width:768px){
    .DownList li .con{padding: 0px 90px 0px 55px;}
	.DownList li .icon{width: 40px; height: 40px; background-size: 60% auto; margin-top: -20px;}
	.DownList li .aclick{width: 80px; line-height: 35px; margin-top: -17px;}
	.DownList li .aclick a{width: 35px;}
	.DownList li .aclick a span{display: none;}
}

@media ( max-width:480px){
    .DownList li .con{padding: 0px 90px 0px 0px}
    .DownList li .icon{display: none;}
}

/* 营销网络 */
.ChinaMap{width:825px; margin:0 auto; position:relative;}
.ChinaMap li a{cursor: default;}
.ChinaMap li .bg{position:absolute; display:none; z-index:0;}
.ChinaMap li .name{position:absolute; z-index:9; font-size:13px; color:#333; height:20px; line-height:20px;}

.ChinaMap li.ljxy a{cursor: pointer;}
.ChinaMap li.ljxy .bg{display: block;}
.ChinaMap li.ljxy .name{background: url(../images/cur.png) no-repeat center top; padding-top: 20px; transition: 400ms; color: #fff;}

.ChinaMap li.m1 .bg{top:0px; right:0px;}
.ChinaMap li.m1 .name{top:93px; right:38px;}
/* .ChinaMap li.m1:hover .name,.ChinaMap li.m1.on .name{top:83px;} */

.ChinaMap li.m2 .bg{top:128px; right:16px;}
.ChinaMap li.m2 .name{top:156px; right:74px;}
/* .ChinaMap li.m2:hover .name,.ChinaMap li.m2.on .name{top:146px;} */

.ChinaMap li.m3 .bg{top:241px; right:191px;}
.ChinaMap li.m3 .name{top:236px; right:218px;}
/* .ChinaMap li.m3:hover .name,.ChinaMap li.m3.on .name{top:226px;} */

.ChinaMap li.m4 .bg{top:254px; right:178px;}
.ChinaMap li.m4 .name{top:257px; right:182px;}
.ChinaMap li.m4:hover .name,.ChinaMap li.m4.on .name{top:257px;}

.ChinaMap li.m5 .bg{top:210px; right:155px;}
.ChinaMap li.m5 .name{top:282px; right:200px;}
/* .ChinaMap li.m5:hover .name,.ChinaMap li.m5.on .name{top:272px;} */

.ChinaMap li.m6 .bg{top:296px; right:105px;}
.ChinaMap li.m6 .name{top:317px; right:165px;}
/* .ChinaMap li.m6:hover .name,.ChinaMap li.m6.on .name{top:307px;} */

.ChinaMap li.m7 .bg{top:352px; right:99px;}
.ChinaMap li.m7 .name{top:368px; right:132px;}
/* .ChinaMap li.m7:hover .name,.ChinaMap li.m7.on .name{top:358px;} */

.ChinaMap li.m8 .name{top:400px; right:107px;}
/* .ChinaMap li.m8:hover .name,.ChinaMap li.m8.on .name{top:390px;} */

.ChinaMap li.m9 .bg{top:364px; right:135px;}
.ChinaMap li.m9 .name{top:406px; right:152px;}
.ChinaMap li.m9:hover .name,.ChinaMap li.m9.on .name{top:406px;}

.ChinaMap li.m10 .bg{top:452px; right:148px;}
.ChinaMap li.m10 .name{top:482px; right:178px;}
/* .ChinaMap li.m10:hover .name,.ChinaMap li.m10.on .name{top:472px;} */

.ChinaMap li.m11 .bg{top:479px; right:116px;}
.ChinaMap li.m11 .name{top:511px; right:134px;}
/* .ChinaMap li.m11:hover .name,.ChinaMap li.m11.on .name{top:501px;} */

.ChinaMap li.m12 .bg{top:540px; right:160px;}
.ChinaMap li.m12 .name{top:556px; right:206px;}
.ChinaMap li.m12:hover .name,.ChinaMap li.m12.on .name{top:556px;}

.ChinaMap li.m13 .bg{top:526px; right:252px;}
.ChinaMap li.m13 .name{top:572px; right:280px;}
/* .ChinaMap li.m13:hover .name,.ChinaMap li.m13.on .name{top:562px;} */

.ChinaMap li.m14 .bg{top:456px; right:217px;}
.ChinaMap li.m14 .name{top:494px; right:246px;}
/* .ChinaMap li.m14:hover .name,.ChinaMap li.m14.on .name{top:484px;} */

.ChinaMap li.m15 .bg{top:397px; right:190px;}
.ChinaMap li.m15 .name{top:430px; right:236px;}
/* .ChinaMap li.m15:hover .name,.ChinaMap li.m15.on .name{top:420px;} */

.ChinaMap li.m16 .bg{top:336px; right:192px;}
.ChinaMap li.m16 .name{top:373px; right:220px;}
/* .ChinaMap li.m16:hover .name,.ChinaMap li.m16.on .name{top:363px;} */

.ChinaMap li.m17 .bg{top:252px; right:236px;}
.ChinaMap li.m17 .name{top:308px; right:250px;}
/* .ChinaMap li.m17:hover .name,.ChinaMap li.m17.on .name{top:298px;} */

.ChinaMap li.m18 .bg{top:6px; right:116px;}
.ChinaMap li.m18 .name{top:250px; right:300px;}
/* .ChinaMap li.m18:hover .name,.ChinaMap li.m18.on .name{top:240px;} */

.ChinaMap li.m19 .bg{top:283px; right:337px;}
.ChinaMap li.m19 .name{top:308px; right:348px;}
/* .ChinaMap li.m19:hover .name,.ChinaMap li.m19.on .name{top:298px;} */

.ChinaMap li.m20 .bg{top:216px; left:275px;}
.ChinaMap li.m20 .name{top:336px; left:424px;}
/* .ChinaMap li.m20:hover .name,.ChinaMap li.m20.on .name{top:326px;} */

.ChinaMap li.m21 .bg{top:278px; left:461px;}
.ChinaMap li.m21 .name{top:381px; left:495px;}
/* .ChinaMap li.m21:hover .name,.ChinaMap li.m21.on .name{top:371px;} */

.ChinaMap li.m22 .bg{top:421px; left:461px;}
.ChinaMap li.m22 .name{top:458px; left:486px;}
/* .ChinaMap li.m22:hover .name,.ChinaMap li.m22.on .name{top:448px;} */

.ChinaMap li.m23 .bg{top:380px; left:331px;}
.ChinaMap li.m23 .name{top:433px; left:416px;}
.ChinaMap li.m23:hover .name,.ChinaMap li.m23.on .name{top:433px;}

.ChinaMap li.m24 .bg{top:475px; left:428px;}
.ChinaMap li.m24 .name{top:508px; left:486px;}
/* .ChinaMap li.m24:hover .name,.ChinaMap li.m24.on .name{top:498px;} */

.ChinaMap li.m25 .bg{top:477px; left:325px;}
.ChinaMap li.m25 .name{top:562px; left:382px;}
/* .ChinaMap li.m25:hover .name,.ChinaMap li.m25.on .name{top:552px;} */

.ChinaMap li.m26 .bg{top:316px; left:36px;}
.ChinaMap li.m26 .name{top:416px; left:192px;}
/* .ChinaMap li.m26:hover .name,.ChinaMap li.m26.on .name{top:406px;} */

.ChinaMap li.m27 .bg{top:278px; left:213px;}
.ChinaMap li.m27 .name{top:330px; left:300px;}
/* .ChinaMap li.m27:hover .name,.ChinaMap li.m27.on .name{top:320px;} */

.ChinaMap li.m28 .bg{top:82px; left:0px;}
.ChinaMap li.m28 .name{top:214px; left:166px;}
/* .ChinaMap li.m28:hover .name,.ChinaMap li.m28.on .name{top:204px;} */

.ChinaMap li.m29 .bg{top:645px; left:516px;}
.ChinaMap li.m29 .name{top:656px; left:528px;}
/* .ChinaMap li.m29:hover .name,.ChinaMap li.m29.on .name{top:646px;} */

.ChinaMap li.m30 .bg{top:532px; right:82px;}
.ChinaMap li.m30 .name{top:558px; right:82px;}
/* .ChinaMap li.m30:hover .name,.ChinaMap li.m30.on .name{top:548px;} */

.ChinaMap li.m31 .bg{top:185px; right:79px;}
.ChinaMap li.m31 .name{top:204px; right:102px;}
/* .ChinaMap li.m31:hover .name,.ChinaMap li.m30.on .name{top:204px;} */

.ChinaMap li.m32 .bg{top:426px; right:92px;}
.ChinaMap li.m32 .name{top:455px; right:112px;}
/* .ChinaMap li.m32:hover .name,.ChinaMap li.m30.on .name{top:445px;} */

.ChinaMap li.m33 .name{bottom:68px; right:182px;}

.ChinaMap li.m34 .name{bottom:55px; right:204px;}
.ChinaMap li.m33.ljxy .name,.ChinaMap li.m34.ljxy .name{background: none; color: #17a154;}

.ChinaMap .bd dl dd{position: absolute; width: 440px; height: 354px; left: 50%; top: 50%; margin: -177px 0px 0px -220px; z-index: 999; background: #17a154 url(../images/maskbg5.png) no-repeat right bottom; color: #fff; display: none; box-shadow: 0 0 5px #999;}
 .ChinaMap .bd dl dd .con{padding: 10% 5%;} 
.ChinaMap .bd dl dd h2{margin-bottom: 6%;}
.ChinaMap .bd dl dd ul{font-size: 16px; line-height: 24px; color: rgba(255,255,255,0.8);}
.ChinaMap .bd dl dd a.close{position: absolute;right: 15px;top: 15px;z-index: 9999;}

.MobileMap{display:none;}
.MobileMap img{display:block; width:100%;}
.MobileMap .warm{font-size: 16px; line-height: 30px; text-align: center; margin-top: 20px;}

.WebsiteBox .pic{text-align: center;}
.WebsiteBox .Islands{width: 87px; height: 127px; background-size: 100% auto; background-repeat: no-repeat; background-image: url(../images/map/dy.png); position: absolute; right: 10%; bottom: 0px;}
.WebsiteBox .Islands:hover{background-image: url(../images/map/dyon.png);}

@media ( max-width:1200px){
	.MobileMap{display:block;}
	.ChinaMap{display:none;}
	.WebsiteBox .Islands{display: none;}
}

@media ( max-width:768px){
	.WebsiteBox .Islands{width: 60px; height: 92px;}
}

@media ( max-width:480px){
	.WebsiteBox .Islands{width: 30px; height: 45px;}
}

/* 发展历程 */
.HistoryBox{position: relative;}
.HisCon{margin-bottom: 4%;}
.HisCon .box{position: relative;}
.HisCon .box .datebg{font-size: 400px; line-height: 300px; position: absolute; left: 0px; top: 0px; z-index: 0; width: 100%; text-align: center;  color: #f1f1f1; font-family: "宋体"; text-transform: uppercase;}
.HisCon .box .con{position: relative; z-index: 5;}
.HisCon .box .pic{width: 56%; float: left;}
.HisCon .box .pic img{display: block; width: 100%;}
.HisCon .box .list{width: 38.54%; float: right; padding: 2% 0 0;}
.HisCon .box .list dd{margin-top: 18px;}
.HisCon .box .list dd h3{font-size: 24px; line-height: 37px; color: #009944;}
.HisCon .box .list dd .info{font-size: 15px; line-height: 26px; color: #666666;}
.DateSlide .slides li{font-size: 20px; line-height: 54px; text-align: center; font-family: "宋体";}
.DateSlide .slides li a{display: inline-block; color: #b3b3b3; border-bottom: 2px solid rgba(0,0,0,0);}
.DateSlide .slides li.flex-active-slide a{border-bottom: 2px solid #009944; color: #009944;}
.HisCon .flex-direction-nav a{line-height: 100px; overflow: hidden; background-size: cover; top: auto; bottom: 10px; margin-top: 0; box-shadow: 0px 0px 20px #ccc; border-radius: 50%; background-color: #e5e5e5;}
.HisCon .flex-direction-nav .flex-prev{left: 0px; background-image: url(../images/left4.png);}
.HisCon .flex-direction-nav .flex-next{right: 0px; background-image: url(../images/right4.png);}

@media ( max-width:1024px){
    .HisCon .box .datebg{font-size: 400px;}
}

@media ( max-width:768px){
    .HisCon .box .datebg{display: none;}
    .HisCon .box .list dd{margin-top: 10px;}
    .HisCon .box .list dd h3{font-size: 20px; line-height: 28px;}
}

@media ( max-width:640px){
    .HisCon .box .pic,.HisCon .box .list{width: 100%; float: none;}
    .HisCon .flex-direction-nav a{width: 30px; height: 30px;}
}

/* 视频中心 */
.imglist li{width:31.333%; float:left; text-align:center; margin: 0 3% 2% 0;}
.imglist li:nth-child(3n){margin-right: 0;}
.imglist li .box{position:relative;}
.imglist li .box .tit{ font-size:16px; padding:8px 0px 12px;}
.imglist li .box .img{ position:relative;}
.imglist li .box .img img{ display:block; margin:0px auto; width:100%; height:229px;}
.imglist li .box .play{position: absolute; left: 50%; top: 50%; margin: -20px 0px 0px -20px; background-image: url(../images/play.png); background-size: cover; display: block; z-index: 1; width: 40px; height: 40px;}
.imglist li:hover .box .play{ background-image:url(../images/playon.png);}
.imgzj{ text-align:center; padding-bottom:10px;}
.imglist li:hover .box .tit{color: #009944;}

.imglist li .VideoFix{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index:9999; background: rgba(0,0,0,0.5); display: none;}
.imglist li .VideoFix .con{position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:60%; height:80%;}
.imglist li .VideoFix .con .close{position:absolute; top:-10px; right:-50px; cursor:pointer; z-index: 5;}
.imglist li .VideoFix .con video{width: 100%; height: 100%;}

@media ( max-width:1024px){
	.imglist li .box .img img{height: 175px;}
}

@media ( max-width:768px){
	.imglist li .box .img img{height: 130px;}
	.imglist li .VideoFix .con{width: 92%;}
	.imglist li .VideoFix .con .close{right: 0px;}
}

@media ( max-width:640px){
	.imglist li{width: 48%; margin-right: 0;}
	.imglist li:nth-child(2n){float: right;}
	.imglist li .box .img img{height: 165px;}
}

@media ( max-width:480px){
	.imglist li,.imglist li:nth-child(2n){width: 100%; float: none;}
	.imglist li .box .img img{height: 194px;}
}


/* 19-09-12 */
.tender-project .title h2{font-size: 24px;color:#333; display: inline-block; margin-right:30px; vertical-align: middle;}
.tender-project .title a{display: inline-block; width: 98px;height: 35px; line-height: 35px; color:#fff;background-color: #fff;background-color: #00a161; text-align: center;vertical-align: middle;}
.project-content {padding-bottom: 10px;border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.project-content p.title{color: #333;padding-bottom: 15px;border-bottom: 1px solid #ddd;font-size: 18px;margin-top: 20px;}
.project-content .step1{padding-top: 30px;}
.project-content .step2{padding-top: 40px;}
.project-content .block1{width: 150px;float: left; color:#666;}
.project-content .block2{width: 630px; float: left;}
.project-content .block2 input{float: left; margin-right: 10%;width: 45%; box-sizing: border-box; height: 40px; margin-bottom: 20px;border: 1px solid #ddd; background-color:#fbfbfb; padding-left: 10px; line-height: 40px;  color:#999;}
.project-content .block2 input:nth-of-type(2n){margin-right: 0;}
.project-content .step1 textarea{width: 100%; height: 140px; background-color: #fbfbfb; border: 1px solid #ddd; padding: 10px;box-sizing: border-box; resize:none; color:#999;}
.project-content .step2 .text{width: 140px;line-height: 40px;color:#333; float: left; font-size: 13px;}
.project-content .step2 .kuang{float: left; height: 41px;width: 440px;line-height: 40px; box-sizing: border-box; border: 1px solid #ddd;position: relative; margin-bottom: 20px;}
.project-content .step2 .wenjian-name{width: 100%;height: 38px;line-height: 38px; box-sizing: border-box;border: none;}
.project-content .step2 .wenjian-liulan{width: 80px;height: 40px;line-height: 40px; background-color: #ddd; color:#666;position: absolute;right: 0;top: 0;}
.project-content .step2 .wenjian-liulan input{width: 100%;height: 100%;opacity: 0;position: absolute;z-index: 2;top: 0;left: 0;}
.project-content .step2 .wenjian-liulan span{position: absolute;z-index: 1;width: 100%;text-align: center;}
.project-btn{margin-top: 30px;}
.project-btn input{width: 120px;height: 40px;line-height: 40px;text-align: center; color:#fff; margin-right: 20px; vertical-align: middle;}
.project-btn input.project-submit{background-color: #00a161;}
.project-btn input.project-reset{background-color: #666;}
.project-btn input.code{padding:0;border: 1px solid #ddd; background-color:#fbfbfb; height: 38px; line-height:38px;  color:#999;}
.project-btn img.code{margin-right: 20px;}

@media ( max-width:768px){
	.tender-project .title h2{font-size: 20px;}
}

@media ( max-width:640px){
	.tender-project .title h2{font-size: 18px;}
	.project-content .block2{width: 100% !important; float: none;}
	.project-content .block2 input{margin-right: 6%;}
	.project-content .step2 .kuang{width: 100%; float: none; clear: both;}
}

@media ( max-width:480px){
	.project-content{margin-bottom: 0;}
	.project-content .step2{padding-top: 20px;}
	.project-content .block2 input{width: 100%; float: none; margin: 0 0 15px; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.project-btn{margin: 15px 0px;}
	.project-btn input,.project-btn img.code{width: 75px; margin-right: 5px;}
}

/* 19-09-16 */
/* 集团概况 */
.AboutBox .Aleft{width: 51.5%; float: left;}
.AboutBox .Aleft .title span{display: block; font-size: 36px; line-height: 55px; color: #333;}
.AboutBox .Aleft .title i{display: block; width: 40px; height: 4px; background: #333; margin-top: 20px;}
.AboutBox img{display: block; width: 100%;}
.AboutBox .Aright{width: 43.8%; float: right; font-size: 16px; color: #666666; line-height: 34px;}
.AboutBox .Aright p{padding-bottom: 2%;}
.AboutBox .Aright p:last-child{padding-bottom: 0;}

.ProbasicBox{margin-top: -200px; padding: 4% 0; background-image: url(../images/boxbg.jpg); background-repeat: no-repeat; background-position: center top;}
.ProbasicBox .title{font-size: 36px; line-height: 50px; color: #fff; margin-bottom: 4%;}
.ProbasicBox .title .icon{display: inline-block; vertical-align: middle; width: 50px; margin-right: 30px;}
.ProbasicBox .WebsiteBox{background: #fff; position: relative; min-height: 300px;}
.ProbasicBox .WebsiteBox .hds{text-align: left; position: absolute; left: 20px; top: 20px;}
.ChinaBox{background: url(../images/mapbg.jpg) repeat-y center top; padding: 5% 0;}
.ChinaBox .pic{width: 56%; float: left; text-align: center;}
.AddressList{width: 40%; padding: 0 2%; float: right;}
.AddressList .hd{text-align: center;}
.AddressList .hd li{float: left; width: 20%; text-align: center; margin-bottom: 5px;}
.AddressList .hd li a{display: inline-block; line-height: 32px; border-bottom: 2px solid #fff; font-size: 20px; color: #333;}
.AddressList .hd li.on a{border-bottom: 2px solid #009944; color: #009944;}
.AddressCon dl{margin-top: 4%; background: #edf8f2; padding: 4%;}
.AddressCon dl dt{font-size: 20px; line-height: 34px; color: #333; margin-bottom: 10px;}
.AddressCon dl dd{font-size: 16px; line-height: 24px; color: #666;}

.AbroadBox{padding: 5% 0; text-align: center;}

@media ( max-width:1200px){
	.AboutBox .Aleft .title span,.ProbasicBox .title{font-size: 25px; line-height: 36px;}
	.ProbasicBox .title .icon{width: 35px; margin-right: 10px;}
}

@media ( max-width:768px){
	.AboutBox .Aleft .title span,.ProbasicBox .title{font-size: 20px;}
	.AboutBox .Aleft .title i{margin-top: 10px;}
	.AboutBox .Aleft,.AboutBox .Aright{width: 100%; float: none;}
	.AboutBox .Aright{margin-top: 3%;}
	.ProbasicBox{margin-top: 3%;}
	.ProbasicBox .WebsiteBox .hds{position: static; margin: 0px; padding: 20px; text-align: center;}
	.ProbasicBox .WebsiteBox .hds li{float: none;}
	.ProbasicBox .WebsiteBox .hds li a{margin: 0;}
	.ChinaBox{background: none; padding: 0;}
	.ChinaBox .pic{width: auto; float: none; background: #fafafa; padding: 3%;}
	.AddressList{padding: 4% 0 0; width: 100%; float: none;}
	.AddressList .hd li a{font-size: 16px;}
	.AddressCon dl dt{font-size: 16px; line-height: 28px;}
	.AddressCon dl dd{font-size: 14px;}
}

@media ( max-width:640px){
	.AboutBox .Aright{font-size: 14px; line-height: 30px;}
}

@media ( max-width:480px){
	.AboutBox .Aleft .title span, .ProbasicBox .title{font-size: 18px;}
	.ProbasicBox .WebsiteBox .hds{padding: 10px;}
	.AddressList .hd li{}
}


/* 19-09-21 */
/* 产品与服务 */
.f_green2{ color:#009944;}
.ProductBox{background-position: center top; background-repeat: no-repeat; margin-bottom: 5%;}
.Pro_ins{padding: 4% 10%;}
.Pro_ins .title{text-align: center; margin-bottom: 3%;}
.Pro_ins .title h2{font-size: 36px; line-height: 42px; color: #333333;}
.Pro_ins .title i{display: inline-block; width: 24px; height: 4px; background: #009a61; margin-top: 3%;}
.Pro_ins .info{font-size: 16px; line-height: 30px; color: #444;}

.ProductSorts{background: #fafafa;}
.ProductSorts .box{padding: 60px;}
.ProductSorts .box .title{font-size: 24px; color: #009a61; line-height: 34px; margin-bottom: 40px;}
.ProductSorts .box .title.white{color: #fff;}

.Transparent{width: 35%; float: left; background: #009a61;}
.Transparent .list li{width: 45%; float: left;}
.Transparent .list li:nth-child(2n){float: right;}
.Transparent .list li .pic img{display: block; width: 100%;}
.Transparent .list li .name{color: #fff;}
.Colored{width: 65%; float: right;}
.Colored .box{padding-bottom: 20px;}
.ProSlider .item a{display: block; margin: 0px 15px;}
.ProSlider .item .pic{border: 1px solid #e8f3ef;}
.ProSlider .item .pic img{display: block; width: 100%;}
.ProSlider .item .name{color: #333;}
.ProSlider .item:hover .pic{box-shadow: 0px 15px 20px #d2ebe1;}
.ProSlider .item:hover .name{color: #019960;}
.Transparent .list li .name,.ProSlider .item .name{display: block; font-size: 18px; line-height: 30px; margin-top: 20px; text-align: center;}
.ProSlider .owl-nav .owl-prev span,.ProSlider .owl-nav .owl-next span{width: 12px; height: 22px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -41px; z-index: 5;}
.ProSlider .owl-nav .owl-prev span{left: -30px; background-image: url(../images/left5.png);}
.ProSlider .owl-nav .owl-next span{right: -30px; background-image: url(../images/right5.png);}
.ProSlider .owl-nav .owl-prev span:hover{background-image: url(../images/lefton5.png);}
.ProSlider .owl-nav .owl-next span:hover{background-image: url(../images/righton5.png);}

@media ( max-width:1200px){
	.Pro_ins .title h2{font-size: 26px;}
	.ProductSorts .box{padding: 30px;}
	.ProSlider .owl-nav .owl-prev span{left: -10px;}
	.ProSlider .owl-nav .owl-next span{right: -10px;}
}

@media ( max-width:1024px){
	.Pro_ins .title h2{font-size: 20px;}
	.Pro_ins .title i{margin-top: 10px;}
	.ProductSorts .box .title{font-size: 20px; margin-bottom: 20px;}
	.Transparent .list li .name, .ProSlider .item .name{font-size: 16px; margin-top: 10px;}
}

@media ( max-width:768px){
	.Pro_ins{padding: 4% 0;}
	.Transparent,.Colored{width: 100%; float: none;}
}

@media ( max-width:640px){
	.Pro_ins .info{font-size: 14px;}
}

@media ( max-width:480px){
	.ProductSorts .box{padding: 20px;}
	.Transparent .list li{width: 48%;}
	.ProSlider .item a{margin: 0 5px;}
}

/* 产品详情 */
.Product{position: relative; background: #fafafa; padding: 4%; margin-bottom: 4%;}
.Product .sign{width: 33.3333%; position: absolute; left: 0px; top: 50%; margin-top: -18px; text-align: center;}
.Product .sign img{display: inline-block; width: 143px;}
.Product .pics{width: 33.3333%; margin: 0 auto; text-align: center;}
.Product .pics img{display: inline-block;}
.Product .names{width: 33.333333%; text-align: center; font-size: 24px; line-height: 30px; position: absolute; right: 0px; top: 50%; margin-top: -15px; color: #009944;}

.Product .pic{width: 48%; float: left; margin-right: 4%;}
.Product .pic img{display: block; width: 100%;}
.Product .pic .name{display: block; font-size: 24px; line-height: 30px; color: #009944; margin-bottom: 3%;}
.Product .con{font-size: 14px; color: #333; line-height: 30px;}

.Prodetail .hd{background: #f2f2f2; line-height: 60px;}
.Prodetail .hd li{width: 50%; float: left; text-align: center;}
.Prodetail .hd li a{display: block; font-size: 18px; color: #666;}
.Prodetail .hd li.on a{background: #009944; color: #fff;}
.Prodetail .hd li .icon{display: inline-block; position: relative; width: 40px; height: 40px; vertical-align: middle; margin-right: 20px;}
.Prodetail .hd li .icon img{position: absolute; left: 0px; top: 0px; width: 100%;}
.Prodetail .hd li .icon .i1{transition: 400ms;}
.Prodetail .hd li .icon .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
.Prodetail .hd li.on .icon .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
.Prodetail .hd li.on .icon .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}

.SlideCon{background: #fafafa; padding: 3% 4%;}
.SlideCon h3{font-size: 18px; color: #333333; line-height: 24px; margin-bottom: 2%; display: none;}
.SlideCon dl dd{line-height: 38px; font-size: 16px; color: #666; background-repeat: no-repeat; background-position: left top;}
.SlideCon dl dd.p1{background-image: url(../images/p1.png);}
.SlideCon dl dd.p2{background-image: url(../images/p2.png);}
.SlideCon dl dd.p3{background-image: url(../images/p3.png);}
.SlideCon dl dd.p4{background-image: url(../images/p4.png);}
.SlideCon dl dd.p5{background-image: url(../images/p5.png);}

.SlideCon table tr th{background: #ddf3e7; height: 60px; font-size: 18px; color: #009944;}
.SlideCon table tr th span{font-weight: normal; font-size: 16px; color: #4bad70; padding-left: 5px;}
.SlideCon table tr td{height: 60px; font-size: 16px; color: #666666; text-align: center; background: #fafafa; word-break: break-all;}
.SlideCon table tr:nth-child(2n) td{background: #fff;}

@media ( max-width:1200px){
	.SlideCon table tr th span.dw{display: none;}
}

@media ( max-width:768px){
	.Product .names,.Product .pic .name{font-size: 20px;}
	.Prodetail .hd{line-height: 50px;}
	.Prodetail .hd li a{font-size: 16px;}
	.Prodetail .hd li .icon{margin-right: 0px; width: 30px; height: 30px;}
	.SlideCon table tr th{font-size: 16px; height: 50px;}
	.SlideCon table tr td{font-size: 14px; height: 50px;}
}

@media ( max-width:640px){
	.SlideCon h3{font-size: 16px;}
	.SlideCon dl dd{font-size: 14px;}
	.SlideCon table tr th{font-size: 14px;}
	.SlideCon table tr td{font-size: 12px;}
}

@media ( max-width:480px){
	.Product .sign,.Product .names{width: 100%; position: static; display: block; margin-top: 0;}
	.Product .pic{width: 100%; float: none; margin-bottom: 3%;}
	.Prodetail .hd li .icon{width: 25px; height: 25px;}
}

/* 建筑玻璃 */
.pb4{padding-bottom: 4%;}
.ProductBox .listbox{background: rgba(255,255,255,0.63); padding: 3% 0;}
.ProductBox .listbox li{width: 16%; padding: 0 2%; float: left;}
.ProductBox .listbox li .pic{border: 1px solid #e8f3ef;}
.ProductBox .listbox li .pic img{display: block; width: 100%;}
.ProductBox .listbox li .name{display: block; text-align: center; font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333333; margin-top: 6%;}

.CaseList{margin: 0 5% 5%;}
.CaseList .title{font-size: 36px; color: #009a61; text-align: center; line-height: 50px; margin-bottom: 4%;}
.CaseList .item a{display: block; margin: 0px 25px; position: relative; cursor: default;}
.CaseList .item .pic img{display: block; width: 100%;}
.CaseList .item .name{position: absolute; width: 250px; line-height: 91px; height: 91px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; left: 0px; bottom: 0px; background: #009a61; font-size: 18px; color: #fff; text-align: center;}
.CaseList .owl-nav .owl-prev span,.CaseList .owl-nav .owl-next span{width: 12px; height: 22px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -11px; z-index: 5;}
.CaseList .owl-nav .owl-prev span{left: -30px; background-image: url(../images/left5.png);}
.CaseList .owl-nav .owl-next span{right: -30px; background-image: url(../images/right5.png);}
.CaseList .owl-nav .owl-prev span:hover{background-image: url(../images/lefton5.png);}
.CaseList .owl-nav .owl-next span:hover{background-image: url(../images/righton5.png);}

@media ( max-width:1200px){
	.CaseList .owl-nav .owl-prev span{left: -10px;}
	.CaseList .owl-nav .owl-next span{right: -10px;}
	.ProductBox .listbox li .name{font-size: 16px;}
	.CaseList .title{font-size: 26px;}
}

@media ( max-width:1024px){
	.CaseList .title{font-size: 20px;}
}

@media ( max-width:768px){
	.ProductBox .listbox{padding: 1.5% 0;}
	.ProductBox .listbox li{padding: 0 1%; width: 18%;}
	.ProductBox .listbox li .name{font-size: 14px;}
	.CaseList{margin: 0 0 5%;}
	.CaseList .item a{margin: 0px 10px;}
	.CaseList .item .name{width: 100%; height: 50px; line-height: 50px; font-size: 16px;}
}

@media ( max-width:480px){
	.ProductBox .listbox li{width: 48%;}
	.CaseList .item a{margin: 0px 5px;}
	.CaseList .item .name{font-size: 14px; height: 40px; line-height: 40px;}
}


/*20191023*/
.Product1{ height:auto !important; height:340px; min-height:340px; position:relative;background: url(../images/ffblbg.jpg) center top no-repeat; background-size:cover; margin-bottom:9%;}
.Product1 .pics{ width:318px; position:absolute; left:20%; top:18%;}
.Product1 .pics img{ width:100%;}
.Product1 .names{ position:absolute; left:55%; top:40%; font-size:32px; color:#009944; font-weight:bold; line-height:46px;}
.Product1 .names i{ display:block; width:40px; height:21px; border-bottom:4px solid #009944;}

.Product2{ margin-bottom:5%; background:#f7f7f7; padding:6% 0 6% 6%; height:auto !important; height:340px; min-height:340px; position:relative;}
.Product2 .info{ position:relative; z-index:2; width:42%; padding:0 15.8% 0 5%; float:left;}
.Product2 .info .name{ line-height:84px; color:#009944; font-size:32px;}
.Product2 .info .txt{ line-height:35px; color:#818181; padding-bottom:130px;}
.Product2 .pic{ position:absolute; left:54%; z-index:2; width:25%; text-align:center;}
.Product2 .pic img{ width:100%;}
.Product2 .bg{ width:35%; position:absolute; right:0; top:0; height:100%;background: url(../images/qcblbg.jpg) center top no-repeat; background-size:cover;}
.Product2 .more{ position:absolute; left:0; width:92%; line-height:80px; font-size:18px; background:#fdfdfd; padding-left:8%; bottom:0; display: none;}
.Product2 .more i{ display:inline-block; width:24px; height:12px; vertical-align:middle; margin-left:12px;background: url(../images/mores.png);}
.Product2 .more a{ color:#009944;}

@media ( max-width:998px){
.Product1 .pics{left:10%;}
.Product1 .names{ position:absolute; left:55%; top:40%; font-size:32px; color:#009944; font-weight:bold; line-height:46px;}
.Product2 .info{width:47%; padding-right:0;}
.Product2 .info .name{ line-height:50px; font-size:18px;}
.Product2 .more{ line-height:40px; font-size:14px;}
}
@media ( max-width:768px){
.Product1{ height:150px; min-height:150px; padding:0 10px;}
.Product1 .pics{ position:static; width:48%; padding-top:10px; float:left; margin-bottom:-30px;}
.Product1 .names{ font-size:16px; position:static; line-height:30px; padding-top:25px; width:48%; float:right;}
.Product1 .names i{width:30px; height:10px; border-bottom:3px solid #009944;}

.Product2{padding:4%;height:100px; min-height:100px;}
.Product2 .info .txt{ line-height:24px; padding-bottom:45px;}
.Product2 .bg{ display:none;}
.Product2 .pic{ position:static; text-align:center; width:auto; margin-top:18px;}
.Product2 .info{width:auto; float:none; padding:0;}
.Product2 .more{ line-height:35px;}
}




/*导航新*/
.myClick{cursor: pointer;}
#header{height:100px; background-color: transparent; width: 100%; top: 0; left: 0; position:fixed; padding:0 2.5%; box-sizing: border-box; z-index: 5000; margin: auto; right: 0; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);}

#header.active{height: 60px;}
#header #logo{width:20%; position: absolute; top: 22px; bottom: 0; margin: auto; left: 2.5%; z-index: 1000;}
#header #logo > img{position: absolute; top: 0; bottom: 0; margin: auto;}
#header #nav{height:100px; position: relative; z-index: 1000; float: right; padding-left: 180px; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);}
#header.active #nav{height: 60px;}
#header #nav .item{width: 100%; overflow: visible; box-sizing: border-box; text-align: center;}
#header #nav .item .navlist{height: 100px; line-height: 100px; width: 90px; float: left; text-align: center; transform-origin: 50% 20%;}
#header.active #nav .item .navlist{height: 60px; line-height: 60px;}
#header #nav .item .navlist > a{text-align: left; display: inline-block; width: 100%; box-sizing: border-box; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); font-size:15px; position: relative; font-weight: 500; text-align: center; color: rgba(255, 255, 255, 0.8); vertical-align: top;}
#header #nav .item .navlist:hover a{color: #009a61;font-weight:900}
#header #nav .item .thisNav a{color: #ffffff; font-weight: 700; font-size: 15px;}
#header #nav .otherItem{color:#009a61;position: absolute;width: 100px;padding-left:15px; overflow: hidden; padding: 0.25rem 0; box-sizing: border-box; left: 0; top: 30px; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1);}
#header.active #nav .otherItem{padding: 0.05rem 0;}


#header #nav .otherItem span{ display:inline-block; vertical-align:top; margin-left:12px;}
#header #nav .otherItem a{color:#009a61; position:relative; display:inline-block;line-height:33px;font-size:14px;}
#header #nav .otherItem a i{ opacity:0; background:#009a61; height:2px; font-size:0px; width:100%; position:absolute; bottom:0px; left:0px;}
#header #nav .otherItem a:hover i,#header #nav .otherItem a.on i{ opacity:1;}


#header #nav .childItem{position: absolute; height: 2.4rem; width: 200%; top: 80%; left: 0; display: none;}
#header #nav .childItem .navMask{position: absolute; height: 3.9rem; z-index: -1; width: 100px; bottom: 0; background-color: rgba(17, 95, 173, 0.37); left: 100px;}
#header #nav .childItem .childNav{position: absolute; top: 0; left: 90px; width: 100px; display: flex; flex-wrap: wrap; align-items: center;}
#header #nav .childItem .childNav > li{display: table; float: left; position: relative; height: 0.32rem; text-align: left; width: 100%; margin-left:18px; animation-duration: 0.3s;}
#header #nav .childItem .childNav > li > a{display: table-cell; vertical-align: middle; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); font-family: sans-serif; font-size: 13px; color: rgba(255, 255, 255, 0.5); letter-spacing: 0.5px;}
#header #nav .childItem .childNav > li > a:hover{color: #ffffff; font-weight: bold;}
#header #nav .childItem .childNav:nth-child(2){left: 180px;}
#header #nav .childItem .childNav:nth-child(3){left: 270px;}
#header #nav .childItem .childNav:nth-child(4){left: 360px;}
#header #nav .childItem .childNav:nth-child(5){left: 450px;}
#header #nav .childItem .childNav:nth-child(6){left: 540px;}

#header #nav .childItem .language{left: 600px; width: 200px;}
#header #nav .childItem .language > li > a{opacity: 0.5; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); font-family: En_light; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
#header #nav .childItem .language > li > a > img{margin-right: 0.08rem;}
#header #nav .childItem .language > li > a:hover{opacity: 1; color: #fff; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;}
#header #nav .childItem .language > li > a.on{opacity: 1; color: #fff; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray;}



#header nav.app-nav{position: fixed; top: 0; right: 0; height: 0.6rem; line-height: 0.6rem; width: 0.5rem; display: none; z-index: 20;}
#header nav.app-nav > ul{display: none; position: absolute; top: 100%; right: 0; border-bottom: 2px solid #d2d2d2;}
#header nav.app-nav > ul > li{width: 100%; line-height: 0.4rem; text-align: center; background-color: rgba(255, 255, 255, 1); transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; border-top: 1px solid #eee; font-weight: bold;}
#header nav.app-nav > ul > li > a{display: inline-block; width: 100%; color: rgba(0, 0, 0, 0.7);}
#header nav.app-nav > ul > li.child-Down > .child-nav{padding: 0; overflow: hidden; background-color: rgba(226, 226, 226, 0.7);}
#header nav.app-nav > ul > li.child-Down > .child-nav > li{width: 50%; float: left; text-align: center; line-height: 0.4rem; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; height: 0;}
#header nav.app-nav > ul > li.child-Down > .child-nav.erwei-down > li{width: 100%;}
#header nav.app-nav > ul > li.child-Down > .child-nav > li > a{display: inline-block; width: 100%; color: rgba(47, 47, 47, 0.7); height: 0.4rem; line-height: 0.4rem; overflow: hidden;}
#header nav.app-nav > ul > li.child-Down > .child-nav.on > li{height: 0.4rem;}
#header nav.app-nav > ul > li.child-Down > .child-nav.erwei-down.on > li{height: 150px; width: 100%;}
#header nav.app-nav > ul > li.child-Down > .child-nav.erwei-down > li > a{height: 150px; padding-top: 8px;}
#header nav.app-nav .getAppNav{font-size: 0.28rem; z-index: 6; position: absolute; width: 100%; height: 100%; margin: auto; right: 0; text-align: center; cursor: pointer;}
#header nav.app-nav .getAppNav > span{position: absolute; width: 0.28rem; height: 2px; background-color: #fff; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 1; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;}
#header nav.app-nav .getAppNav:after{content: ''; position: absolute; width: 0.28rem; height: 2px; background-color: #fff; top: -16px; bottom: 0; left: 0; right: 0; margin: auto; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;}
#header nav.app-nav .getAppNav:before{content: ''; position: absolute; width: 0.28rem; height: 2px; background-color: #fff; top: 16px; bottom: 0; left: 0; right: 0; margin: auto; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;}
#header nav.app-nav .menuActive > span{opacity: 0!important;}
#header nav.app-nav .menuActive:after{transform: rotate(45deg); transform-origin: 50% 50%; top: 0px!important;}
#header nav.app-nav .menuActive:before{transform: rotate(-45deg); transform-origin: 50% 50%; top: 0px!important;}
#header:after{content: ''; position: absolute; width: 100%; height: 100px; z-index: 15; left: 0; top: 0%; background-color: rgba(0, 0, 0, 0.1); opacity: 1; transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -webkit-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -moz-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); -o-transition: all 0.3s cubic-bezier(0.7, 0.01, 0.3, 1); transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform-origin: 50% 0;}
#header.active:after{height: 0.6rem;}
#header.on:after{opacity: 1; top: 0%; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); height: 320px; background-color: rgba(0, 0, 0, 0.7);}

.navtwo{display:none;}
@media ( max-width:998px){
	.navone{display:none;}
	.navtwo{display:block;}
}

/*联系我们*/
.ContactList li{width: 31.333%; float: left; margin: 0 3% 3% 0;}
.ContactList li:nth-child(3n){margin-right: 0px;}
.ContactList li .pic{position: relative;}
.ContactList li .pic img{display: block; width: 100%;}
.ContactList li .name{position: absolute; left: 0px; bottom: 0px; width: 168px; line-height: 28px; text-align: center; background: #00b651; color: #fff; font-size: 20px; font-weight: bold;}
.ContactList li .con{padding: 20px 0px 0px;}
.ContactList li .con i{display: block; width: 20px; height: 2px; background: #00b651; margin-bottom: 5px;}
.ContactList li .con .info{font-size: 18px; line-height: 30px; color: #333; height: 90px;}

@media ( max-width:768px){
	.ContactList li{width: 48.5%; margin-right: 0px;}
	.ContactList li:nth-child(2n){float: right;}
	.ContactList li .con .info{font-size: 16px; line-height: 24px; height: 72px;}
}

@media ( max-width:480px){
	.ContactList li{width: auto;}
	.ContactList li,.ContactList li:nth-child(2n){float: none;}
	.ContactList li .name{font-size: 18px;}
	.ContactList li .con .info{height: auto;}
}