html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
ol,ul,li{list-style:none;}
body{ color:#333333; font-family:"微软雅黑"; font-size:14px; line-height:1.8;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#ce0101;}
input,button,select,textarea{ outline:none;}
img{ border:none;}
.fl{ float:left}
.fr{ float:right;}

.header{ overflow:hidden; height:69px; padding-top:38px; width:1036px; margin:0 auto;}
.logo{ width:240px; height:30px; float:left;margin-top:-10px;}
.menu{ width:690px; float:right; height:30px;}
.menu li{ height:30px; float:left; margin-left:30px;}
.menu li a{ display:block; padding:0 4px; padding-top:2px; border-bottom:2px #fff solid; font-size:16px; font-weight:bold; line-height:26px;}
.menu li a:hover,.menu li a.currmenu{ color:#128cff; border-bottom:2px #128cff solid;}
.banner{ position:relative; height:486px;letter-spacing: 3px;font-family: 'PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif'!important;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; height:493px; max-width: 1349px;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ width:100% !important;  height:393px; padding-top:127px; overflow:hidden; color:#FFFFFF; background-repeat:no-repeat;}
.banner .bd li h2{padding-left:194px; font-size:40px;padding-bottom: 16px;}
.banner .bd li p{ width:452px; padding-left:194px; font-size:18px;height:96px;}
.banner .bd li div{ width:393px; padding-left:643px; margin:0 auto; text-align:right; padding-right:30px;padding-top:54px;}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.banner .hd ul{ text-align:center;}
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000; filter:alpha(opacity=50);opacity:0.5;  line-height:999px;}
.banner .hd ul .on{ background:#f00;}

.services{ overflow:hidden; background:#f8f8f8 url(../images/Serbg.png) repeat-x; padding-bottom:20px; border-bottom:2px solid #b4b4b4;}
.ser_con{ width:1036px; margin:0 auto; height:auto !important; height:283px; min-height:283px; padding-top:84px; background:url(../images/services.png) no-repeat;}
.ser_con li{ height:110px; width:460px; float:left; padding-bottom:30px;}
.ser_con li.f_r{ float:right;}
.ser_img{ width:115px; height:110px; float:left;}
.ser_text{ width: 345px; float:left; font-size:14px;}
.ser_text h2{ color:#0084ff; font-size:22px;}

.infobox{ overflow:hidden; width:1036px; margin:0 auto; padding:68px 0; padding-bottom:38px;}
.info1{ width:480px; height:300px; float:left; margin-bottom:30px;}
.info2{ width:480px; height:300px; float:right; margin-bottom:30px;}
.info3{ width:480px; height:300px; float:left; margin-bottom:30px;}
.info4{ width:480px; height:300px; float:right; margin-bottom:30px;}
.info1 h2{ font-size:26px; background:url(../images/ico1.png) no-repeat left center; padding-left:50px;}
.info2 h2{ font-size:26px; background:url(../images/ico2.png) no-repeat left center; padding-left:50px;}
.info3 h2{ font-size:26px; background:url(../images/ico3.png) no-repeat left center; padding-left:50px;}
.info4 h2{ font-size:26px; background:url(../images/ico4.png) no-repeat left center; padding-left:50px;}
.infobox h2 a{ float:right; margin-top:15px;}
.infobox ul{ overflow:hidden;}
.infobox ul li{ overflow:hidden; background:url(../images/list.png) no-repeat left center; padding:8px 0 8px 25px;}
.infobox ul li a{ float:left;}
.infobox ul li span{ float:right;}

.columnbox{ height:210px; padding:3px 0; background:url(../images/cbg.jpg) no-repeat center;}
.columnbox ul{ width:1036px; margin:0 auto; overflow:hidden;}
.columnbox ul li{ width:344px; height:200px; padding-top:10px; text-align:center; float:left; border-left:1px dashed #aeffff; font-weight:bold;}
.columnbox ul li.first{ border:none;}
.columnbox ul li a{ color:#050239; font-size:18px;}
.columnbox ul li a:hover{ color:#FFFFFF;}

.solutionbox{ overflow:hidden; background:url(../images/solubg.png) repeat-x;}
/*.solution{ width:1036px; margin:0 auto; height:auto !important; height:317px; min-height:317px; padding-top:108px; background:url(../images/solution.png) no-repeat;}
.solutionpic{ width:328px; height:233px; float:left;}
.solutiontext{ width:655px; float:right; overflow:hidden;}
.solutiontext li{ overflow:hidden; margin:3px 0;}
.solutiontext li a{ display:block; overflow:hidden; padding:2px 0; padding-left:97px; line-height:1.5;}
.solutiontext li a.solu01{ background:url(../images/solu01.png) no-repeat left center;}
.solutiontext li a.solu02{ background:url(../images/solu02.png) no-repeat left center;}
.solutiontext li a.solu03{ background:url(../images/solu03.png) no-repeat left center;}
.solutiontext li a.solu01:hover{ background:#0084ff url(../images/solu01_hover.png) no-repeat left center; color:#fff;}
.solutiontext li a.solu02:hover{ background:#0084ff url(../images/solu02_hover.png) no-repeat left center; color:#fff;}
.solutiontext li a.solu03:hover{ background:#0084ff url(../images/solu03_hover.png) no-repeat left center; color:#fff;}*/
.solution{ width:1036px; margin:0 auto; height:auto !important; height:317px; min-height:317px; padding-top:108px; background:url(../images/solution.png) no-repeat;}
.solution .hd{ width:655px; float:right; overflow:hidden;}
.solution .hd ul{ overflow:hidden; zoom:1;  }
.solution .hd ul li{ overflow:hidden; margin:3px 0;}
.solution .hd ul li a{ display:block; overflow:hidden; padding:2px 0; padding-left:97px; line-height:1.5;}
.solution .hd ul li a.solu01{ background:url(../images/solu01.png) no-repeat left center;}
.solution .hd ul li a.solu02{ background:url(../images/solu02.png) no-repeat left center;}
.solution .hd ul li a.solu03{ background:url(../images/solu03.png) no-repeat left center;}
.solution .hd ul li a.solu01:hover{ background:#0084ff url(../images/solu01_hover.png) no-repeat left center; color:#fff;}
.solution .hd ul li a.solu02:hover{ background:#0084ff url(../images/solu02_hover.png) no-repeat left center; color:#fff;}
.solution .hd ul li a.solu03:hover{ background:#0084ff url(../images/solu03_hover.png) no-repeat left center; color:#fff;}

.solution .hd ul li.on a.solu01{ background:#0084ff url(../images/solu01_hover.png) no-repeat left center; color:#fff;}
.solution .hd ul li.on a.solu02{ background:#0084ff url(../images/solu02_hover.png) no-repeat left center; color:#fff;}
.solution .hd ul li.on a.solu03{ background:#0084ff url(../images/solu03_hover.png) no-repeat left center; color:#fff;}

.solution .bd{ overflow:hidden; width:280px; padding-left:40px; height:260px; float:left;}
.solution .bd li{ width:328px; height:233px;}

.casebox{ height:283px; overflow:hidden; background:url(../images/casebg.gif) repeat-x;}
.case{ width:1036px; margin:0 auto; overflow:hidden; background:url(../images/ccbg.png) no-repeat; padding-top:120px;}
.caseScroll{ position:relative; height:68px; padding:0 0 0 50px; overflow:hidden;   }
.caseScroll ul{ overflow:hidden; zoom:1; height:684px;}
.caseScroll ul li{ float:left; margin: 0 13px;  width:68px; overflow:hidden; display:inline; }
.caseScroll ul li img{ width:68px; height:68px; }
.caseScroll .prev{ position:absolute; left:0px; top:0px; display:block; width:33px; height:68px; overflow:hidden; background:url(../images/leftscoll.png) no-repeat; cursor:pointer;  }
.caseScroll .next{ position:absolute; right:0px; top:0px; display:block; width:33px; height:68px; overflow:hidden; background:url(../images/rightscoll.png) no-repeat; cursor:pointer;  }
.caseScroll .prevStop{ background-position:0 0; }
.caseScroll .nextStop{ background-position:0 0; }

.friendlink{ overflow:hidden; padding:3px 0; line-height:35px; font-size:16px; padding-left:98px; background:url(../images/flink.png) no-repeat left top; width:938px; margin: 0 auto;}
.footbox{ overflow:hidden; border-top:1px solid #cbcbcb;}
.footer{ width:1036px; margin:0 auto; overflow:hidden; padding:15px 0;}
.copyright{ float:left; width:500px;}
.fnavbox{ width:470px; float:right;}

.ibanner{ overflow:hidden; background:#059ade url(../images/ibannerbg.png) repeat-x top;}
.ibanner ul{ overflow:hidden; width:1036px; margin:0 auto; height:80px; padding:10px 0;}
.ibanner ul li{ width:159px; height:80px; float:left; margin:0 50px;}
.ibanner ul li a{ display:block; height:80px; line-height:80px; color:#FFFFFF; font-size:22px; font-weight:bold;}

.main{ overflow:hidden; background:#f8f8f8 url(../images/m1.jpg) repeat-x; padding-top:17px;}
.mainbox{ width:1036px; margin:0 auto; overflow:hidden;}
.position{ padding:5px 0 10px 0;}
.developtitle{ padding-left:50px; font-size:24px; font-weight:bold; height:42px; line-height:42px; background:url(../images/developtitle.jpg) no-repeat;}
.pagecontent{ padding:15px 0; padding-bottom:30px;}

.develad{ width:998px; margin:0 auto; font-size:24px; padding:30px 0; padding-bottom:50px; font-weight:bold;}
.develtd{ padding-right:1px; background:url(../images/fgline.gif) no-repeat right center;}
.develcolumn{ text-align:center; font-size:24px; font-weight:bold;}
.develcont{ margin:30px 40px;}

.liuchen{ width:960px; margin:0 auto; border-top:1px solid #000; padding:40px 0; text-align:center; font-size:24px; font-weight:bold;}

.pxbanner{ overflow:hidden; height:289px; background:url(../images/px_bn.jpg) no-repeat center;}
.aibanner{ overflow:hidden; height:289px; background:url(../images/px_bn.jpg) no-repeat center;}

.casetitle{ padding-left:50px; font-size:24px; font-weight:bold; height:42px; line-height:42px; background:url(../images/casetitle.jpg) no-repeat;}
.caselist{ overflow:hidden;}
.caselist li{ width:200px; height:240px; float:left; margin:10px 28px;}
.caselist li img{ width:200px; height:200px;}

.xwbanner{ overflow:hidden; height:171px; background:url(../images/xw_bn.jpg) no-repeat center;}

.newslist{ overflow:hidden;}
.newslist li{ overflow:hidden; height:150px; padding:50px 0; border-bottom:1px dotted #c9c9c9;}
.newstime{ width:80px; height:80px; text-align:center; background:#ebf4fd; line-height:1.4; float:left;}
.newstime p{ font-size:50px; line-height:1; font-weight:600;}
.newsbox{ width:930px; height:150px; background:#f5f5f5; overflow:hidden; float:right;}
.newstext{ width:675px; padding-right:15px; float:right;}
.newstext a{ color:#168fff;}
.newstext a:hover{ color:#ce0101;}
.nt{ font-size:24px; color:#168fff;}
.newsdesc{ height:80px; overflow:hidden;}
.rm{ text-align:right; color:#168fff; font-family:Arial, Helvetica, sans-serif;}

.solutionlist{ overflow:hidden;}
.solutionlist li{ overflow:hidden; height:218px; padding:50px 0; border-bottom:1px dotted #c9c9c9;}
.soluttext{ width:760px; padding-right:15px; float:right;}
.soluttext a{ color:#168fff;}
.soluttext a:hover{ color:#ce0101;}
.solutiondesc{ height:140px; overflow:hidden;}

.newsnav{ overflow:hidden; border-bottom:1px dotted #818181; height:40px;}
.previnfo{ float:left; color:#43a1e9;}
.nextinfo{ float:right; color:#43a1e9;}
.allinfo{ text-align:center; padding-top:10px;}
.allinfo a{ padding-left:20px; background:url(../images/allinfo.jpg) no-repeat left center;}
.infotitle{ font-size:24px; margin:30px 0 0 0; color:#188efa; text-align:center; font-weight:600;}
.timeauthor{ text-align:center;}
.infocontent{ padding:30px 0;}
.relevantinfotitle{ font-size:24px; color:#188efa; border-bottom:1px dotted #818181;}
.relevantinfocontent{ overflow:hidden; height:150px; padding:50px 0; padding:30px 0;}
.relevantinfocontent ul{ overflow:hidden;}
.relevantinfocontent ul li{ width:485px; height:150px;}
.relevantinfocontent ul li .infotext{ float:right; width:245px;}
.relevantinfocontent ul li .infotext h2{ font-size:14px;}

.pagetitle{ font-size:36px; text-align:center; font-weight:bold; font-family:"微软雅黑", "黑体", Arial, Helvetica, sans-serif;}
.columnavn{ height:32px; padding:5px 0 4px 0; line-height:31px; background:url(../images/columnnav.jpg) no-repeat center; text-align:center;}
.columnavn a{ font-size:18px; font-weight:bold;}

.joblist{ width:1036px; margin:0 auto; padding:30px 0; overflow:hidden;}
.joblist li{ float:left; width:260px; margin:10px 0px; margin-left:60px; font-size:16px; background:url(../images/dotico.jpg) no-repeat left center; padding-left:20px;}
.jobs{ background:#ebf0f3 url(../images/jobboxbg.jpg) repeat-x top; padding-bottom:50px;}
.jobline{ border-right:1px solid #cfd3d6; padding:50px 20px; font-size:18px; color:#4fa3e3; font-weight:bold; width:220px;}
.jobshow{ padding:0 20px;}

.whbox{ overflow:hidden; height:323px; padding-bottom:1px;}
.whtext{ width:268px; height:263px; padding:30px; overflow:hidden; background:#0181cc; color:#fff;}
.whimg{ width:672px; height:323px; overflow:hidden;}


.b_t_280{ width:280px; height:30px; line-height:30px; font-size:18px; padding:5px; border:1px solid #b0b0b0; color:#b0b0b0;}
.b_t_690{ width:680px; height:30px; line-height:30px; font-size:18px; padding:5px; border:1px solid #b0b0b0; color:#b0b0b0;}
.b_t_830{ width:830px; height:210px; line-height:30px; font-size:18px; padding:5px; border:1px solid #b0b0b0; color:#b0b0b0; margin-left:5px;}
.b_b_130{ width:130px; height:220px; background:#45a2e8 url(../images/send.jpg) no-repeat center; border:none; margin-right:5px;}

.booklist{ display:none;}


/*在线客服*/
#online_service_bar{font-size:12px;color:#555;font-family:"Microsoft YaHei",Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif;}
#online_service_bar a{color:#555;text-decoration: none;}
#online_service_bar a:hover{color:#E21F2B;text-decoration: none;}
#online_service_bar img{border:none;vertical-align: middle;}
#online_service_bar dl,#online_service_bar dd,#online_service_bar ul,#online_service_bar li{margin:0;padding:0;list-style:none;}

/*在线客服边栏*/
#online_service_bar{position:absolute; top:-150px; right:0;overflow:hidden;z-index:1001;}
#online_service_fullbar{display:none;width:160px;background:#059ade;}
.service_bar_head{width:160px;height:32px;position:relative;background:#fea000; color:#FFFFFF; padding-top:2px; line-height:30px; font-size:16px; font-weight:bold; text-align:center;}
.service_bar_main{width:160px;}
#service_bar_close{position:absolute;width:35px;height:35px;top:0;right:0;cursor:pointer;display:block;text-indent: -9999px;}

/*在线客服边栏收缩状?/
#online_service_minibar{margin-top:150px;width:23px;height:80px;background:url(mini.gif) no-repeat right top;display:none;cursor: pointer;}

/*客服菜单列表*/
.service_menu{font-size:12px;width:160px;overflow:hidden;}
.service_menu li{overflow:hidden; color:#FFFFFF; font-size:14px;}
.service_menu li a{ color:#FFFFFF;}
.service_menu li a:hover{ color:#FFFF00;}
.service_menu li dt{ text-align:left; cursor: pointer;}
.service_menu li dd{display:none;}
.service_menu li dd a img{margin-bottom:5px;}
.service_menu li.hover dt{color:#E21F2B;}
.service_menu li.hover dd{padding:5px 0;line-height:20px;}
.qq_btn{display:block;padding:4px;}
.service_tel{ font-size:12px; font-family:"Microsoft YaHei",Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif; padding-left:22px; height:28px; line-height:28px; background:url(tel.png) no-repeat 5px center; }

.service_menu li.ban{ display:block; height:80px; background:url(../lineservice/kefu.jpg) no-repeat center;}
#online_service_bar li.cont_phone{ display:block; border-top:#1f7ca6 1px solid; height:32px; line-height:32px; background:url(../lineservice/kf_phone.jpg) no-repeat 15px center; padding-left:40px;}
#online_service_bar li.cont_qq{ display:block; border-top:#1f7ca6 1px solid; height:32px; line-height:32px; background:url(../lineservice/kefu_qq.jpg) no-repeat 15px center;padding-left:40px;}
#online_service_bar li.cont_qq a{ color:#FFFFFF;}
#online_service_bar li.cont_qq a:hover{ color:#FFFF00;}
