@charset "utf-8";
/* css document */

/*banner*/
#flashs{ position:relative; height:530px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:9999; bottom:15px; left:50%; margin-left:-95px; padding:0px 6px;}
#flashs .btn span{ color:#fff;text-indent: -99999em;  background:url(../images/banner_btn01.png) no-repeat center;  cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}
#flashs .btn span.cur{ background:url(../images/banner_btn02.png) no-repeat center;text-indent: -99999em;}

/*search*/
.search{ overflow:hidden; width:100%; height:60px; background:url(../images/bg01.jpg) repeat center;}
.search .scenter{ overflow:hidden; height:60px; background:url(../images/search_bg.jpg) no-repeat center;}
.search p{ margin-left:20px; float:left; line-height:60px; font-size:13px; color:#666;}
.search a{ color:#666; margin:0 5px;}
.search .sbox{ overflow:hidden; float:right; margin-right:10px; margin-top:13px; width:316px; height:35px; background:url(../images/search_box.png) no-repeat center top;}
.search .input{ width:250px; height:35px; border:none; background:none; outline:none; line-height:35px; font-size:13px; color:#999; margin-left:12px;}
.search .sbox-btn{ display:block; width:44px; height:35px; cursor:pointer; float:right; border: none;background: none;}

/*pro*/
.pro { width:100%; background:url(../images/bg01.jpg) repeat; padding-top:30px; padding-bottom:50px; position:relative}
.pro .procontent{ overflow:hidden; position:relative; z-index:2}
.pro .probg{ display:block; position:absolute; left:50%; bottom:-44px; margin-left:437px; z-index:1}

.proleft { overflow:hidden; width:236px; background-color:#fff; border:2px solid #009a44; float:left;}
.proleft h3{ width:100%; height:116px; background:url(../images/pro_left_t.png) no-repeat center; line-height:116px; text-align:center; font-size:30px; margin-bottom:20px;}
.proleft h3 a{ color:#fff;}
.proleft dl{ overflow:hidden; padding-left:20px; margin-bottom:12px; padding-bottom:5px; }
.proleft dt{ font-size:16px; font-weight:bold;}
.proleft dt a{ color:#353535;}
.proleft dt a:hover,.proleft dt a.cur{ color:#009a44;}
.proleft dd{ overflow:hidden; width:191px; margin-top:10px;margin-bottom:12px;}
.proleft dd a{ display:block; font-size:13px; color:#353535; line-height:33px; padding-left:30px; background:url(../images/pro_left_y01.png) no-repeat 17px center; text-decoration:none;}
.proleft dd a:hover{ color:#fff; background:url(../images/pro_left_y02.png) no-repeat left center;}
.proleft .last{ border:none;}

.proright { overflow:hidden; width:736px; float:right}
.proright .protop{ padding-bottom:15px; background:url(../images/pro_right_top.png) no-repeat left bottom;}
.proright h3{ font-size:16px; background:url(../images/pro_right_h.png) no-repeat left center; padding-left:30px; line-height:25px;}
.proright h3 a{ color:#353535;}
.proright ul{ overflow:hidden; width:756px;}
.proright li{ float:left; width:235px; height:292px; background-color:#fff; margin-right:15px; margin-top:30px;}
.proright li img{ display:block; margin:0 auto; margin-top:10px;}
.proright li a{ display:block; text-decoration:none}
.proright li span{ display:block; width:233px; height:50px; margin-top:10px; border:1px solid #efefef; text-align:center; line-height:50px; font-size:13px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.proright li:hover span{ color:#fff; background-color:#ff9900;}

/*技术服务*/
.jishu { overflow:hidden; width:100%; padding:40px 0 50px 0; background-color:#e9e9e9;}
.jishu em{ display:block; text-align:center; font-size:18px; color:#3d3d3d; margin-bottom:5px;}
.jishu .jst{ display:block; margin:0 auto; margin-bottom:35px;}
.jishu .menu{ overflow:hidden; width:999px; margin:0 auto; padding-bottom:4px; margin-bottom:30px;}
.jishu .menu li{ position:relative; float:left; width:332px; height:80px; margin-right:1px; background:url(../images/js_menu_bg.png) repeat-y center;}
.jishu .menu li i{ display:block; float:left; width:40px; height:40px; margin-top:20px; margin-left:40px;}
.jishu .menu li a{ display:block; line-height:80px; float:left; margin-left:10px; font-size:17px; color:#1e1e1e;}
.jishu .menu li img{ display:none; position:absolute; left:50%; margin-left:-3px; bottom:-4px;}
.jishu .menu li .i01{ background:url(../images/js_icon01.png) no-repeat center top;}
.jishu .menu li .i02{ background:url(../images/js_icon02.png) no-repeat center top;}
.jishu .menu li .i03{ background:url(../images/js_icon03.png) no-repeat center top;}
.jishu .menu li.cur a{ font-weight:bold; color:#fff;}
.jishu .menu li.cur img{ display:block;}
.jishu .menu li.cur i{ background-position:bottom;}
.jishu .menu li.cur{ background:url(../images/js_menu_cur.jpg) repeat-x left center;}
.jishu .jsbox { overflow:hidden; width:100%; height:290px;}
.jishu .jsbox .jslist{ overflow:hidden; width:100%; height:290px;}
.jishu .jslist .jsleft{ overflow:hidden; float:left; width:560px; height:410px; background-color:#fff;}
.jishu .jsleft img{ display:block; margin:0 auto; margin-top:8px; margin-bottom:15px;}
.jishu .jsleft h4{ font-size:16px; margin-left:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.jishu .jsleft h4 a{ color:#008a3d;}
.jishu .jsleft p{ font-size:14px; color:#666; line-height:20px; height:60px; overflow:hidden; width:520px; margin:0 auto; margin-bottom:15px; text-align:justify}
.jishu .jsleft .more{ display:block; width:100px; height:35px; text-align:center; line-height:35px; color:#fff; font-size:13px; background-color:#ff9900; margin-left:20px;}
.jishu .jsright{ overflow:hidden; width:1000px; float:right;}
.jishu .jsright li{ float:left; width:236px; margin-right:18px; height:280px;}
.jishu .jsright li img{ display:block; border:8px solid #fff; margin-bottom:10px;}
.jishu .jsright li a{ display:block; text-decoration:none}
.jishu .jsright li span{ display:block; text-align:center; font-size:14px; color:#535353;}
.jishu .jsright .nomrfff{margin-right:0px;}

/*留言*/
.liuyan { overflow:hidden; width:100%; height:377px; background:url(../images/liuyan_bg.jpg) no-repeat center top;}
.liuyan p{ font-size:14px; margin-bottom:5px; color:#fff;}
.liuyan h3{ font-weight:normal; font-size:30px; color:#fff; font-family:arial}
.liuyan .phone{ overflow:hidden; background:url(../images/liuyan_phone.png) no-repeat left center; padding-left:55px; float:left; margin-left:170px; margin-top:250px;}
.liuyan input{ padding-left:50px; height:39px; line-height:39px; font-size:12px; color:#575757; width:256px; padding-right:10px; background:url(../images/liuyan_input.png) left center no-repeat; border:none; outline:none; margin-bottom:2px;*float:left;}
.liuyan textarea{ padding:10px 10px 10px 50px; width:256px; height:89px;font-size:12px; color:#575757; background:url(../images/liuyan_text.png) no-repeat left center; border:none; outline:none; resize:none;*float:left;}
.liuyan dl{ overflow:hidden; float:right; margin-top:50px; width:370px;}
.liuyan dt{ overflow:hidden; float:left; width:318px;}
.liuyan .coolbg{ overflow:hidden; cursor:pointer; width:51px; height:148px; background:url(../images/liuyan_tujiao.png) no-repeat center; float:right; padding:0}

/*优势*/
.youshi { overflow:hidden; width:100%;}
.youshi h4{ font-size:26px; color:#009a44;}
.youshi h5{ font-weight:normal; margin-bottom:50px; font-size:18px; color:#202020;}
.youshi p{ font-size:15px; line-height:18px; color:#3e3e3e; background:url(../images/youshi_p.png) left 5px no-repeat; padding-left:15px; margin-bottom:10px;}
.youshi em{ display:block; font-size:14px; color:#343434;}
.youshi h6{ font-size:24px; font-weight:normal; color:#2aaa4c; font-family:arial}
.youshi .phone{ background:url(../images/phone1.png) no-repeat left center; padding-left:50px; margin-top:30px;}
.youshi>div{ overflow:hidden; width:100%;}
.youshi .yst { height:233px; background:url(../images/youshi_01.jpg) no-repeat center;}
.youshi .ys01{ height:371px; background:url(../images/youshi_02.jpg) no-repeat center;}
.youshi .ys02{ height:399px; background:url(../images/youshi_03.jpg) no-repeat center;}
.youshi .ys03{ height:369px; background:url(../images/youshi_04.jpg) no-repeat center;}
.youshi .ys04{ height:345px; background:url(../images/youshi_05.jpg) no-repeat center;}
.youshi .ys01 .wen{ margin-left:100px; margin-top:20px;}
.youshi .ys02 .wen{ margin-left:620px; margin-top:20px;}
.youshi .ys03 .wen{ margin-left:100px; margin-top:20px;}
.youshi .ys04 .wen{ margin-left:620px; margin-top:20px;}
.youshi a{ margin-left:246px; margin-top:-80px; display:block}

/*about*/
.about{ overflow:hidden; width:100%; height:691px; background:url(../images/about_bg.jpg) no-repeat center top;}
.about .aboutbox{ overflow:hidden; height:366px; background-color:#fff; margin-top:50px; margin-bottom:40px;}
.about h3{ font-size:22px; margin-top:20px; margin-bottom:20px;}
.about h3 a{ color:#333;}
.about h3 span{ margin-left:10px; font-weight:normal; font-size:14px; color:#d9d9d9; font-family:arial;}
.about .aboutleft{ overflow:hidden; width:670px; float:left; margin-left:20px;}
.about .aboutleft dl{ overflow:hidden; width:100%;}
.about .aboutleft dt{ overflow:hidden; width:283px; height:214px; float:left; border:5px solid #efefef;}
.about .aboutleft dd{ overflow:hidden; float:right; width:360px;}
.about .aboutleft h4{ font-size:16px; margin-bottom:20px;}
.about .aboutleft h4 a{ color:#0ba43b;}
.about .aboutleft p{ font-size:13px; color:#333; line-height:24px; height:144px; overflow:hidden; margin-bottom:10px; text-align:justify}
.about .aboutleft .btn{ overflow:hidden;}
.about .aboutleft .btn a{ display:block; float:left; margin-right:5px;}
.about .aboutright{ overflow:hidden; width:270px; float:right; margin-right:20px;}
.about .aboutright h3{ margin-left:20px;}
.about .rybox{ overflow:hidden; width:100%; height:290px; position:relative;}
.about .rybox span{ display:block; width:31px; height:31px; position:absolute; cursor:pointer; top:111px;}
.about .rybox .btn01{ left:0; background:url(../images/about_ry_btn.png) no-repeat center top;}
.about .rybox .btn02{ right:0; background:url(../images/about_ry_btn.png) no-repeat center bottom;}
.about .rywin{ overflow:hidden; width:208px; height:290px; position:relative; margin:0 auto;margin-top: 25px;}
.about .rywin ul{ overflow:hidden; position:absolute;}
.about .rywin li{ float:left; width:208px; height:290px;}
.about .rywin li img{ display:block; margin-bottom:10px;}
.about .rywin li em{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; color:#333;}
.about .chejian { overflow:hidden; width:1074px; margin:0 auto; position:relative; height:200px;}
.about .chejian span{ display:block; width:37px; height:37px; cursor:pointer; position:absolute; top:60px;}
.about .chejian .btn01{ left:0; background:url(../images/about_cj_btn01.png) no-repeat center top;}
.about .chejian .btn02{ right:0; background:url(../images/about_cj_btn02.png) no-repeat center top;}
.about .chejian span:hover{ background-position:bottom}
.about .chejian .cjbox{ overflow:hidden; width:1000px; height:200px; position:relative; margin:0 auto}
.about .chejian .cjbox ul{ position:absolute; overflow:hidden;}
.about .chejian .cjbox li{ float:left; width:230px; height:200px; margin-right:26px;}
.about .chejian .cjbox li img{ display:block; margin:0 auto; border:11px solid #fff; margin-bottom:15px;}
.about .chejian .cjbox li em{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:13px; color:#fff;}

/*news*/
.news { overflow:hidden; margin-top:40px; margin-bottom:30px;}
.newsleft{ overflow:hidden; float:left; width:626px; height:417px; border:1px solid #e7e7e7;}
.newsright{ overflow:hidden; float:right; width:350px; height:417px; border:1px solid #e7e7e7;}

.newsleft .menu{ overflow:hidden; width:100%; height:60px; background:url(../images/news_menu_bg.jpg) repeat-x left top; margin-bottom:20px;}
.newsleft .menu li{ float:left; width:208px; height:60px; text-align:center; line-height:60px; font-size:16px; font-weight:bold; border-right:1px solid #e7e7e7; background:url(../images/news_menu_bor.png) no-repeat right bottom}
.newsleft .menu li a{ color:#333}
.newsleft .menu li.last{ border:none}
.newsleft .menu li.cur{ background:#008f40}
.newsleft .menu li.cur a{ color:#fff;}
.newsleft .newsbox{ overflow:hidden; width:600px; margin:0 auto; height:320px; position:relative}
.newsleft .newslist{ overflow:hidden; width:600px; margin:0 auto; height:320px;}
.newsleft .newslist dl{ overflow:hidden; width:100%; margin-bottom:25px;}
.newsleft .newslist dt{ overflow:hidden; float:left;}
.newsleft .newslist dd{ overflow:hidden; width:350px; float:right}
.newsleft .newslist dd h4{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:10px;}
.newsleft .newslist dd h4 a{ color:#000}
.newsleft .newslist dd p{ font-size:12px; line-height:22px; color:#555; height:88px; text-align:justify; overflow:hidden}
.newsleft .list{ overflow:hidden; width:100%;}
.newsleft .list li{ overflow:hidden; font-size:12px; line-height:24px;}
.newsleft .list li a{ color:#333; display:block; width:450px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left}
.newsleft .list li em{ float:left; margin-right:10px;}
.newsleft .list li span{ float:right; color:#666;}

.newsright h3{ width:330px; height:60px; background:url(../images/news_menu_bg.jpg) repeat-x left top; line-height:60px; padding-left:20px; margin-bottom:20px;}
.newsright h3 a{ color:#333;}
.newsright h3 img{ margin-right:10px;}
.newsright .qabox{ overflow:hidden; width:325px; margin:0 auto; height:320px; position:relative}
.newsright .qalist{ overflow:hidden; width:100%; padding-bottom:15px; margin-bottom:20px; border-bottom:1px dashed #ccc;}
.newsright .qalist h5{ font-size:13px; background:url(../images/news_q.png) left center no-repeat; padding-left:35px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; line-height:22px;}
.newsright .qalist h5 a{ color:#333;}
.newsright .qalist p{ background:url(../images/news_a.png) no-repeat left top; padding-left:35px; font-size:12px; color:#666; line-height:17px; text-align:justify}