﻿@charset "utf-8";
html,body{height:100%;}
body{padding:0px; margin:0px auto; font-size:16px; line-height:29px; color:#333; width:100%; min-width:300px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体";}
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:#414446; font-family:"微软雅黑";}
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,figcaption,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:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#bedb00;}
*:hover{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hidetxt{ 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: #979898;}
::-moz-placeholder {color: #979898;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #979898;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #979898;}
.container{ width:1200px; margin:0px auto;}

@media ( max-width:998px){
body{ line-height:24px; font-size:14px;}	
.container{ width:auto; min-width:300px;margin:0px 10px;}
}

.relative{ position:relative;}

/*font*/
.f_red{ color:#f54336;}
.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img {opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
.Scale-img:hover img {opacity: 1;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1); top:0px; left:0px;}


/*pages*/
.Pages{ zoom:1; text-align:center; overflow:hidden; color:#666666; line-height:24px;clear:both;margin: 5% 0;}
.Pages span{ padding:0px 3px; display:inline-block; padding:4px 0;}
.Pages a{ display:inline-block; margin:0px 2px;}
.Pages .p_cur b{ color:#e0b43e; font-weight:normal;}
.Pages .p_count b{ color:#e0b43e; font-weight:normal;}
.Pages .p_total b{ color:#e0b43e; font-weight:normal;}
.Pages .p_jump em{ font-style:normal; font-family:Arial;}
.Pages .p_jump em a{ border:0px; width:22px; height:22px; line-height:22px; text-align:center;}
.Pages .p_jump em a.a_cur{ background:#D4D4D4;}
.Pages .p_jump b{ font-weight:normal;}
.Pages .i_text{ width:30px; padding:0px; text-align:center; font-size:16px; border:inset 1px #ddd; background:#fff;}
.Pages .i_button { position:relative; top:0px; width:35px; height:19px; cursor:pointer; border:none; background:#A6854F; border-radius:2px; -moz-border-right:2px; -webkit-border-radius:2px; color:#fff; font-size:17px;}
.Pages .input{ width:48px; height:23px; border:1px solid #d2d2d2; background:#fff;}
.Pages .p_jump .f1{ padding-right:3px; display:none;}
.Pages .p_jump .f2{ padding:0 3px; display:none;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .a_next{ border: 1px solid #f6a10a;background: #f6a10a;color: #fff;border-color: #428dc2;}
.Pages .p_page .a_first,.Pages .p_page .a_end,.Pages .p_page .a_prev,.Pages .p_page .a_next{padding: 4px 13px;border: 1px solid #e8e8e8;}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover{ color:#000;}
.Pages .p_page .num a{display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; color:#666; vertical-align:middle;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{color:#f6a10a;}
/*pages end*/

@media ( max-width:768px){
.Pages a{ line-height:25px; width:25px;}
.Pages{ margin:20px 0px;}
}
/*pages end*/


/*Top*/
.Toper{ height:30px; line-height:30px; background:#222222; font-size:12px;}
.Toper a.sitenav{ color:#fff;}
.Toper .version{ float:right;}
.Toper .version a{ color:#fff; display:block; background:url(../images/version.png) 0px center no-repeat; padding-left:20px;}
.Toper .icon-down{ background:url(../images/arrdown.png) right center no-repeat; width:10px; height:30px; display:inline-block; vertical-align:middle; margin-left:10px;}
.Toper .icon-down.on{-webkit-transform: translate(0, -3px) rotate(-180deg) !important;
	-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;}
.worldwide-language{display:none;}	
.worldwide-language ul{ padding:25px 0;}	
.worldwide-language li{ float:left; width:195px;}	
.worldwide-language li span{ width:25px; height:16px; display:inline-block; vertical-align:middle; margin-right:10px; background:url(../images/countryicon.png) no-repeat;}	
.worldwide-language li span.icon-cn{ background-position:-30px -0px;}	
.worldwide-language li span.icon-en{ background-position:-90px -42px;}	

.SiteNavbox{ clear:both; padding:23px 0px; display: none;}
.SiteNavbox dl{display: flex;display: -webkit-flex; justify-content: space-between;}
.SiteNavbox .item{ line-height:26px;}
.SiteNavbox .item .tit{line-height:46px; font-weight:bold;}
.SiteNavbox .item .tit i{ background:url(../images/arrr.png); width:5px; height:8px; vertical-align:middle; margin-left:15px; display:inline-block;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.SiteNavbox .item:hover .tit i{ background:url(../images/arrr2.png); margin-left:20px;}
.SiteNavbox .item:last-child{ float:right; width:auto;}

.Header{ clear:both; height:100px; box-shadow:0px 0px 15px #e5e5e5; background:#ffffff; position:relative;}
.Header .Logo{ padding-top:11px; float:left;}
.Header .Searchbox{float:right;}
.Header .Searchbox .icon{ padding-top:38px; cursor:pointer;}
.Header .Search{ display:none; position:absolute; left:50%; margin-left:115px; top:26px; z-index:888; padding-right:86px;}
.Header .Search a.close,.Header .Search a.close2{ background: #fff url(../images/close.gif) center center no-repeat; width:25px; height:26px; vertical-align:middle; display:inline-block; position:absolute; right:0px; top:10px;}
.Header .Search a.close2{display:none;right:10px; top:13px;}
.Header .Search .box{ position:relative; background:#fff; border-radius:5px; width:398px; height:46px; border:1px solid #d4d4d4;}
.Header .Search .ipt{ width:80%; height:44px; line-height:44px; text-indent:1em;}
.Header .Search .searchbtn{ cursor:pointer; width:22px; height:22px; background:url(../images/searchbtn.png) center center no-repeat; background-size:cover; position:absolute; right:16px; top:12px;}
.Header a{ color:#666;}.Header a:hover{ color:#a6d232;}
.fixedNav{ position:fixed; z-index:999; left:0px; top:0px; width:100%;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}

.MainNav{ float:left; padding-top:30px; line-height:40px;}
.MainNav ul{float:left;}
.MainNav li{float:left; padding-left:60px;}
.icon-down{ background:url(../images/arrdown2.png) right center no-repeat; width:10px; height:30px; display:inline-block; vertical-align:middle; margin-left:10px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.icon-open{ background:url(../images/iconopen.png); width:16px; height:16px; display:inline-block; vertical-align:middle; margin-left:10px; position:relative;}
.icon-open i{ width:12px; height:12px; background:url(../images/iconopenarr.png); right:-2px; top:-2px; position:absolute;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .icon{ width:29px; height:29px; display:inline-block; vertical-align:middle; margin-right:10px; background:url(../images/navicon.png) 0px top no-repeat;}
.MainNav .icon.icon2{ background-position:-29px top;}
.MainNav .nav1 li{height:70px;}
.MainNav .nav1 li.onnav .icon-down{-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}
.MainNav .nav1 li.onnav span a{ color:#bedb00;}	
.MainNav .nav2{ border-left:2px solid #e6e6e6; margin-left:50px;}
.MainNav .nav2 a:hover .icon-open{ background:url(../images/iconopen.png) -16px top;}
.MainNav .nav2 a:hover .icon-open i{background:url(../images/iconopenarron.png); top:-5px; right:-5px;}
.MainNav .nav2 .txt{width:185px;text-align:center;line-height:20px;font-size:14px;margin-top:-20px;}
.MainNav .nav2 .txt .t{font-size:16px;margin-bottom:5px;}
.MainNav .nav2 .txt i{color:#ff0000;}
.MainNav .nav2 .txt span{display:block;}

.NavPull{ overflow:hidden; width:100%; top:100px; left:0px; height:420px; background:#f5f5f5; box-shadow:0px 5px 5px #ddd; position:absolute; z-index:100; display:none;}
.NavPull .bg{ background:#ebebeb; width:720px; height:420px; position:absolute; left:50%; margin-left:225px; top:0px;}
.NavPull .col-l{ width:70%; float:left; padding-top:5%;}
.NavPull .col-l dl{ height:266px;}
.NavPull .col-l dd{ width:30%; float:left; text-align:center;}
.NavPull .col-l dd img{ display:block; margin:0px auto 8px;}
.NavPull .col-r{ width:25%; float:right; position:relative; padding-top:30px; z-index:1; line-height:36px;}
.NavPull .col-r dl{ height:263px;}
.NavPull .col-r dt{ font-weight:bold; line-height:62px; font-size:22px; color:#333333;}
.NavPull .col-r dd{ color:#4c4c4c;}
.NavPull .col-r a.go{ color:#87b213;}.NavPull .col-r a:hover.go{ text-decoration:underline;}

.Header .openbtn{ cursor:pointer; display:none; float:right;width:26px; padding-top:15px;}
.Header .openbtn span{ display:block; height:2px; background:#2a2a2a; margin:4px 0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Header .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; background:#000000 !important;}
.Header .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; background:#000000 !important;}	
.Header .openbtn.on .sp3 { display:none;}	
.MobileNav{ display:none;}

@media ( max-width:998px){
.Toper{ display:none; position:fixed; z-index:9999; width:100%; left:0px; bottom:0px;}
.SiteNavbox{ position:fixed; z-index:9998; left:0px; width:100%; top:0px; overflow-y:auto; padding:0px; background:#f5f5f5; height:100%;}
.SiteNavbox dl{display:block;*display: block; padding-bottom:50px;}
.SiteNavbox .item{background:#fff; margin:10px 10px 0px; padding:0px 10px 10px;}
.SiteNavbox .item:last-child{ float:none;}
.worldwide-language{position:fixed; z-index:9998; left:0px; width:100%; top:0px; overflow-y:auto; padding:0px; background:#f5f5f5; height:100%;}	
.worldwide-language ul{ padding:15px;}	

.Header{height:50px;}
.Header .Logo{ padding-top:4px;}.Header .Logo img{ height:38px;}
.Header .Searchbox .icon{ padding:12px 15px 0px 0px;}
.Header .Search{left:0%; top:0px; height:40px; padding:10px 10% 0 5%; margin-left:0px; padding-right:10%; width:85%; background:#fff;}
.Header .Search a.close{display:none;}.Header .Search a.close2{display:block;}
.Header .Search .box{width:auto; height:30px;}
.Header .Search .ipt{height:30px; line-height:30px;}
.Header .Search .searchbtn{top:6px;}

.Header .openbtn{ display:block;}
.MainNav{ display:none;}	
.MobileNav{ background:#f5f5f5; position:fixed; left:0px; top:50px; height:100%; width:100%; display:none; z-index:99;}
.MobileNav dl{ background:#fff; line-height:45px; box-shadow:0px 0px 5px #eee;}
.MobileNav dl dt{ position:relative; cursor:pointer; padding:0px 10px; border-bottom:1px solid #d2d2d2;}
.MobileNav dl dd{ display:none; max-height:200px; overflow-y:auto;}
.MobileNav dl dt .icon-down{ position:absolute; right:10px; top:8px;}
.MobileNav dl dt .icon-open{ position:absolute; right:10px; top:15px;}
.MobileNav dl.on .icon-down{-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;}
.MobileNav dl li{ border-bottom:1px solid #d2d2d2; padding:0px 10px;}
}

/*Top*/


/*Bottom*/
.Footer{background:#f5f5f5; padding:34px 0px 0px;}
.Footer .col-l{ width:30%; padding-bottom:4%; line-height:28px; float:left; font-size:14px; color:#666;}
.Footer .col-l .logo{ height:88px;}
.Footer .col-l .ewm{ margin:8px 18px 0px 0px; float:left;}
.Footer .col-l .ewm img{ margin:0px auto; display:block; width:92px; height:92px; border:4px solid #fff;}
.Footer .col-r{ float:right;}
.Footer .col-r .item{ width:100px; padding-left:40px; float:left; line-height:30px;}
.Footer .col-r .item .tit{ background:url(../images/navline.gif) 0px bottom no-repeat; line-height:47px; font-size:16px; margin-bottom:11px;}
.Footer .col-r .item:first-child{ padding-left:0px;}
.Footer .col-r .item li{ font-size:14px;}
.Footer .col-r .item li a{ color:#666;}.Footer .col-r .item li a:hover{ color:#bedb00;}

.Footer .bottom{ border-top:1px solid #e6e6e6; padding:2% 0; color:#808080; clear:both; font-size:14px;}
.Footer .bottom i{ display:inline-block; background:url(../images/bline.gif) center center no-repeat; width:40px; height:20px; vertical-align:middle;}
.Footer .bottom a{ color:#808080;}.Footer .bottom a:hover{ color:#bedb00;}


.cd-top {overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; height:0px; width:43px; position:fixed; right:0px; bottom:2px;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1; background:url(../images/top.gif) center center no-repeat; height:43px; cursor:pointer;}

@media ( max-width:998px){
.Footer .bottom .fl{ float:none; text-align:center; font-size:12px;}
.Footer .bottom .fr{ float:none; text-align:center; font-size:12px;}
.Footer .col-l{ width:auto;float:none; font-size:12px; text-align:center;}
.Footer .col-l .ewm{ margin:8px 18px 0px 0px; float:none;}
.Footer .col-r{ display:none;}
}
/*Bottom*/


/*首页*/
.HomeBan { overflow:hidden; clear:both;}
.HomeBan .slides li{/* height:700px; background-position:center center; background-repeat:no-repeat; background-size:cover;*/}
.HomeBan .slides li a{ display:block;}
.HomeBan .flex-control-paging li a {width: 12px; height: 12px; background:#fff; border-radius:50%;}
.HomeBan .flex-control-paging li a.flex-active { border-radius:4px; width:36px; background:#a6d232;}
.HomeBan .flex-direction-nav a {width: 100px; height: 100px;}
.HomeBan .flex-direction-nav .flex-prev { background:url(../images/btn_left.png); background-size:cover;}
.HomeBan .flex-direction-nav .flex-next { background:url(../images/btn_right.png); background-size:cover;}
@media ( max-width:998px){
.HomeBan .slides li{ height:300px;}.HomeBan .slides li a{ height:300px;}
.HomeBan .flex-direction-nav a {width: 50px; height: 50px;}
}
/*banner end*/

.Hometit{ color:#333333; padding:5.5% 0 45px; position:relative; z-index:1;}
.Hometit h2{ font-size:32px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.Hometit p{ font-size:18px;}
.Hometit p i{ width:18px; height:2px; display:inline-block; background:#999999; margin-left:10px; vertical-align:middle;}
.Hometit a.mores{ position:absolute; right:0px; background:url(../images/more3.gif) right center no-repeat; bottom:40%; padding-right:36px; font-weight:bold;}


/*简介*/	
.HomeAbout{ padding:5.5% 0 0; position:relative;}
.abouttit{ z-index:0; font-weight:bold; position:absolute; top:22%; left:-11%; font-family:Arial, Helvetica, sans-serif; font-size:150px; color:#fafafa;}
.HomeAbout .Info{ width:42%; float:right; color:#666666;position:relative;}
.HomeAbout .process{ clear:both; padding-top:10%;}
.HomeAbout .process li{ border-left:1px solid #e6e6e6; width:16%; padding:0 7%; float:left; font-size:14px;}
.HomeAbout .process li p{ line-height:24px;}
.HomeAbout .process li i{ color:#a6d232; font-size:36px; margin-right:9px; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:top;}
.HomeAbout .process li:first-child{ border:0px; padding-left:0;}
.HomeAbout .Video{ width:45%; height:350px;float:left; overflow:hidden; position:relative; text-align:center; color:#fff;}
.HomeAbout .Video img{ width:100%; height:350px; display:block;}
.HomeAbout .Video video{position:absolute; left:0px; top:0px; width:100%; background:#000; height:100%; z-index:0;}
.HomeAbout .Video .playbtn{ background:rgba(0,0,0,0.4); color:#ced2d5; padding-top:27%;  width:100%; height:73%; position:absolute; left:0px; top:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.HomeAbout .Video .playbtn i{ background: url(../images/play.png) center center no-repeat; width:44px; height:44px; margin:0px auto 10px; display:block;}
.HomeAbout .Video .playbtn b{ font-size:18px; color:#fff;}
.HomeAbout .Video .playbtn em{ display:block; font-size:12px; text-transform:uppercase;}
.HomeAbout .Video a.play{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}
.HomeAbout .Video .playbtn:hover{ background:rgba(0,0,0,0.7);}

@media ( max-width:998px){
.Hometit{ padding-bottom:20px;}
.Hometit h2{ font-size:24px;}
.Hometit p{ font-size:16px;}
.abouttit{ display:none;}
.HomeAbout .process{ padding:20px 0;}
.HomeAbout .process li{width:29%; padding:0; padding-left:5%;}
.HomeAbout .process li i{ font-size:26px;}
.HomeAbout .Video .playbtn{ padding-top:17%; height:83%;}
}
@media ( max-width:640px){
.HomeAbout .Info{ width:auto; float:none;}
.HomeAbout .Video{ width:auto; height:auto; float:none;}
}


/*研发*/	
.HomeRD{ color:#fff; text-align:center; height:400px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeRD .Hometit{ color:#fff;}
.HomeRD .Hometit p i{ display:block; margin:5px auto 0px; background:#fff;}
.HomeRD .txt{ width:80%; margin:0px auto;}
.HomeRD a.more{ display:block; margin:35px auto 0px; border-radius:17px; width:125px; line-height:32px; text-align:center; border:2px solid #fff; color:#fff;}
.HomeRD a.more i{ background:url(../images/arr.png); width:21px; height:7px; display:inline-block; margin-left:26px;}
.HomeRD a.more:hover{ background:#99c81c; border:2px solid #99c81c;}
@media ( max-width:640px){
.HomeRD .txt{ width:auto;}
}


/*展会*/	
.Homezh{ margin:0 0 2% -1.5%; position:relative;}
.Homezh li{ float:left; margin:0 0 1.5% 1.5%; overflow:hidden; color:#fff; position:relative;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Homezh li .box{background-position:center center; background-repeat:no-repeat; background-size:cover;}
.Homezh li.zh1{ width:38%;}
.Homezh li.zh1 .box{ height:400px;}
.Homezh li.zh2{ width:28%;}
.Homezh li.zh2 .box{ height:400px;}
.Homezh li.zh3{ width:29%;;}
.Homezh li.zh3 .box{ height:190px;}
.Homezh li.zh4{ width:29%;}
.Homezh li.zh4 .box{ height:190px;}
.Homezh li .txt{ position:absolute; left:0px; top:0px; padding:8% 8% 0; width:84%; height:96%; background:rgba(0,0,0,0.4);}
.Homezh li .txt h2{ font-size:18px; padding:5% 0 3%; line-height:36px;}
.Homezh li a{ position:absolute; left:0px; height:100%; width:100%; top:0px; z-index:100; display:block;}
.Homezh .more{ position:absolute; bottom:11%; left:6%; border-radius:17px; width:125px; line-height:32px; text-align:center; border:2px solid #fff; color:#fff;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Homezh .more i{ background:url(../images/arr.png); width:21px; height:7px; display:inline-block; margin-left:26px;}
.Homezh li:hover .more{ background:#99c81c; border:2px solid #99c81c;filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.Homezh li.zh2 .p,.Homezh li.zh3 .p,.Homezh li.zh4 .p{ display:none;}
.Homezh li.zh3 .more,.Homezh li.zh4 .more{bottom:15%;}
.Homezh li:hover{box-shadow:0px 0px 15px #999;}

@media ( max-width:998px){
.Homezh li .txt h2{ font-size:16px;}
}
@media ( max-width:640px){
.Homezh li .txt h2{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:99%; display:block; line-height:24px; font-size:15px;}
.Homezh li.zh1 .p{ display:none;}	
.Homezh li.zh1,.Homezh li.zh2,.Homezh li.zh3,.Homezh li.zh4{ width:48.5%;}
.Homezh li.zh1 .box,.Homezh li.zh2 .box,.Homezh li.zh3 .box,.Homezh li.zh4 .box{ height:150px;}
.Homezh .more{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.Homezh li.zh1 .more,.Homezh li.zh2 .more,.Homezh li.zh3 .more,.Homezh li.zh4 .more{bottom:18%; width:100px;}
}


/*伙伴*/	

.HomePanter{ background:#f5f5f5; padding-bottom:3%;}
.cooperate_list1 li:nth-child(n+11){display:none;}
@media ( max-width:640px){
.HomePanter .cooperate_list li:nth-child(9),.HomePanter .cooperate_list li:nth-child(10){ display:none;}
}


/*新闻*/	
.HomeNews{ margin:0 0 0 -3.3333%; padding-bottom:12px;}
.HomeNews li{ width:30%; float:left; margin:0 0 5% 3.3333%;}
.HomeNews li .img{ height:220px; overflow:hidden;}
.HomeNews li .img img{ width:100%;}
.HomeNews li .tit{ padding:25px 0px 10px; font-size:16px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}
.HomeNews li .p{ color:#666666; line-height:26px;}
.HomeNews li .date{ color:#99c81c; font-size:14px; padding-top:8px;}
@media ( max-width:998px){
.HomeNews li .img{ height:120px;}
.HomeNews li .img img{  height:120px;}
}
@media ( max-width:640px){
.HomeNews{ margin:0 0 0 -3%;}
.HomeNews li{ width:47%; margin-left:3%;}
.HomeNews li:nth-child(3){ display:none;}
.HomeNews li .tit{ padding:10px 0px 5px; font-size:15px;}
.HomeNews li .p{ font-size:12px; height:48px; overflow:hidden; line-height:22px;}
}


/*栏目页公用样式 s*/
.SubBan{ position:relative; height:400px; background-position:center center; background-repeat:no-repeat;}
.SubBan span{ width:1200px; left:50%; position:absolute; margin-left:-600px; top:30%;}
.SubMenu{ border-bottom:1px solid #f0f0f0; line-height:80px;}
.SubMenu li{ display:inline-block; *display:inline;zoom:1; margin-right:6%; font-size:18px;}
.SubMenu li a{ display:block;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#9bc924;}
.SubMenu li em{ display:block; background:#a5d134; height:2px; margin:0px auto; width:0px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.SubMenu li a:hover em,.SubMenu li.onli a em{ width:100%;}
.SubMenu .place{ float:right; background:url(../images/home.gif) 0px center no-repeat; padding-left:24px; color:#7a7a7a;}
.SubMenu .place a{color:#7a7a7a;}.SubMenu .place a:hover,.SubMenu .place span{color:#0a0c78;}
.SubPage{ padding:0 0 40px;height:auto !important; height:350px; min-height:350px;}

.SinglePage{ word-wrap:break-word; padding:5% 0; color:#333333;}

@media ( max-width:998px){
.SinglePage{ padding:25px 0px;}
.SubBan{ height:180px; background-size:cover;}
.SubBan span{ width:auto; left:10%; margin-left:0px; top:18%; width:40%;}
.SubMenu{line-height:30px; text-align:center; padding-top:20px;}
.SubMenu li{margin:0 3%; font-size:14px;}
}


/*公司概况*/
/*介绍*/
.columntit{ font-size:44px; padding-bottom:5.5%;}
.columntit2{ font-size:24px; padding-bottom:4%;}

.Aboutinfo{text-align: center;  margin-bottom:6%;}
.Aboutinfo ul{margin-bottom: 30px;}
.Aboutinfo ul li{width: 18%;text-align: center;display: inline-block;}
.Aboutinfo ul li h2{font-size:60px;color:#b9db00;font-weight: normal;line-height:72px;display: inline-block;vertical-align: middle;}
.Aboutinfo ul li p{ color:#999999;font-size:16px;line-height:24px;display:inline-block;vertical-align:middle;text-align: left;}
.Aboutinfo .tithead{ padding-bottom:4%;}
.Aboutinfo h3{ font-weight:normal; line-height:60px; margin-bottom:10px;font-family: "苹方",细体; font-size:60px;}
.Aboutinfo h4{ font-weight:normal; line-height:45px;font-family: "苹方",细体; font-size:46px;}

.Aboutinfo1{ padding-bottom:15%; background-position:center bottom; background-repeat:no-repeat; background-size:contain;}

.Aboutinfo2{background: #bedb00;color: white;text-align: center;margin-bottom: 0px;}
.Aboutinfo2 .container{max-width: 1200px;}
.Aboutinfo2 h3{ font-weight:normal; line-height:60px; margin-bottom:10px;font-family: "苹方",细体; font-size:60px;}
.Aboutinfo2 h4{ font-weight:normal; line-height:45px;font-family: "苹方",细体; font-size:46px;}

.Aboutinfo2 ul li{margin-bottom: 20px; text-align: left; float: left;width: 33%;}
.Aboutinfo2 ul li h4{font-size: 22px;margin-bottom: 0px;}
.Aboutinfo2 ul li img{display: inline-block;vertical-align: middle;height: 80px;width: 80px;}
.Aboutinfo2 ul li .txt{ font-size:14px; padding-top:14px;display: inline-block;vertical-align: middle;height: 80px;}
.Aboutinfo2 ul::after{content: '';display: block;clear: both;visibility: hidden;;}
.Aboutinfo2 h2{font-size: 36px;line-height: 36px;margin: 40px 0px;font-weight: normal;}
.Aboutinfo2 .msg{padding: 50px 0px;box-sizing: border-box;}
@media(max-width:768px){
.Aboutinfo2 .container{width:auto;}
.Aboutinfo2 h3{line-height:24px; font-size:20px;}
.Aboutinfo2 h4{line-height:24px;font-size:18px;}

.Aboutinfo ul li{width: 32%;}
.Aboutinfo ul li h2{font-size:35px;line-height:40px;}
.Aboutinfo ul li p{font-size:14px;}
}

.Aboutscsb{ background:#e9e9e9; text-align:center; padding:5% 0;}
.Aboutscsb .tithead{ font-size:28px; margin:0 12px 4%; color:#5c5e5c; line-height:30px;}
.Aboutscsb .tithead h3{ font-weight:normal; line-height:60px; margin-bottom:10px;font-family: "苹方",细体; font-size:60px;}
.Aboutscsb .tithead h4{ font-weight:normal; line-height:45px;font-family: "苹方",细体; font-size:46px;}

.Aboutscsb .tithead p{ color:#666468; font-size:15px;}
.Aboutscsb ul{ margin:0 20px 0 0;}
.Aboutscsb li{ width:25%; float:left;}
.Aboutscsb li .box{ margin-left:20px;}
.Aboutscsb li .imgbox{ padding-top:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:10px;}

.Aboutzz{text-align:center; padding:5% 0;}
.Aboutzz .tithead{ font-size:28px; margin-bottom:4%; color:#5c5e5c; line-height:30px;}
.Aboutzz .tithead h3{ font-weight:normal; line-height:60px; margin-bottom:2%;font-family: "苹方",细体; font-size:60px;}
.Aboutzz .tithead h4{ font-weight:normal; line-height:45px;font-family: "苹方",细体; font-size:46px; margin-bottom:4%;}

.Aboutzz .tithead p{ color:#666468;}
.Aboutzz li{ float:left; text-align:center; width:18%; padding:0 1%;}
.Aboutzz li img{ display:block; margin:0px auto;}

.Aboutworld{ background:#dddddd; padding:5% 0; text-align:center; margin-bottom:4%;}
.Aboutworld .tithead{margin-bottom:4%; color:#5c5e5c; line-height:30px;}
.Aboutworld .tithead h4{ font-weight:normal; line-height:45px; font-family: "苹方",细体; font-size:46px;}

.Aboutworld .tithead p{ color:#9e9899; font-size:16px;}

.leader li{height: 360px;margin-top: 50px;}
.leader li .img{width: 42%;height: 360px;overflow: hidden;}
.leader li .img img{width: 100%;height: 360px;transition: all 0.5s ease;}
.leader li .msg{width: 58%;height: 240px;margin-top: 120px;background: #bedb00;padding: 20px;box-sizing: border-box;color: #333333;}
.leader li .msg h3{font-size: 30px;font-family: '宋体';line-height: 40px;margin-bottom: 10px;}
.leader li .msg p{padding-left: 75px;position: relative;font-size: 16px;line-height: 35px;box-sizing: border-box;}
.leader li .msg p span{position: absolute;left: 0px;}
.leader li:nth-child(odd) .img,.leader li:nth-child(even) .msg{float: left;}
.leader li:nth-child(even) .img,.leader li:nth-child(odd) .msg{float: right;}
.leader li .img:hover img{transform: scale(1.2);}
@media(max-width:768px){
.Aboutinfo2 h2{ font-size:24px; margin:20px 0;}	
.Aboutinfo h3{ line-height:24px;font-size:20px;}
.Aboutinfo h4{ line-height:24px;font-size:18px;}

.Aboutscsb .tithead p{font-size:14px;}
.Aboutscsb .tithead h3{line-height:24px;font-size:20px;}
.Aboutscsb .tithead h4{line-height:24px; font-size:18px;}

.Aboutscsb li{ width:50%; padding-bottom:12px; float:left;}

.Aboutzz .tithead h3{line-height:24px;font-size:20px;}
.Aboutzz .tithead h4{line-height:24px; font-size:18px;}
.Aboutzz li{width:48%; text-align:center;}
.Aboutzz li img{ width:50%; margin:0px auto;}

.Aboutinfo2 ul li img{ display:block; margin:0px auto;}
.Aboutinfo2 ul li .txt{ font-size:12px; display:block; text-align:center; line-height:18px; padding-bottom:10px;}
.Aboutinfo2 ul li h4{ font-size:16px;}
.Aboutinfo2 ul li:nth-child(4){ clear:both;}

.Aboutworld .tithead{ line-height:24px;}
.Aboutworld .tithead h3{line-height:24px;font-size:20px;}
.Aboutworld .tithead h4{line-height:24px; font-size:18px;}
.Aboutworld .tithead p{font-size:14px;}

.leader li{height: auto;margin-top:20px;}
.leader li .img{width: 100%;height: auto;}
.leader li .img img{width: 100%;height:auto;}
.leader li .msg{height: auto;width: 100%;margin-top: 10px;}

}

.Videobox{ width:41%; height:360px; overflow:hidden; float:right; position:relative; margin-bottom:6%;}
.Videobox img{ width:100%; height:360px; display:block; border-radius:4px;}
.Videobox video{ width:100%; background:#000; height:100%; display:block; border-radius:4px;}
.Videobox .playbtn{ background: url(../images/play.png) center center no-repeat;  width:100%; height:100%; position:absolute; left:0px; top:0px;}
.Videobox a.play{ width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:1;}

.Aboutprocess{ clear:both; border:1px solid #ededed; box-shadow:0px 0px 18px #ccc; padding:5% 0%; margin-bottom:5%;}
.Aboutprocess li{ border-left:1px solid #e6e6e6; width:18%; padding:0 7.5%; float:left; font-size:18px;}
.Aboutprocess li p{ line-height:30px; position:relative; padding-bottom:10px; padding-left:165px; width:110px;}
.Aboutprocess li i{ color:#a6d232; font-size:66px; position:absolute; left:0px; top:0px;}
.Aboutprocess li:first-child{ border:0px;}

.AboutCol{}
.AboutCol ul{ margin-left:-4.3333%;}
.AboutCol li{ width:29%; float:left; margin:0 0 3% 4.3333%;border-radius:4px; background:#bedb00;}
.AboutCol li .img img{ border-radius:4px 4px 0px 0px; width:100%;}
.AboutCol li .box{ padding:8%; font-size:14px;}
.AboutCol li .box h3{ font-size:20px; margin-bottom:8px;}
.AboutCol li .more{ padding-top:18px;}
.AboutCol li .more a{ /*padding-right:47px; background:url(../images/more.png) right center no-repeat;*/}
.AboutCol li .more a:hover{ padding-right:57px;}

.AboutCol .GSXX li{background: #f5f5f5;}


@media ( max-width:768px){
.Aboutprocess li p{padding-left:0; width:100%;}
.Aboutprocess li i{position:static; display:inline-block; font-size:30px;}	
}

@media ( max-width:640px){
.columntit{ font-size:28px;}
.columntit2{ font-size:18px;}
.Aboutinfo{ width:auto; float:none;}
.Videobox{ width:auto; height:auto; float:none;}
.Aboutprocess li{ width:auto; padding:5.5% 0 1.5% 6%; float:none;border-left:0px; border-top:1px solid #e6e6e6; font-size:14px;}
.Aboutprocess li i{font-size:38px;}
.AboutCol ul{ margin-left:0;}
.AboutCol li{ width:auto; float:none; margin:0 0 3% 0;}
}


/*愿景*/
.Aboutimg{ width:44%; float:left;}
.Abouttxt{ width:52%; float:right;}
.subtitle{ border-bottom:1px solid #e6e6e6; background:url(../images/syh.gif) right center no-repeat; color:#333333; font-size:28px; padding:4.2% 0; margin-bottom:5%;}
.subtitle i{ font-family:Arial, Helvetica, sans-serif; color:#cccccc; text-transform:uppercase; background:url(../images/dot.gif) 0px center no-repeat; margin-left:10px; padding-left:15px; display:inline-block; vertical-align:middle;}
.AboutISO{ color:#fff; text-align:center; height:300px; background:url(../images/aboutisobg.jpg) center center no-repeat;}
.AboutISO .txt{ height:300px; width:2%; vertical-align:middle; display:table-cell;}
@media ( max-width:640px){
.Aboutimg{ width:auto; float:none;}
.Abouttxt{ width:auto; float:none;}
.subtitle{ font-size:20px; margin-top:18px;}
}

/*历程*/
.history{}
.history .tithead{ text-align:center; background:url(../images/history.jpg) center bottom no-repeat; padding-bottom:151px;}
.history .tithead h2{ line-height:41px; font-size:28px;}
.history .tithead p{ line-height:20px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#808080; text-transform:uppercase;}
.history .endtit{ clear:both; text-align:center; color:#808080; background:#fff; padding-top:20px;}
.history .endtit h2{ line-height:41px; font-size:18px;}
.history .endtit p{ line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#808080; text-transform:uppercase;}
.history .datecon{ background:url(../images/linebg.gif) center top repeat-y;}
.history .datecon .top{ background: #fff url(../images/lsarr.gif) center bottom no-repeat; padding-bottom:34px; margin-bottom:60px;}
.history .datecon .top .date{ font-weight:bold; font-size:22px; width:160px; line-height:40px; color:#fff; text-align:center; background:#a5d134; margin:0px auto 25px;}
.history .datecon .top .p{ text-align:center; line-height:26px;}
.history .datecon .item{ float:right; width:50%; margin-bottom:15px;}
.history .datecon .item .date{ font-weight:bold; font-size:22px; color:#a5d134; margin-bottom:9px;}
.history .datecon .item .p{ line-height:26px;}
.history .datecon .item .info{ padding-left:10%; position:relative;}
.history .datecon .item .info .dot{ width:9px; height:9px; position:absolute; top:50%; left:-4px; background:#a5d134; border-radius:50%;}
.history .datecon .item.next{ float:none; clear:both;}
.history .datecon .item.next .info{ padding:0 10% 0 0;}
.history .datecon .item.next .date{ text-align:right;}
.history .datecon .item.next .info .dot{left:auto; right:-5px;}
@media ( max-width:640px){
.history .datecon .item{ float:none; width:auto; padding:10px;}
.history .datecon .item .info .dot{left:-9px;}
.history .datecon{ background:url(../images/linebg.gif) 5px top repeat-y;}
.history .datecon .item .info{ padding-left:15px;}
.history .datecon .item.next .info .dot{left:-9px; right:auto;}
.history .datecon .item.next .info{ padding:0 0 0 15px;}
.history .datecon .item.next .date{ text-align:left;}
}


/*公司动态*/
.subtit{ text-align:center; padding-top:4.2%;}
.subtit h2{ line-height:41px; font-size:28px;}
.subtit p{ line-height:20px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#808080; text-transform:uppercase;}

.NewsList{ margin-top:4.2%; overflow:hidden;}
.NewsList li{ position:relative; margin-bottom:5%; line-height:26px;}
.NewsList li .bg{ position:absolute; border-bottom:16px solid #f2f0f0; background:#e8e8ea; width:1450px; left:50%; margin-left:-490px; height:390px; z-index:-1;}
.NewsList li .img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; margin-top:40px; height:400px; overflow:hidden; width:58%; float:left;}
.NewsList li .img img{ width:100%; height:400px; display:block;}
.NewsList li .info{ width:37%; float:right; padding-top:61px; font-size:14px;}
.NewsList li .info .tit{ line-height:64px; font-size:24px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}
.NewsList li .info .tit i{ width:30px; height:23px; display:block; border-top:2px solid #ea4411;}
.NewsList li .info .p{ color:#666666; padding-bottom:7%;}
.NewsList li .info a.more{ display:inline-block; background:url(../images/more2.png) 0px center no-repeat; padding-left:35px; color:#666666;}
.NewsList li .info a:hover.more{ padding-left:45px;}
.NewsList li.next .bg{ left:50%; margin-left:-960px;}
.NewsList li.next .img{ float:right;}
.NewsList li.next .info{ float:left;}
.NewsList li:hover .img{ box-shadow:0px 0px 10px #666;}

.Titleinfo{ color:#666666; padding:48px 0px 24px 0px; text-align:center; border-bottom:1px dashed #e6e6e6;}
.Titleinfo .tit{ font-size:20px; color:#333333; padding-bottom:10px;}
.Titleinfo .date i{ margin:0px 12px; display:inline-block;}
.Shares{ display:inline-block; *display:inline;zoom:1; vertical-align:middle;}
.PrevNextBox { border-top:1px solid #dadada; margin:0px; padding:22px 0px 0px; position:relative; color:#888888;}
.PrevNextBox dl{ padding-left:56px; position:relative; margin-bottom:7px;}
.PrevNextBox dl b{ position:absolute; left:0px; top:0px; color:#000000; font-weight:normal;}
.PrevNextBox a{ color:#666666;}.PrevNextBox a:hover{ color:#05ca09;}
.PrevNextBox a.none{ cursor:default; color:#888888;}
.PrevNextBox a.none:hover{ color:#888888;}

@media ( max-width:998px){
.NewsList li{ background:#e8e8ea;}
.NewsList li .img{ padding-top:0px;}
.NewsList li .bg{ display:none;}
}
@media ( max-width:640px){
.NewsList li { padding-top:10px;}
.NewsList li .img{ width:auto; float:none; height:150px; margin-top:0px;}
.NewsList li .img img{ height:auto;}
.NewsList li .info{ width:auto; float:none; padding:10px 0;}
.NewsList li .info .tit{ line-height:45px; font-size:18px;}
.NewsList li .info .tit i{ height:10px;}
.PrevNextBox a{text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:90%; display:block;}
}


/*联系我们*/
.ContactUs{ border:1px solid #e6e6e6; padding:1px;}
.ContactUs .map{ width:50%; float:left;}
.ContactUs .info{ width:40%; padding:3% 0 0 5%; float:left;}
.ContactUs .info .companyname{ margin-bottom:10%;}
.ContactUs .info .companyname h2{ font-size:24px; color:#9bc924;}
.ContactUs .info .companyname p{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#b2b2b2;}
.ContactUs .info li{ margin-bottom:4%; position:relative; padding-left:40px;}
.ContactUs .info li i{ position:absolute; left:0px; top:4px;}

.cooperatetxt{ text-align:center; padding-top:5%;}
.cooperate_list{ margin:5% 0 0 -2.5%;}
.cooperate_list li{ width:17.5%; margin: 0 0 2.5% 2.5%; float:left;}
.cooperate_list li .box{border:1px solid #e6e6e6; background:#fff;}
.cooperate_list li .box a{ display:table-cell; height:118px; vertical-align:middle; width:2%;}
.cooperate_list li .box img{ max-height:118px; display:block; margin:0px auto;}

.hrw1{ width:25%;}
.hrw2{ width:15%;}
.hrw3{ width:24%;}
.hrw4{ width:20%;}
.hrw5{ width:16%;}
.Hrhead{ height:50px; color:#fff; background:#b4b4b4; margin:4.2% 0 9px;}
.Hrhead th{ text-align:left;}
.padleft{ padding-left:8%;}
.HrList{ margin-bottom:30px;}
.HrList li{ border-bottom:1px solid #efefef;}
.HrList li td{ height:60px; color:#3e3a39;}
.HrList li .txtCont{ display:none; font-size:14px; padding:3% 8%; color:#808080; background:#f5f5f5;}
.HrList li .txtCont .item{ border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}
.HrList li .txtCont .item dd{ width:25%; float:left;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .stit{ font-size:16px; margin-bottom:20px; color:#4c4c4c;}
.HrList li .txtCont a.applybtn{ margin-top:20px; font-size:16px; color:#fff; display:block; background:#a5d134; width:140px; line-height:40px; text-align:center;}
.HrList li .txtCont a:hover.applybtn{ box-shadow:0px 0px 10px #96c029;}

.HrList li.current td{ color:#a5d134;}
.HrList li.current a.apply{ color:#a5d134; text-decoration:underline;}
.HrList li.current a{ color:#a5d134;}
.HrList li.current .txtCont{ display:block;}
.Hrtit{ font-size:16px; color:#9bc924; line-height:32px; margin-top:18px; padding-left:15px; background:#ebebeb;}
.JobForm{ color:#666666; margin:4% 0px 35px 0%;}
.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:20%; float:left;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:9.7%;}
.JobForm dl.other dd{ width:84%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ cursor:pointer; color:#fff; width:90px; height:35px; background:#007cc2; margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:90px; height:35px; background:#747474;}

@media ( max-width:998px){
.HrList li .txtCont .item dd{ width:50%;}
}
@media ( max-width:640px){
.ContactUs .map{ width:auto; float:none;}
.ContactUs .info{ width:auto; float:none;}
.ContactUs .info .companyname{ margin-bottom:5%;}
.ContactUs .info .companyname h2{ font-size:18px;}

.cooperate_list li{ width:22.5%;}
.cooperate_list li .box a{height:70px;}.cooperate_list li .box img{ max-height:70px;}

.hrw1{ width:40%;}
.hrw2,.hrw3{ display:none;}
.hrw4{ width:40%;}
.hrw5{ width:20%;}
.HrList li .txtCont .item dd{ width:auto; float:none;}

.JobForm{margin:4% 0px 35px 0%;}
.JobForm dl{ width:auto; float:none; clear:both; padding-left:76px; position:relative;}
.JobForm dl dt{ width:auto; position:absolute; left:0px; top:0px; text-align:right;}
.JobForm dl dd{ width:auto; float:none;}
.JobForm dl.other{ padding-left:76px; width:auto;}
.JobForm dl.other dt{ width:auto; text-align:right;}
.JobForm dl.other dd{ width:auto;}
}


/*研发中心*/
.RDlist{ margin:4.2% 0 0 -3.33333%;}
.RDlist li{ width:30%; float:left; margin:0 0 3% 3.33333%; box-shadow:0px 0px 15px #999;}
.RDlist li .box{ padding-top:90%; position:relative; background-position:center center; background-repeat:no-repeat; background-size:cover;}
/*.RDlist li .box .bg{ z-index:1; position:absolute; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.3);}*/
.RDlist li .box .info{ z-index:2; font-size:14px; left:0; bottom:0px; padding:0 5% 4%; line-height:24px; width:90%; color:#fff; position:absolute;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.RDlist li .box .info dt{ padding:10px 0px; font-size:24px;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:98%; display:block;}
.RDlist li .box .info .more{ display:none; width:120px; line-height:36px; color:#fff; text-align:center; background:#a5d134; border-radius:19px; margin-top:22px;}
.RDlist li .box:hover .info{ padding-bottom:10%; background:url(../images/titbg.png) 0px bottom repeat-x;}
.RDlist li .box:hover .info  .more{ display:block;}

.RDlist.s2 li .box{ padding-top:137.5%; position:relative; background-position:center center; background-repeat:no-repeat;  background-size:contain;}



@media ( max-width:640px){
.RDlist{ margin-left:-3%;}
.RDlist li{ width:47%; margin-left:3%;}
.RDlist li .p{ display:none;}
.RDlist li .box .info dt{ font-size:18px;}
.RDlist li .box .info .more{ display:block; width:80px; line-height:30px; margin-top:0px;}
}


/*产品专区*/
.Productbox{ padding:50px 0px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.Productbox li{ width:33.3333%; float:left; text-align:center;}
.Productbox li .box{ height:600px; border-left:1px solid #fff; position:relative; background:rgba(255,255,255,0.8);transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Productbox li:first-child .box{border-left:0px;}
.Productbox li .info{ line-height:24px; padding:28% 10% 15%; height:auto !important;height:97px;min-height:97px;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Productbox li .info h2{ font-size:26px; color:#000000; margin-bottom:8%;}
.Productbox li .img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.Productbox li .icon{ position:absolute; width:100%; top:13%;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;}
.Productbox li .nav{ position:absolute; bottom:18%; width:100%; text-align:center;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;}
.Productbox li .nav dl{ width:160px; margin:0px auto;}
.Productbox li .nav dd a{ margin-bottom:6px; display:block; line-height:44px; background:#f5f3f0; font-size:14px;}
.Productbox li .nav dd a:hover{ background:#fff;}
.Productbox li:hover .box{background:#a5d134;}
.Productbox li:hover .img{filter:alpha(opacity=0);-moz-opacity: 0;opacity:0;}
.Productbox li:hover .info{ color:#fff; padding-top:45%;}
.Productbox li:hover .info h2{ color:#fff;}
.Productbox li:hover .icon{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.Productbox li:hover .nav{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1; bottom:24%;}

@media ( max-width:998px){
.Productbox li .info h2{ font-size:18px;}
.Productbox li .box{ height:450px;}
.Productbox li:hover .info{padding-top:58%;}
.Productbox li:hover .nav{bottom:10%;}
}
@media ( max-width:640px){
.Productbox li{ width:auto; float:none; margin-bottom:15px;}
.Productbox li .box{ height:auto; padding:15px 0px;background:#a5d134;}
.Productbox li .info,.Productbox li:hover .info{ padding:15px; color:#fff;}
.Productbox li .info{height:auto !important;height:10px;min-height:10px;t}
.Productbox li .info h2{ margin:10px;}
.Productbox li .info h2,.Productbox li:hover .info h2{ color:#fff;}
.Productbox li .box{background:#a5d134;border-left:0px;}
.Productbox li:hover .img{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1;}
.Productbox li .icon{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1; position:static;}
.Productbox li .nav{filter:alpha(opacity=100);-moz-opacity: 1;opacity:1; position:static; margin-top:10px;}
}


/*文字列表*/
.wzlist{padding:20px 0px 0px;}
.wzlist li{height:40px; line-height:40px; background:url(../images/dian.jpg) no-repeat left center; border-bottom:1px dotted #ccc; padding-left:20px; font-size:14px;}
.wzlist li a{color:#333;}
.wzlist li span{float:right;}
.wzlist li span .down{color:#999;}
.wzlist li:hover span .down{color:#226cc2;}


/*18-09-14*/
.product-callout{padding:4% 0 0;}
.Pleft{width:50%; float:left; padding-top:100px; position:relative;}
.Pleft .box{position:relative; z-index:9;}
.Pleft .txt{padding-left:5%;width:43%; float:left; color:#fff;}
.Pleft .txt .info{font-size:18px; margin-bottom:48px;}
.Pleft .txt .info p{margin:12px 0px 0;}
.Pleft .txt .more{font-size:22px; color:#fff;}
.Pleft .txt .more .icon{display:inline-block; vertical-align:middle; margin-left:15px;}
.Pleft:hover .txt .more .icon{margin-left:30px; transition: 400ms;}
.Pleft .txt .ins{font-size:12px; margin:80px 0px 0px; line-height:22px;}
.Pleft .pic{width:44%; float:right; text-align:center;}
.Pleft .pic img{display:inline-block; max-width:100%;}
.Pleft .txtbg {
  background: -webkit-linear-gradient(left top, #15b0e8, #59c8d5);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom right, #15b0e8, #59c8d5);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom right, #15b0e8, #59c8d5);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom right, #15b0e8, #59c8d5);
  /* 标准的语法 */
  background-color: #15b0e8\9;
  height: 450px; position: absolute; left: 0%;  width: 90%; top: 0; z-index: 0; border-radius: 5px;
}
.Pleft .pic .img {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
  }

.Pleft:hover .pic .img {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
.Pleft .pic .lazy{
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
    content: ""; margin-top:-30px;
  }

.Pleft:hover .pic .lazy {
  -webkit-transform: translateY(5px);
   transform: translateY(5px); 
  content: "";
}
.Pright{width:42%; float:right; background:#dde6ed;}
.Pright .pic img{display:block; width:100%;}
.Pright .txt{padding:40px 60px;}
.Pright .txt .name{display:block; font-size:14px; line-height:22px; color:#808080;} 
.Pright .txt h2{font-size:38px; line-height:48px; color:#282828; margin:10px 0px;}
.Pright .txt .info{font-size:18px; line-height:30px; height:90px; overflow:hidden; margin:12px 0px; color:#282828;}
.Pright .txt .more{font-size:22px; color:#282828;}
.Pright .txt .more .icon{display:inline-block; vertical-align:middle; margin-left:15px;}
.Pright:hover .txt .more .icon{margin-left:30px; transition: 400ms;}

@media ( max-width:998px){
.Pright .txt{padding:12% 8%;}
.Pright .txt h2{font-size:24px; line-height:35px;}

}

@media ( max-width:768px){
.Pleft,.Pright{width:100%; float:none;}
.Pleft{padding:0px; margin-bottom:8%;}
.Pleft .txt{position:absolute; left:20px; bottom:20px;}
.Pleft .txtbg{width:100%; top:auto; bottom:0px; left:0;}
}

@media ( max-width:640px){
	
}

@media ( max-width:480px){
.Pleft .txt,.Pleft .pic{width:100%; float:none;}
.Pleft .pic .img{width:80%;}
}

.ZhxxSlider {padding-bottom:50px;}
.ZhxxSlider li .icon{width:auto !important; display:inline-block !important; vertical-align:middle; margin-left:15px;}
.ZhxxSlider li:hover .icon{margin-left:30px; transition: 400ms;}
.ZhxxSlider li a:hover{color:#333;}
.ZhxxSlider li .card {
  border-radius: 6px;

  height: 400px;
}


.ZhxxSlider li .card .content {
  height: 140px;
  overflow: hidden;
}

.ZhxxSlider li .card .title {
  font-size: 14px;
  color: #808080;
  margin: 0;
}

.ZhxxSlider li .card h3 {
  font-size: 24px;
  line-height: 35px;
  margin-bottom: 30px;
  margin-top: 0;
}

.ZhxxSlider li .card h3 a {
  margin-top: 0;
}

.ZhxxSlider li .card h3 + span {
  font-size: 18px;
  line-height: 30px;
}

.ZhxxSlider li .card .col-sm-5 {
  padding:30px 30px 0px 40px;
  margin-top: 130px;
  box-sizing: border-box;
  background: #f5f5f5;
  width:50%; float:left;
  height: 270px;
}
.ZhxxSlider li .card .col-sm-6{width:50%; float:right; position:relative;height: 400px;}
.ZhxxSlider li .card .col-sm-6 img{height: 400px;width: 600px;}
.sec1{margin-top: 60px;}
.sec2{margin-top: 60px;}
.sec2 .ZhxxSlider li .card .col-sm-6{float: left;}
.sec2 .ZhxxSlider li .card .col-sm-5{float: right;}

.ZhxxSlider li .card span.read-more {
  color: #282828;
  margin-top: 40px;
  height: 400px;
  display: block;
}

.ZhxxSlider li .card span.read-more:hover {
  text-decoration: none;
}

.ZhxxSlider li .card span.read-more em {
  display: inline-block;
  margin-left: 15px;
}

.ZhxxSlider li .card p {
  font-size: 16px;
  line-height: 30px;
}

.ZhxxSlider li .events-img {
  position: absolute;
  /* top: -105px; */
  right: 0;
}

.ZhxxSlider li .events-img img {
  border-radius: 5px;
}

.ZhxxSlider .flex-control-paging li a{border-radius:50%; background:none; border:2px solid #404040;}
.ZhxxSlider .flex-control-paging li a.flex-active{background:#404040;}

@media (max-width: 768px) {
.ZhxxSlider li .card .col-sm-5,.ZhxxSlider li .card .col-sm-6{width:100%; float:none;height: auto;margin: 10px 0px;}
.ZhxxSlider li .card .col-sm-6{text-align:center;}
.ZhxxSlider li .card .col-sm-5{padding: 10px;}
.ZhxxSlider li .card span.read-more{height: auto;margin-top: 20px;}
.ZhxxSlider li .card .col-sm-6 img{height: auto;width: 100%;}
.ZhxxSlider{padding-bottom: 0px;}
.sec1{margin-top: 10px;}
.sec2{margin-top: 10px;}

.ZhxxSlider li .card h3{font-size:20px;}
.ZhxxSlider li .card p{font-size:16px;}
.ZhxxSlider li .events-img{position:static;}
.ZhxxSlider li .events-img img{
    width: auto;
    position: static;
    /* right: 0;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.6, 0.6); */
  }
 .ZhxxSlider li .card {
    position: relative;
    margin-top: 120px;
    margin-bottom: 0; height:auto;
  }
}

@media (max-width: 480px) {
.ZhxxSlider li .card{margin-top:35px;}
/* .ZhxxSlider li .card .col-sm-5{padding-top:36%;} */
.ZhxxSlider li .card h3{font-size:16px;}
.ZhxxSlider li .card p{font-size:14px;}
}

.Meun{text-align:center; padding:2% 0; border-bottom:1px solid #f0f0f0;}
.Meun a{display:inline-block; padding:0px 15px; margin:0px 10px; font-size:15px; color:#666; height:28px; line-height:28px; border-radius:5px;}
.Meun a:hover,.Meun a.on{background:#9bc924; color:#fff;}

@media (max-width: 480px) {
.Meun a{margin:0px 5px; font-size:13px;}
}

.Header.fixed2,.Header.fixed3{transition: transform .3s; transform-origin: top center; position: fixed; width: 100%; z-index: 100; top: 0;}

.Header.fixed3{transform: translateY(-100px);}




/*我们的优势*/
.WMDYS_Box *{box-sizing: border-box;}
.YS_Banner{height: 550px;padding-top: 200px;color: #fff;text-align: center;background-image: url(../uploadfiles/image/ys1.png);background-repeat: no-repeat;background-position: center;}
.YS_Banner_h2{font-size: 34px;line-height: 57px;}
.YS_Banner_p{font-size: 16px;}
.YS_Banner_h4{font-size: 18px;margin-top: 30px;font-weight: normal;}


.YS_Title{text-align: center;color: #666666;font-family: "苹方",细体;}
.YS_Title h2{font-size: 52px;line-height: 57px;font-weight: normal;}
.YS_Title p{line-height: 57px;}
.YS_CYSJ_Img{display: block;margin: 20px auto 0;width: 70%;}

.YS_CYSJ{padding: 6% 0;background: #f1f2ef;background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;}
.YS_CYSJ .YS_Title h2{ color:#000000;}
.YS_CYSJ .YS_Title{ width:65%;}



.YS_ZYYF{padding-top: 65px;height: 700px;background-image: url(../uploadfiles/image/ys3.jpg);background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
.YS_ZYYF .YS_Title{color: #fff;}
.YS_ZYYF  .YS_Title p{font-size: 18px;}

.YS_ZYYF_SZ{width: 100%;max-width: 440px;position: relative;margin: 50px auto 0;}
.YS_ZYYF_SZ img{max-width: 100%;text-align: center;}
.SZ_H3{position: absolute;z-index: 99;width: 100%;text-align: center;top: 140px;left: 0;color: #fff;font-size: 120px;line-height: 57px;font-family: "思源黑体 CN",'Heavy' ;font-weight: bold;}
.ZCZL{width: 100%;text-align: center;position: absolute;z-index: 99;left: 0;bottom: 70px;color: #fff;font-size: 16px;}



.YS_YXZZ{padding: 85px 0;background-image: url(../uploadfiles/image/ys4.jpg);background-repeat: no-repeat;background-position: center;background-size: 100% 100%;}
.YS_YXZZ .YS_Title{color: #fff;}
.YS_YSZZ_UL{max-width: 960px;margin-left: auto;margin-right: auto;margin-top: 50px;margin-bottom: 6px;}
.YS_YSZZ_UL li{margin: 0 10px 20px 10px;height: auto;width: auto;overflow: hidden;float: left;position: relative;cursor: pointer;}
.YS_YSZZ_UL li img{ max-width: 100%;   transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s;}
.YSZZ_Txt{padding: 5px 0;text-align: center;font-size: 0.875rem;line-height: 24px;position: absolute;bottom: 0;width: 100%;background-color: rgba(0, 0, 0, 0.2);color: #fff;transition: height .5s, background-color .5s, line-height .5s;}
.YS_YSZZ_UL li:hover .YSZZ_Txt{ height: 100%;line-height: 182px; background-color: rgba(0,0,0,.5); transform: scale(1.2);}
.YS_YSZZ_UL li:hover img{ transform: scale(1.2);}




.YS_WDSC{background-color: #ececee;text-align: center;padding: 105px 0 50px;}
.WDSC_UL{margin: 70px auto 0;width: 100%;max-width: 1200px;}
.WDSC_UL li{width: auto;margin: 10px 68px;text-align: center;float: left;height: 300px;}

.WDSC_UL li span{height: 150px;line-height: 147px;text-align: center;vertical-align: middle;display: block;margin: 1.5rem 0;}
.WDSC_UL li span img{max-width: 100%;vertical-align: middle;}
.WDSC_UL li::after{content: '';display: inline-block; margin-top: 20px;/*background-image: radial-gradient(ellipse farthest-corner at center center, #c2c2c2 0%, #cbcbcb 5%, #eaeef1 80%, #eaeef1);*/width: 120px;height: 30px;}
.WDSC_txt{font-size: 16px;line-height: 36px;font-weight: normal;}










@media (max-width: 990px) {
	.YS_YSZZ_UL li{width: 46%;margin: 0 2% 20px 2%;text-align: center;}
}


@media (max-width: 768px) {

.YS_Title h2{font-size: 30px;}


.WDSC_UL li span img{max-width: 60%;}




.WDSC_UL li{width: 48%;
    margin-left: 1%;
    margin-right: 1%;}





}















