@charset utf-8;

* {
font-family:微软雅黑;
color:#4e4e4e;
}

body {
text-align:center;
margin:0;
padding:0;
}

.page_totle {
width:960px;
margin:0 auto;
}

#page_0 {
background:#FFF;
}

.page_head {
height:80px;
background-color:#FFF;
}

.page_head .logo {
position:relative;
top:22px;
left:20px;
}

.page_bottom {
text-align:center;
height:auto;
font-size:12px;
color:#818181;
text-shadow:1px 1px 0 #FFF;
padding-bottom:80px;
background-color:#e6e6e6;
padding-top:25px;
float:left;
width:100%;
_display:inline;
}

.page_bottom span {
width:500px;
display:block;
margin:0 auto;
}

.page_bottom span.phone_number {
font-size:22px;
font-weight:700;
margin-bottom:20px;
padding-left:12px;
}

.limit_div {
width:960px;
text-align:left;
height:100%;
position:relative;

margin:0 auto;
}

.page_head ul {
position:relative;
left:260px;
top:0;
width:680px;
height:25px;
list-style:none;
font-size:14px;
line-height:25px;
margin:0;
padding:0;
}

.page_head ul li {
float:left;
width:96px;
text-align:right;
background:url(../images/divide.gif.png) no-repeat 10px;
_display:inline;
position:relative;
}

.page_head ul li a {
text-decoration:none;
-moz-transition:color .5s ease-out, text-shadow .3s linear;
-webkit-transition:color .5s ease-out, text-shadow .3s linear;
-o-transition:color .5s ease-out, text-shadow .3s linear;
-ms-transition:color .5s ease-out, text-shadow .3s linear;
}

.page_head ul li a:hover {
color:#254F87;
-moz-transition:color .3s ease-out, text-shadow .5s linear;
-webkit-transition:color .3s ease-out, text-shadow .5s linear;
-o-transition:color .3s ease-out, text-shadow .5s linear;
-ms-transition:color .3s ease-out, text-shadow .5s linear;
}

.page_head ul .first_li {
background:none;
}

.page_content {
height:auto;
font:12px/24px 宋体;
color:#686868;
float:left;
background-color:#FFF;
_display:inline;
}

.rotate {
width:960px;
height:400px;
}

.page_content p {
width:320px;
height:auto;
float:left;
_display:inline;
}

.small_div {
margin-bottom:50px;
}

.page_content .limit_div {
float:left;
border-bottom:none;
_display:inline;
}

.page_content p span {
float:left;
display:_inline;
}

.page_content .content_tit {
font:16px/30px 微软雅黑;
font-weight:700;
margin-bottom:10px;
}

.page_content .arrow {
margin-top:14px;
margin-left:5px;
}

.page_content .content_img {
clear:both;
margin-right:10px;
}

.page_content .content_det {
width:450px;
_margin-top:10px;
}

.page_content .content_det a {
color:red;
text-decoration:none;
}

.page_content .content_det a:hover {
text-decoration:underline;
}

.page_content .content_art {
width:550px;
height:auto;
}

.page_content .content_art_mini {
width:415px;
height:auto;
}

.page_content .service_art_top {
clear:both;
float:right;
_display:inline;
}

.page_content .content_art_content {
width:100%;
margin-top:10px;
}

.page_content .content_art_div_long {
width:450px;
float:left;
_display:inline;
margin:30px 0 30px 20px;
}

.page_content .content_art_div {
width:350px;
float:left;
_display:inline;
margin:30px 0 30px 20px;
}

.article_content {
float:left;
_display:inline;
}

.article_content p {
width:960px;
margin-left:50px;
}

.article_content p.collaborate_p {
width:415px;
}

.about_span {
float:left;
}

.article_content .content_img {
margin:20px 30px 10px 20px;
}

.article_content .content_art span {
clear:both;
width:547px;
margin:0;
}

.article_content .content_icon span {
width:100px;
height:80px;
text-align:center;
line-height:80px;
}

.article_content .content_icon {
padding-top:20px;
}

.smalltit {
font-weight:700;
width:100%;
}

.software .content_tit,.software .content_art {
width:420px;
}

.software .content_img {
margin-top:120px;
}

.serve .content_img {
margin-top:50px;
margin-right:50px;
}

