@charset "utf-8";
|
/* CSS Document */
|
|
body{
|
background:#FFF;
|
font:12px "宋体";
|
}
|
a{
|
cursor:pointer;
|
}
|
|
/*header*/
|
header{
|
padding-top:6px;
|
background:#1f2229;
|
height:22px;
|
color:#999999;
|
}
|
header a{
|
color:#999999;
|
}
|
header div.header{
|
margin:0 auto;
|
height:14px;
|
width:1000px;
|
}
|
header p:first-child{
|
float:left;
|
}
|
header p:first-child a:nth-child(even){
|
padding-left:8px;
|
border-left:1px dotted #999999;
|
}
|
header p:last-child{
|
float:right;
|
display:inline-block;
|
height:28px;
|
line-height:28px;
|
position:relative;
|
top:-6px;
|
}
|
header p:last-child a{
|
padding:0 8px 0 25px;
|
border-right:1px dotted #999999;
|
background:url("../images/mobile.jpg") left 2px no-repeat;
|
display:inline-block;
|
height:28px;
|
}
|
header p:last-child em{
|
color:#fff799;
|
font:14px Arial, "微软雅黑";
|
}
|
|
/*nav*/
|
nav{
|
margin:0 auto;
|
padding:20px 0;
|
position:relative;
|
height:58px;
|
width:1000px;
|
z-index:10;
|
}
|
nav a.logo{
|
float:left;
|
display:block;
|
height:58px;
|
width:258px;
|
}
|
nav ul{
|
float:right;
|
}
|
nav li{
|
float:left;
|
margin-left:1px;
|
position:relative;
|
}
|
nav li span a{
|
margin-top:15px;
|
padding:0 20px;
|
display:block;
|
color:#121212;
|
font:14px "微软雅黑";
|
line-height:40px;
|
}
|
nav li.focus span a, nav li:hover span a{
|
border-bottom:3px solid #ff6900;
|
_color:#ff6900;
|
}
|
nav li div.more_nav{
|
position:absolute;
|
left:-20px;
|
top:58px;
|
_padding:15px 0 20px 20px;
|
background:#FFF;
|
background:rgba(255, 255, 255, 0.95);
|
/*background-clip:padding-box;
|
border:1px solid #e8e8e8;
|
border:5px solid rgba(0, 0, 0, 0.2);
|
border-radius:3px;*/
|
background-clip:padding-box;
|
border:1px solid #e8e8e8;
|
border:1px solid rgba(0, 0, 0, 0.1);
|
border-radius:3px;
|
border-top-left-radius:0;
|
display:block;
|
height:0;
|
opacity:0;
|
width:420px;
|
_width:430px;
|
transition:left 0.6s ease 0s, opacity 0.6s ease 0s;
|
}
|
.no-csstransitions nav li div.more_nav{
|
display:none;
|
}
|
.csstransitions nav li div.more_nav{
|
overflow:hidden;
|
}
|
nav li:hover div.more_nav{
|
left:0;
|
padding:15px 10px 20px 30px;
|
display:block;
|
height:auto;
|
opacity:1;
|
overflow:hidden;
|
}
|
nav li div.more_nav h3{
|
margin-bottom:15px;
|
color:#8e9698;
|
font:14px "微软雅黑";
|
}
|
nav li div.more_nav a{
|
display:block;
|
color:#30393b;
|
font:12px "微软雅黑";
|
line-height:28px;
|
}
|
nav li div.more_nav a:hover{
|
color:#ff6900;
|
}
|
nav li div.more_nav div{
|
float:left;
|
margin-right:40px;
|
}
|
nav li div.more_nav.first{
|
_padding:15px 0 20px 20px;
|
width:60px;
|
z-index:11;
|
}
|
nav li:hover div.more_nav.first{
|
padding:15px 10px 20px 20px;
|
}
|
nav li div.more_nav.first div{
|
margin-right:0;
|
}
|
/*banner*/
|
.banner{
|
position:relative;
|
background:#0e6eb8;
|
height:380px;
|
overflow:hidden;
|
z-index:9;
|
}
|
.banner .banner_con{
|
margin:0 auto;
|
height:380px;
|
width:1000px;
|
overflow:hidden;
|
}
|
.banner a{
|
background:url(../images/normal_bg.png) no-repeat;
|
}
|
.banner a.prev, .banner a.next{
|
position:absolute;
|
top:150px;
|
display:none;
|
height:90px;
|
width:30px;
|
}
|
.banner:hover a.prev, .banner:hover a.next{
|
display:block;
|
}
|
.banner a.prev{
|
left:10%;
|
background-position:0 -60px;
|
}
|
.banner a.prev:hover{
|
background-position:-33px -60px;
|
}
|
.banner a.next{
|
right:10%;
|
background-position:-85px -60px;
|
}
|
.banner a.next:hover{
|
background-position:-116px -60px;
|
}
|
.banner .page_btn{
|
position:absolute;
|
bottom:15px;
|
width:100%;
|
text-align:center;
|
_display:none;
|
}
|
.banner .page_btn a{
|
padding:10px;
|
background-position:-208px -90px;
|
}
|
.banner .page_btn a.focus, .banner .page_btn a:hover{
|
background-position:-182px -90px;
|
}
|
|
.no-cssanimations .nocss3{/*支持与不支持css3展示*/
|
display:block;
|
}
|
.no-cssanimations .havecss3{
|
display:none;
|
}
|
.cssanimations .nocss3{
|
display:none;
|
}
|
.cssanimations .havecss3{
|
display:block;
|
}
|
.banner .nocss3{/*不支持css3*/
|
position:relative;
|
}
|
.banner .nocss3 span{
|
position:absolute;
|
left:0;
|
top:-380px;
|
display:block;
|
height:380px;
|
width:1000px;
|
}
|
.banner .nocss3 span img{
|
display:block;
|
}
|
.bannerbg0{
|
background:#0e6eb8;
|
}
|
.bannerbg1{
|
background:#f39801;
|
}
|
.bannerbg2{
|
background:#727071;
|
}
|
|
.havecss3{
|
position:relative;
|
}
|
.havecss3 .bc_in{
|
position:absolute;
|
left:0;
|
top:0;
|
height:380px;
|
width:1000px;
|
}
|
.havecss3 .bc_in p{
|
position:absolute;
|
display:block;
|
}
|
.havecss3 .bc_in p img{
|
display:block;
|
}
|
/*banner第一张图动画*/
|
.havecss3 #ban0 p:first-child{
|
left:-1000px;
|
top:130px;
|
animation:bca2 0.5s ease-out;
|
-webkit-animation:bca2 0.5s ease-out;
|
}
|
.havecss3 #ban0 p:last-child{
|
right:-1000px;
|
top:20px;
|
animation:bca3 0.5s ease-out;
|
-webkit-animation:bca3 0.5s ease-out;
|
}
|
.havecss3 #ban0.focus p:first-child{
|
left:10px;
|
animation:bca0 1s ease-in;
|
-webkit-animation:bca0 1s ease-in;
|
}
|
.havecss3 #ban0.focus p:last-child{
|
right:10px;
|
animation:bca1 1s ease-in;
|
-webkit-animation:bca1 1s ease-in;
|
}
|
@keyframes bca0{
|
from{
|
left:-100px;
|
opacity:0;
|
}
|
40%{
|
left:40px;
|
opacity:0.2;
|
}
|
to{
|
left:10px;
|
opacity:1;
|
}
|
}
|
@-webkit-keyframes bca0{
|
from{
|
left:-500px;
|
opacity:0;
|
}
|
40%{
|
left:40px;
|
opacity:0.2;
|
}
|
to{
|
left:10px;
|
opacity:1;
|
}
|
}
|
@keyframes bca1{
|
from{
|
right:-500px;
|
opacity:0;
|
}
|
40%{
|
right:40px;
|
opacity:0.2;
|
}
|
to{
|
right:10px;
|
opacity:1;
|
}
|
}
|
@-webkit-keyframes bca1{
|
from{
|
right:-500px;
|
opacity:0;
|
}
|
40%{
|
right:40px;
|
opacity:0.2;
|
}
|
to{
|
right:10px;
|
opacity:1;
|
}
|
}
|
@keyframes bca2{
|
from{
|
left:10px;
|
opacity:1;
|
}
|
to{
|
left:0;
|
opacity:0;
|
}
|
}
|
@-webkit-keyframes bca2{
|
from{
|
left:10px;
|
opacity:1;
|
}
|
to{
|
left:0;
|
opacity:0;
|
}
|
}
|
@keyframes bca3{
|
from{
|
right:10px;
|
opacity:1;
|
}
|
to{
|
right:0;
|
opacity:0;
|
}
|
}
|
@-webkit-keyframes bca3{
|
from{
|
right:10px;
|
opacity:1;
|
}
|
to{
|
right:0;
|
opacity:0;
|
}
|
}
|
/*banner第二张图动画*/
|
.havecss3 #ban1 p:first-child{
|
right:0px;
|
top:-380px;
|
animation:bca6 0.5s ease-out;
|
-webkit-animation:bca6 0.5s ease-out;
|
}
|
.havecss3 #ban1 p:last-child{
|
left:0px;
|
bottom:-380px;
|
animation:bca7 0.5s ease-out;
|
-webkit-animation:bca7 0.5s ease-out;
|
}
|
.havecss3 #ban1.focus p:first-child{
|
top:135px;
|
animation:bca4 1s ease-in;
|
-webkit-animation:bca4 1s ease-in;
|
}
|
.havecss3 #ban1.focus p:last-child{
|
bottom:20px;
|
animation:bca5 1s ease-in;
|
-webkit-animation:bca5 1s ease-in;
|
}
|
@keyframes bca4{
|
from{
|
top:0;
|
opacity:0;
|
}
|
40%{
|
top:150px;
|
opacity:0.8;
|
}
|
to{
|
top:135px;
|
opacity:1;
|
}
|
}
|
@-webkit-keyframes bca4{
|
from{
|
top:0;
|
opacity:0;
|
}
|
40%{
|
top:150px;
|
opacity:0.8;
|
}
|
to{
|
top:135px;
|
opacity:1;
|
}
|
}
|
@keyframes bca5{
|
from{
|
bottom:0;
|
opacity:0;
|
}
|
40%{
|
bottom:40px;
|
opacity:0.8;
|
}
|
to{
|
bottom:20px;
|
opacity:1;
|
}
|
}
|
@-webkit-keyframes bca5{
|
from{
|
bottom:0;
|
opacity:0;
|
}
|
40%{
|
bottom:40px;
|
opacity:0.8;
|
}
|
to{
|
bottom:20px;
|
opacity:1;
|
}
|
}
|
@keyframes bca6{
|
from{
|
top:135px;
|
opacity:1;
|
}
|
to{
|
top:80px;
|
opacity:0;
|
}
|
}
|
@-webkit-keyframes bca6{
|
from{
|
top:135px;
|
opacity:1;
|
}
|
to{
|
top:80px;
|
opacity:0;
|
}
|
}
|
@keyframes bca7{
|
from{
|
bottom:20px;
|
opacity:1;
|
}
|
to{
|
bottom:0;
|
opacity:0;
|
}
|
}
|
@-webkit-keyframes bca7{
|
from{
|
bottom:20px;
|
opacity:1;
|
}
|
to{
|
bottom:0;
|
opacity:0;
|
}
|
}
|
/*banner第三张图动画*/
|
.havecss3 #ban2 p:first-child{
|
left:-1000px;
|
top:140px;
|
animation:bca2 0.5s ease-out;
|
-webkit-animation:bca2 0.5s ease-out;
|
}
|
.havecss3 #ban2 p:last-child{
|
right:-1000px;
|
top:70px;
|
animation:bca3 0.5s ease-out;
|
-webkit-animation:bca3 0.5s ease-out;
|
}
|
.havecss3 #ban2.focus p:first-child{
|
left:10px;
|
animation:bca0 1s ease-in;
|
-webkit-animation:bca0 1s ease-in;
|
}
|
.havecss3 #ban2.focus p:last-child{
|
right:10px;
|
animation:bca1 1s ease-in;
|
-webkit-animation:bca1 1s ease-in;
|
}
|
/*our_service*/
|
h2.title_narrow{
|
margin:20px auto;
|
background:url(../images/icon-22.gif) repeat-x;
|
display:block;
|
height:50px;
|
width:1000px;
|
color:#121212;
|
font:24px "微软雅黑";
|
line-height:50px;
|
}
|
h2.title_narrow span{
|
padding-right:5px;
|
background:#FFF;
|
}
|
ul.our_service{
|
margin:0 auto 40px;
|
border:1px solid #eeeeee;
|
display:block;
|
height:188px;
|
width:998px;
|
overflow:hidden;
|
}
|
ul.our_service li{
|
float:left;
|
border-right:1px dashed #eeeeee;
|
display:block;
|
height:188px;
|
width:165.33px;
|
text-align:center;
|
}
|
ul.our_service li em, ul.our_service li b{
|
display:block;
|
line-height:24px;
|
}
|
ul.our_service li em{
|
margin:30px 0 15px 0;
|
color:#000000;
|
font:14px "微软雅黑";
|
}
|
ul.our_service li b{
|
margin-top:10px;
|
color:#888888;
|
}
|
ul.our_service li:last-child{
|
border-right:none;
|
}
|
h2.title_width{
|
display:block;
|
height:71px;
|
}
|
h2.title_width span{
|
margin:0 auto;
|
display:block;
|
height:71px;
|
width:1000px;
|
text-align:right;
|
}
|
h2.title_width img{
|
display:block;
|
}
|
h2.tw1 img, h2.tw3 img{
|
float:right;
|
}
|
h2.tw0{
|
background:url(../images/icon-5.gif) repeat-x;
|
}
|
h2.tw1{
|
background:url(../images/icon-7.gif) repeat-x;
|
}
|
h2.tw2{
|
background:url(../images/icon-9.gif) repeat-x;
|
}
|
h2.tw3{
|
background:url(../images/icon-11.gif) repeat-x;
|
}
|
.serve_intro{
|
margin:40px auto;
|
width:1000px;
|
}
|
.serve_intro img{
|
float:left;
|
display:block;
|
}
|
.serve_intro dl{
|
float:right;
|
display:block;
|
width:450px;
|
font-family:"微软雅黑";
|
}
|
.serve_intro dt{
|
margin-bottom:20px;
|
color:#fa6700;
|
font-size:24px;
|
}
|
.serve_intro dd{
|
color:#868686;
|
font-size:14px;
|
line-height:32px;
|
}
|
.serve_intro dd span{
|
color:#222222;
|
}
|
.serve_intro.exchange img{
|
float:right;
|
}
|
.serve_intro.exchange dl{
|
float:left;
|
}
|
|
/*customer_case*/
|
.customer_case{
|
margin:0 auto 20px;
|
padding-left:100px;
|
position:relative;
|
background:url(../images/icon-12.gif) no-repeat left;
|
height:87px;
|
width:900px;
|
}
|
.customer_case ul{
|
padding-left:67.25px;
|
background:url(../images/icon-15.gif) repeat-x;
|
display:block;
|
height:86px;
|
}
|
.customer_case li{
|
float:left;
|
display:block;
|
height:86px;
|
width:134.5px;
|
text-align:center;
|
}
|
.customer_case li:nth-child(even){
|
padding-top:5px;
|
}
|
.customer_case li a{
|
display:block;
|
color:#58585a;
|
font:12px "微软雅黑";
|
line-height:32px;
|
}
|
.customer_case a.morebtn{
|
position:absolute;
|
right:0;
|
top:25px;
|
display:block;
|
height:19px;
|
width:19px;
|
}
|
|
/*partner*/
|
.partner{
|
margin:20px auto;
|
border-left:1px dotted #c9c9c9;
|
border-top:1px dotted #c9c9c9;
|
width:999px;
|
}
|
/*图片变灰*/
|
.partner a{
|
-webkit-filter: grayscale(100%);
|
-moz-filter: grayscale(100%);
|
-ms-filter: grayscale(100%);
|
-o-filter: grayscale(100%);
|
filter: grayscale(100%);
|
filter: gray;
|
transition:all 0.5s 0 ease-in;
|
}
|
.partner a:hover{
|
-webkit-filter: grayscale(0);
|
-moz-filter: grayscale(0);
|
-ms-filter: grayscale(0);
|
-o-filter: grayscale(0);
|
filter: grayscale(0);
|
filter: none;
|
}
|
.partner a img{
|
display:block;
|
}
|
.partner a{
|
float:left;
|
padding-left:3px;
|
border-right:1px dotted #c9c9c9;
|
border-bottom:1px dotted #c9c9c9;
|
display:block;
|
height:101px;
|
opacity:0.8;
|
width:245.75px;
|
}
|
|
|
/*news*/
|
.news{
|
margin:20px auto 40px;
|
width:1000px;
|
}
|
.news ul{
|
float:left;
|
padding-left:120px;
|
background:url(../images/icon-16-0.gif) no-repeat left;
|
display:block;
|
width:339px;
|
color:#aeaeae;
|
line-height:24px;
|
}
|
.news ul li{
|
display:block;
|
height:24px;
|
}
|
.news ul li a{
|
float:left;
|
color:#121212;
|
}
|
.news ul li a b{
|
margin-right:2px;
|
color:#aeaeae;
|
}
|
.news ul li span{
|
float:right;
|
}
|
.news ul:first-child{
|
padding-right:40px;
|
background-image:url(../images/icon-16.gif);
|
border-right:1px dashed #e2e2e2;
|
}
|
.news ul:nth-child(2){
|
margin-left:41px;
|
}
|
.news ul li:last-child{
|
background:url(../images/icon-23.gif) repeat-x;
|
}
|
.news ul li:last-child a{
|
float:right;
|
background:#FFF;
|
color:#aeaeae;
|
}
|
.experience{
|
padding:50px 0;
|
background:#efefef;
|
font:24px "微软雅黑";
|
text-align:center;
|
}
|
.experience p{
|
margin-bottom:30px;
|
color:#0d0d0d;
|
}
|
.experience a{
|
padding:8px 20px;
|
background:#fc6800;
|
border-radius:3px;
|
color:#FFF;
|
}
|
|
/*footer*/
|
footer{
|
padding:20px 0;
|
background:#101010;
|
text-align:center;
|
}
|
footer p{
|
color:#8d8d8d;
|
line-height:32px;
|
}
|
|
/*aside*/
|
aside{
|
position:fixed;
|
right:0;
|
top:35%;
|
width:36px;
|
z-index:99;
|
}
|
aside a{
|
position:absolute;
|
right:0;
|
background:#1b1b1d;
|
display:block;
|
height:36px;
|
width:36px;
|
}
|
aside a img{
|
float:left;
|
margin:8px 0 0 10px;
|
}
|
aside a:first-child{
|
background:#FFF;
|
height:15px;
|
top:0;
|
}
|
aside a:first-child img{
|
margin:0 0 0 1px;
|
}
|
aside a:nth-child(2){
|
top:17px;
|
}
|
aside a:nth-child(3){
|
top:55px;
|
}
|
aside a:nth-child(4){
|
top:93px;
|
}
|
#aebtnCon1{
|
position:absolute;
|
left:0;
|
top:0;
|
background:#d30000;
|
display:none;
|
height:36px;
|
line-height:36px;
|
width:100px;
|
cursor:pointer;
|
overflow:hidden;
|
}
|
#aebtnCon1 img{
|
float:left;
|
margin:8px 10px 0 10px;
|
}
|
#aebtnCon1 em{
|
float:left;
|
color:#FFF;
|
}
|
|
.aebtn_con2{
|
position:absolute;
|
left:-135px;
|
top:-70px;
|
display:none;
|
width:150px;
|
}
|
.aebtn_con2 img.icon{
|
margin-top:140px;
|
}
|
.aebtn_con2_con{
|
float:left;
|
padding:20px;
|
background:#1b1b1d;
|
width:90px;
|
text-align:center;
|
}
|
.aebtn_con2_con h3{
|
margin-bottom:10px;
|
color:#505050;
|
font:14px "微软雅黑";
|
}
|
.aebtn_con2_con em{
|
padding:5px 10px;
|
background:#eb0000;
|
border-radius:3px;
|
color:#FFF;
|
cursor:pointer;
|
}
|
.input_wrap{
|
margin:10px 0 15px 0;
|
position:relative;
|
background:#393939;
|
height:24px;
|
}
|
.input_wrap input{
|
padding-left:5px;
|
position:absolute;
|
left:0;
|
top:0;
|
background:none;
|
border:none;
|
height:24px;
|
width:80px;
|
z-index:1;
|
}
|
.input_wrap span{
|
position:absolute;
|
left:5px;
|
top:0;
|
color:#686767;
|
font:12px "微软雅黑";
|
line-height:24px;
|
z-index:1;
|
}
|
.aebtn_con3{
|
position:absolute;
|
left:-152px;
|
top:0px;
|
display:none;
|
width:162px;
|
}
|
.aebtn_con3_con{
|
padding:20px;
|
background:#FFF;
|
border:1px solid #cccccc;
|
width:100px;
|
text-align:center;
|
}
|
.aebtn_con3_con img{
|
margin-bottom:5px;
|
}
|
.aebtn_con3 img.icon{
|
position:absolute;
|
right:1px;
|
top:100px;
|
}
|
.other_banner{
|
background:#8fc320;
|
}
|
.other_banner_blue{
|
background:#418fb5;
|
}
|
.other_banner .banner_con span{
|
display:block;
|
}
|
|
/*statistics*/
|
.statistics{
|
margin:20px auto;
|
padding:20px 10px;
|
border:1px solid #e8e8e8;
|
width:978px;
|
}
|
.statistics p{
|
float:left;
|
padding-left:20px;
|
display:block;
|
width:306px;
|
color:#3a3a3a;
|
font-size:14px;
|
}
|
.statistics p span{
|
color:#0065ca;
|
font:18px "微软雅黑";
|
}
|
.statistics p:first-child{
|
background:url(../images/icon-0-12.gif) no-repeat left;
|
}
|
.statistics p:nth-child(2){
|
background:url(../images/icon-0-13.gif) no-repeat left;
|
}
|
.statistics p:nth-child(3){
|
background:url(../images/icon-0-14.gif) no-repeat left;
|
}
|
|
.title_narrow b{
|
color:#dc0700;
|
}
|
p.conp{
|
margin:0 auto;
|
width:1000px;
|
color:#7a7878;
|
line-height:24px;
|
text-indent:2em;
|
}
|
.title_narrow em{
|
color:#dc0700;
|
font-size:18px;
|
}
|
.title_narrow a{
|
float:right;
|
padding-left:5px;
|
background:#FFF;
|
color:#7a7878;
|
font-family:"宋体";
|
font-size:12px;
|
}
|
|
/*serve_con*/
|
ul.serve_con{
|
margin:0 auto 20px;
|
width:1000px;
|
}
|
ul.serve_con li{
|
float:left;
|
margin:0 35px 20px 0;
|
padding:10px;
|
border:1px solid #ededed;
|
height:210px;
|
width:288px;
|
color:#424242;
|
}
|
ul.serve_con li span{
|
display:block;
|
text-align:center;
|
}
|
ul.serve_con li.nomargin{
|
float:right;
|
margin-right:0;
|
}
|
ul.serve_con li img{
|
margin:10px 0 0;
|
}
|
ul.serve_con li p{
|
margin-bottom:10px;
|
border-bottom:1px dashed #dbdbdb;
|
font-size:14px;
|
line-height:40px;
|
}
|
ul.serve_con li b{
|
line-height:24px;
|
}
|
|
.middle_line{
|
margin:0 auto 20px;;
|
background:url(../images/icon-24.gif) repeat-x;
|
height:3px;
|
width:1000px;
|
}
|
|
/*serve_items*/
|
.serve_items{
|
margin:0 auto 20px;
|
width:1000px;
|
}
|
.serve_items div{
|
float:left;
|
margin:0 65px 20px 0;
|
height:110px;
|
width:290px;
|
cursor:pointer;
|
}
|
.serve_items div:hover dt{
|
color:#0065ca;
|
}
|
.serve_items div:hover dd{
|
color:#005cb7;
|
}
|
.serve_items div.nomargin{
|
margin:0 0 20px 0;
|
}
|
.serve_items div img{
|
float:left;
|
margin-top:40px;
|
display:block;
|
}
|
.serve_items div dl{
|
float:right;
|
width:230px;
|
color:#999999;
|
line-height:24px;
|
}
|
.serve_items div dt{
|
margin-bottom:10px;
|
color:#333333;
|
font-size:16px;
|
font-weight:bold;
|
}
|
|
.title_narrow span.icontitle img{
|
float:left;
|
margin-top:15px;
|
display:block;
|
}
|
.title_narrow span.icontitle em{
|
float:left;
|
background:#FFF;
|
color:#fa6700;
|
}
|
|
p.conpa{
|
margin:0 auto 10px;
|
width:1000px;
|
color:#2f2f2f;
|
font:14px "微软雅黑";
|
line-height:32px;
|
text-indent:2em;
|
}
|
.picwarap{
|
margin:20px auto;
|
width:1000px;
|
text-align:left;
|
}
|
dl.feature{
|
margin:20px auto;
|
width:1000px;
|
color:#868686;
|
font:14px "微软雅黑";
|
line-height:24px;
|
}
|
dl.feature dt{
|
padding:10px 0;
|
border-bottom:1px dashed #ececec;
|
}
|
dl.feature dt img{
|
float:left;
|
display:block;
|
}
|
dl.feature dt b{
|
float:left;
|
color:#000000;
|
font-size:18px;
|
line-height:48px;
|
}
|
dl.feature dd{
|
margin-top:20px;
|
text-indent:2em;
|
}
|
ul.larks_con{
|
margin:20px auto;
|
width:1000px;
|
}
|
ul.larks_con li{
|
float:left;
|
margin:0 20px 20px 0;
|
padding:20px 20px 0 20px;
|
background:#5ab800;
|
display:block;
|
height:210px;
|
width:280px;
|
}
|
ul.larks_con li span{
|
display:block;
|
text-align:center;
|
}
|
ul.larks_con li b{
|
display:block;
|
color:#FFF;
|
font:22px "微软雅黑";
|
}
|
ul.larks_con li img{
|
margin:10px 0 10px 0;
|
}
|
ul.larks_con li.nomargin{
|
margin:0 0 20px 0;
|
}
|
ul.larks_con li em{
|
margin-top:10px;
|
display:block;
|
color:#FFF;
|
font:12px "微软雅黑";
|
line-height:18px;
|
}
|
ul.larks_con li.lc2{
|
background:#fe9900;
|
}
|
ul.larks_con li.lc3{
|
background:#0091e4;
|
}
|
ul.larks_con li.lc4{
|
background:#ff4d7f;
|
}
|
ul.larks_con li.lc5{
|
background:#00be91;
|
}
|
|
ul.larks_con li.lc6{
|
background:#7843fe;
|
}
|
.larks_content{
|
margin:20px auto;
|
width:1000px;
|
}
|
.larks_content dl{
|
float:left;
|
margin:0 20px 20px 0;
|
padding:20px;
|
border:1px solid #e7e7e7;
|
width:278px;
|
}
|
.larks_content dl.nomargin{
|
float:right;
|
margin:0 0 20px 0;
|
}
|
.larks_content dt{
|
float:right;
|
display:block;
|
}
|
.larks_content dd{
|
float:left;
|
display:block;
|
width:180px;
|
}
|
.larks_content dd h3{
|
margin:5px 0 10px;
|
color:#000000;
|
font:16px "微软雅黑";
|
}
|
.larks_content dd b{
|
color:#858585;
|
font:12px "微软雅黑";
|
line-height:18px;
|
}
|
|
.aside_part{
|
position:fixed;
|
left:0;
|
top:40%;
|
background:url(../images/icon-25.png) repeat-y;
|
width:66px;
|
z-index:101;
|
}
|
.aside_part a{
|
margin-bottom:5px;
|
background:#FFF;
|
border:1px solid #e3e3e3;
|
display:block;
|
line-height:32px;
|
}
|
.aside_part a span{
|
margin-left:5px;
|
padding-left:15px;
|
background:url(../images/icon-26.gif) no-repeat left;
|
display:block;
|
}
|
.aside_part a.last{
|
margin-bottom:0;
|
}
|
|
/*main_wrap*/
|
.main_wrap{
|
background:url(../images/big-bg.gif) repeat-y;
|
border-top:1px solid #e6e6e6;
|
}
|
.main{
|
background:url(../images/big-bg-0.gif) repeat-y;
|
margin:0 auto;
|
width:1000px;
|
}
|
.left{
|
float:left;
|
background:#f4f4f4;
|
width:176px;
|
line-height:30px;
|
}
|
.left h3, .left dl dt{
|
border-bottom:1px dashed #e1e1e1;
|
display:block;
|
height:42px;
|
}
|
.left h3 img, .left dl dt img{
|
float:left;
|
margin:12px 7px 0 0;
|
}
|
.left h3 b, .left dl dt b{
|
color:#da251d;
|
font-size:14px;
|
line-height:42px;
|
}
|
.left dl{
|
margin-bottom:5px;
|
padding-bottom:10px;
|
border-bottom:1px dashed #e1e1e1;
|
}
|
.left dl dt{
|
border-bottom:none;
|
}
|
.left dl dt b{
|
color:#666666;
|
}
|
.left dl dd a{
|
margin-left:15px;
|
padding-left:10px;
|
background:url(../images/icon-left-5.gif) no-repeat left;
|
display:block;
|
color:#121212;
|
}
|
.right{
|
float:right;
|
padding:20px;
|
width:784px;
|
}
|
.right h2{
|
margin-bottom:10px;
|
color:#121212;
|
font:16px "微软雅黑";
|
}
|
.picon{
|
margin-left:20px;
|
height:828px;
|
width:746px;
|
}
|
.picon img{
|
display:block;
|
}
|
|
.top_intro{
|
position:relative;
|
background:url(../images/right-bg-0.gif) no-repeat right top;
|
height:297px;
|
}
|
.top_intro h3{
|
margin:30px 0;
|
height:54px;
|
color:#333333;
|
font:40px "微软雅黑";
|
line-height:54px;
|
}
|
.top_intro h3 img{
|
float:left;
|
margin-right:10px;
|
}
|
.top_intro p{
|
margin-bottom:40px;
|
width:500px;
|
color:#868686;
|
font:14px "微软雅黑";
|
line-height:24px;
|
text-indent:2em;
|
}
|
.top_intro a{
|
display:block;
|
}
|
.top_intro em{
|
position:absolute;
|
bottom:0;
|
right:0;
|
color:#868686;
|
font-size:12px;
|
}
|
.right h4{
|
background:url(../images/icon-22.gif) repeat-x;
|
height:50px;
|
}
|
.right h4 span{
|
margin-left:20px;
|
padding:0 5px;
|
background:#FFF;
|
color:#131313;
|
font:24px "微软雅黑";
|
line-height:50px;
|
}
|
.func_con{
|
margin-bottom:20px;
|
}
|
.func_con dl{
|
float:left;
|
border-right:1px dashed #dddddd;
|
display:block;
|
width:195px;
|
}
|
.func_con dl dt{
|
margin:10px 0 10px 10px;
|
background:url(../images/right-bg-1.gif) no-repeat right;
|
height:49px;
|
color:#666666;
|
font:18px "微软雅黑";
|
line-height:49px;
|
}
|
.func_con dl dd{
|
margin:0 30px 0 10px;
|
color:#999999;
|
line-height:24px;
|
}
|
.func_con dl.fc1 dt{
|
background-image:url(../images/right-bg-2.gif);
|
}
|
.func_con dl.fc2 dt{
|
background-image:url(../images/right-bg-3.gif);
|
}
|
.func_con dl.fc3 dt{
|
background-image:url(../images/right-bg-4.gif);
|
}
|
.show{
|
margin-top:20px;
|
padding-bottom:20px;
|
}
|
.show ul{
|
float:left;
|
display:block;
|
width:300px;
|
}
|
.show ul li{
|
padding-left:15px;
|
background:url(../images/right-bg-5.gif) no-repeat left;
|
height:48px;
|
color:#868686;
|
font:16px "微软雅黑";
|
line-height:48px;
|
}
|
.show .picbox{
|
float:right;
|
padding:21px 0 0 38px;
|
background:url(../images/right-bg-6.gif) no-repeat;
|
height:314px;
|
width:442px;
|
}
|
|
.os_pop{
|
background:#FFF;
|
border-radius:3px;
|
display:none;
|
width:660px;
|
behavior:url(js/PIE.htc);
|
}
|
.os_pop h3{
|
padding:0 10px;
|
background:#3c3c43;
|
border-top-left-radius:3px;
|
border-top-right-radius:3px;
|
display:block;
|
height:45px;
|
color:#FFF;
|
font-size:14px;
|
line-height:45px;
|
position:relative;
|
behavior:url(js/PIE.htc);
|
}
|
.os_pop h3 span{
|
float:left;
|
font-weight:bold;
|
}
|
.os_pop h3 a{
|
float:right;
|
font-size:24px;
|
font-weight:bold;
|
}
|
.os_pop table{
|
margin:20px auto;
|
width:90%;
|
}
|
.os_pop table td{
|
padding:5px;
|
}
|
.os_pop table td input{
|
background:#FFF;
|
border:1px solid #d9d9d9;
|
width:170px;
|
height:24px;
|
line-height:24px;
|
}
|
.os_pop table td input.leng{
|
width:465px;
|
}
|
.os_pop table td.tdone a{
|
color:#606060;
|
}
|
.os_pop table td.tdtwo input, .os_pop table td.tdtwo span{
|
float:right;
|
margin-left:5px;
|
border:none;
|
height:auto;
|
width:auto;
|
cursor:pointer;
|
}
|
.os_pop table td.tdthree{
|
padding-top:10px;
|
}
|
.os_pop table td.tdthree input.it{
|
border-radius:3px;
|
width:260px;
|
position:relative;
|
behavior:url(js/PIE.htc);
|
}
|
.os_pop table td.tdthree input.ib{
|
margin-left:3px;
|
padding:0 10px;
|
background:url(../images/btnbg-0.gif) repeat-x;
|
border-radius:3px;
|
height:28px;
|
width:auto;
|
position:relative;
|
behavior:url(js/PIE.htc);
|
}
|
.os_pop .btnbox{
|
padding-bottom:40px;
|
text-align:center;
|
}
|
.os_pop .btnbox a{
|
margin:0 10px;
|
padding:8px 20px;
|
background:url(../images/btnbg.gif) repeat-x;
|
border-radius:3px;
|
color:#FFF;
|
font:14px "微软雅黑";
|
line-height:35px;
|
position:relative;
|
behavior:url(js/PIE.htc);
|
}
|
.ospopcon{
|
margin:20px 40px;
|
height:450px;
|
color:#404040;
|
line-height:24px;
|
}
|
.ospopcon h4{
|
margin:10px 0 5px;
|
font-weight:bold;
|
}
|
|
.beipin{
|
background-image:url(../images/productbg/beipin.gif);
|
}
|
.crm{
|
background-image:url(../images/productbg/crm.gif);
|
}
|
.diaodu{
|
background-image:url(../images/productbg/diaodu.gif);
|
}
|
.yonghu{
|
background-image:url(../images/productbg/crm.gif);
|
}
|
.jiameng{
|
background-image:url(../images/productbg/jiamengs.gif);
|
}
|
.kefu{
|
background-image:url(../images/productbg/kefu.gif);
|
}
|
.yunwei{
|
background-image:url(../images/productbg/yunwei.gif);
|
}
|
.zhishi{
|
background-image:url(../images/productbg/zhishigongxiang.gif);
|
}
|
.zhuanjia{
|
background-image:url(../images/productbg/zhuanjiaku.gif);
|
}
|
.cmdb{
|
background-image:url(../images/productbg/peizhiku.gif);
|
}
|
|
.ospopcon_in{
|
margin-right:20px;
|
}
|
