* {margin: 0px;	padding: 0px;}

body {font-family:"微软雅黑"; 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: 90px; margin:0 auto; position: relative;}

#header .logo { position: absolute; top: 10px; 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: 30px;

    margin-right: 10px;

    vertical-align: middle;

    width: 24px;

}



.cm_ico2 {

    background: url(../images/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(../images/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(../images/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(../images/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: 250px;

    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(/images/title_img.png) no-repeat left center; color:#3d72be;

}









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












/* 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(../images/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(../images/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(../images/arrow1.gif) no-repeat 20px center; padding-left:50px;}

.footer .foot_txt{font-family:"微软雅黑",Arial, Helvetica, sans-serif; color:#888888; font-size:14px; padding: 5px 0px 5px 20px; margin-top:20px; border-top:1px solid #3e3e3e; border-bottom:1px solid #3e3e3e;}

.footer .copy{font-family:"微软雅黑",Arial, Helvetica, sans-serif;color:#888888; font-size:14px; 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(../images/f-icon4.png) no-repeat left center;

}

.bot_img2 {

    background: url(../images/f-icon5.png) no-repeat left center;

}

.bot_img3 {

    background: url(../images/f-icon6.png) no-repeat left center;

}

.bot_img4 {

    background: url(../images/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(../images/prev.png) center top no-repeat; display:block; width:43px; height:87px; overflow:hidden;}

.rollroll_img_prod .LeftBotton_prod a:hover{background: url(../images/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(../images/next.png) center top no-repeat; display:block; width:43px; height:87px; overflow:hidden;}

.rollroll_img_prod .RightBotton_prod a:hover{background: url(../images/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: 190px;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: 190px; max-height: 190px;}

.rollroll_img_prod .Cont .pic_txt{color: #444444;text-align: center; margin-top:5px; }

.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(../images/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(../images/prev.png) center top no-repeat; display:block; width:43px;height: 87px;float: left;cursor: pointer;}

#fwslider .slidePrev span a:hover{background: url(../images/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(../images/next.png) center top no-repeat; display:block;width:43px;height:87px;float:left;cursor:pointer;}

#fwslider .slideNext span a:hover{background: url(../images/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(../images/arrow2.gif) no-repeat left center; padding-left:20px; margin-bottom:10px;}

.index_title2{ color:#fff; font-size:24px; font-weight:bold; background:url(../images/arrow3.gif) no-repeat left center; padding-left:20px; margin-bottom:10px;}

.index_title3{ font-size:24px; background:url(../images/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(../images/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(../images/pic_bg1.png) no-repeat left top; display:block; width:233px; height:260px;}

.index_pic1 .pic_bg a:hover{background:url(../images/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:18px; 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:22px; float:right; width:380px; font-size:12px; }

.c_list1{background:url(../images/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:14px; 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: 250px;display: table-cell;line-height:250px;text-align:center;vertical-align:middle;*display: block;*font-size:250px;}

.c_pic2 .pic_img img{vertical-align:middle; width: 255px; height: 250px;}

.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(../images/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("../images/btn2.jpg") no-repeat scroll left center;

    border: medium none;

    cursor: pointer;

    font-size: 0;

    height: 32px;

    width: 111px;

}

.color1 {

    color: #de092c;

}





