HTML BODY {
MARGIN:0px; PADDING:0px; TEXT-ALIGN:left; FONT-SIZE:14px; FONT-FAMILY:"微软雅黑","宋体";color:#454545;
}
TD,div {font-family: "微软雅黑","宋体";font-size: 14px; color: #454545; line-height:20px;}
INPUT,TEXTAREA {BORDER-WIDTH:1px; BORDER-COLOR:cccccc;background:ffffff;font-family: "微软雅黑","宋体";}
A {TEXT-DECORATION:none;color:#454545;
}
A:hover {
COLOR:#454545; TEXT-DECORATION:none;/* TOP:1px; LEFT:1px; POSITION:relative;*/
}
.clear{clear:both;}
.IndexFlash
{
width:100%;
height:362px;
overflow:hidden;
margin:auto;
background:#ffffff;
text-align:left;
}
/*#Content img{border:#a5a5a5 solid 1px}
*/
.bt{
FONT-SIZE: 14px;
FONT-FAMILY: "Arial","宋体";
COLOR: #fdf9d3;
BORDER: NONE;
BACKGROUND-Color:#176ba1;
padding:6px 8px 3px 8px;
CURSOR:pointer;
}
#demost {
overflow:hidden;
width: 1000px;
height:220px;
}
#indemo {
float: left;
width: 800%;
}
#demo1e {
float: left;
}
#demo211 {
float: left;
}
.bottom{ background:#000; width:1000px; margin:auto; height:50px; line-height:50px; color:#ffffff; text-align:center}
.menu_a {width: 90px;height:105px;line-height:105px;text-align:center;background:url(../images/mean.jpg);}
.menu_a a{color:#454545;font-size: 16px;font-family:微软雅黑;display:block;width:90px;}
.menu_a a:hover{ color:#dd383f; font-size:16px; font-family:微软雅黑; width:90px}
.menu_ab { width:90px; height:105px; line-height:105px; text-align:center; background:url(../images/mean.jpg)}
.menu_ab a{ color:#dd383f; font-size:16px; font-family:微软雅黑; display:block; width:90px}
.menu_ab a:hover{ color:#dd383f; font-size:16px; font-family:微软雅黑; display:block; width:90px}
.news_p{width:100%; margin:auto; text-align:left; height:40px; line-height:40px; color:#454545; font-size:14px}
.news_p_a{ color:#454545;font-size:14px}
.news_p_a:hover{ color:#454545; font-size:14px}
.our_case{ width:100%; padding-bottom:38px; background:#1baada}
.service_Title2 { padding-top:55px; text-align:center; border-bottom:#f2f2f2 1px solid; position:relative; bottom:-1px;}
.service_Title2 .en{ display:block; font-size:4em; font-weight:bold; color:#000; line-height:1;}
.service_Title2 .cn{ display:inline-block; font-size:2em; border-bottom:#ff6c00 5px solid; line-height:1.5;}
.our_case .brief{ text-align:center; font-size:14px; padding:30px 0;}
.our_case .our_case_cont ul li{ width:20%; float:left; position:relative;}
.our_case .our_case_cont ul li .imglist{ width:100%;}
.our_case .our_case_cont ul li .divDown{ position:absolute; left:0px; bottom:3px; width:100%; background:url(../images/bg36.png) repeat left top; text-align:center; display:none; padding-bottom:2%;}
.our_case .our_case_cont ul li .divDown img{ display:none;}
.our_case .our_case_cont ul li .divDown .cont{ width:80%; height:100%; margin:0 auto; display:table;}
.our_case .our_case_cont ul li .divDown .cont .div{ display:table-cell; vertical-align:middle;}
.our_case .our_case_cont ul li .divDown .cont span{ display:block; color:#fff;}
.our_case .our_case_cont ul li .divDown .cont .tit{/* background:url(../images/bg39.jpg) no-repeat center bottom;*/ height:40px; line-height:40px; font-size:1.4em; margin-bottom:1%;}
.our_case .our_case_cont ul li .divDown .cont .p{ line-height:22px; margin-top:10px; text-align:left; display:none;}
.our_case .our_case_cont ul li:hover .divDown{ display:block;}
.i_news_no .news_title{width:265px; height:60px; line-height:60px; background:#1baada; text-align:left; padding-left:10px; padding-right:10px}
.i_news_no .news_smallc{width:265px; height:160px; line-height:30px; background:#ffffff; text-align:left; padding-left:10px; padding-right:10px; color:#454545}
.i_news_no .news_smallc .news_smallc_time{width:265px; padding-top:10px; height:30px; line-height:30px; color:#454545; cursor:pointer}
.i_news_no .news_smallc .news_smallc_smallc{width:265px; padding-bottom:10px; height:100px; line-height:30px; cursor:pointer}
.i_news_yes .news_title{width:265px; height:60px; line-height:60px; background:#383735; text-align:left; padding-left:10px; padding-right:10px}
.i_news_yes .news_smallc{width:265px; height:160px; line-height:30px; background:#1baada; text-align:left; padding-left:10px; padding-right:10px; color:#ffffff}
.i_news_yes .news_smallc .news_smallc_time{width:265px; padding-top:10px; height:30px; line-height:30px; color:#ffffff; cursor:pointer}
.i_news_yes .news_smallc .news_smallc_smallc{width:265px; padding-bottom:10px; height:100px; line-height:30px; color:#ffffff; cursor:pointer}
.bottom_a{ color:#ffffff; font-size:14px}
.bottom_a a{ color:#ffffff; font-size:14px}
.bottom_a a:hover{ color:#ff0000; font-size:14px}
.qy_no{width:185px;height:118px;border:1px solid #cccccc}
.qy_yes{width:185px;height:118px;border:1px solid #1baada}
.dh { width:100px; height:55px; line-height:55px; text-align:left; color:#fff; font-size:14px}
.dh a{ width:100px; height:55px; line-height:55px; text-align:left; color:#000000; font-size:14px;}
.dh a:hover{ width:100px; height:55px; line-height:55px; text-align:center; color:#dd383f; font-size:14px; font-weight:bold}
#about_box{width:1000px; margin:0 auto; margin-top: 10px;}
#about_left{ width:170px; margin:0 auto; float:left;display:block; margin-top:20px;}
#about_right{ width:800px; margin:0 auto;float:left;display:block;margin-top:15px;border-left: solid 1px #d7e1e5;margin-bottom: 40px;}
.about_title_top{ width:737px;height:50px; margin:0 auto;border-bottom:solid 1px #CCCCCC; margin-bottom:10px;}
.about_title{ height:55px; line-height:60px; float:left; font-size:18px; padding-left:10px; font-weight:bold; color:#0266aa}
.about_con{ width:750px; margin:0 auto;line-height:24px; margin:0 0 0 40px; font-size:14px;}
.left_no{ height:55px; width:170px; border:1px solid #D7E1E5; border-right:none; line-height:55px; text-align:center; font-size:16px;}
.left_no a{ color:#333333; font-size:16px;line-height:55px; text-decoration:none}
.left_no a:hover{ color:#333333; line-height:55px; text-decoration:none; }
.left_yes{ height:55px; width:170px; border:1px solid #D7E1E5; border-right:none; line-height:55px; text-align:center; font-size:16px;}
.left_yes a{ color:#005EAD; font-size:16px;line-height:55px;text-decoration:none}
.left_yes a:hover{ color:#005EAD; line-height:55px; text-decoration:none}
.zi1 {
font-size: 46px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
.zi2 {
font-size: 32px;
}
.zi3 {
font-size: 28px;
color: #317fc6;
}
.zi4 {
font-size: 28px;
color: #23c069;
}
.zi5 {
font-size: 28px;
color: #7099cd;
}
.zi6 {
font-size: 18px;
color: #555;
}
.zi7 {
font-size: 26px;
color: #005ead;
}
.zi8 {
font-size: 18px;
color: #333;
}
.zi9 {
font-size: 16px;
color: #005ead;
}
.zi10 {
font-size: 20px;
color: #d09725;
}
.zi11 {
font-size: 16px;
color: #005ead;
font-weight: bold;
}
.top1 {
width: 100%;
height: 70px;
background: rgba(255,255,255,.9);
position: fixed;
top: 0;
box-shadow: 0px 1px 6px #999;
margin:0 auto;
}
.top {
width: 1100px;
height: 70px;
margin:0 auto;
text-align:center;
}
.logo {
width: 437px;
height: 37px;
padding-top: 20px;
float: left;
}
.nav {
width: 500px;
height: 50px;
padding-top: 20px;
float: left;
padding-left: 120px;
}
.nav li {
width: auto;
padding: 0 15px;
float: left;
position: relative;
}
.nav li a {
line-height: 50px;
font-size: 18px;
}
.nav li a:hover {
color: #005ead;
text-decoration: none;
}
.yuan {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.yuan {
width: 1170px;
height: 270px;
padding: 46px 110px 0 110px;
margin: auto;
}
.yuan li {
width: 144px;
margin-right: 57px;
float: left;
}
.yuan span {
width: 100%;
font-size: 20px;
line-height: 26px;
color: #999;
float: left;
text-align: center;
}
.yuan img {
width: 144px;
height: 144px;
float: left;
margin-bottom: 20px;
}
.xunjia {
width: 100%;
min-width: 1170px;
height: 628px;
background-color: #f6f6f6;
padding-top: 50px;
}
.xunjia ul {
width: 962px;
margin: auto;
}
.jia {
width: 274px;
height: 460px;
float: left;
margin-right: 70px;
}
.jia h2 {
width: 100%;
height: 90px;
background-color: #317fc6;
font-size: 20px;
color: #fff;
text-align: center;
font-weight: normal;
padding-top: 55px;
line-height:34px;
}
.jia ul {
width: 100%;
height: 308px;
background-color: #fff;
padding-top: 20px;
}
.jia ul li {
font-size: 20px;
line-height: 66px;
text-align: center;
color: #666;
}
.zzxj {
width: 100%;
height: 160px;
float: left;
margin-top: 10px;
}
.zzxj h2 {
border-bottom: solid 1px #bbcadd;
line-height: 42px;
color: #6b9bd0;
font-size: 20px;
font-weight: normal;
}
.zzxj dl {
width: 1002px;
float: left;
padding-top: 15px;
}
.zzxj dl dt {
width: 48px;
height: 64px;
float: left;
margin-right: 22px;
}
.zzxj dl dd {
font-size: 16px;
float: left;
}
.srk {
width: 160px;
height: 24px;
line-height: 24px;
padding: 0 6px;
border: solid 1px #bbcadd;
margin-right: 5px;
}
.box2 {
width: 100%;
min-width: 1170px;
padding: 80px 0 80px 0;
background-color: #fff;
overflow: hidden;
}
.link {
width: 1010px;
margin: 0 auto;
}
.link h2 {
font-size: 22px;
color: #999;
font-weight: normal;
margin-bottom: 45px;
}
.link table {
width: 962px;
float: left;
}
.link table td {
width: 234px;
height: 122px;
border-bottom: dotted 1px #ccc;
border-right: dotted 1px #ddd;
text-align: center;
}
.box3 {
width: 100%;
min-width: 1300px;
padding: 60px 0 40px 0;
background-color: #f6f6f6;
overflow: hidden;
}
.box3 ul {
width: 962px;
margin: auto;
}
.news {
width: 240px;
border-right: solid 1px #eee;
float: left;
margin:0 40px;
}
.news h2 {
font-size: 26px;
font-weight: normal;
margin-bottom: 28px;
}
.news span {
margin-right: 50px;
float: right;
}
.news li {
width: 100%;
line-height: 36px;
}
.news li a {
font-size: 14px;
color: #888888;
}
.news p {
width: 100%;
color: #3d70c0;
font-size: 14px;
float: left;
margin-bottom: 6px;
}
.bottom1 {
width: 100%;
min-width: 1170px;
height: 70px;
background-color: #d7e1e5;
padding-top: 20px;
padding-bottom: 20px;
text-align:center;
}
.bottom1 ul {
width: 1170px;
margin: auto;
text-align: center;
}
.bottom1 li {
color: #343434;
line-height: 24px;
width: 100%;
float: left;
}
.bottom1 li a {
color: #343434;
margin: 0 5px;
}
.down-list {
width: 140px;
border: 1px solid #ddd;
padding: 0;
margin: 0;
position: absolute;
left: 50%;
margin-left: -71PX;
margin-top: -4px;
background-color: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
display: none;
}
.arrow-icon-bg {
display: block;
border-width: 9px;
border-style: solid;
border-color: transparent transparent #ddd transparent;
width: 0;
height: 0;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
margin-top: -18px;
}
.arrow-icon-sm {
display: block;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #fff transparent;
width: 0;
height: 0;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
margin-top: -16px;
}
.down-list-ul {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}
.down-list-ul * {
box-sizing: border-box;
-WEBKIT-box-sizing: border-box;
}
.down-list-ul li {
display: block;
height: 40px;
line-height: 40px!important;
text-align: center;
border-bottom: 1px solid #ddd;
width: 100%;
padding: 0;
font-size: 16PX!important;
color: #999!important;
cursor: pointer;
}
.down-list-ul li a {
line-height: 40px!important;
font-size: 16PX!important;
color: #999!important;
display: inline-block;
margin: 0;
height: 100%;
width: 100%;
}
.down-list-ul li:last-child {
border-bottom: 1px solid transparent!important;
}
.down-list-ul li:hover {
background-color: #1268b3;
color: #fff;
}
.down-list-ul li a:hover {
color: #fff!important;
}
.center {
width: 1170px;
height: auto;
overflow: hidden;
margin: auto;
}
.ding {
width: 162px;
background-color: #fff;
color: #005ead;
display: block;
}
.right {
width: 849px;
min-height: 600px;
height: auto;
border-left: solid 1px #d7e1e5;
padding: 0 40px;
float: left;
margin-bottom: 40px;
}
.ys1 {
width: 100%;
height: auto;
border-bottom: solid 1px #ddd;
margin-bottom: 70px;
float: left;
}
.ys1 dt {
float: right;
padding-bottom: 60px;
}
.ys1 dd {
width: 300px;
font-size: 14px;
line-height: 24px;
color: #939fa6;
float: left;
}
.ys-bt {
color: #555;
font-size: 32px;
line-height: 56px;
}
.ys2 {
width: 100%;
height: auto;
border-bottom: solid 1px #ddd;
margin-bottom: 70px;
float: left;
}
.ys2 dt {
float: left;
padding-bottom: 60px;
}
.ys2 dd {
width: 280px;
font-size: 14px;
line-height: 24px;
color: #939fa6;
float: right;
}
.yxgn {
width: 750px;
padding-bottom: 20px;
float: right;
margin-bottom: 30px;
}
.yxgn h2 {
font-size: 18px;
font-weight: normal;
padding-bottom: 10px;
border-bottom: solid 1px #d7e1e5;
}
.yxgn-text {
width: 750px;
border-top: solid 1px #d7e1e5;
border-left: solid 1px #d7e1e5;
float: left;
margin-top: 20px;
float: left;
}
.yxgn-text td {
width: 410px;
height: 90px;
padding-left: 50px;
font-size: 14px;
line-height: 24px;
color: #939fa6;
border-bottom: solid 1px #d7e1e5;
border-right: solid 1px #d7e1e5;
}
.zhfa {
width: 750px;
padding-bottom: 20px;
float: right;
margin-bottom: 30px;
}
.zhfa dl {
width: 750px;
height: 88px;
border: solid 1px #d7e1e5;
margin-bottom: 20px;
padding-top: 20px;
float: left;
}
.zhfa dt {
width: 200px;
text-align: right;
float: left;
}
.zhfa dd {
width: 550px;
float: right;
text-align: left;
font-size: 14px;
color: #939fa6;
line-height: 28px;
}
.buy {
width: 750px;
padding-bottom: 20px;
float: right;
margin-bottom: 30px;
}
.ggw1 {
width: 750px;
height: 122px;
border: solid 1px #d7e1e5;
padding-top: 65px;
float: right;
margin-bottom: 35px;
}
.ggw1 p {
float: right;
padding-right: 35px;
margin-bottom: 16px;
clear: both;
float: right;
}
.buy h2 {
font-size: 18px;
font-weight: normal;
padding-bottom: 10px;
border-bottom: solid 1px #d7e1e5;
}
.jgylb {
border-top: solid 1px #d7e1e5;
border-left: solid 1px #d7e1e5;
margin: 10px 0 20px 0;
float: left;
}
.jgylb td {
height: 42px;
border-bottom: solid 1px #d7e1e5;
border-right: solid 1px #d7e1e5;
text-align: center;
}
.gm-srk {
width: 100%;
text-align: center;
font-size: 16px;
color: #333;
}
.srk2 {
width: 100px;
height: 30px;
line-height: 30px;
padding: 0 6px;
border: solid 1px #bbcadd;
margin: 0 6px;
color: #999;
}
.gmdj {
width: 104px;
height: 42px;
background-color: #005ead;
border: none;
border-radius: 3px;
color: #fff;
font-family: "微软雅黑";
font-size: 16px;
text-align: center;
line-height: 42px;
margin-left: 20px;
cursor: pointer;
}
.sfbgn {
width: 750px;
padding-bottom: 20px;
float: left;
margin-bottom: 30px;
}
.sfbgn h2 {
font-size: 18px;
font-weight: normal;
padding-bottom: 10px;
border-bottom: solid 1px #d7e1e5;
}
.sfbgn dl {
width: 250px;
height: 70px;
margin: 30px 0 20px 0;
float: left;
}
.sfbgn dt {
width: 55px;
height: 55px;
float: left;
}
.sfbgn dd {
width: 190px;
float: right;
line-height: 20px;
color: #939fa6;
font-size: 14px;
}
.ggw2 {
width: 968px;
height: 198px;
border: solid 1px #d7e1e5;
float: right;
margin-bottom: 35px;
}
.djxx {
margin-top: 15px;
}
.djxx tr {
height: 90px;
}
.djxx td {
height: 66px;
font-size: 14px;
}
/*.dj-srk {
width: 620px;
height: 40px;
border: solid 1px #ccc;
line-height: 40px;
padding: 0 5px;
}*/
.dj-srk {
height: 24px;
line-height: 22px;
width: 620px;
outline: none;
background-color: #fff;
border: 1px solid #c0c0c1;
border-top-color: #ababab;
padding: 8px 4px;
-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
-ms-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
border-radius: 2px;
overflow: hidden;
font-size: 14px;
}
.dj-srk:focus {
border-color: #4d90fe;
}
.ggw3 {
width: 968px;
height: 267px;
border: solid 1px #d7e1e5;
float: right;
margin-bottom: 35px;
}
.yhhd {
width: 970px;
padding-bottom: 20px;
padding-left: 37px;
border-left: solid 1px #d7e1e5;
float: right;
margin-bottom: 30px;
}
.yhhd h2 {
font-size: 18px;
font-weight: normal;
padding-bottom: 10px;
border-bottom: solid 1px #d7e1e5;
}
.ggw4 {
width: 968px;
height: 260px;
border: solid 1px #d7e1e5;
float: right;
margin-bottom: 35px;
}
.jxsjm {
width: 970px;
padding-bottom: 20px;
padding-left: 37px;
border-left: solid 1px #d7e1e5;
float: right;
margin-bottom: 30px;
}
.jxsjm h3 {
width: 100%;
font-size: 16px;
margin-bottom: 15px;
float: left;
line-height: 42px;
font-weight: normal;
}
.jxsjm ul {
width: 928px;
border: solid 1px #d7e1e5;
padding: 0 20px 20px 20px;
float: left;
}
.jxsjm dl {
width: 100%;
height: 60px;
padding-top: 20px;
float: left;
}
.jxsjm dl dt {
width: 130px;
height: 40px;
text-align: center;
float: left;
}
.jxsjm dl dd {
font-size: 14px;
float: left;
}
.yhgs {
width: 100%;
float: left;
text-align: center;
margin-bottom: 50px;
}
.swiper-container {
min-height: 398px;
}
.swiper-slide {
position: relative;
}
.a-link {
display: block;
width: 180px;
height: 80px;
position: absolute;
color: transparent!important;
left: 50%;
top: 50%;
margin-left: 50px;
margin-top: 20px;
}
.swiper-slide img {
width: 100%;
height: 100%;
min-height: 342px;
}
/*广告*/
.ad {
display: none;
background-color: #e6002f;
background-image: url(../images/ggt.jpg);
background-repeat: no-repeat;
background-position: center;
/*height: 60px;*/
width: 100%;
/*margin-top: 60px;*/
position: fixed;
bottom: 0;
cursor: pointer;
}
#divAD #b {
position: relative;
}
#divAD #a {
position: absolute;
top: 0;
right: 0;
z-index: 99;
font-size: 14px;
background-color: #ddd;
}
#divAD #a:hover {
background-color: #ffffff;
}
/*.ad img {
width: 100%;
}*/
/* mainbanner 首页幻灯片 */
.mainbanner {
height: 394px;
overflow: hidden;
position: relative;
}
.mainbanner_window {
left: 50%;
width: 2000px;
height: 394px;
overflow: hidden;
margin-left: -1000px;
position: absolute;
}
.mainbanner_window ul {
width: 999999px;
height: 454px;
position: relative;
}
.mainbanner_window li {
background: #f6f6f6;
width: 2000px;
height: 454px;
text-align: center;
font-size: 0px;
float: left;
display: inline;
}
.mainbanner_list {
left: 50%;
top: 360px;
width: 500px;
height: 30px;
margin-left: -75px;
position: absolute;
}
.mainbanner_list li {
width: 30px;
height: 30px;
overflow: hidden;
float: left;
display: inline;
}
.mainbanner_list a {
background: url("../images/1.png") no-repeat;
width: 25px;
height: 25px;
line-height: 25px;
overflow: hidden;
text-align: center;
color: rgb(255, 255, 255);
font-size: 12px;
font-weight: 700;
float: left;
display: inline-block;
}
.mainbanner_list li.active a {
background-position: 0 -30px;
text-decoration: none;
}
.mainbanner_list li a:hover {
background-position: 0 -30px;
text-decoration: none;
}
/*免费试用*/
.rides-cs {
font-size: 12px;
background: #29a7e2;
position: fixed;
top: 180px;
/*left: 0px;*/
left: 0px;
_position: absolute;
z-index: 1500;
border-radius: 6px 0px 0 6px;
}
/*.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}*/
.rides-cs .floatL a {
color: white;
font-size: 22px;
text-decoration: none;
}
/*.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}*/
.rides-cs .floatR {
font-size: 12px;
/*background: #29a7e2;*/
position: fixed;
top: 176px;
left: 40px;
_position: absolute;
z-index: 1500;
border-radius: 6px 0px 0 6px;
}
.rides-cs .floatR .cn {
background: #29a7e2;
border-radius: 6px;
margin-top: 4px;
}
.rides-cs .cn .titZx {
font-size: 14px;
color: #333;
font-weight: 600;
line-height: 24px;
padding: 5px;
text-align: center;
}
.cn h2 {
font-size: 16px;
color: black;
}
.cn h2 span {
font-size: 14px;
color: black;
}
.rides-cs .cn ul {
padding: 0px;
}
.rides-cs .cn ul li {
line-height: 38px;
heiht: 38px;
border-bottom: solid 1px #E6E4E4;
overflow: hidden;
text-align: center;
}
.rides-cs .cn ul li span {
color: #777;
}
.rides-cs .cn ul li a {
color: #777;
}
.rides-cs .cn ul li img {
vertical-align: middle;
}
.rides-cs .btnOpen, .rides-cs .btnCtn {
position: relative;
z-index: 9;
top: 25px;
left: 0;
/*background-image: url(../images/lanrenzhijia.png);*/
background-repeat: no-repeat;
display: block;
height: 146px;
padding: 8px;
}
.rides-cs .btnOpen {
background-position: 0 0;
}
.rides-cs .btnCtn {
background-position: -37px 0;
}
.rides-cs ul li.top {
border-bottom: solid #ACE5F9 1px;
}
.rides-cs ul li.bot {
border-bottom: none;
}
.freetable {
margin-top: 15px;
text-align: center;
}
.freetable td {
padding-bottom: 10px;
}
.freeinput {
width: 220px;
height: 26px;
border: solid 1px #ccc;
line-height: 26px;
padding: 5px 5px;
}
.freegmdj {
width: 104px;
height: 35px;
background-color: #ff8100;
border: none;
border-radius: 3px;
color: #fff;
font-family: "微软雅黑";
font-size: 16px;
text-align: center;
line-height: 35px;
margin-left: 20px;
cursor: pointer;
}
ul, li, span, p, h1, h2, input, dt, dd, dl {
margin: 0;
padding: 0;
}
body,dd,div,dl,dt,form,h2,h3,h4,h5,h6,li,ol,p,td,th,ul,input{margin:0;padding:0;}
.about_tit{text-align:center; padding-top:20px; padding-bottom:20px}
.about_tit h4{ height: 30px; line-height: 30px;}
.about_tit h4 strong{display: inline; font-weight: 400; padding-right: 40px;margin-right: 10px; font-size: 30px; color: #157dce; background: url(../images/tit7.png) right center no-repeat; }
.about_tit h4 span { font-size: 24px; font-weight: 400; color: #adadad; }
.about_tit p{line-height:24px;font-size:16px;}
.about_content{border-bottom:1px solid #7f7f7f;padding-bottom:50px;}
.about_content p{line-height:30px;font-size:14px;}
.team_box{width:1200px;min-height:500px;border-bottom:1px solid #7f7f7f;padding-bottom:100px;background:url(../images/team_bg.jpg) 220px 50px no-repeat;}
.team_box ul{width:450px;float:right;margin-right:100px;_display:inline; zoom:1;}
.team_box ul li{margin-top:45px;padding-left:95px;background:url(../images/team_on.png) center left no-repeat;}
.team_box ul li h3{font-weight:400;}
.team_box ul li h3 a{color:#ef9b11;font-size:26px;line-height:35px;}
.team_box ul li p{line-height:22px;}
.work_box{margin:50px 0 130px 0;}
.work_content .wfBox { position: relative; margin-top: 85px; height: 230px; z-index:999;}
.work_content .wfBox .line { position: absolute; top: 63px; left: 59px; width: 1087px; height: 112px; background: url(../images/line1.png) no-repeat; z-index: 1; }
.work_content .wfBox .dot { position: absolute; width: 128px; height: 128px; background-image: url(../images/about.png); background-repeat: no-repeat; cursor: pointer; z-index: 2; }
.work_content .wfBox .icon { position: relative; margin-left: auto; margin-right: auto; background-image: url(../images/about.png); background-repeat: no-repeat; z-index: 4; }
.work_content .wfBox .wfBoxBg { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; overflow: hidden; }
.work_content .wfBox .wfBoxBg .bg { height: 0; overflow: hidden; }
.work_content .wfBox h6 { position: relative; padding-top: 10px; text-align: center; font-size: 18px; color: #fff; z-index: 4; }
.work_content .wfBox .topCir { display: none; width: 128px; height: 64px; background: url(../images/about.png) 0 -182px no-repeat; z-index: 3; }
.work_content .wfBox .bottomCir { position: relative; display: none; width: 128px; height: 64px; background: url(../images/about.png) 0 -118px no-repeat; z-index: 3; }
.work_content .wfBox ul { position: relative; padding-top: 45px; margin-bottom: -6px; background-color: #06a3ea; overflow: hidden; z-index: 4; }
.work_content .wfBox ul li { font-size: 12px; text-align: center; line-height: 24px; }
.work_content .wfBox ul li a,.wfBox ul li a:hover {color: #ffffff; }
.work_content .wfBox .odd { top: 0; }
.work_content .wfBox .even { bottom: 0; }
.work_content .wfBox .dot1 { left: 0; background-position: 0 -886px; }
.work_content .wfBox .dot1 .icon { margin-top: 32px; margin-bottom: -1px; width: 27px; height: 33px; background-position: 0 -1270px; }
.work_content .wfBox .dot2 { left: 154px; background-position: 0 -758px; }
.work_content .wfBox .dot2 .icon { margin-top: 33px; margin-bottom: -1px; width: 36px; height: 33px; background-position: 0 -1303px; }
.work_content .wfBox .dot3 { left: 307px; background-position: 0 -1142px; }
.work_content .wfBox .dot3 .icon { margin-top: 25px; margin-bottom: -1px; width: 41px; height: 34px; background-position: 0 -1336px; }
.work_content .wfBox .dot4 { left: 461px; background-position: 0 -1014px; }
.work_content .wfBox .dot4 .icon { margin-top: 27px; margin-bottom: -1px; width: 40px; height: 41px; background-position: 0 -1370px; }
.work_content .wfBox .dot5 { left: 615px; background-position: 0 -374px; }
.work_content .wfBox .dot5 .icon { margin-top: 27px; margin-bottom: -1px; width: 51px; height: 38px; background-position: 0 -1411px; }
.work_content .wfBox .dot6 { left: 769px; background-position: 0 -246px;_background-position: 0 -247px; }
.work_content .wfBox .dot6 .icon { margin-top: 32px; margin-bottom: -1px; width: 28px; height: 36px; background-position: 0 -1449px; }
.work_content .wfBox .dot7 { left: 922px; background-position: 0 -630px; }
.work_content .wfBox .dot7 .icon { margin-top: 32px; margin-bottom: -1px; width: 42px; height: 36px; background-position: 0 -1485px; }
.work_content .wfBox .dot8 { left: 1076px; background-position: 0 -502px; }
.work_content .wfBox .dot8 .icon { margin-top: 35px; margin-bottom: -1px; width: 32px; height: 34px; background-position: 0 -1521px; }
.solution_top_tit{text-align:center;}
.solution_top_tit h3{ font-size: 30px; font-weight:400;}
.solution_top_tit p{ font-size: 20px;padding:10px 0;}
.solution_top_box .solution_top_box_ul{}
.solution_top_box li {height: 190px;overflow: hidden;width: 40%;margin-left: 9.5%;margin-bottom: 40px;float: left;}
.solution_top_box li.solution_li{display:inline-block; *display:inline; zoom:1;}
.solution_top_box h4 {font-size: 18px;padding-bottom: 5px;padding-left: 90px;font-weight: bold;}
.solution_top_box p{font-size: 14px;padding-bottom: 5px;padding-left: 90px;color:#000;}
.solution_top_box a:hover p{color:#157dce;}
.solution_top_box li ul{padding: 0;padding-left: 90px;}
.solution_top_box li ul li {width: auto;margin: 0;height: 20px;font-size: 12px;float: none;color:#565656;}
.solution_top_box li a:hover ul li{color:#157dce;}
.solution_top_box .icon-s{width:70px;height:70px;display:block;float:left;margin:40px 0;background:url("../images/ico-s.png") no-repeat;}
.solution_top_box .i-s2 {background-position: 0px -70px;}
.solution_top_box .i-s3 {background-position: -70px -70px;}
.solution_top_box .i-s4 {background-position: -70px 0;}
.solution_top_box a:hover .i-s1 {background-position: 0 -140px;}
.solution_top_box a:hover .i-s2 {background-position: 0px -210px;}
.solution_top_box a:hover .i-s3 {background-position: -70px -210px;}
.solution_top_box a:hover .i-s4 {background-position: -70px -140px;}
.solution-view {width:1200px;margin:0 auto;height:500px;background:url("../images/service-bg.png") no-repeat;position:relative;color:#fff;}
.solution-view-bg {background:url("../images/solution_bg.gif");position:relative;color:#fff;}
.solution-view-bg .zi {color:#fff;text-align:center;padding:20px 0;}
.solution-view-bg .zi h3 {padding:50px 0 0 0;font-size:30px;font-weight:400;}
.solution-view-bg .zi .p1{font-size:14px;line-height:24px;}
.solution-view .solution-re {position:absolute;top:-187px;_top:-189px;right:47%;}
.solution-view .solution-bg {max-width:100%;}
.solution-view .sv1 {width:120px;height:289px;position:absolute;left:120px;bottom:0;}
.solution-view .sv2 {width:105px;height:170px;position:absolute;left:268px;bottom:0;}
.solution-view .sv3 {width:130px;height:415px;position:absolute;left:420px;bottom:0;}
.solution-view .sv4 {width:145px;height:250px;position:absolute;left:575px;bottom:0;}
.solution-view .sv5 {width:110px;height:375px;position:absolute;left:813px;bottom:0;}
.solution-view .sv6 {width:100px;height:209px;position:absolute;left:1020px;bottom:0;}
.solution-view i.icon-s2 {float:left;background:url("../images/ico-s2.png") no-repeat;}
.solution-view .sv1 i.icon-s2 {width:42px;height:289px;display:block;}
.solution-view .sv2 i.icon-s2 {width:43px; height:170px;display:block;}
.solution-view .sv3 i.icon-s2 {width:53px;height:415px;display:block;}
.solution-view .sv4 i.icon-s2 {width:49px;height:250px;display:block;}
.solution-view .sv5 i.icon-s2 {width:50px;height:375px;display:block;}
.solution-view .sv6 i.icon-s2 {width:44px;height:209px;display:block;}
.solution-view .sv1 .icon-s2 {background-position:0 -126px;}
.solution-view .sv2 .icon-s2 {background-position:-43px -245px;}
.solution-view .sv3 .icon-s2 {background-position:-87px 0;}
.solution-view .sv4 .icon-s2 {background-position:-141px -165px;}
.solution-view .sv5 .icon-s2 {background-position:-191px -40px;}
.solution-view .sv6 .icon-s2 {background-position:-242px -206px;}
.solution-view div p {font-size:24px;padding-left:0;}
.solution-view .sv1 p {padding-top:50px;}
.solution-view .sv2 p {padding-top:45px;}
.solution-view .sv3 p {padding-top:70px;}
.solution-view .sv4 p {padding-top:65px;}
.solution-view .sv5 p {padding-top:50px;}
.solution-view .sv6 p {padding-top:50px;}
.STYLE1 {color: #FF0000}
@charset "utf-8";
blockquote, body, button, dd, dl, dt, fieldset, figcaption, figure, form, h1, h2, h3, h4, h5, h6, hr, img, input, legend, li, ol, p, pre, td, textarea, th, ul {
border: medium none;
margin: 0;
padding: 0
}
body, html {
-webkit-text-size-adjust: none;
font-family: Microsoft YaHei, Arial;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
font-size: 14px;
color: #666
}
button, input, select, textarea {
font-family: Microsoft YaHei, Arial;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
vertical-align: middle;
outline: 0
}
img {
border: 0;
vertical-align: middle;
-ms-interpolation-mode: bicubic
}
table {
border-collapse: collapse;
border-spacing: 0
}
.clearfix {
z-index:-100
}
.clearfix:after, .clearfix:before {
content: "";
display: table
}
.clearfix:after {
clear: both
}
ol, ul {
list-style: none
}
a {
color: #333;
-webkit-transition: .35s;
transition: .35s
}
a, a:hover {
text-decoration: none
}
a:hover {
color: #666;
will-change: transform
}
a:active, a:hover {
outline: 0
}
section {
max-width: 75pc;
margin: 0 auto;
padding: 50px 0;
overflow: hidden
}
.back_top {
width: 40px;
height: 40px;
position: fixed;
right: 5%;
bottom: 10%;
display: none;
padding: 2px;
cursor: pointer;
overflow: hidden;
background: #111;
z-index: -1
}
.back_top:hover {
border-radius: 25px;
will-change: transform
}
.back_top, .bodybox, .menu {
transition: all ease-in .2s;
-webkit-transition: all ease-in .2s;
-moz-transition: all ease-in .2s;
-ms-transition: all ease-in .2s;
-o-transition: all ease-in .2s
}
.menu {
width: 100%;
position: absolute;
right: 0;
position: fixed;
z-index: 10;
height: 0;
top: 65px;
background: #222;
overflow: hidden
}
.open .menu {
height: 100%;
overflow: auto
}
.menu li {
line-height: 3pc;
border-bottom: 1px dashed #505050
}
.menu li a {
display: block;
padding: 0 10%;
color: #eee
}
.menu li a.on {
background: #669acc;
color: #fff
}
.loading {
width: 100%;
height: 100%;
background: #fff;
position: fixed;
z-index: 100;
text-align: center
}
.loading i {
display: block;
width: 140px;
position: absolute;
top: 50%;
left: 50%;
margin: -70px 0 0 -70px
}
.zxqq {
width: 5pc;
display: block;
float: left;
padding: 1pc 5px 5px
}
.zxqq a {
display: block;
margin-top: 5px
}
.top {
background: #f7f7f7;
height: 26px;
border-bottom: 1px solid #ddd;
font-size: 9pt;
line-height: 26px;
color: #888
}
.top h4 {
font-weight: 400;
float: left
}
.top span {
float: right;
background: url(../images/icon_tel.png) no-repeat left center;
padding-left: 24px
}
.top span b {
color: #669acc;
padding-left: 4px
}
.logo {
float: left;
height: 5pc;
padding-top: 10px
}
header section {
padding: 0
}
header {
position: fixed;
top: 0;
width: 100%;
left: 0;
z-index: 40;
background: #fff;
box-shadow: 0 1px 2px #999
}
header nav {
float: right
}
header nav li {
float: left;
width: 90px;
text-align: center;
line-height: 24px
}
header nav li a {
display: block;
height: 55px;
padding: 35px 14px 0
}
header nav li a em, header nav li a span {
display: block
}
header nav li a em {
font-style: normal;
font-size: 9pt;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
display: none;
-o-transition: .3s;
-ms--o-transition: .3s;
-webkit-transition: .3s;
transition: .3s
}
header nav li a.act, header nav li a:hover {
background: #669acc;
color: #fff;
padding-top: 25px;
height: 65px
}
header nav li a.act span, header nav li a:hover span {
border-bottom: 1px dotted #fff
}
header nav li a.act em, header nav li a:hover em {
display: block
}
.hidebox {
overflow: hidden
}
main {
padding-top: 0px
}
.i_tit {
text-align: center;
font-size: 30px;
color: #333;
border-bottom: 1px solid #ddd;
padding-bottom: 20px;
line-height: 45px;
margin-bottom: 15px;
position: relative
}
.i_tit span {
display: block;
width: 90pt;
position: absolute;
bottom: 0;
height: 4px;
background: #a0c316;
left: 50%;
margin-left: -60px
}
.i_tips {
text-align: center;
padding-bottom: 30px;
color: #888
}
.baner {
width: 100%;
position: relative;
overflow: hidden;
max-height: 35pc
}
.baner_box {
width: 750pt;
margin: 0 auto
}
.n_baner {
width: 20in;
margin: 0 -460px;
overflow: hidden;
display: block
}
.atlas {
width: 999999px
}
.atlas li {
float: left
}
.atlas li img {
display: block
}
.n_baner .num {
position: absolute;
width: 100%;
height: 9pt;
bottom: 5%;
left: 0;
text-align: center;
z-index: 5
}
.n_baner .num a {
width: 9pt;
height: 9pt;
display: inline-block;
background: #000;
border-radius: 10px;
margin: 0 5px
}
.n_baner .num a.on {
background: #fff
}
.tomore {
display: block;
width: 200px;
margin: 0 auto;
height: 50px;
text-align: center;
background: #669acc;
color: #fff;
position: relative;
line-height: 50px
}
.tomore i, .tomore span {
position: absolute;
width: 100%;
height: 50px;
left: 0;
top: 0;
z-index: 2;
-webkit-transition: .4s;
transition: .4s
}
.tomore i {
z-index: 1;
background: #ffaa23;
width: 0
}
.tomore:hover i {
width: 100%
}
.tomore:hover {
color: #fff
}
.newfy {
line-height: 40px;
border-top: 1px solid #ddd;
background: #eee;
overflow: hidden
}
.newfy li {
float: left;
width: 46%;
padding: 0 2%
}
.subnavbox {
height: 81px;
overflow: hidden
}
.subnav {
background: #f9f9f9;
height: 5pc;
border-bottom: 1px solid #ddd;
line-height: 5pc;
font-size: 18px;
overflow: hidden
}
.subnav.fixed {
width: 100%;
left: 0;
position: fixed;
z-index: 5
}
.subnav nav {
padding: 0;
max-width: 75pc;
margin: 0 auto;
overflow: hidden;
border-right: 1px solid #ddd
}
.subnav nav li {
width: 25%;
float: left;
text-align: center
}
.subnav nav li a {
display: block;
font-weight: 700;
border-left: 1px solid #ddd
}
.subnav nav li a.act, .subnav nav li a:hover {
border-bottom: 2px solid #ce2424;
background: #fff;
line-height: 78px
}
#fours nav li {
width: 33.3333%
}
.desing .list {
padding: 5pc 0
}
.desing .list .names {
float: left;
}
.desing .list .names h4 {
font-size: 18px;
padding-bottom: 5px;
color: #333
}
.desing .list .names .img {
padding-top: 10px
}
.desing .list .biaos {
float: right;
width: 840px
}
.desing .list .biaos table {
table-layout: fixed
}
.desing .list .biaos table td, .desing .list .biaos table th {
line-height: 22px;
padding: 8px;
border-bottom: 1px solid #ddd
}
.bjf7 {
background: #f7f7f7
}
.zxzxbor{border:1px solid #fbbd14;background-color:#ffffff;}
.zxzx{height:25px;background-color:#fbbd14;color:#fdf9d3;padding-top:5px;width:126px; text-align:center}
.div_left_js{ position:fixed; right:0px; top:50%; margin-top:-217px; z-index:100; }
.div_left_js .div1{ margin-bottom:2px; position:relative; height:76px;}
.div_left_js .div1 a{ display:block; position:absolute; right:0px;}
.div_left_js .div2{ margin-bottom:2px; position:relative; height:70px; right:0px;}
.div_left_js .div2 a{ background:#ff8300; display:block; width:219px; position:absolute; right:-149px;}
.div_left_js .div3{ margin-bottom:2px; position:relative; height:70px;}
.div_left_js .div3 a{ background:#ff8300; display:block; width:80px; position:absolute; right:-10px;}