@charset "utf-8";

/* CSS Document */



/*banner*/

.banner{ overflow:hidden; width:100%; height:530px; background:url(/images/banner.jpg) no-repeat center top; position:relative}

.banner .btn{ overflow:hidden; width:147px; height:23px; position:absolute; z-index:1000; left:50%; bottom:30px; margin-left:-73px;}

.banner .btn span{ display:block; width:23px; height:23px; background:url(/images/banner_btn01.png) no-repeat center; float:left; margin:0 13px; cursor:pointer;}

.banner .btn span.cur{ background:url(/images/banner_btn02.png) no-repeat center;}





/* -- 弹出窗口 -- */

#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}

#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}

#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}

#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }

#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}

#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}

#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}



#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 span{ display:block; width:44px; height:35px; cursor:pointer; float:right}



/*pro*/

.pro { width:100%; background:url(/images/bg01.jpg) repeat center; 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:-95px; margin-left:437px; z-index:1}

/**/

.proLeft1 { width:236px; height:680px;  overflow:hidden;background-color:#fff; border:2px solid #0067b6; float:left;}

.proLeft1 h3{ width:100%; height:90px; background:url(/images/pro_left_t.png) no-repeat center; line-height:90px; text-align:center; font-size:30px; margin-bottom:20px;}

.proLeft1 h3 a{ color:#fff;}

.proLeft1 dl{ overflow:hidden; padding-left:20px; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #ccc;}

.proLeft1 dt{ font-size:16px; font-weight:bold;}

.proLeft1 dt a{ color:#353535;}

.proLeft1 dt a:hover,.proLeft1 dt a.cur{ color:#0067b6;}

.proLeft1 dd{ overflow:hidden; width:191px;  margin-top:10px; margin-bottom:20px;;}

.proLeft1 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;}

.proLeft1 dd a:hover,.proLeft1 dd a.cur{ color:#fff; background:url(/images/pro_left_y02.png) no-repeat left center;}

.proLeft1 .last{ border:none;}
/**/
.proLeft { overflow:hidden; width:236px; background-color:#fff; border:2px solid #015fa7; 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:20px; padding-bottom:5px; border-bottom:1px solid #ccc;}

.proLeft dt{ font-size:16px; font-weight:bold;}

.proLeft dt a{ color:#353535;}

.proLeft dt a:hover,.proLeft dt a.cur{ color:#015fa7;}

.proLeft dd{ overflow:hidden; width:191px; margin-top:10px;margin-bottom:20px;}

.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 dd{ overflow:hidden; cursor:pointer; width:51px; height:148px; background:url(/images/liuyan_tujiao.png) no-repeat center; float:right}



/*优势*/

.youshi { overflow:hidden; width:100%;}

.youshi h4{ font-size:26px; color:#015fa7;}

.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:#0067b6; 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:372px; 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:491px; 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:#0067b6;}

.about .aboutLeft p{ font-size:13px; color:#333; line-height:24px; height:144px; overflow:hidden; margin-bottom:25px; 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:177px; height:290px; position:relative; margin:0 auto;}

.about .ryWin ul{ overflow:hidden; position:absolute;}

.about .ryWin li{ float:left; width:177px; 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:50px;}

.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:#0067b6}

.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_Q1.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}