@charset "utf-8";

/* CSS Document */

*{margin:0; padding:0;}

body{ font-size:13px; font-family:Tahoma,Arial,Verdana,"微软雅黑"; color:#666; font-size:13px; line-height:150%; overflow-y:visible; overflow-x:hidden; }

div,ul,li,h1,h2,h3,h4 { display:block; font-weight:normal;  }

img{border:0; }

a{ text-decoration:none;}

a:hover{ color:#222;}

li{list-style:none; }

input, select, option, textarea, button, a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

input[type="button"], input[type="submit"], input[type="reset"], textarea, select, option { -webkit-appearance: none; }

input:focus { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); -webkit-user-modify:read-write-plaintext-only; }

input:focus, textarea:focus { outline: none; }

.clear{ clear:both; }

.left{float:left;}

.right{float:right;}

.initial{display:none;}

.button,.text{font-family:"微软雅黑";}

.sel{ font-family:Tahoma,Arial,Verdana,"微软雅黑";}

.floating{ width:136px; height:255px; bottom:32px; z-index:99; position: fixed; left:50%; margin-left:600px;/* top:640px; z-index:99;*/}



.banbox-a{width:100%; height:30vw; background:#2ba260; overflow:hidden; position:relative; z-index:0;}
.banbox-a li img{width:100%;}
.banbox>img{position: absolute;
    left: 50%;
    margin-left: -960px;}

.ban_n{height:369px; margin-bottom:28px;}

.header{width:100%; height:123px; background:rgba(255,255,255,0.7); position:absolute; z-index:9; top:0; left:0;}

.header .head{width:1200px; height:79px; margin:0 auto;}

.header .logo{margin-top:10px; float:left;}

.header .box1 span {  }

.header .box1{line-height:24px; font-size:14px; color:#837676; margin-top:20px;}

.header .code{font-family:Tahoma, Geneva, sans-serif; font-size:18px; color:#0a9448; font-weight:bold; margin-right:15px;}

.header .box2{width:px; height:44px; background:url(../images/bg_1.png) repeat-x;}

.header #nav{ width:1200px; height:44px; margin:0 auto; }



#nav li {width:171px; text-align:center; float:left; position:relative; z-index:10; } 

#nav li:hover{ height:42px; background:rgba(255,255,255,0.2); border-bottom:solid 2px #0a9448; padding-bottom:0;  } 

#nav li a{ display:block; width:100%; height:44px; background:url(../images/line.png) no-repeat right 12px; position:absolute; z-index:11; left:0; top:0;/* -webkit-transition-property: background; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;*/}

#nav li .ch{ display:block; font-size:16px; color:#1c613b; line-height:22px; padding-top:5px;}

#nav li .en{font-size:10px; font-family: Arial, Helvetica, sans-serif; color:#646464; line-height:10px; text-transform:uppercase; }

#nav li a.zy{ background:none;}

#nav li ul { left: -999em; width:171px; position: absolute; z-index:99; top:44px; } 

#nav li ul li{ width:100%;  font-size:14px; margin-bottom:1px; margin-left:0; } 

#nav li ul li:hover{ height:32px; background: none; border: 0; } 

#nav li ul a{ background:rgba(255,255,255,0.8); height:32px; line-height: 32px;  color:#333; border:0; padding:0; position:relative;} 

#nav li.on ul a{background:rgba(255,255,255,0.8); height:32px; line-height: 32px; color:#333; border:0; padding:0; position:relative;   }

#nav li ul a:hover { background:rgba(255,255,255,0.6); line-height: 30px;} 

#nav li.on ul a:hover {background:rgba(255,255,255,0.6); line-height: 30px;} 

#nav li:hover ul { left: auto; } 

#nav li.sfhover ul { left: auto; } 

#content { clear: left; } 



.wapper1{width:1200px; margin:45px auto 26px; padding-bottom:10px; position:relative; overflow:hidden; }

.wapper1 .box{width:276px ; background:#fff; margin-right:30px;}

.wapper1 .box h1{ height:14px; line-height:14px; font-size:15px; font-weight:bold; color:#0a9448; border-left:solid 5px #0a9448; padding-left:7px; margin-bottom:12px;}

.wapper1 .box .img{display:block;}

.wapper1 .zy{margin:0;}

.wapper1 .zy .img{display:block; border:solid 1px #e5e5e5; border-bottom:0;}

.about,.news,.advant,.distrib{height:151px; box-shadow:2px 2px 8px rgba(129,129,129,0.3);  border:solid 1px #e5e5e5; border-top:0; margin-bottom:10px;}



.about,.distrib{ height:131px; line-height:26px; font-size:13px; padding:20px 16px 0; }

.news ul{margin:0 15px; padding-top:5px;}

.news li { height:32px; line-height:37px ; border-bottom: dashed 1px #e5e5e5; clear:both; overflow:hidden;  }

.news li span{ display:block; width:18px; line-height:37px ; font-size:22px; color:#c2c2c2; font-weight:bold; float:left; margin-left:-2px;}

.news li a{ display:block; color:#666; float:left;}

.news li a:hover{color:#0a9448}

.advant ul{ background:url(../images/digital.png) no-repeat 2px 12px; margin:0 15px; padding-top:5px;}

.advant li{ height:32px; line-height:37px ; border-bottom: dashed 1px #e5e5e5; padding-left:33px; clear:both; overflow:hidden; }



.advant li a{ display:block; color:#666; float:left;}

.advant li a:hover{color:#0a9448}



.about  a{ display:block; color:#666; float:left;}

.about  a:hover{color:#0a9448}

.distrib  a{ display:block; color:#666; float:left;}

.distrib  a:hover{color:#0a9448}



.divider{height:1px; background:#ddd; clear:both;}

.wapper2{width:1200px; margin:0 auto 26px; overflow:hidden; clear:both;  }

.products{width:886px; overflow:hidden; }

.service{width:236px; height:400px; border:solid 1px #ddd; margin-top:-1px; padding:0 20px;}

.wapper2 .title{ height:54px; line-height:56px; overflow:hidden;}

.wapper2 h1{background:url(../images/icon1.png) no-repeat; font-size:15px; font-weight:bold; color:#0a9448; padding-left:31px; float:left;}

.wapper2 .more{background:url(../images/icon1.png) no-repeat right -244px; font-size:13px; color:#888; padding-right:20px; float:right;}

.products .title h1{background-position:0 -285px; color:#444;}

.products .main{padding-left:195px; position:relative;}

.products .texttab{width:202px; border-left:solid 1px #ddd; position:absolute; left:0; top:0; z-index:2; }

.products .texttab li{ height:70px; margin-top:-1px; position:relative ; z-index:0; padding-right:8px;}

.products .texttab li.on{background: url(../images/icon1.png) no-repeat right -700px; }

.products .texttab a{display:block; background:#fff; line-height:17px; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:17px;}

.products .texttab a:hover{background:#2ba260; color:#fff;}

.products .texttab .on a{background:#2ba260; color:#fff;}

.products .imgbox{width:688px; height:345px; overflow:hidden; position:relative; z-index:0;}

.products .textbox{width:286px; height:272px; background:rgba(0,0,0,0.7); position:absolute; z-index:1; top:37px; right:17px;  padding:0 15px;}

.products .textbox h2{ height:50px; line-height:50px; font-size:16px; color:#fff; font-weight:normal; text-align:center; border-bottom:solid 1px #aaa; margin-bottom:20px;}

.products .textbox h3{ height:132px; line-height:22px; font-size:13px; color:#fff; margin-bottom:10px; padding:0 5px;}

.products .btn{display:block; width:146px; height:32px; background:url(../images/icon1.png) no-repeat right -438px ; line-height:32px; text-align:center; color:#41d382; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius:6px; border:solid 1px #41d382; margin:0 auto;}



.service .title h1{background-position:0 -507px;}

.service .title{border-bottom:solid 1px #ddd; margin-bottom:20px;}

.service .box1{ background:url(../images/icon1.png) no-repeat 0 -572px; line-height:20px; padding-top:3px; margin-bottom:33px; }

.service .box1 p{ padding-left:35px; margin-bottom:10px;}

.service .box2 img{display:block; border:solid 2px #e5e5e5;}

.service .box2 p{background:url(../images/icon1.png) no-repeat;line-height:26px; font-size:14px; color:#424242; padding-left:24px;}

.service .box2 .b1{background-position:5px -380px;}

.service .box2 .b2{background-position:0 -405px;}



.pointbox{height:52px; background:#f9f9f9; border-top:solid 1px #ddd; padding-top:16px; position:relative; clear:both;}

.point{width:1200px; margin:0 auto;}

.point .box{width:171px; height:36px; background: url(../images/icon1.png) no-repeat; line-height:16px; font-size:12px; color:#888; border-right:solid 1px #ccc; float:left; padding-left:68px;}

.point .zy{ border:0;}

.point .b1{background-position:-64px 0;}

.point .b2{background-position:-64px -56px;}

.point .b3{background-position:-64px -110px;}

.point .b4{background-position:-64px -165px;}

.point .b5{background-position:-64px -221px;}

.point .box h1{line-height:20px; font-size:16px; color:#82877d; }



#footer{ background:#141a14; padding-top:24px; overflow:hidden; clear:both;}

.foot,.foot_n{width:1162px; margin:0 auto; padding-left:38px; margin-bottom:18px; overflow:hidden;}

.foot dl,.foot_n dl{width:130px; margin-right:12px; float:left;}

.foot_n dl{width:116px;}

.foot dt a{ display:block; background:url(../images/icon1.png) no-repeat 0 -483px; line-height:22px; font-size:15px; font-weight:bold; color:#999; padding-left:30px; margin-bottom:3px;}

.foot dd{ height:22px; overflow:hidden; clear:both;}

.foot dd a{ line-height:22px; font-size:12px; color:#9bc474; }

.foot dd i{ display:block; width:3px; height:3px; background:#aad77e; line-height:37px ; font-size:22px; color:#c2c2c2; font-weight:bold; float:left; margin:9px 14px 0 13px;}

.foot dd a:hover{color:#8cb169;}

.foot dt a:hover{color:#7d9f5e;}

.foot .box1{ height:149px; border-left:solid 1px #2c312c; padding-left:48px; margin-left:40px;}

#footer .box2{width:1200px; line-height:24px; text-align:center; color:#999; border-top:solid 1px #2c312c; padding:10px 0; margin-top:12px; clear:both; margin:0 auto;}

.foot .box3 {width:320px; padding-top:10px; margin-left:40px;}

.foot .box3 .imgbox{width:160px; background:url(../images/line2.png) no-repeat left 0; text-align:center;}

.foot .box3 img{display:block; border:solid 2px #e5e5e5; margin:0 auto;}

.foot .box3 p{background:url(../images/icon1.png) no-repeat;line-height:26px; font-size:14px; color:#bbb; padding-left:24px;}

.foot .box3 .b1{background-position:25px -380px;}

.foot .box3 .b2{background-position:25px -405px;}



/*-------------------------------------------------------------- home end-----------------------------------------------------------------------*/

#page{width:1160px; margin:0 auto; overflow:hidden; margin-bottom:60px;}

#menu_left{width:212px; overflow:hidden;}

#menu_left .box1{ height:62px; background:#0a9448; line-height:24px; color:#fff; padding:17px 0 0 24px;}

#menu_left .box1 .ch{ display:block; font-size:22px; margin-bottom:2px;}

#menu_left .box1 .en{ display:block; font-family:"Times New Roman", Times, serif; font-size:24px;}



#menu_left dt,#menu_left dd{height:36px; background: url(../images/icon2.png) no-repeat 12px -33px; background-color:#f4f4f4; line-height:36px; font-size:15px; color:#333; margin-bottom:1px; padding-left:34px;}

#menu_left dt a{ display:block; color:#333;}

#menu_left dd{ background: url(../images/icon2.png) no-repeat 35px -33px; background-color:#fff; font-size:14px; border-bottom:solid 1px #e2e2e2; padding-left:48px; margin:0; }

#menu_left dd a{ color:#666; }

#menu_left dt a:hover,#menu_left dd a:hover{color:#f2b013;}

#menu_left dt.on{background:url(../images/icon2.png) no-repeat 12px 14px; background-color:#f2b013;}

#menu_left dt.on a{color:#fff;}



#menu_left .box2{margin-top:40px;}

#menu_left .box2 div{display:block; height:56px; background:url(../images/bg_2.jpg) 0 0 repeat-x; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius:6px; margin-bottom:6px; position:relative; z-index:0;}

#menu_left .box2 div:hover{ background:url(../images/bg_2.jpg) 0 -57px repeat-x;}

#menu_left .box2 a{ display:block; background: url(../images/icon2.png) no-repeat; line-height:56px; font-size:16px; color:#666; padding-left:56px;}

#menu_left .box2 a:hover{color:##888;}

#menu_left .box2 .b1{background-position:10px -84px;}

#menu_left .box2 .b2{background-position:10px -145px;}

#menu_left .box2 i{width:8px; height:12px; background: url(../images/icon2.png) no-repeat 0 -251px; position:absolute; top:22px; right:20px;} 



.mainright{width:908px; overflow: hidden;}

.mainright .title{ border-bottom:solid 2px #ddd; margin-bottom:40px; position:relative; z-index:0;}

.mainright .title h1{ height:22px; background:#fff; line-height:22px; font-size:23px; color:#0a9448; border-left:solid 7px #0a9448; padding:0 18px 0 10px;}

.mainright .title .box1{font-size:15px; line-height:14px; text-align:right; padding-top:12px;}

.mainright .title a{color:#666; margin:0 5px;}

.green{ color:#0a9448; margin-left:5px; text-align:left; }



.about_n,.culture,.history,.tech{line-height:30px; font-size:14px;}

.about_n p,.tech p{margin-bottom:12px;}

.about_n .textbox{width:642px; padding-left:15px; }

.about_n .imgbox,.history .imgbox{width:210px;}

.about_n .imgbox img,.history .imgbox img{ width:204px; height:auto; padding:2px; border:solid 1px #e2e2e2; margin-bottom:10px;}

.culture .mainimg{ display:block; margin:0 auto; margin-bottom:20px;}

.culture{margin:0 35px 30px 25px;}

.culture h1,.about_n h1{ color:#0a9448; font-size:14px; font-weight:bold; }



.history .timeline{width:592px; border-left:solid 1px #f2b013; overflow:visible; margin-left:50px; padding-bottom:60px; position:relative; z-index:0; }

.history .jt{width:12px; height:26px; background:url(../images/bg_4.jpg) no-repeat; position:absolute; left:-6px; bottom:0; z-index:2;}

.history .textbox {  overflow:hidden; margin-left:-25px;/* position:absolute; left:0; top:-10px; z-index:2;*/}

.history .textbox .box{min-height:40px ; margin-bottom:10px; clear:both;}

.history .textbox .year{ display:block; width:76px; height:45px;background:url(../images/bg_3.jpg) no-repeat 0 0; font-family: Tahoma, Geneva, sans-serif; line-height:45px; font-size:10px; color:#fff; float:left; padding-left:8px;}

.history .textbox .event{ line-height:28px; padding-top:8px;}

.history .textbox .event .time{margin-right:10px;}



.honor_n{width:858px; margin:20px auto 0; position:relative; overflow:hidden; }

.honor_n #prevTop,.honor_n #nextTop{ display: none;}

.honor_n .btn{position:absolute;width:40px; height:176px; background:url(../images/jiantou.png) no-repeat ; top:0; cursor:pointer; z-index:2; }

.honor_n .prev{left:0; background-position: left 64px; }

.honor_n .next{right:0; background-position: center -63px; }

.honor_n li{float:left;}

.honor_n .cf li{position:relative;color:#fff;}

.honor_n .cf li span{display:block; padding:20px ;line-height:20px; text-align:center; color:#666;}

.honor_n .listBox{width:792px;height:220px; margin:0 auto; margin-bottom:15px; position:relative; overflow:hidden;}

.honor_n .listBox ul{ width:auto; height:200px; position:absolute;} 

.honor_n .listBox li{ height:200px; background:url(../images/shadow.jpg) no-repeat center bottom ; vertical-align:bottom; cursor:pointer; position:relative; margin-bottom:15px;}

.honor_n .listBox li img{width:128px; height:176px; margin: 0 7px; padding:7px;}

.honor_n .listBox li span{ display: inline-block; height:100%; }

.honor_n .listBox .on{background:none;}

.honor_n .listBox li:hover{background:none;}

.honor_n .listBox .on img{ border:2px solid #f2b013; padding:5px;}

.honor_n .listBox li:hover img{ border:2px solid #ccc; padding:5px;}

.honor_n .picBox{height:660px;position:relative;overflow:hidden;}

.honor_n .picBox ul{height:660px;position:absolute;}

.honor_n .picBox li{width:858px;height:660px; text-align:center;}



.base_n,.news_n {overflow:hidden;}

.base_n li{width:33.3%; border-bottom: dashed 1px #ddd; float:left; padding-bottom:32px; margin-bottom:32px; overflow:hidden; }

.base_n li .box{width:251px; height:230px; border:solid 1px #ddd; box-shadow:2px 2px 8px rgba(129,129,129,0.3); margin:0 auto; padding:3px; position:relative; z-index:0;}

.base_n li img{display:block; width:245px; height:174px; padding:3px; border-bottom:solid 1px #e5e5e5;}

.base_n li span{display:block; line-height:50px; text-align:center;}

.base_n li a{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; -webkit-transition-property: background; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}

.base_n li a:hover{ background:rgba(0,0,0,0.2); border:solid 2px #ccc;}



.nextbox{line-height:36px; font-size:14px; margin:0 32px 15px 22px;}

.nextbox .btnbox li{float:left; margin-right:5px;}

.nextbox .btnbox a{ display:block; width:34px; height:34px; background:#fff; line-height:34px; font-size:12px; color:#8a8a8a; text-align:center; border:solid 1px #ddd;}

.nextbox .btnbox a.on{background:#0a9448; color:#fff; padding:1px; border:0;}

.nextbox .text{ width:54px; height:34px; background:#fff; line-height:34px; font-size:12px; color:#8a8a8a; text-align:center; border:solid 1px #ddd; margin:0 5px;}

.nextbox .button{ width:52px; height:28px; background:#fff; line-height:28px; font-size:12px; color:#8a8a8a; text-align:center; border:solid 1px #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin-left:5px;}



.news_n{margin-bottom:30px;}

.news_n li{height:148px; border-bottom: dashed 1px #ddd; padding:0 35px 18px 8px; margin-bottom:5px; clear:both;}

.news_n li .box1{width:100%; height:44px; line-height:44px;}

.news_n li h1{ background:url(../images/icon2.png) no-repeat 0 -277px;  font-size:15px; font-weight:bold; padding-left:12px; float:left;}

.news_n li h1 a{color:#424242; }

.news_n li .date{color:#aaa; font-size:14px; float:right;}

.news_n li .preview{ display:block; width:180px; height:104px; float:left; }

.news_n li h3{ height:72px; line-height:24px; font-size:13px; color:#888; padding-top:12px; overflow:hidden; margin-left:15px;}

.news_n li h3 a{ color:#888;}

.news_n li a{ -webkit-transition-property: color; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease;}

.news_n li a:hover{color:#0a9448;}



#menu_left dd.row{ height:36px; line-height:18px; padding: 8px 6px 8px 48px;}

#menu_left .long{ letter-spacing:-1px;}

.product_n li{height:auto;}

.product_n li h3{ height: auto; line-height:24px; font-size:13px; color:#888; padding-top:0; margin-bottom:20px; overflow:hidden;}

.product_n li img{ display:block; margin:40px auto 20px; text-align:center;}



.tech .textbox{margin:0 40px 0 15px;}

.tech h1{ background:url(../images/icon2.png) no-repeat 0 -354px; color:#333; font-size:18px; font-weight:bold; padding-left:20px; margin-bottom:10px; }

.tech img{ display:block; margin:40px auto 20px; text-align:center;}

.tech h4{ text-align:center; font-size:12px; line-height:12px; color:#999; text-align:center; font-weight:bold;}



.recruit_n{ margin:0 25px 30px 15px; overflow:hidden;}

.recruit_n li{margin-bottom:12px; clear:both;}

.recruit_n li a{display:block; height:36px; background: url(../images/icon2.png) no-repeat right -393px #f7f7f7; line-height:36px; font-size:14px; color:#666; padding-left:15px; margin-bottom:6px;}

.recruit_n li div{padding:5px 20px 25px; line-height:24px; border:solid 1px #ddd;}

.recruit_n li .head{display:block; line-height:40px; font-size:14px;}



.address,.message_n,.contact_n{ margin:0 65px 30px 45px; padding-top:20px; overflow:hidden;}

.address .box1{width:798px; height:221px; border:solid 1px #ccc; margin-bottom:30px;}

.address .box2 h1{ line-height:18px; font-size:18px; margin-bottom:20px;}

.address .box2 h2{ height:35px; background:url(../images/icon2.png) no-repeat; line-height:35px; font-size:15px; color:#0a9448; font-weight:bold; margin:10px 0; padding-left:48px;}

.address .box2 h3{ line-height:24px; font-size:15px; padding-left:48px;}

.address .box2 .b1{background-position:0 -462px;}

.address .box2 .b2{background-position:0 -516px;}

.address .box2 .b3{background-position:0 -569px;}

.address .box2 .maplink{ display:block; font-size:15px; text-decoration:underline; color:#53a0b9; margin-bottom:20px; padding-left:48px;}

.address .route li{margin-bottom:22px; clear:both;}

.address .route i{ display:block; width:4px; height:4px; background:#ccc; line-height:37px ; font-size:22px; color:#c2c2c2; font-weight:bold; float:left; margin:9px 14px 0 13px;}



.message_n{width:635px; margin-bottom:60px; }

.message_n .form li{ width:100%; font-size:14px; clear:both;}

.message_n .form h1{width:80px; line-height:30px; font-size:14px; padding-left:20px; float:left;}

.message_n .form .text2{width:432px; height:64px; padding:5px; line-height:22px; }

.message_n .butbox{margin-left:100px; margin-top:10px; clear:both;}

.message_n .form .text{width:282px; height:24px; background:#fff; line-height:24px; color:#999; border:solid 1px #ddd; float:left; padding:5px 6px; margin-bottom:15px; margin-right:10px;}

.message_n .form .text2{width:492px; height:84px; padding:5px; line-height:22px; }

.message_n .button{display:block; width:125px; height:40px; background:#f2b013; color:#fff; font-size:16px; font-family:"微软雅黑"; text-align:center; border:0;}



.contact_n .box1{width:798px; height:221px; border:solid 1px #ccc; margin-bottom:30px;}

.contact_n h1{ line-height:18px; font-size:22px; margin-bottom:20px;}

.contact_n h3{ line-height:30px; font-size:15px;}

.contact_n .email{ font-size:15px; text-decoration:underline; color:#53a0b9; }



.content{ line-height:30px; font-size:14px; margin:10px ;overflow:hidden;}

.content h1{line-height:28px; font-size:22px; color:#333; text-align:center; text-align:center; padding:10px 5px;}

.content h2{line-height:16px; font-size:14px; color:#999; text-align:center; margin-bottom:50px; }

.content h2 span{margin:0 5px;}

.content .img{ display:block; max-width:100%; height:auto; margin:0 auto; margin-bottom:20px; }

.content .textbox{margin:0 30px;}

.content p{margin-bottom:12px;}

.content h3{line-height:30px; font-size:14px; color:#37a0e5; font-weight:bold;}

.content .box1{ color:#999; margin:60px 30px;}

.content .box1 a{color:#999; text-decoration:underline;}

.content .box1 a:hover{color:#666;}

.content .box1 a.bule{ color:#f2b013; text-decoration:underline; }



.case_n .head{ line-height:40px; font-size:18px; text-align:center; }

.case_n .head span{font-weight:700; color:#ff9900;}