.example,.service {
border-bottom:#d9d9d9 solid 1px;
background:url(../images/example_background.gif.png) repeat-x bottom;
width:100%;
padding:38px 0;
}

.example_top,.service_top {
background-image:none;
height:325px;
padding:1px 0 0;
}

.service .content_tit {
width:450px;
}

.service_top {
background:url(../images/serve0.jpg) no-repeat left center;
}

.service_top .content_tit {
float:right;
width:415px;
font-size:28px;
margin-bottom:20px;
_display:inline;
}

.service_top .content_bottom {
float:right;
clear:both;
_display:inline;
}

.service_top .content_bottom span {
width:138px;
margin-top:30px;
line-height:50px;
margin-bottom:30px;
}

.example .content_img_left {
float:left;
_display:inline;
margin:10px;
}

.example .content_img_top {
margin:0 20px 0 30px;
}

.example .content_img_right {
float:left;
_display:inline;
margin:30px 0 0 30px;
}

.example .content_tit {
width:415px;
font-size:28px;
margin-bottom:20px;
}

.example .smalltit {
width:100%;
font-size:16px;
}

.example .small_logo {
float:left;
_display:inline;
margin:20px 0 30px;
}

.contact .content_img {
margin-left:50px;
margin-right:120px;
}

.service_content {
background-image:none;
}

.service_content .content_tit {
font-size:22px;
margin-top:0;
width:auto;
}

.service_content .first_content {
margin-bottom:20px;
}

.content_tit .rectangle {
width:4px;
height:20px;
background:#7cc623;
float:left;
margin-top:6px;
_margin-top:0;
margin-right:10px;
_display:inline;
}

.service_content .service_bottom .service_bottom_child {
display:block;
float:left;
width:320px;
text-align:center;
_display:inline;
}

.service_bottom span {
display:block;
width:190px;
color:#686868;
line-height:25px;
margin:10px auto 0;
}

.apply_top {
height:350px;
margin-top:1px;
border-bottom:#d9d9d9 solid 1px;
width:100%;
}

.apply_top table {
margin:30px auto 0;
}

.apply_left {
width:218px;
height:100%;
}

.apply_right {
width:742px;
height:100%;
}

.apply_left p {
width:100%;
position:relative;
margin:0;
}

.apply_left p .apply_left_child {
display:block;
float:left;
border-top:#d9d9d9 solid 1px;
border-bottom:#d9d9d9 solid 1px;
border-right:#d9d9d9 solid 1px;
width:190px;
height:45px;
cursor:pointer;
_display:inline;
}

.apply_left p .left_selected_font,.apply_left p .left_selected_img {
position:absolute;
left:110px;
top:11px;
}

.apply_left p .left_selected_img {
left:165px;
top:16px;
}

#left_selected {
width:100%;
height:35px;
border:0;
background:url(../images/greenArrow.jpg) no-repeat center;
margin:5px 0;
}

#left_selected .left_selected_font {
color:#FFF;
}

.apply_right span {
display:block;
width:690px;
margin:20px auto;
}

.apply_right .content_tit {
font-size:24px;
width:690px;
}

.apply_right .apply_right_img {
text-align:center;
margin:50px auto;
}

.apply_right .apply_right_img table {
margin:0 auto;
}

.apply_right ul {
margin-top:20px;
list-style:none;
padding:0;
}

.apply_right ul li {
line-height:25px;
background:url(../images/smallsquare.gif.png) no-repeat 30px 11px;
padding-left:50px;
}

.apply_right .smalltit {
color:#87cc00;
font-size:16px;
margin-left:30px;
width:auto;
}

.apply_right_float {
float:left;
width:320px;
_display:inline;
}

#apply_right_two table {
clear:both;
}

#transition_content {
position:relative;
width:960px;
height:390px;
overflow:hidden;
margin-top:1px;
margin-bottom:25px;
_padding-top:0px;
_height:390px;
border-bottom:#d9d9d9 1px solid;
/* border-top:#d9d9d9 1px solid; */
}

#image_transition {
width:100%;
height:100%;
}

#image_transition li {
list-style:none;
position:absolute;
width:960px;
height:355px;
left:-960px;
}

#btn_transition {
position:absolute;
right:0;
bottom:10px;
width:100px;
}

