@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,hr,
fieldset,input,p,blockquote,th,td {margin:0px; padding:0px; font-family: "微软雅黑";}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:none;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
li{ list-style:none;}
caption,th {text-align:left;}
img a {border: none;}
a{ color:#333333; text-decoration:none;}
a:hover{ color: #ef7804;}
h2{ font-size:12px; color:#21323f;}
input,textarea{outline:none} 
input:-webkit-autofill {


-webkit-box-shadow: 0 0 0px 1000px #ed932e inset;
border-top: 1px solid #f5c690!important;
border-bottom: 1px solid #f5c690!important; color: #FFFFFF !important;
}
body {line-height: 1.5; color:#333333; font-size:12px; font-family:"Garamond",arial,sans-serif;}
.cearl{ display:block; height:1px; margin-top:-1px; clear:both;}
.main{ width:1080px; margin:0 auto;  overflow:hidden; }


/*========头部=======*/
.header{height: 87px;}
.header a.logo{display:inline-block; float: left;}
.header a.logo img{height: 87px;}
.header_menu{ display: inline-block; float: left; padding-left: 40px;}
.header_menu li{ display: inline-block; float: left; margin-right: 32px; line-height: 87px;;}
.header_menu li a{color: #666; font-size: 16px;}
.header_menu li a:hover{color: #EF7804;}
.header_link{ display: inline-block; float: right;}
.header_link a{ display: inline-block; padding: 7px 0; width: 74px; text-align: center; margin: 28px 0 0 10px; border: 1px solid #d2d2d2; font-size: 14px; border-radius: 2px; color: #4d4d4d;}
.header_link a.re{color: #FFFFFF; background: #ff8f3d; border-color: #ff8f3d; width: 81px;}
.header_link a:hover{color: #ff8f3d;border-color: #ff8f3d;}
.header_link a.re:hover{color: #ffff00;}
/*========公告=======*/
.gg{ display: inline-block; position: absolute; z-index: 99; top: 504px;}
.gg li{ display: inline-block;; float: left; color: #FFFFFF; font-size: 16px; padding-left: 5px;}
.gg li a{color: #FFFFFF;}
.gg li a:hover{color: #FFFF00; text-decoration: underline;}
/*========产品优势=======*/
.index_title{ width: 100%; height: 142px; text-align: center; background: #f6f6f6;}
.index_box{ width: 100%; border-bottom: 1px dashed #ccc; padding: 50px 0 30px 0;color: #666;}
.cpys_top{ width: 710px; margin: 0 auto; text-align: center; }
.cpys_top_s{ display: block; font-size: 24px;display: block;}
.Hred{color: #9f5822;}
.hblue{color: #00489f;}
.hblack{ font-size: 14px; color: #lalala; padding: 0 2px;}
.cpys_top_x{ font-size: 16px; padding: 15px 0; display: block;}
.o2o{ width: 1217px; height: 662px; margin: 0 auto; background: url(/Public/style/images/box1.jpg) no-repeat center top; display: block; position: relative;}
.o2o_left{ display: block; float: left; width: 375px; margin:130px 0 0 182px;}
.o2o_left h3{ display:block; padding-left: 168px; color: #9f5822; font-size: 24px; font-weight: 100; line-height: 1.2em;}
.o2o_left span{color: #9f5822; padding-top: 68px; font-size: 16px; display: block; line-height: 36px; text-align: justify;}
.o2o_right{ display: block; float: right; width: 375px; margin:130px 135px 0 0;}
.o2o_right h3{ display:block; padding-left: 148px; color: #00489f; font-size: 24px; font-weight: 100; line-height: 1.2em;}
.o2o_right span{color: #00489f; padding-top: 68px; font-size: 16px; display: block; line-height: 36px; text-align: justify;}

.index_box2{ height: 586px; background: url(/Public/style/images/box2.gif) no-repeat center top; position: relative; margin:20px auto; }
.index_box2 h3{ display: block; position: absolute; top: 250px; left: 400px; font-size: 36px; line-height:45px; font-weight: 100;}
.hblack2{ font-size: 22px; color: #lalala; padding: 0 2px;}
.index_box2 span{ display: block; width: 60px; font-size: 30px; position: absolute; color: #FFFFFF;line-height: 32px;}
.index_box2 span.fx1{left: 360px; top:69px; }
.index_box2 span.fx2{left: 340px; top:470px; }
.index_box2 span.fx3{right: 294px; top:260px; }
.index_box2 ul{ display: inline-block; position: absolute;}
.index_box2 ul li{ line-height: 36px; font-size: 22px;}

.index_box2 ul.xt1{color: #3d6aac; left: 45px; top: 50px;}
.index_box2 ul.xt2{color: #429f56; left: 45px; top: 430px;}
.index_box2 ul.xt3{color: #c57c42; right:20px; top: 260px;}

.dengji{ display: block;width: 438px; background: url(/Public/style/images/dj.jpg) no-repeat center top; margin: 45px 65px; font-size: 18px; color: #FFFFFF; float: left;}
.dengji li{ display: block; height: 62px; line-height:60px; text-align: center;}
.dengji li font{font-family: "arial"; padding: 0 3px;}

.gnjs_title{ display:inline-block; float: right; margin-right: 130px; margin-top: 140px;}
.gnjs_title span,.gnjs_title2 span{ display: block; font-size: 16px; padding-top: 20px; line-height: 24px; font-family: "宋体";}
.gnjs_title2{ display:inline-block; float: left; margin-left: 130px; margin-top: 140px;}
.khgx{display: block;width: 551px; float: right; margin-right: 25px;}
.fdtx{display: block;width: 551px; float: left; margin-left: 25px;}

/*========客户案例=======*/
.case{width: 1000px; margin: 20px auto; display: block; padding: 20px 0; overflow: hidden;}
.case li{ width: 25%; float: left; margin-bottom: 58px; display: block; overflow: hidden;}
.case li a{ width: 193px; height: 93px; overflow: hidden; border:4px solid #f2f2f2; display: block; margin: 0 auto;}
.case li a img{width: 193px;}
/*========关于我们=======*/
.about{width: 100%; height: 517px; background: url(/Public/style/images/about.jpg) no-repeat center top;}
.about_box{padding: 100px 50px 0 420px; width: 610px; margin: 0 auto; line-height: 46px; font-size: 20px; text-align: justify; color: #4c4c4c;}
/*========底部试用=======*/
.foot_re{width: 100%; height: 120px; background: #ff872a; text-align: center;}
.foot_re span{ display: inline-block; line-height: 120px ; font-size: 16px; color: #FFFFFF;}
.foot_re a.re_but{width: 132px; height: 49px; background: url(/Public/style/images/re_but.gif) no-repeat center;display: inline-block; line-height: 49px; margin: 0 15px; color: #ee4300; font-size: 16px;}
/*========底部=======*/
.footer{width: 100%; height: 95px; background: #4e4e4e;}
.footer_left{ display: inline-block; float: left;}
.footer_left span.f_link{ display: block; line-height: 18px; font-size: 14px; margin-top: 28px;}
.footer_left span.f_link a{color: #FFFFFF; padding-right: 25px;}
.footer_left span.f_cony{display: block; line-height: 25px; color: #a1a1a1;}
.footer_right{ display: inline-block; float: right;}
.footer_right span{display: inline-block; float: left; margin-top: 15px;}
.footer_right span.pho{font-size: 16px; display: inline-block; padding-right: 35px; color: #a7a7a7; padding-top: 5px;}
.footer_right span.pho font{font-size: 22px;}
.footer_right span.ewm{display: inline-block; float: left;}
/*========客服=======*/
.kf{width: 155px; border: 1px solid #ededed;border-right: 0; position: fixed; top: 100px; right: 0; z-index: 9999; background: #FFFFFF; display: none;}
.kf ul.qq{display: block; overflow: hidden; width: 85%; margin: 0 auto; padding-top: 30px; border-bottom: 1px solid #ededed;}
.kf ul.qq li{width: 100%; display: block;margin-bottom: 20px;  }
.kf ul.qq li a{display: block;background: url(/Public/style/images/qq.jpg) no-repeat center 10px; text-align: center; padding-top: 50px;}
.kf span.pho{display: block; background: url(/Public/style/images/pho.gif) no-repeat center top; margin-top: 35px; padding-top: 50px; text-align: center; font-weight: 600; font-size: 17px;}
.kf span.gz{display: block;margin-top: 38px; text-align: center; line-height: 35px; font-size: 14px;}
.kf span.gz img{display: block; margin: 0 auto;}

/*========登录=======*/
.re_bg{background:#eb8e25 url(/Public/style/images/re_bg.gif) repeat-x center top;}
.re_box{width:300px; margin:120px auto 0 auto}
.re_logo{ display:block; margin:0 auto;}
.re_input{ display:block; width:300px; margin:0 auto; }
.re_input li{width:298px; height:41px; margin:10px auto; background:url(/Public/style/images/re_input.PNG) no-repeat; display:block;}
.re_input li input.name{ width:266px; height:41px; line-height:41px; border:none; display:block; margin:0 auto; font-size:14px; color:#FFF; background:none;}


.re_input li input.pass{ width:215px; height:41px; line-height:41px; border:none; display:block; margin:0 auto; font-size:14px; color:#FFF; background:none; float:left; margin-left: 15px;}
.re_input li input.code{ width:115px; padding-left:15px; height:41px; line-height:41px; border:none; display:block; margin:0 auto; font-size:14px; color:#FFF; background:none; float:left;}
.re_input li input.r_but{ width:51px; height:41px; background:url(/Public/style/images/re_but.PNG) no-repeat; float:right; border:none; cursor:pointer}
.re_input li input.r_but:hover{ background-position:0 -41px;}
.re_foot{ width:100%; text-align:center; color:#FFF; margin-top:45px;}
.re_foot a{ color:#FFF; padding:0 10px;}
.re_foot a:hover{ color:#FF0; text-decoration:underline;}
.re_cony{ width:100%; text-align:center; color:#f1a563; padding-top:10px;}

/*========申请试用=======*/
.re_main{ width:1000px; margin:0 auto; overflow:hidden;}
.re_top_logo{ display:inline-block; float:left; background:url(/Public/style/images/re_logo.jpg) left center no-repeat; padding-left:235px; height:92px; line-height:92px; font-size:20px; color:#666;}
.re_top_logo:hover{color:#666;}
.re_main2{ width:100%; background:#f5f5f5; overflow:hidden; padding:40px 0; color:#666;}
.re_left{ width:475px; border-right:1px solid #dcdcdc; padding-left:45px; float:left;}
.re_left h3,.re_right h3{ line-height:40px; font-weight:100; font-size:20px;}
.re_left_table{ width:100%; margin-top:10px;}
.re_left_table td{ padding:7px 0; font-size:14px;}
.re_left_table td input.text{ border:1px solid #ccc; height:34px; line-height:34px; text-indent:10px; background:#FFF; width:225px;}
.re_left_table td textarea{ border:1px solid #ccc; line-height:24px; background:#FFF; width:225px;}
.re_sy{ width:130px; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:16px; background:#ff8f3d; border:none; cursor:pointer;}
.re_sy:hover{ background:#F30;}
.re_right{ width:265px;  padding-right:100px; float:right;}
.re_right ul{ display:block; width:100%; margin-top:15px;}
.re_right ul li{ display:block; height:46px; margin-bottom:4px; background:url(/Public/style/images/rex.gif) center bottom no-repeat;}
.re_right ul li span{ display:block; width:100%; height:34px; line-height:34px; text-align:center; background:#ffebbd; font-size:15px;}
.re_right_pho{ display:block; margin-top:50px; font-size:16px;}
.re_right_pho font{ font-size:22px;}
.re_footer{ text-align:center; padding:25px 0; color:#bababa;}
/*========华泰蓝=======*/
.cs7 .re_bg{background: #003e79;}
.cs7 .re_input li input.r_but{backgroun
d: url(images/ht_re_but.PNG) no-repeat;}
.cs7 .re_cony{color: #748aa8;}
.cs7 .re_input li input{color: #b9c3d2 !important;}
.cs7 .re_input li input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #0d477f inset;
border-top: 1px solid #809fbc !important;border-bottom: 1px solid #809fbc !important; color: #b9c3d2 !important;}
.cs7 .top{background: #004e97 url(images/top_bg.jpg) no-repeat right top;}

/*========探路者绿=======*/
.cs8{height: 100%;}
.cs8 .re_bg{background: #f1e347 url(images/cs8_bg.jpg) no-repeat center bottom;}
.cs8 .re_input li input.r_but{background: url(images/tlz_re_but.PNG) no-repeat;}
.cs8 .re_input li input.r_but:hover{background-position: 0 -41px;}
.cs8 .re_cony{color: #17ab57;}
.cs8 .re_input li input{color: #006633 !important;}
.cs8 .re_input li input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
border-top: 2px solid #009944 !important;border-bottom: 2px solid #009944 !important; color: #057235 !important;}
.cs8 .top{background: #004e97 url(images/top_bg.jpg) no-repeat right top;}
.cs8 .re_foot{display: none;}
.cs8 .re_cony{display: none;}
.cs8 .re_box{width:650px; }
.cs8 .re_input{width: 100%;overflow: hidden; margin-top: 80px;}
.cs8 .re_input li{width: 298px; float: left;}
.cs8 .re_input li{background: url(images/tlz_re_input.PNG) no-repeat;}