@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:500px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0;  height: 500px; width: 100%; cursor: pointer; margin: 0 auto;}
#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; }
.search .scenter{ overflow:hidden; height:60px; }
.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#searchtext{ width:250px; height:35px; border:none; background:none; outline:none; line-height:35px; font-size:13px; color:#999; margin-left:12px;}
.search .sbtn{ display:block; width:44px; height:35px; cursor:pointer; float:right;background: none;border: none}
/*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:-44px; margin-left:437px; z-index:1}
.proLeft { overflow:hidden; width:236px; background-color:#fff; border:2px solid #0474d8; 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: 0 20px 5px;  border-bottom:1px solid #ccc;}
.proLeft dt{ font-size:16px; font-weight:bold;line-height: 40px;border-bottom: 1px dashed #ddd;text-indent: 10px;}
.proLeft dt a{ color:#353535;display: block;}
.proLeft dt a:hover,.proLeft dt a.cur{ color:#0476dc;}
.proLeft dd{ overflow:hidden; width:191px; margin:10px 0;}
.proLeft dd a{ display:block; font-size:13px; color:#353535; line-height:35px; 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:836px; 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:856px;}
.proRight li{ float:left; width:268px; height:243px; background-color:#fff; margin-right:15px; margin-top:15px;}
.proRight li img{ display:block; margin:0 auto; margin-top:4px;}
.proRight li a{ display:block; text-decoration:none}
.proRight li span{ display:block; width:266px; height:38px; margin-top:4px; border:1px solid #efefef; text-align:center; line-height:38px; 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:50px 0 40px 0; background-color:#e9e9e9;}
.jishu em{ display:block; text-align:center; font-size:18px; color:#3d3d3d; margin-bottom:10px;}
.jishu .jst{ display:block; margin:0 auto; margin-bottom:35px;}
.jishu .menu{ overflow:hidden; width:1099px; margin:0 auto; padding-bottom:4px; margin-bottom:30px;}
.jishu .menu li{ position:relative; float:left; width:365px; height:80px; margin-right:1px; background:url(../images/js_menu_bg.png) repeat-x 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:260px;}
.jishu .jsBox .jsList{ overflow:hidden; width:100%; height:260px;}
.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:1116px; float:left;}
.jishu .jsright li{ float:left; width:264px; margin-right:15px; height:240px;}
.jishu .jsright li img{ display:block; border:4px 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;}
/*优势*/
.ys{ overflow: hidden; width: 100%; background: #fff;}
.ys .yshh{ width: 100%;}
.ys .ysTit{ overflow: hidden; background: url("../images/ys_titbg.png") no-repeat center; height: 206px; text-align: center}
.ys .ysTit h2{ font-size:43px; margin-top:50px; color: #fff;}
.ys .ysTit h2 b{ font-size: 65px; color: #ffa200}
.ys .ysTit p{ font-size: 24px; margin-top: 5px; color: #fff;}
.ys .ys01{ background: url("../images/ys_01.png") no-repeat center; height: 372px;}
.ys .ys02{ background: url("../images/ys_02.png") no-repeat center; height:404px; }
.ys .ys03{ background: url("../images/ys_03.png") no-repeat center; height: 404px}
.ys .ys04{ background: url("../images/ys_04.png") no-repeat center; height: 444px;}
.ys .ysBox{width: 470px;overflow: hidden;margin-top: 83px;margin-left: 70px;}
.ys .ysBox h3{font-size: 29px;color: #087ee8;margin-bottom: 5px;margin-left: 20px;}
.ys .ysBox span{ display: inline-block; background-color: #e5e5e5; color: #3d3d3d; line-height: 35px; margin-left:20px; padding:  0 10px; font-size: 18px; margin-bottom: 5px; margin-top: 5px;}
.ys .ysBox p{font-size: 32px;background: url("../images/youshi_p.png") no-repeat left 5px;line-height: 20px;font-size: 16px;padding-left: 15px;margin-top: 15px;}
.ys .ysBox h4{ width:245px; margin:0 auto; padding-bottom: 25px;  font-weight: normal; background: url("../images/ys_phone.png") no-repeat 10px 5px,url("../images/ys_phoneBg.png") no-repeat center bottom; padding-left: 55px; font-size: 13px; color: #4e4e4e; margin-top: 45px;}
.ys .ysBox h4 b{ color: #0364ba; font-size: 27px; display: block;}
.ys .four{ margin-top:65px; }
.ys .two{margin-top: 95px;}
.ys .thr{margin-top: 106px;}
/*case*/
.cases{width: 100%;height: auto;}
.cases .case_tit{height: 50px;line-height: 50px;margin: 40px 0 10px;background: #ededed;}
.cases .case_tit span{display: inline-block;float: left; width: 180px;height: 50px; background: #0364ba;text-align: center;color:#fff;font-size: 16px;}
.cases .case_tit a{display: block; float: right;font-size: 16px;margin-right: 15px;}
.cases .case_box{padding: 20px 0;}
.cases .case_box li{width: 366px;height: auto;float: left;text-align: center;margin-bottom: 10px;}
.cases .case_box li img{width: 350px;height: auto;padding: 2px;border:1px solid #ccc;}
.cases .case_box li p{font-size: 14px;line-height: 40px;}
/*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:750px; float:left; margin-left:20px;}
.about .aboutLeft dl{ overflow:hidden; width:100%;}
.about .aboutLeft dt{ overflow:hidden; width:300px; height:240px; float:left; border:5px solid #efefef;}
.about .aboutLeft dd{ overflow:hidden; float:right; width:420px;}
.about .aboutLeft h4{ font-size:16px; margin-bottom:20px;}
.about .aboutLeft h4 a{ color:#0262b8;}
.about .aboutLeft p{ font-size:13px; color:#333; line-height:24px; height:144px; overflow:hidden; margin-bottom:20px; 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:1174px; margin:0 auto; position:relative; height:200px;}
.about .chejian span{ display:block; width:37px; height:37px; cursor:pointer; position:absolute; top:70px;}
.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:1100px; height:220px; position:relative; margin:0 auto}
.about .chejian .cjBox ul{ position:absolute; overflow:hidden;}
.about .chejian .cjBox li{ float:left; width:230px; height:220px; margin-right:26px;}
.about .chejian .cjBox li img{ display:block; margin:0 auto; border:5px solid #fff; }
.about .chejian .cjBox li em{ display:block; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; color:#fff;line-height: 30px;}
/*news*/
.news { overflow:hidden; margin-top:40px; margin-bottom:50px;}
.newsLeft{ overflow:hidden; float:left; width:726px; height:417px; border:1px solid #e7e7e7;}
.newsRight{ overflow:hidden; float:left; 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:#0262b8}
.newsLeft .menu li.cur a{ color:#fff;}
.newsLeft .newsBox{ overflow:hidden; width:700px; margin:0 auto; height:320px; position:relative}
.newsLeft .newsList{ overflow:hidden; width:700px; margin:0 auto; height:320px;}
.newsLeft .newsList dl{ overflow:hidden; width:300px;float: left; }
.newsLeft .newsList dt{ overflow:hidden; float:left;}
.newsLeft .newsList dd{ overflow:hidden; float:left;}
.newsLeft .newsList dd h4{ font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height: 35px;}
.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;width: 280px;}
.newsLeft .list{ overflow:hidden; width:400px;float: right;}
.newsLeft .list li{ overflow:hidden; font-size:14px; line-height:34px;border-bottom: 1px dashed #ddd}
.newsLeft .list li a{ color:#333; display:block; width:280px; 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: 306px;height:60px;background:url(../images/news_menu_bg.jpg) repeat-x left top;line-height:60px;padding-left: 37px;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:22px; text-align:justify}
.g_link{height:62px;min-width:1100px;padding-top:26px;background:#f2f2f2;padding-bottom:25px;}
.g_link h2{float:left;width:115px;height:54px;border-right:1px solid #ccc;margin-top:8px;}
.g_link h2 a{color:#333333;font-size:18px;font-weight:bold;text-decoration:none;}
.g_link h2 em{color:#0d7dbf;font-size:22px;display:block;font-weight:normal;text-transform:uppercase;padding-bottom:5px;}
.link_c{float:left;width:980px;font-size: 14px;}
.link_c a{white-space:nowrap;padding:0 20px;height:34px;line-height:34px;color:#555555;display:inline-block;}