#btn_transition li {
list-style:none;
float:left;
width:10px;
height:10px;
line-height:10px;
background-color:#CCC;
margin-left:15px;
border-radius:5px;
cursor:pointer;
overflow:hidden;
_line-height:0;
font-size:0;
}

#apply_right_two ul.box_picture {
width:692px;
margin-left:30px;
margin-top:30px;
float:left;
_display:inline;
overflow:hidden;
}

#apply_right_two ul.box_picture li {
background:none;
border:#f0f1f2 solid 1px;
float:left;
margin-right:38px;
margin-bottom:30px;
font-size:16px;
color:#4e4e4e;
width:195px;
line-height:65px;
height:65px;
text-align:center;
_display:inline;
overflow:hidden;
padding:2px;
}

#apply_right_two ul.box_picture li span {
display:block;
background-color:#f0f1f2;
width:100%;
height:100%;
margin:0;
}

#apply_right_two ul.box_picture li.box_picture_feed {
margin-right:0;
}

#apply_right_two ul.box_picture li.blog_platform {
border:#c8e19d solid 1px;
width:675px;
font-size:24px;
margin-bottom:5px;
}

#apply_right_two ul.box_picture li.blog_platform span {
background-color:#c8e19d;
}

.process_img {
list-style:none;
background:url(../images/processBackground.gif.png) no-repeat;
width:933px;
height:336px;
overflow:hidden;
padding:0;
}

.process_img li {
float:left;
width:142px;
height:154px;
_display:inline;
overflow:hidden;
}

.process_img li.process_img_up {
margin-left:135px;
}

.process_img li.process_img_up_first {
margin-left:160px;
}

.process_img li.process_img_down {
margin-left:145px;
margin-top:32px;
}

.process_img li.process_img_down_first {
margin-left:0;
clear:left;
}

.apply_right span.expansibility {
float:left;
width:100%;
text-align:center;
margin-top:30px;
}

.apply_right span.expansibility .expansibility_first {
margin-left:90px;
_display:inline;
}

.expansibility span {
display:block;
width:117px;
height:77px;
text-align:center;
background:url(../images/circle.jpg) no-repeat;
float:left;
color:#525355;
font-size:16px;
line-height:20px;
font-weight:700;
padding-top:40px;
margin:0 10px;
}

.apply_right span.figure {
text-align:right;
margin-top:-18px;
margin-bottom:0;
}

.apply_right span.figure table {
margin-left:190px;
}

.page_head ul li ul.pop_window {
width:174px;
height:0;
background:transparent url(../images/pop_window.png) no-repeat;
position:absolute;
top:25px;
left:-70px;
z-index:3;
overflow:hidden;
-moz-transition:height .5s ease-out;
-webkit-transition:height .5s ease-out;
-o-transition:height .5s ease-out;
-ms-transition:height .5s ease-out;
}

.page_head ul li:drop_downs_mouseover ul.pop_window {
height:73px;
-moz-transition:height .5s ease-out;
-webkit-transition:height .5s ease-out;
-o-transition:height .5s ease-out;
-ms-transition:height .5s ease-out;
}

.page_head ul li ul.pop_window li:first-child {
margin-top:8px;
}

.page_head ul li .pop_window li {
float:none;
width:168px;
text-align:left;
line-height:31px;
margin:0 4px;
}

.page_head ul li .pop_window li a {
font-size:14px;
color:#73bb1c;
}

.page_head ul li ul {
background-color:#FFF;
width:90px;
padding-top:4px;
position:absolute;
left:50%;
top:32px;
margin-left:-45px;
display:none;
}

.page_head ul li .drop_downs_mouseover ul {
display:block;
}

.page_content .content_art_top,.example_top p .content_art_mini {
font-size:13px;
}

.page_content .content_art_div_long span,.page_content .content_art_div span {
clear:both;
display:block;
}

.article_content p.about_p,.article_content p.contact_p,.article_content .content_tit,.article_content .content_icon {
width:550px;
}

.article_content p.contact_p,.service_top p {
margin-left:0;
}

.content_tit,.service_content .service_bottom,.service_bottom .smalltit {
margin-top:30px;
}

.mini_tit,.apply_right_float ul {
margin-top:10px;
}

#left_selected .left_selected_img,#apply_right_two,#apply_right_three {
display:none;
}