﻿@charset "utf-8";
body{ padding:0px; margin:0px auto; font-size:12px; line-height:24px; color:#5A5A5A; font-family:"微软雅黑",Arial,"宋体"; width: 100%; min-width:1200px; width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" );zoom:1;}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
ul,li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,figure{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:12px; font-style:normal; color:#5A5A5A;}
img{ border:none; border:0; background:url(../images/loader.gif) no-repeat center center; max-width:100%;}
a{ text-decoration:none;noline: expression(this.onFocus=this.blur()); color:#5A5A5A;}
a:focus {outline:none;-moz-outline:none;}
a:hover{ color:#108d44; text-decoration:none;}
.Texthide{ display:none;}

.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}

.MAIN{ width:1190px; margin:0px auto;}
.MainContent{ width:950px; float:right; min-height:400px;}
.Content{/* padding:0 15px; padding-left:30px;*/ min-height:400px; height:auto; /*float:right; margin-bottom:140px;*/}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; font-size:13px; line-height:24px; padding-bottom:40px;}

.PrevNextBox{ width:875px; margin-top:140px;}
.PrevNextBox .h1{ font-size:12px; font-weight:normal;}
.PrevNextBox  dl a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.PrevNextBox a:hover{ color:#f58220;}
.PrevNextBox a.none{ cursor:default;}
.PrevNextBox a.none:hover{ color:#ccc;}

/*pages*/
.Pages{ padding:10px; line-height:30px; zoom:1; overflow:hidden; color:#333; text-align:right; display:block; margin-bottom:50px;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block;  width:32px; height:32px; line-height:32px; text-align:center; float:left; border:solid 1px #ededed;}
.Pages a.a_prev{ background:url(../images/ico3.png) no-repeat center center; margin-right:2px;}
.Pages a.a_next{ background:url(../images/ico4.png) no-repeat center center; margin-left:2px;}
.Pages .p_page{ float:rigth;}
.Pages .p_page em{ font-style:normal; font-family:Arial;}
.Pages .p_page em a{width:32px; height:32px; line-height:32px; text-align:center; border:solid 1px #ededed; font-size:14px; }
.Pages .p_page em a:hover{color:#fff;background:#00b26b;}
.Pages .p_page em a.a_cur{ color:#fff;background:#00b26b;}

/*pages end*/

/*top.html*/
.Top{ height:68px; padding:11px 0;}
.Top .Logo{ width:262px;/*height:68px;*/ float:left; font-family:Arial; margin-right:60px; color:#108d44; padding:16px 0;}
.Top .Logo .en{ display:block; font-family:Arial; line-height:12px;}
.Top .Logo .cn{ display:block; font-size:14px; font-weight:bold;}

.MainNav{ width:760px; margin-top:24px; float:left;}
.MainNav ul{ float:left;}
.MainNav li{ float:left; min-width:100px;padding:0 10px; position:relative;}
.MainNav li .navA{ display:block; line-height: 20px; font-size:14px; color:#4f4f4f; text-align:center; text-transform:uppercase;}
.MainNav li .navA.onnav,.MainNav li .navA:hover{ background: url(../images/sprite2.png) no-repeat right -63px; color: #fff; text-decoration: none; padding-right:9px; }
.MainNav li .navA.onnav span,.MainNav li .navA:hover span{display: block; background: url(../images/sprite2.png) no-repeat left -18px; text-decoration: none;  padding-left:13px;}
/*.MainNav li .navA.on,.MainNav li .navA:hover{background: url(../images/sprite2.png) no-repeat right -63px;color: #fff;text-decoration: none;}*/
.MainNav li dl{ position:absolute; width:100%; left:0px; z-index:100; background:#057333; /*background:url(../images/w_bg.png) repeat left top;*/ display:none; padding:7px 0;}
.MainNav li dl dt{ width:100%;}
.MainNav li dl dt a{ display:block; line-height: 18px; height: auto;padding: 5px 15px;display: block; background: #057333; color: #fff;text-transform: none;zoom: 1; margin:3px 0;}
.MainNav li dl dt a:hover{ color: #fff;text-decoration: none;background: #22b660;}

.a_site{float: right;padding: 5px 0;margin: 16px 0;display: block;font-size: 14px;}
/*top.html*/

/*bottom*/
.footer_wrap{background: url(../images/footer_bg.jpg) repeat-x center 0;overflow: hidden;clear: both; min-height:180px;}
.footer_wrap .MAIN{position: relative;}
.foot_nav{padding: 30px 0 20px 15px;overflow: hidden;}
.foot_nav01{float: left;padding-right: 26px;_padding-right: 21px;color: #fff;}
.foot_nav a{color: #fff;line-height: 24px;display: inline-block;}
.foot_nav_tit{color: #00b26b;font-size: 14px;font-weight: bold;background: none!important;text-transform: uppercase;margin: 0 0 8px 0;}
.foot_nav .last{padding-right: 0;width: 115px;}
.foot_nav a:hover{color: fff;}
.foot_nav02{width: 140px;overflow: hidden;}
.foot_nav02 .foot_nav_tit a:hover{background: 0;text-decoration: none;padding: 0;color: #00b26b;}
.foot_nav02 a:hover{background: #0d9543;color: #fff;padding: 0 6px;text-decoration: none;}
.footer_flo{position: absolute;top:30px;right: 0;width: 115px;_right: 20px;}
.code_img{height: 114px;}
.footer_ico{width: 115px;padding-top: 10px;text-align: center;}
.footer_ico span{padding: 0 3px;}
/*bottom*/


/*Current*/
.Current{ height:98px; line-height:98px;}
.Current .divColumnTitle{ padding-left:27px; font-size:24px; font-weight:bold; color:#333333; display:inline-block; text-transform:uppercase; position:relative;}
.Current em{ position:absolute; top:50%; left:0px; margin-top:-11px; width:9px; height:22px; background:#057333;}
.Current .location{ float:right; text-align:right; font-size:14px; color:#7b7b7b; min-width:400px;}
.Current .location a{ font-size:14px; color:#7b7b7b;}
.Current .location a:hover{ color:#f58220;}
.Current .location span{font-size:14px; color:#7b7b7b;}
/*Currrent*/

/*Banner*/
.HomeBan{ width:100%; height:660px; position:relative;}
.HomeBan .BanList{ width:100%; height:660px;}
.HomeBan .BanList li{ width:100%; height:660px; overflow:hidden;}
.HomeBan .BanList li a{ width:100%; height:660px; display:block;}
.HomeBan .TabList{ width:100%; height:14px; left:0px; bottom:16px; position:absolute;}
.HomeBan .TabList .List{ width:1001px; height:14px; margin:0 auto;}
.HomeBan .TabList .List ul{ float:right;}
.HomeBan .TabList li{ float:left; width:15px; height:14px; padding:0 3px;}
.HomeBan .TabList li span{ background:url(../images/BanTab_2.png) no-repeat left top; width:15px; height:14px; display:block; cursor:pointer;}
.HomeBan .TabList li.on span{ background:url(../images/BanTab_1.png) no-repeat left top;}
.HomeBan .next{ position:absolute; top:50%; left:5%; width:35px; height:70px; margin-top:-35px; z-index:5; background: url(../images/banner_btn.jpg) no-repeat left center;}
.HomeBan .prev{ position:absolute; top:50%; right:5%; width:35px; height:70px; margin-top:-35px; z-index:5; background: url(../images/banner_btn.jpg) no-repeat right center;}
.HomeBan .next:hover,.HomeBan .prev:hover{ opacity: .6;}

.Banner{ width:100%; height:300px;}
/*Banner*ss

/*Sidebar*/
.SildeBar{ width:210px; height:auto; float:left;}
.MenuList{ width:210px;} 
.MenuList li{ width:210px; height:40px; height:auto; float:left; border-bottom:1px dotted #cccccc;}
.MenuList li .menu{ display:inline-block; width:210px; height:40px; line-height:40px; font-size:14px; color:#5d5d5d; text-align:left; background:url(../images/ico2.png) no-repeat right center; cursor:pointer;}
.MenuList li .menu1{ display:inline-block; width:210px; height:40px; line-height:40px; font-size:14px; color:#5d5d5d; text-align:left; background:url(../images/ico6.png) no-repeat right center; cursor:pointer;}
.MenuList li .menu:hover,.MenuList li .menu.onmenu{ color:#f58220; font-weight:bold; text-transform:uppercase;}
.MenuList li .menu1:hover,.MenuList li .menu1.onmenu{ color:#f58220; font-weight:bold; background:url(../images/ico5.png) no-repeat right center; text-transform:uppercase;}
.MenuList li dl{ width:100%; padding:0px 0 20px 0; display:none;}
.MenuList li dt{ width:210px; height:32px;}
.MenuList li dt a{ width:210px; height:32px; line-height:32px; display:block; font-size:14px; color:#5d5d5d;}
.MenuList li dt a:hover,.MenuList li dt a.onmenu{ color:#f58220;}
/*Sidebar*/

/*honor*/
.project_list{ width:950px; height:auto; overflow:hidden;}
.project_list ul{ width:100%;}
.project_list li{ width:200px;  float:left; position:relative; margin-right:25px; margin-bottom:20px;}
.project_list li figure{ width:100%;  margin:0px auto;}
.project_list li figure figcaption{ width:100%; height:52px; text-align:center; font-size:14px; color:#666666;}
.project_list li img{ width:100%;}
/*honor*/

/*product*/
.product_list{ width:950px; height:auto; /*overflow:hidden;*/}
.product_list ul{ width:100%;}
.product_list li{ width:230px; height:286px; float:left; position:relative; margin-right:10px; margin-bottom:20px;}
.product_list li img{ width:230px; height:230px;}
.product_list li figure{ width:100%; height:286px;}
.product_list li figure figcaption{ width:230px; height:56px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; font-size:14px; color:#666666;}
.product_list li .Brf_intro{ width:230px; height:230px; left:0; top:0; position:absolute; background:rgba(0,0,0,0.8); display:none;}
.product_list li .Brf_intro p{ width:200px; height:120px; padding:18px 15px; color:#ccc; font-size:12px; text-align:center; display:block;}
.product_list li .Brf_intro .more{ width:105px; height:33px; line-height:33px; font-size:14px; display:block; text-align:center; color:#f9f9f9; margin:0 auto;  border: #f9f9f9 2px solid; border-radius: 6px}

/*product*/

/*productinfo*/
.productInfo{ padding-bottom:40px;}
.productInfo .divProTitle{ text-align:center; font-size:16px; margin-bottom:20px;}
.productInfo .divProTitle .div{ margin-bottom:20px;}

.BigImg{ width:480px; height:480px; margin:0px auto; border:1px solid #cccccc; padding:2px; margin-bottom:18px;}
.BigImg img{ width:480px; height:480px;}

.Pic_Scroll{ width:614px; height:86px; margin:0px auto; overflow:hidden; position:relative;}
.Pic_Scroll .bd{ width:534px; margin-left:40px; height:84px; padding:2px 0; overflow:hidden;}
.Pic_Scroll .bd li{ float:left; width:80px; height:84px;  margin-right:10px; position:relative;}
.Pic_Scroll .bd li a{ border:1px solid #fff; display:inline-block; cursor:pointer;}
.Pic_Scroll .bd li a:hover{ border:1px solid #F58220;}
.Pic_Scroll .bd li a.onpic{border:1px solid #F58220;}
.Pic_Scroll .bd li img{ width:80px; height:80px;}
.Pic_Scroll .prev{ width:21px; height:35px; position:absolute; left:0; top:26px; display:block; background:url(../images/left.png) no-repeat left top;}
.Pic_Scroll .next{ width:21px; height:35px; position:absolute; right:0; top:26px; display:block; background:url(../images/next.png) no-repeat left top;}

.Line{ width:100%; height:3px; margin:50px auto; background:url(../images/line1.jpg) repeat-x left top;}

.ProTxt .TabBox{ height:49px; width:680px; margin:0px auto;	line-height:42px; text-align:center; } 
.ProTxt .TabBox li{ height:49px; width:136px; line-height:43px; text-align:center; cursor:pointer; display:inline-block; float:left; font-size:16px;font-weight:bold; color:#2b2c2c; background:url(../images/c_not.png) no-repeat left top; }
.ProTxt .TabBox li.on{ background:url(../images/c_on.png) no-repeat left top; color:#fff;}

.ProTxt .ContBox{ padding:20px 10px 0 10px; margin-bottom:60px; }
.ProTxt .ContBox .Box{ display:none; min-height:100px; height:auto; }

.ProTxt .ContBox .Box .play{ width:600px; height:480px; margin:0px auto;}

.form_table{ width:550px; margin:0 auto;}
.form_table tr td{ padding:8px 0;}
.form_err{ color:Red; padding:0; line-height:normal; display:inline;}
.text{ border:#ddd 1px solid; height:36px; line-height:36px; padding:0 5px; width:250px;}
.form_table .left{ width:150px;}
.btn{ background:#EE7700; color:#fff; width:80px; min-height:30px; line-height:0px; text-align:center; font-size:1.167em; cursor:pointer;}

.Pro_Info{ width:100%; position:relative;}
.Pro_Info #preview{ width:615px; z-index:2; float:left;}
.Pro_Info .jqzoom{position:relative; padding:2px; margin:0 auto; width:480px; height:480px; border: 1px solid #cccccc;}
.Pro_Info .jqzoom .Img{ width:480px; height:480px;}
.Pro_Info #spec-n5{width:614px; height:84px; overflow:hidden; padding-top:8px; position:relative;}
.Pro_Info #spec-left{ position:absolute; width:21px; height:35px; left:0px; cursor:pointer;  background:url(../images/left.png) no-repeat left ; top:26px; }
.Pro_Info #spec-right{ position:absolute; width:21px; height:35px; right:0px; cursor:pointer;  background:url(../images/next.png) no-repeat right; top:26px;}
.Pro_Info #spec-list{position:absolute; left:30px; width:550px; overflow:hidden; display:inline;  }
.Pro_Info #spec-list ul{width:256px;}
.Pro_Info #spec-list ul li{ float:left; display:inline; width:80px; padding:0 6px;}
.Pro_Info #spec-list ul li img{ border:1px solid #e0e0e0; width:80px; height:80px; padding:1px; cursor:pointer;}

.Pro_Info .Parameters{ float:right; width:260px; margin-top:124px;}
.Pro_Info .Parameters em{ display:block; font-size:18px; color:#f58220; line-height:42px;}
.Pro_Info .Parameters b{color: #666666;display: block; font-size: 14px;font-weight: bold;line-height: 42px;}
.Pro_Info .Parameters b i{ font-weight:normal; font-style:normal; text-align:center;}
/*jqzoom*/

.Pro_Info .zoomdiv{ z-index:100; width:400px; height:400px; display: none; overflow: hidden; border:1px solid #e4e4e4; position:absolute;}
.Pro_Info .bigimg{width:800px;height:800px;}
.Pro_Info .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

.Pro_Info .ProTxt{float: right; padding-top: 10px; width: 380px;}

/*productinfo*/

/*news*/
.news_list{ overflow:hidden;}
.news_list li{ width:100%; height:230px; padding:30px 0; border-bottom:1px dotted #cccccc;}
.news_list li a{ display:inline-block;  height:230px; float:left; margin-right:48px;}
.news_list li .tox em a:hover{ color:#00b26b;}
.news_list li .B_intro{ width:672px; height:230px; float:right;}
.news_list li .tox{ width:672px; height:38px; margin-top:24px; margin-bottom:34px; overflow:hidden; }
.news_list li .tox em{ display:block;}
.news_list li .tox em a{ display: block; float:none; font-size:14px; font-weight:bold;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666666; height:38px; line-height:38px;  margin-right:0;}
.news_list li .tox .time{ height:38px; line-height:38px; display:inline-block; float:right; font-size:12px; color:#666666; }
.news_list li p{ color:#666666; font-size:14px; margin:0; padding:0; line-height:19px;}
/*news*/

/*newsinfo*/
.News_info{ width:100%; padding:0 15px; overflow:hidden; height:auto; float:right; padding-bottom:40px;}
.News_info .info_title{ text-align:center;padding:10px 0px; font-size:14px; color:#666666; display:block; }
.News_info .info_time{ font-size:12px; text-align:center; color:#cccccc; border-bottom:1px dotted #ccc; padding-bottom:5px; display:block;}
/*newsinfo*/

/*case*/
.case_list{ width:950px; height:auto; overflow:hidden;}
.case_list ul{ width:100%;}
.case_list li{ width:220px; float:left; position:relative; margin-right:23px; margin-bottom:20px;}
.case_list li figure{ width:100%; margin:0px auto;}
.case_list li figure figcaption{ width:100%; text-align:center; font-size:14px; color:#666666; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case_list li img{ width:100%; max-width:100%;}
.case_list li:hover figure figcaption{ color:#f58220;}
/*case*/

/*contact*/
.Contact{ padding-bottom:40px;}
.divMap{ width:100%; height:400px; border:#888 1px solid; margin-top:40px;}
.divMap img{ max-width:inherit;}
/*contact*/

/*jobs*/
.divJobsBox{}
.divSpanlist{ background:#f58220; color:#fff; overflow:hidden; font-size:16px; line-height:45px;}
.divJobsBox .span1,.divJobsBox .span2,.divJobsBox .span3,.divJobsBox .span4{ display:block; float:left; width:20%; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.divJobsBox ul{ margin-bottom:40px;}
.divJobsBox ul li{ font-size:14px; border-bottom:#e8e8e8 1px solid;}
.divJobsBox ul li .spanlist{overflow:hidden; line-height:40px; cursor:pointer;}
.divJobsBox ul li .spanInfo{ padding:20px; display:none; border-top:#e8e8e8 1px dashed; }
/*jobs*/

/*index*/
.main_top_wrap{background: #f8f7f8;height: 55px;}
.main_top_wrap .MAIN{position: relative;}

.main_top_text{position: absolute;left: 413px;top:4px;}
.main_top_text p{ margin:0;}
.main_top_text01{float: left;color: #58595b;font-weight: bold;width: 85px;}
.main_top_text02{float: left;width: 343px;height: 36px;overflow: visible;color: #58595b;}

.search_form{position: absolute;top: 10px;left: 153px;width: 210px;height: 27px;background: url(../images/sprite.png) no-repeat 0 -180px;}
.search_form input{float: left;height: 27px;line-height: 27px;width: 160px;padding: 0 3px 0 12px;margin-right: 3px;border: 0 none;background: 0;font-size: 12px;color: #58595b;}
.search_form .here{color: #000;}
.search_form button{float: left;width: 25px;height: 27px;cursor: pointer;text-indent: -9999px;background: 0;  border: 0;}

.head_link{overflow: hidden;position: absolute;top: 13px;left: 0;}
.head_link span{padding-right: 5px;display: inline-block;cursor: pointer;}
.head_link img{vertical-align: middle;}

.HomeAbout{ width:100%; height:486px; background:url(../images/comdes_bg.jpg) no-repeat center center;}
.HomeAboutBox{ padding:30px 0; color:#fff;}

.customer_lef_tit{ color:#0d9543; font-size:14px; padding:20px 0 20px 45px; font-weight: bold; background: url(../images/tit_ico.gif) no-repeat left center;}
.customer_lef_tit a{ float:right; text-transform:uppercase;color:#0d9543;}
.HomeNewsBox ul li{ float:left; width:46%; margin-right:8%; margin-bottom:20px;}
.HomeNewsBox ul li .a_img{ float:left; width:20%; margin-right:5%;}
.HomeNewsBox ul li .info{ float:right; width:75%;}
.HomeNewsBox ul li .info a{ font-size:14px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.HomeNewsBox ul li .info span{ display:block; color:#888;}


/*产品*/
#gla{margin: 0 auto;position: relative;height: 345px;overflow: hidden;padding-top: 10px;}
#gla_box{width: 720px;margin: auto;position: relative;}
#gla_box .prev,#gla_box .next{display: block;z-index: 100;overflow: hidden;cursor: pointer;position: absolute;width: 52px;height: 60px;top: 150px;}
#gla_box .prev{background: url(../images/scroll_lef.gif) left bottom no-repeat;left: -155px;}
#gla_box .next{background: url(../images/scroll_rig.gif) right bottom no-repeat;right: -140px;}
#gla_box .prev:hover{background-position: left top;background: url(../images/scroll_lef_here.gif) no-repeat left bottom;}
#gla_box .next:hover{background-position: right top;background: url(../images/scroll_rig_here.gif) no-repeat right bottom;}
.gla_inbox{height:88%;}
.gla_inbox .img{height:100%;}
.gla_inbox .img span{display:none!important;}
.gla_inbox .name{font-size: 1.4em;width: 100%;color: #fff;line-height: 18px;padding-top: 2%;+padding-top: 3%;text-align: center;height: 18px;overflow: hidden;font-weight: lighter;display:none;}
.gla_inbox .img img{width: 100%;height: 100%;}
.roundabout-holder{height: 345px;width: 720px;}
.roundabout-moveable-item{display: block;height: 302px;padding: 5px 6px 0;width: 280px;cursor: pointer;background: url(../images/img_bg.jpg) no-repeat;}
.roundabout-in-focus{cursor: auto;background: url(../images/img_bg_here.jpg) no-repeat;}
.roundabout-in-focus .gla_inbox .name{padding-top: 4%;+padding-top: 5%;font-size: 1em;font-weight: bold;}
.comdes_wrap{background: url(../images/comdes_bg.jpg) repeat-x center 0;padding: 66px 0 33px;height: 387px;overflow: hidden;}
.comdes{width: 960px;margin: 0 auto;}
.comdes_lef{float: left;padding-left: 42px;height: 281px;}
.comdes_rig{float: left;width: 485px;padding-left: 30px;}
.comdes_rig_tit{font-size: 67px;line-height: 70px;color: #000;font-family: 'Segoe UI','segoe_uilight';padding-top: 5px;}
.comdes_rig_subtit{font-size: 28px;line-height: 38px;color: #000;font-family: 'Segoe UI','segoe_uilight';padding-top: 10px;}
.comdes_rig_con{color: #000;width: 470px;}
.comdes_rig_con a{color: #108d44;}
/*index*/

.divVideo .divTitle{    text-align: center; font-size: 16px;  margin-bottom: 20px;}

.divSearch ul{ margin-bottom:30px;}
.divSearch ul li{ line-height:45px; border-bottom:#666 1px dashed;}
.divSearch ul li .time{ float:right;}
.divSearch ul li a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.main_top_text02 a{ display:inline-block; margin:0 6px;}
