@charset "utf-8";

body,html,ul,li,a,dl,dt,dd,div,section,p,header,nav,aside,footer,span,mark,h1,h2,h3,h4,h5,h6,font,address,input,textarea,button,ol{padding:0;margin:0;list-style: none;text-decoration: none;font-style:normal;background:none;border:none;font-weight:normal;font: 15px/1.5 Arial,sans-serif;}
body{overflow-x: hidden;width: 100%;max-width:1920px;min-width: 1200px;margin:0 auto;}
img {border: none;transition:all 0.3s ease-in 0s;}
a{color:#666;}
.wrap{width:100%;float:left;overflow-x: hidden;}
.container{margin:0 auto;width:1400px;}
.container12{margin:0 auto;width:1200px;}

input {border: none;background: none;}
input, textarea, button, select, radio{outline: 0;font-size: 14px;-webkit-appearance: none;color:#9f9f9f;}
textarea{resize:none;}
a{text-decoration: none; outline: 0; blr:expression(this.onFocus=this.blur()); /*按下鼠标图片周边不会出现虚线*/}
::-ms-clear, ::-ms-reveal{display: none; /*IE10 input X 去掉文本框的叉叉和密码输入框的眼睛图标 */}
:autofill,:-webkit-autofill{background-color:#FFF;}
.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block;}
.clear{clear:both;float:none}
.pl{float: left;}
.pr{float: right;}
.op-hide{opacity:0;}
.op-show{opacity:1;}
.hide{display:none;}
.show{display:block;}
.center{text-align:center;}
.transUpp{text-transform:uppercase;}
.mt35{margin-top:35px;}
.mt54{margin-top:54px;}
.mt75{margin-top:75px;}
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}
.transition03{transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-ms-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;}

/**头部内容**/
#header{width:100%;height:96px;display:block;box-sizing: border-box;position:fixed;left:0;top:0;z-index:100;}
.header3{background-color:rgba(255,255,255,.7);border-bottom:1px solid rgba(0,0,0,.2);}
#logo{margin:20px 0 0 0;}
#logo,#logo a,#logo img{display:block;height:55px;float:left;}

/* .header_scroll{position:fixed;left:0;top:0;z-index:100;} */

/** 首页导航 **/
.header{width:1120px;height:96px;padding:0 40px;margin:30px auto 0;background-color:rgba(255,255,255,.7);border-radius:5px;}
.header2{width:1400px;padding:0;margin:0 auto;}

/**导航**/
.nav ul li{float:left;}
.nav ul li a.navClass{color:#000;height:46px;line-height:26px;font-size:17px;padding:0 13px;font-weight:bold;text-transform:uppercase;float:left;}
.nav ul li:hover a.navClass,.nav ul li.hover a.navClass{color:#009f48;}

.Naver{width:470px;}
.version{height:22px;margin:14px 0;text-align:right;}
.version a{font-size:14px;color:#777;padding-right:13px;}



/**广告图**/
.banner,.banner img{width:100%;float:left;}

.ab-banner{width:100%;height:347px;margin:0 0 50px;float:left;}

/**动画延迟**/
.delay2,.animated ul li:nth-child(2),.HomeProClass dl dd:nth-child(2){animation-delay:.2s;-webkit-animation-delay:.2s; }
.delay3,.animated ul li:nth-child(3){animation-delay:.3s;-webkit-animation-delay:.3s; }
.delay4,.animated ul li:nth-child(4),.HomeProClass dl dd:nth-child(3){animation-delay:.4s;-webkit-animation-delay:.4s; }
.delay5,.animated ul li:nth-child(5){animation-delay:.5s;-webkit-animation-delay:.5s; }
.delay6,.animated ul li:nth-child(6),.HomeProClass dl dd:nth-child(4){animation-delay:.6s;-webkit-animation-delay:.6s;}
.delay7,.animated ul li:nth-child(7){animation-delay:.7s;-webkit-animation-delay:.7s; }
.delay8,.animated ul li:nth-child(8){animation-delay:.8s;-webkit-animation-delay:.8s; }
.delay9,.animated ul li:nth-child(9){animation-delay:.9s;-webkit-animation-delay:.9s; }
.delay10,.animated ul li:nth-child(10){animation-delay:1s;-webkit-animation-delay:1s; }
.delay11,.animated ul li:nth-child(11){animation-delay:1.1s;-webkit-animation-delay:1.1s; }
.delay12,.animated ul li:nth-child(12){animation-delay:1.2s;-webkit-animation-delay:1.2s; }
.delay13,.animated ul li:nth-child(13){animation-delay:1.3s;-webkit-animation-delay:1.3s; }
.delay14,.animated ul li:nth-child(17){animation-delay:1.4s;-webkit-animation-delay:1.4s; }
.delay15,.animated ul li:nth-child(15){animation-delay:1.5s;-webkit-animation-delay:1.5s; }
.delay16,.animated ul li:nth-child(16){animation-delay:1.6s;-webkit-animation-delay:1.6s; }

/**综合样式**/

/** 侧栏 **/
#AsideLeft{width:300px;float:left;}

/** 标题 **/
.OtherTitle {width:100%;height:40px;border-bottom:1px solid #ccc;}
.OtherTitle h3{font-size:20px;color:#222;line-height:20px;float:left;font-weight:bold;}

/** 右边内容宽度 **/
.OtherRight{width:1080px;float:right;}

/** 分页 **/
.page{text-align:center;border-top:1px solid #ccc;margin:30px 0 0;padding-top:30px;}
.page ul{display:inline-block;}
.page ul li{width: 43px;height: 43px;border:1px solid #ccc;margin-right: 10px;float:left;}
.page ul li a{background-color: #fff;display:block;font-size:18px;color: #a9a9a9;line-height: 43px;text-align: center;transition: background-color 0.3s ease-out;}
.page ul li a:hover,.page ul li.hover a{color:#FFF;background-color:#009f48;}


/**关于我们**/
.HomeAboutImg img{width:100%;float:left;} 
.HomeAboutHoner h3{font-size:35px;color:#00539f;line-height:35px;font-weight:bold;margin:60px 0 30px;text-align:center;}
.HomeAboutHoner ul{display:block;height:190px;overflow:hidden;}
.HomeAboutHoner ul li{width:289px;height:188px;float:left;border:1px solid #ccc;overflow:hidden;border-radius:3px;margin-right:12px;}
.HomeAboutHoner ul li.active{margin:0;}

/** 关于我们 - 年份、生产量 **/
.HomeAboutImg{width:1192px;height:170px;display:block;background-color:#01a09a;padding:0 4px;border-radius:8px;float:left;}
.HomeAboutImg ul{width:100%;display:block;float:left;overflow:hidden;}
.HomeAboutImg ul li{width:298px;color:#fff;text-align:center;float:left;position:relative;}
.HomeAboutImg ul li h3{font-size:50px;font-weight:bold;line-height:50px;display:inline-block;clear:both;margin:34px 0 0 21px;}
.HomeAboutImg ul li sup{vertical-align: text-top;font-size:16px;line-height:16px;display:inline-block;margin:1px 0 0 2px;}
.HomeAboutImg ul li p{width:100%;font-size:18px;margin-top:11px;line-height:22px;float:left;}
.HomeAboutImg ul li mark{display:block;width:1px;height:54px;background-color:#4ab9b5;position:absolute;right:0;top:53px;}

/** 第一个 **/
.HomeAboutImg ul li:first-child p{margin-left:-18px;}
/** 第二个 **/
.HomeAboutImg ul li:nth-child(2) h3{margin-left:4px;}
.HomeAboutImg ul li:nth-child(2) sup{margin-left:9px;}
.HomeAboutImg ul li:nth-child(2) p{margin-left:-12px;}
/** 第三个 **/
.HomeAboutImg ul li:nth-child(3) h3{margin-left:5px;}
.HomeAboutImg ul li:nth-child(3) sup{margin-left:6px;}
.HomeAboutImg ul li:nth-child(3) p{margin-left:-6px;}
/** 第四个 **/
.HomeAboutImg ul li:last-child h3{margin-left:17px;}
.HomeAboutImg ul li:last-child sup{display:inline-block;margin-left:2px;}


/** 页尾 **/
#footer{width:100%;padding:40px 0;margin-top:60px;border-top:40px solid #999;float:left;}

/** logo **/
.footerLogo{width:90px;display:block;}

/** 标题 **/
.footTitle h3{width:100%;font-size:18px;color:#222;line-height:l8px;margin:0 0 20px;float:left;}
.footTitle a{font-size:16px;color:#222;line-height:22px;}
.footTitle li,.footTitle dt,.footTitle dd{width:100%;float:left;}

/** 导航 **/
.footNav{width:120px;margin:0 30px;}
.footNav ul li a{text-transform:capitalize;display:block;margin:0 0 10px;float:left;}

/** 地址信息 **/
.footerAdd{width:460px;margin-left:40px;}
.footerAdd p{width:100%;font-size:16px;color:#222;line-height:28px;float:left;}
.footerAdd p.MiddleMargin{margin:20px 0 0;}
.footerAdd p mark{margin-left:30px;}

/** 在线留言 **/

.footerEnd{width:560px;float:right;}
.OnMessage h3{width:100%;font-size:16px;color:#222;line-height:26px;margin-bottom:30px;float:left;}
.OnMessage input,.OnMessage textarea{border:1px solid #eee;padding-left:10px;font-size:14px;color:#999;box-sizing:border-box;border-radius:5px;margin-bottom:12px;}

.OnMessage .title{width:270px;overflow:hidden;float:left}
.OnMessage input{width:258px;height:38px;float:left;}

.OnMessage textarea{width:270px;height:138px;line-height:30px;float:right;}
.OnMessage button{background:#ddd;border:1px solid #d2d2d2;width:130px;height:38px;font-size:16px;line-height:38px;cursor:pointer;color:#000;margin-top:28px;border-radius:38px;float:left;}







#navbar li{position:relative;}
#navbar ul{position:absolute;left:0;top:100%;transition:all .4s ease;-webkit-transition:all .4s ease;display:inline-block;background:#fff;display:none;}
#navbar ul li{float:left;}
#navbar .subnav {left:-35%;border:1px solid #ccc;border-top:none;}
#navbar .subnav a{text-transform:capitalize;}
#navbar .subnav h3{border-top:1px solid #ccc;text-align:center;}
#navbar .subnav h3 a{font-size:16px;font-weight:bold;}

#navbar .subnav2 {position:static;float:left;}
#navbar .subnav2 h4{border-top:1px solid #ccc;}
#navbar .subnav h4 a{font-size:15px;}

#navbar .subnav3 {left:100%;top:0;border:1px solid #ccc;border-top:none;}
#navbar .subnav3 a{font-weight:normal;font-size:13px;border-top:1px solid #ccc;}

#navbar li {float:left;cursor: pointer;border-right:1px dashed #ccc;border:none;}
#navbar a {display:block;}
#navbar .subnav a{width:200px;padding:10px 5px;line-height:20px;color:#222;}


#navbar .subnav li:hover h3 a,#navbar .subnav2 li:hover h4 a,#navbar .subnav3 li:hover a{color:#009f48;}

#navbar > li:hover .subnav,#navbar .subnav > li:hover .subnav2,#navbar .subnav2 > li:hover .subnav3 {display:block;z-index:9999;}}

#navbar .SubNewsNav{width:120px;border:1px solid #ccc;border-top:none;border-bottom:none;background:#FFF;}
#navbar .SubNewsNav a{width:120px;padding:10px 0;font-weight:normal;color:#222;font-size:16px;font-weight:bold;border-bottom:1px solid #ccc;text-align:center;display:block;float:left;}

#navbar .SubNewsNav li:hover a,#navbar .SubNewsNav li.hover a{color:#009f48;}