* {margin: 0px;	padding: 0px;}
body {font-family:\5FAE\8F6F\96C5\9ED1; font-size: 100%; line-height: 200% ;color: #444444; background-color: #f9f9f9;}
.clear {font-size: 0px;	clear: both;line-height: 0px; height: 1px;}
.clearfix:after {content: "."; 	display: block;  height: 0;	clear: both; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
img {border:none;}
a{color:#444444; text-decoration:none;}
a:link {TEXT-DECORATION: none; color: #444444;}
a:visited {TEXT-DECORATION: none; color: #444444;}
a:hover {TEXT-DECORATION: none; color: #00aa3a;}
a:active {TEXT-DECORATION: none; color: #00aa3a;}
ul,li{list-style-type: none;}

/* header */





#header { }
#header .head_box { width: 1100px; height: 120px; margin:0 auto; position: relative;}
#header .logo { position: absolute; top: 0px; left:0px;}
#header .tel{float:right; padding-top:10px; }

	
#header .tel h1 {
    color: #e62635;
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
}
#header .tel h1 span {
    display: inline-block;
    height: 100px;
    margin-right: 30px;
    vertical-align: middle;
    width: 500px;
}

.cm_ico2 {
    background: url(img/toptel_bg.png) no-repeat left center;
}

#header .tel strong {
    color: #00aa3a;
    font-size: 16px;
}

#header .tel .free{padding:5px 10px;}
#header .tel .free strong{padding-left:5px; padding-right:5px;}



/* nav */
#nav { width:100%; background:url(img/nav_bg.jpg) repeat-x center; border-bottom:2px solid #f9f9f9;}
#nav ul{ width: 1100px; height: 46px; margin:0 auto; position: relative; }
#nav ul li{ float:left;  position:relative;}
#nav ul li a{ color:#ffffff; font-weight:bold; text-align:center; display:block; width:136px; height: 46px; line-height:46px;}
#nav ul li.on a, #nav ul li a:hover, #nav ul li a.selected{background:url(img/darwz2.png) repeat-x top center #f0f0f0;  color:#00aa3a;}




#nav ul li.selected .submenu{display:block;}
#nav ul li .submenu{display:none;position:absolute;top:46px;left:0px; width:136px; height:auto; overflow:hidden; padding-top:10px; padding-bottom:10px; z-index:9999; background-color:#f0f0f0;}
#nav ul li .submenu li{float:left;padding:0;background:none;height:30px; line-height:30px; width:auto; width:100%;   text-align:center; border-bottom:1px dashed #cccccc;}
#nav ul li .submenu li a{float:none;padding:0;text-align:center; margin-left:0; background:none #f0f0f0; height:30px;line-height:30px;color:#666666;  font-size:14px; width:100%;}
#nav ul li .submenu li:hover{ color:#00aa3a;}
#nav ul li .submenu li a:hover{font-weight:normal; color:#00aa3a; text-decoration:none; width:100%; }




.title{ margin-bottom:20px; background:url(img/t_bg.png) center bottom repeat-x; padding-bottom:25px; height:36px; line-height:36px; text-align:center; font-size:26px; font-weight:bold;}


.bound {
    line-height: 26px;
    margin: 0 auto;
    text-align: left;
    width: 1100px; position:relative;
}




.cont-banner {
    height: 350px;
    min-width: 1100px;
    overflow: hidden;
    position: relative;
}


.container{ position:relative;
	overflow:hidden;
	min-width:1100px; min-height:500px; padding-top:30px; padding-bottom:20px;}



.channel-name {
   font-size: 16px;
    font-weight: bold; height:50px; line-height:50px;float:left; padding-left:15px; background:url(img/title_img.png) no-repeat left center; color:#3d72be;
}




.content{margin-top:20px;  height:auto; overflow:hidden; min-height:400px; clear:both;}

.content img{ max-width:800px;}





/* footer */
.footer{ color:#ccc; background-color:#232527;}
.footer .foot_area{}
.footer .foot_area2{ background-color:#413529; height:65px;width: 100%; position: fixed; right: 0px; bottom: 0px;	z-index: 1001;	_bottom:auto; _width: 100%; _position: absolute;  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));}
.footer .foot_area2 .area{ width: 1100px; height:65px; position:relative; margin:0 auto;}
.footer .foot_area2 .img_qq{ line-height:0; position: absolute; bottom:0; left:0;}
.footer .foot_area2 .list1{ color:#fff; font-weight:bold; line-height:140%; float:left; width:180px; padding-top:12px; padding-left:120px;}
.footer .foot_area2 .list2{ color:#fff; font-weight:bold; line-height:140%;background:url(img/list2_bg.jpg) no-repeat left top; float:left; width:273px; height:53px; padding-top:12px; padding-left:40px;}
.footer .foot_area2 .list3{ color:#fff; font-weight:bold; line-height:140%;background:url(img/list3_bg.jpg) no-repeat left top; float:left; width:446px; height:53px; padding-top:12px; padding-left:40px;}
.footer .foot_box{ width: 1100px;  margin:0 auto;}
.footer .foot_box2{ height:65px;}
.footer .foot_box2 .close{ position:absolute; top:0px; right:0px;}
.footer .foot_box2 {}
.footer .foot_left{ float:left; width:380px; margin-right:60px; display:inline;}
.footer .foot_right{ float:right; width:168px;}
.footer .foot_title{ font-family:Arial, Helvetica, sans-serif; background:url(img/arrow1.gif) no-repeat 20px center; padding-left:50px;}
.footer .foot_txt{font-family:SimSun; color:#888888; font-size:12px; padding: 5px 0px 5px 20px; margin-top:20px; border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e;}
.footer .copy{font-family:SimSun; color:#888888; font-size:12px; text-align:center; padding:10px;}

.footer  .top { margin-left:515px;}


.bot_con ul {
    padding: 20px 0 20px 140px;
    width: 900px; height:auto; overflow:hidden;
}
.bot_con li {
    border-bottom: 1px solid #27d964;
    color: #fffefe;
    float: left;
    font-size: 18px;
    height: 42px;
    line-height: 42px;
    padding-left: 50px;
    width: 400px;
}
.bot_img1 {
    background: url(img/f-icon4.png) no-repeat left center;
}
.bot_img2 {
    background: url(img/f-icon5.png) no-repeat left center;
}
.bot_img3 {
    background: url(img/f-icon6.png) no-repeat left center;
}
.bot_img4 {
    background: url(img/f-icon7.png) no-repeat left center;
}





.pages {
    clear: both;
    height: 40px;
    line-height: 40px;
    margin: 10px 0 0 360px;
    overflow: hidden; padding-top:20px; 
}
.pages .c{text-align:center;}
.pages ul li {
    background-color: #FFFFFF;
    border: 1px solid #E1E1E1;
    float: left;
    line-height: 30px;
    list-style: none outside none;
    margin-right: 10px;
}
.pages ul li.c {
    background-color: #00aa3a;
    color: #FFFFFF;
    padding: 0 15px;
}
.pages ul li a {
    float: left;
    height: 30px;
    padding: 0 15px;
}
.pages ul li a:hover {
    background-color: #00aa3a;
    color: #FFFFFF;
    text-decoration: none;
}








/* rollBox_prod 案例 */
.rollBox_prod {width: 1100px; margin: 0 auto;}
.rollroll_img_prod{ width: 1100px; margin: 0 auto;}
.rollroll_img_prod .LeftBotton_prod{ float: left; margin-top:55px; margin-left:-65px;}
.rollroll_img_prod .LeftBotton_prod a{ line-height:1000px;background: url(img/prev.png) center top no-repeat; display:block; width:43px; height:87px; overflow:hidden;}
.rollroll_img_prod .LeftBotton_prod a:hover{background: url(img/prev_on.png) center top no-repeat;}
.rollroll_img_prod .RightBotton_prod{float: right; margin-top:55px; margin-right:-65px;}
.rollroll_img_prod .RightBotton_prod a{ line-height:1000px;background: url(img/next.png) center top no-repeat; display:block; width:43px; height:87px; overflow:hidden;}
.rollroll_img_prod .RightBotton_prod a:hover{background: url(img/next_on.png) center top no-repeat;}
.rollroll_img_prod .Cont{ float: left;overflow: hidden;width: 1100px;}
.rollroll_img_prod .Cont .pic{ float: left; margin-left: 20px; display:inline;}
.rollroll_img_prod .Cont .pic_img{ width: 260px;height:190px; display: table-cell;line-height:190px;text-align:center;vertical-align:middle;*display: block;*font-size:190px;}
.rollroll_img_prod .Cont .pic_img IMG{vertical-align:middle; max-width: 260px; max-height: 190px;}
.rollroll_img_prod .Cont .pic_txt{color: #444444;text-align: center; margin-top:5px; display: none;}
.rollroll_img_prod .Cont .pic_txt A{color: #444444;}
.rollroll_img_prod .Cont .pic_txt A:hover{ color: #00aa3a;}
.rollroll_img_prod .ScrCont{ width: 10000000px;}
.rollroll_img_prod #prod_List1{ float: left;}
.rollroll_img_prod #prod_List2{ float: left;}

/* rollBox_prod 案例 end */




/* home */

/*banner style*/
#banner{ width:100%; height:500px;overflow:hidden;background:url(img/imgloader.gif) no-repeat center center #FFF;}
/*fwslider style*/
#fwslider{position: relative;width: 100%;overflow:hidden;}
#fwslider .slider_container{}
#fwslider .slide{display: none;position: absolute;top: 0;left: 0;z-index: 0;width: 100%;text-align: center;}
#fwslider .slide img{/*width:100%;*/}
#fwslider .slidePrev{position: absolute;top: 50%;left: -43px;opacity: 1.0;z-index: 10;}
#fwslider .slidePrev span a{background: url(img/prev.png) center top no-repeat; display:block; width:43px;height: 87px;float: left;cursor: pointer;}
#fwslider .slidePrev span a:hover{background: url(img/prev_on.png) center top no-repeat;}
#fwslider .slideNext{position: absolute;top: 50%;right:-43px;opacity: 1.0;z-index: 10;}
#fwslider .slideNext span a{background: url(img/next.png) center top no-repeat; display:block;width:43px;height:87px;float:left;cursor:pointer;}
#fwslider .slideNext span a:hover{background: url(img/next_on.png) center top no-repeat;}
#fwslider .timers{height: 4px;position: absolute;bottom: 20px;right: 0;z-index: 3; display:none;}
#fwslider .timer{height: 4px;width: 40px;background-color: #ff7e00;float: left;margin-right: 10px;overflow: hidden;}
#fwslider .progress{height: 4px;width: 0%;background-color: #3ba7b4;float: left;}



h2{ line-height:0; margin-bottom:20px;}
.index_area1{ width:1165px; padding-top:15px;}
.index_area2{ background-color:#f0f0f0;}
.index_right1{ float:right; width:710px;}
.index_right1 a{ color:#e62635;}
.index_right1 a:hover{ color:#00aa3a;}
.index_right2{ float:right; width:451px;}
.index_area3{ margin-bottom:30px;}
.index_area4{background: #00aa3a; width:100%; height:325px; overflow:hidden;}
.index_area4 .area{ width:1100px; height:325px; margin:0 auto; position:relative;}
.index_area4 .left{ color:#fff; text-align:right; float:left; width:320px; padding-top:30px; padding-right:30px;}
.index_area4 .middle{ line-height:0; float:left; width:85px;}
.index_area4 .map{ position: absolute; left:435px; z-index:0;}
.index_area5{ width:1100px; overflow:hidden;}
.index_area5 .area{ width:1130px;}
.index_box1{ width:1100px; padding:30px 0px; margin:0 auto;}
.index_box2{width:1100px; padding-bottom:60px; margin:0 auto; position:relative;}
.index_box2 .icon{ position:absolute; top:280px; left:500px;}



.index_list1{ font-size:15px; background-color:#ffffff; line-height:180%; float:left; width:490px; height:110px; padding:25px 30px 0 30px;}
.index_list2{ color:#fff; font-size:15px; line-height:180%; background-color:#00aa3a; float:left; width:490px; height:110px; padding:25px 30px 0 30px;}
.index_title1{ font-size:24px; font-weight:bold; background:url(img/arrow2.gif) no-repeat left center; padding-left:20px; margin-bottom:10px;}
.index_title2{ color:#fff; font-size:24px; font-weight:bold; background:url(img/arrow3.gif) no-repeat left center; padding-left:20px; margin-bottom:10px;}
.index_title3{ font-size:24px; background:url(img/index_title3_bg.gif) no-repeat left bottom; padding-bottom:15px; margin-bottom:10px;}
.index_title3 p{ color:#00aa3a; font-size:18px;}
.index_title3 span{ float:right;}
.index_title4{ color:#00aa3a; font-size:30px; background:url(img/index_title4_bg.gif) no-repeat left bottom; padding-bottom:30px; margin-bottom:20px;}
.index_txt1{ line-height:0; text-align:center; margin-bottom:60px;}
.index_pic1{ float:left;}
.index_pic1 .pic_area{ width:233px; height:260px; position:relative;}
.index_pic1 .pic_bg{ width:233px; height:260px; position:absolute; top:0; left:0; z-index:10;}
.index_pic1 .pic_bg a{background:url(img/pic_bg1.png) no-repeat left top; display:block; width:233px; height:260px;}
.index_pic1 .pic_bg a:hover{background:url(img/pic_on_bg1.png) no-repeat left top;}
.index_pic1 .pic_img{width: 184px;height: 184px;display: table-cell;line-height:184px;text-align:center;vertical-align:middle;*display: block;*font-size:184px;}
.index_pic1 .pic_img img{vertical-align:middle; width: 184px; height: 184px;}
.index_pic1 .pic_txt{ font-size:22px; text-align:center; width:184px; position:absolute; bottom:30px; left:0; z-index:10;}
.index_pic2{ float:left;}
.index_pic2 .pic_img{width: 350px;height: 280px;display: table-cell;line-height:280px;text-align:center;vertical-align:middle;*display: block;*font-size:280px;}
.index_pic2 .pic_img img{vertical-align:middle; max-width: 350px; max-height: 280px;}
.index_pic3{ float:left;}




.home-news{clear:both;  height:auto; overflow:hidden; padding-bottom:10px;}
.home-news .footBlock{float:left; width:300px; margin-right:25px;}
.home-news  .home-news-title{font-weight:bold; border-bottom: 1px solid #eeeeee; height: 40px; line-height:40px; margin-top: 18px;}
.home-news  .home-news-title h1 { color: #444444; font-size: 16px; font-weight: bold; }
.home-news  .home-news-title h1 a { color: #444444; }
.home-news  .home-news-title h1 span {  color: #999; font-weight: normal; padding-left: 5px; }
.home-news  .home-news-title h1 a:hover, .home-news  .home-news-title h1 a:hover span { color: #00aa3a; }
.footnewsList { padding-top: 12px;  width: 100%; }
.footnewsList li { height: 28px; line-height:28px; overflow: hidden; width: 100%; font-size:14px; }
.footnewsList li span { color: #bbb;  float: left;  width: 55px; }
.footnewsAddList li span { width: 95px; }
.footnewsAddList li span.f_r { float: right;  text-align: right;width: 45px;}



.section{width:450px; overflow:hidden;}
.section ul{width:450px;}
.section ul li{float:left;margin:4px; padding:3px; border:1px solid #eeeeee; display:inline;width:96px;height:100px;overflow:hidden;position:relative; cursor:pointer;}
.section ul li .photo{width:96px;height:100px;overflow:hidden;}
.section ul li .photo img{width:96px;height:100px;}
.section .rsp{width:104px;height:108px;overflow:hidden;position: absolute;background:#00aa3a;top:0px;left:0px;}
.section .text{position:absolute;width:104px;height:108px;left:-130px;top:0px;overflow:hidden;}
.section .text h3{width:104px;margin-top:20px; margin-bottom:0; height:30px;line-height:30px;text-align:center;color:#ffffff;font-size:16px;}
.section .text a{text-decoration:none}
.section .text div{text-align:center;color:#ffffff;font-size:16px; font-weight:bold;}


/* home end */






/* contant */
.c_box1{ background-color:#f4f4f4; padding:3px 20px; margin-bottom:10px;}
.c_box1 .title{ float:left;}
.c_box1 .txt{ float:left; padding-top:8px;}
.c_box2{ background-color:#e6e6e6; padding:10px;}
.c_right1{ line-height:180%; float:right; width:380px; }
.c_list1{background:url(img/c_list1_bg.jpg) no-repeat left top; float:left; width:520px; height:110px;  margin:15px; display:inline;}
.c_list1 a{ color:#444444; display:block; width:500px; padding:10px; height:90px;}
.c_list1 a:hover{ color:#00aa3a;}
.c_title1{ color:#fff; font-size:24px; line-height:70px; background-color:#00aa3a; height:70px; padding-left:20px; margin-bottom:20px;}

.news-t{font-size:16px; font-weight:bold;}
.c_title1 .date{ font-size:16px; float:right; height:70px; padding:0px 20px; border-left:1px solid #d10000;}
.c_title1 .page{ font-size:16px; float:right; height:70px; padding:0px 20px; border-left:1px solid #d10000;}
.c_title1 .page a{ color:#fff;}
.c_title1 .page a:hover{ color:#ffc000;}
.c_pic1{ float:left; width: 100px;height: 90px;display: table-cell;line-height:90px;text-align:center;vertical-align:middle;*display: block;}
.c_pic1 .pic_img img{vertical-align:middle; max-width: 160px; max-height: 120px;}

.c_pic2{ float:left; margin:9px; display:inline; text-align:center; border:1px solid #f9f9f9;}
.c_pic2 .pic_img{width: 255px;height: 170px;display: table-cell;line-height:170px;text-align:center;vertical-align:middle;*display: block;*font-size:170px;}
.c_pic2 .pic_img img{vertical-align:middle; width: 255px; height: 170px;}
.c_pic2 .c-title{height:50px; line-height:50px;}
.c_pic2:hover{ background:#00aa3a; border:1px solid #00aa3a; }
.c_pic2:hover .c-title{color:#ffffff;}

.c_link1{ text-align:center;}
.c_link1 a{ color:#666666; line-height:200%; display:inline-block; padding:0 15px; margin:0 5px;}
.c_link1 a:hover{ color:#fff; background-color:#00aa3a;}
.c_link1 a.on{ color:#fff; background-color:#00aa3a;}
.location{ float:right; margin-top:-70px; position:relative;}
.location ul{ color:#fff; font-size:14px; background:url(img/location_bg.gif) repeat-x left top; height:26px; line-height:26px;}
.location ul li{ float:left; text-align:center; width:78px; margin-right:5px; display:inline;}
.location ul li a{ color:#fff;}
.location ul li a:hover{ color:#ffc000;}
.location ul li.last{ color:#666666; margin-right:0px;}

.news_title{text-align:center; font-size:18px; font-weight:bold; line-height:40px; height:40px; }
.news_time{text-align:center; color:#00aa3a; font-size:14px; margin-bottom:10px;}



/*career*/
table{border-collapse: collapse; }
table.table1{WIDTH: 100%; font-size:15px; clear:both; margin-top:15px;} 
table.table1 th{ text-align: center;vertical-align: top;padding: 6px 0; color:#fff; background-color:#00aa3a;}
table.table1 td{ text-align: center;vertical-align: top;padding: 6px 0; color:#666666; background-color:#eeeeee; border-bottom:1px solid #f9f9f9;}
table.table1 a{ color:#666666;}
table.table1 a:hover{ color:#00aa3a;}
table.table1 td.job{ vertical-align:middle;}
table.table1 td.job a{ color:#00aa3a; text-decoration:underline;}


.t-title{height:40px; line-height:40px; font-size:18px; font-weight:bold;}



.text1 {
    border: 1px solid #ccc;
    height: 28px;
    line-height: 28px;
}
.text2 {
    border: 1px solid #ccc;
    height: 154px;
    text-align: left;
    width: 550px;
}
.btn1 {
    background: url("img/btn2.jpg") no-repeat scroll left center;
    border: medium none;
    cursor: pointer;
    font-size: 0;
    height: 32px;
    width: 111px;
}
.color1 {
    color: #de092c;
}