@charset "utf-8";
/* CSS Document */   
.col_red {
color:#00a0e9;
}
/*viewsWrapper*/
#viewsWrapper {
position: relative;
width: -webkit-calc(100% - 150px);
width: calc(100% - 150px);
height: 100%;
}
.pt-page {
width: 100%;
height: 100%;
background:#fff;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.pt-page-current, .no-js .pt-page {
visibility: visible;
z-index: 1;
}
/*=====================.page.page-1=====================*/ 
#jiaodian{ position:absolute; height:100%;}
#jiaodian .owl-wrapper-outer{ width:100%; height:100%;}
#jiaodian .owl-wrapper,#jiaodian .owl-item,#jiaodian .item{ width:100%; height:100%; display:table; vertical-align:middle;}
#jiaodian .owl-item{ background:url(../images/bx_loader.gif) center center no-repeat;}
#jiaodian .item{ background-position:center top; background-repeat:no-repeat; background-size:cover;}
#jiaodian .owl-item:nth-child(1) .item{ background-image:url(../images/index_s1_focus1.jpg);} 
#jiaodian .owl-item:nth-child(2) .item{ background-image:url(../images/index_s1_focus2.jpg);} 
.focus_txt{ display:table-cell; vertical-align:middle;}
#jiaodian .owl-item:nth-child(1) .item .focus_txt img{ max-width:50%; margin-left:10%;} 
#jiaodian .owl-item:nth-child(2) .item .focus_txt img{ display:block; max-width:85%; margin:0 auto;} 
#jiaodian .owl-controls { margin-top: 20px; width: 100%; position: absolute; top: 0;}
#jiaodian .owl-buttons{ display:none;}
#jiaodian .owl-controls .owl-page span{ background:#fff;}

/*=====================.page.page-2=====================*/ 
.service_overview {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.service_area {
display:block;
float:left;
width:50%;
height:50%;
background-position:0 0;
background-repeat:no-repeat;
background-size:cover;
border-right:10px solid #fff;
border-top:10px solid #fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.service_area a.service_a {
display:table;
vertical-align:middle;
width:100%;
height:100%;
background:rgba(0, 0, 0, .5);
color:#fff;
-webkit-transition: transition:all 0.4s ease;
-moz-transition: transition:all 0.4s ease;
-ms-transition: transition:all 0.4s ease;
transition:all 0.4s ease;
}
.service_block {
display:table-cell;
vertical-align:middle;
}
.block_box {
width:66%;
margin:0 auto;
background:url(../images/index_s2_01.png) no-repeat;
padding:68px 0 0 78px;
}
.block_box h3 {
font-weight:normal;
text-transform:uppercase;
-webkit-transition: transition:all 0.4s ease;
-moz-transition: transition:all 0.4s ease;
-ms-transition: transition:all 0.4s ease;
transition:all 0.4s ease;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
position:relative;
}
.block_box h3 span {
display:inline-block;
vertical-align:base-line;
margin:0 3px;
font-size:22px;
}
.block_box h3 span.first_letter {
font-weight:normal;
font-size:70px;
}
.block_box h3 span em {
display:block;
font-size:12px;
font-family:Georgia;
}
.service_mation {
border-top:2px solid #888;
border-bottom:2px solid #888;
}
.mation_des {
font-size:14px;
color:#fff;
line-height:24px;
max-height:48px;
overflow:hidden;
}
.block_box h3 span.service_more {
display:block; position:absolute; bottom:10px; right:0;
width:38px;
height:38px;
background:#cd191a;
color:#fff;
text-align:center;
line-height:38px;
font-family:"宋体";
font-size:20px;
letter-spacing:-0.15em;
color:#fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
.service_mation, .service_more {
height:0;
line-height:0;
padding:0;
margin:0;
filter: alpha(opacity=0);
opacity: 0;
-webkit-transition: transition:all 0.4s ease;
-moz-transition: transition:all 0.4s ease;
-ms-transition: transition:all 0.4s ease;
transition:all 0.4s ease;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.service_area:hover a.service_a {
background:rgba(0, 0, 0, .8);
color:#cd191a;
}
.service_area:hover .block_box {
background-image:url(../images/index_s2_01b.png);
}
.service_area:hover .service_mation, .service_area:hover .service_more {
height:auto;
line-height:normal;
padding:3% 0;
margin:10px 0 20px;
filter: alpha(opacity=100);
opacity:1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.service_area:hover .service_more {
height:38px;
line-height:38px;
padding:0;
margin:0;
}
.service_area:hover .block_box h3 {
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity:1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.service_area img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
/*=====================.page.page-3=====================*/ 
.cases {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.cases_area {
position:absolute;
overflow:hidden;
}
.cases_bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
-webkit-transform: scale(1, 1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 1000ms;
-moz-transform: scale(1, 1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 1000ms;
transform: scale(1, 1);
transition-timing-function: ease-out;
transition-duration: 1000ms;
}
.cases_area:hover .cases_bg {
-webkit-transform: scale(1.2, 1.2);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 1000ms;
-moz-transform: scale(1.2, 1.2);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 1000ms;
transform: scale(1.2, 1.2);
transition-timing-function: ease-out;
transition-duration: 1000ms;
}
.cases_area a {
display:block;
}
.cases_caption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:rgba(29, 10, 10, 0.8);
color:#fff;
}
.caption_area {
width:55%;
max-width:300px;
margin:0 auto;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
}
.caption_area h2 {
font-size:15px;
filter: alpha(opacity=30);
-moz-opacity: 0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
padding-bottom:10px;
background:url(../images/title_line3.gif) left bottom no-repeat;
margin:20px 0 6% -16px;
}
.caption_area h3 {
font-weight:normal;
text-transform:uppercase;
font-size:26px;
}
.cases_des {
margin:10px 0 20px;
font-size:14px;
line-height:22px;
max-height:44px;
overflow:hidden;
}
.cases_details {
display:block;
width:70%;
padding-left:20px;
font-size:18px;
height:38px;
line-height:38px;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
background:url(../images/index_s3_01.png) right center no-repeat;
background-size: 20%;
text-transform:capitalize;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.cases_area1 {
width:48%;
height:50%;
top:0;
left:0;
}
.cases_area2 {
width:48%;
height:50%;
top:50%;
left:0;
}
.cases_area3 {
width:27%;
height:100%;
top:0;
left:48%;
}
.cases_area4 {
width:25%;
height:50%;
top:0;
left:75%;
}
.cases_area5 {
width:25%;
height:50%;
top:50%;
left:75%;
}
.cases_area2 .cases_caption {
background:rgba(66, 51, 39, 0.8);
}
.cases_area3 .cases_caption {
background:rgba(221, 221, 221, 0.7);
text-align:center;
color:#666;
}
.cases_area3 h2 {
background-position:center bottom;
margin-bottom:100%;
}
.cases_area3 .caption_area {
width:75%;
}
.cases_area4 .cases_caption {
background:rgba(66, 51, 39, 0.8);
}
.cases_area:hover .caption_area {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.cases_area:hover .cases_caption {
background:rgba(205, 25, 26, 0.95);
}
.cases_area:hover .cases_details {
background:rgba(0, 0, 0, 0.5) url(../images/index_s3_01.png) right center no-repeat;
background-size: 22%;
}
.cases_area3:hover .cases_caption {
color:#fff;
}
/*=====================.page.page-4=====================*/  
#cooper_rec {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
}
#cooper_rec .owl-wrapper-outer, #cooper_rec .owl-wrapper, #cooper_rec .owl-item {
height:100%;
}
#cooper_rec .owl-item {
cursor:pointer;
}
#cooper_rec .item {
height:100%;
overflow:hidden;
position:relative;
margin-right:2px;
}
.cooper_bg {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
background-position:center top;
background-repeat:no-repeat;
background-size:cover;
-webkit-transform: scale(1.2, 1.2);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 1000ms;
-moz-transform: scale(1.2, 1.2);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 1000ms;
transform: scale(1.2, 1.2);
transition-timing-function: ease-out;
transition-duration: 1000ms;
}
#cooper_rec .item:hover .cooper_bg {
-webkit-transform: scale(1, 1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 1000ms;
-moz-transform: scale(1, 1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 1000ms;
transform: scale(1, 1);
transition-timing-function: ease-out;
transition-duration: 1000ms;
}
.cooper_con {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:10;
display:table;
vertical-align:middle;
text-align: center;
}
.cooper_block {
display:table-cell;
vertical-align:middle;
background: rgba(221, 221, 221, 1.0);
-webkit-transition: opacity 0.35s, background 0.35s linear;
-moz-transition: opacity 0.35s, background 0.35s linear;
-o-transition: opacity 0.35s, background 0.35s linear;
transition: opacity 0.35s, background 0.35s linear;
}
.brand_colful {
display:block;
}
.brand_white {
display:block;
width:0;
height:0;
line-height:0;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity:0;
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
.cooper_name, .cooper_info {
width:76%;
margin:0 auto;
}
.cooper_name {
padding-bottom:7px;
border-bottom:2px solid #a9a9a9;
margin-top:25%;
margin-bottom:30px;
}
.cooper_name a {
font-weight:normal;
font-size:18px;
color:#000;
}
.cooper_info {
color:#333;
font-size:14px;
line-height:22px;
max-height:44px;
overflow:hidden;
}
.brand_colful, .brand_white, .cooper_name, .cooper_info {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
#cooper_rec .item:hover .cooper_block {
-webkit-transition: opacity 0.35s, background 0.35s linear;
-moz-transition: opacity 0.35s, background 0.35s linear;
-o-transition: opacity 0.35s, background 0.35s linear;
transition: opacity 0.35s, background 0.35s linear;
background: rgba(205, 25, 26, .86);
}
#cooper_rec .item:hover .brand_colful {
width:0;
height:0;
line-height:0;
padding:0;
margin:0;
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity:0;
opacity: 0;
}
#cooper_rec .item:hover .brand_white {
width:auto;
height:auto;
line-height:auto;
filter: alpha(opacity=100);
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
opacity:  1.0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#cooper_rec .item:hover .cooper_name {
border-color:#fff;
margin-top:15%;
}
#cooper_rec .item:hover .cooper_name a, #cooper_rec .item:hover .cooper_info {
color:#fff;
}
#cooper_rec .item:hover .cooper_info {
line-height:24px;
max-height:240px;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
#cooper_rec .owl-controls {
position:absolute;
top:0;
left:0;
width:100%;
margin-top:10px;
}
#cooper_rec .owl-controls .owl-buttons{
display:none;
}
#cooper_rec .owl-controls .owl-buttons div{ padding:0; font-size:0; margin:0 5px; width:32px; height:32px; -webkit-border-radius: 50%; -moz-border-radius: 30px; border-radius: 50%; background:#888 url(../images/ico_left.png) center center no-repeat;}
#cooper_rec .owl-controls .owl-buttons div.owl-next{ background-image:url(../images/ico_right.png);}
#cooper_rec .owl-controls .owl-page span {
background:#555;
}
/*=====================.page.page-5=====================*/
#view5 {
background: #eeeeee;
}
.contact {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
}
.contact_logo {
height:24%;
max-height:320px;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
}
.contact_detail {
margin-top:4%;
height:56%;
overflow-y:auto;
}
.contact_info {
width:28%;
min-width:300px;
float:left;
padding:0 0 0 10%;
}
.contact_info h6 {
font-size:24px;
color:#45291b;
padding-bottom:10px;
background:url(../images/title_line4.png) left bottom no-repeat;
margin-bottom:30px;
}
.contact_tel {
color:#000;
font-size:46px;
line-height:1.3;
font-family:BahamasPlain, Georgia;
}
.contact_list {
margin:30px 0;
}
.contact_list li {
font-size:14px;
line-height:22px;
margin-bottom:5px;
color:#000;
}
.contact_list li b {
color:#666;
}
.contact_link {
display:inline-block;
margin-right:15px;
vertical-align:middle;
width:30%;
max-width:158px;
height:40px;
text-align:center;
line-height:40px;
border:1px solid #999;
font-size:14px;
color:#000;
}
.contact_link:hover {
background-color:#fff;
color:#b61416;
}
.contact_map {
width:48%;
float:left;
margin:3%;
padding:10px;
background:#fff;
border:1px solid #999;
}
.contact_map img {
display:block;
max-height:364px;
}
.rt-point {
z-index: 2000;
position: absolute;
bottom: 0;
left: calc(50% - 2rem);
width: 4rem;
height: 4rem;
border-radius: 50%;
border: 3px solid #fff;
background: #DCC7BE;
overflow: hidden;
display:none;
}
.index_menu {
z-index: 1000;
position: absolute;
bottom: 0;
margin-bottom:2rem;
left: 0;
width: 100%;
text-align:center;
}
.menu_nav {
width:60%;
max-width:900px;
margin:0 auto;
z-index: 3000;
position: relative;
display:inline-block;
}
.menu_nav:after {
content: "";
display: table;
clear: both;
}
.menu_nav ul {
height:34px;
border-bottom:2px dotted #ccc;
z-index: 100;
position: relative;
}
.nav--btn {
position: relative;
float: left;
width:20%;
cursor: pointer;
-webkit-transition: all 1s;
transition: all 1s;
}
.nav--btn span {
display:inline-block;
height:34px;
border-bottom:2px solid #670d0e;
font-size:14px;
color:#fff;
font-weight:bold;
-webkit-transition: all 1s;
transition: all 1s;
}
.nav--btn.active span, .nav--btn:hover span {
height:32px;
border-bottom:4px solid #cd191a;
font-weight:bold;
color:#fff;
}
.pathIt-svg {
z-index: 5000;
position: absolute;
top: -2px;
left: -2px;
display:none;
}
/*====================================================
about_pc====================================================*/
.about_pc {
background:#fff;
}
.body_about #head_sub {
display:none;
}
/*head_about*/
.head_about {
width:110px;
height:110px;
position:fixed;
top:50%;
left:50%;
z-index:1000;
margin:-55px 0 0 -55px;
}
.head_about a.small_logo {
display:block;
width:110px;
height:110px;
position:absolute;
top:0;
left:50%;
margin-left:-55px;
z-index:10;
}
.head_hide {
width:2000px;
height:110px;
background:url(../images/tou_bai70.png) repeat;
position:absolute;
top:0;
left:50%;
margin-left:-1000px;
z-index:9;
display:none;
}
.nav_style2,.nav_style2_r{ width:46%; float:left;}
.nav_style2 {
    line-height:110px;
}
.nav_style2 .nav{ display: block; float: right;}
.nav_style2 .nav li{ padding: 0 0.1rem;}
.nav_style2_r {
    float:right;
    margin-top:40px;
}
.nav_style2_shared {
    display:none;
}
.godown {
    width:75px;
    height:75px;
    background-image:url(../images/ico_down.png);
    background-position:center center;
    background-repeat:no-repeat;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    border-radius:50%;
    position:absolute;
    bottom:0;
    right:0;
    margin:0 -38px 100px 0;
    z-index:100;
}
.godown:hover { /*filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; */
    -webkit-box-shadow:0 0 20px -2px #ffffff;
    -moz-box-shadow:0 0 20px -2px #ffffff;
    box-shadow:0 0 20px -2px #ffffff;
}
.godown_01 {
background-color:#695026;
}
.godown_02 {
background-color:#41344e;
}
.godown_03 {
background-color:#b43244;
}
.godown_04 {
background-color:#449a99;
}
.godown_05 {
background-color:#333a53;
}
.godown_06 {
background-color:#555555;
}
.godown_07 {
background-color:#185164;
}
.dynamic {
position:relative;
}
.ms-right img {
max-width:70%;
}
a.ask_link {
display:block;
position:absolute;
top:0;
right:0;
font-size:16px;
color:#fff;
width:138px;
height:35px;
text-align:center;
line-height:35px;
border:2px solid #fff;
margin:20px 30px 0 0;
}
a.ask_link:hover {
-moz-border-radius:3px;
-ms-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
-moz-box-shadow:inset 0px 0px 30px #fff;
-webkit-box-shadow:inset 0px 0px 30px #fff;
box-shadow:inset 0px 0px 30px #fff;
}
#right2 a.ask_link {
border-color:#fff;
color:#fff;
} 

.lianluo {  } 
/*message*/
.lian_info,.message{ width:72%; margin:0 auto; color:#fff; text-align:left;}
.message{ margin-top:40px;}
.message_tit {
text-align:left;
font-weight:normal; 
font-size:15px;
color:#fff;
margin-bottom:15px;
}
.message_tit i {
font-weight:bold;
font-size:24px;
margin-right:10px;
}
.message_tit span {
line-height:32px;
float:right;
font-size:12px;
color:#fff;
}
.message_tit span em {
color:red;
}
.message_line {
 width:50%; 
 float:left; 
}
.red_star { 
color:red;
}
.message_txt {
    font-size: 12px;
    color:#fff;
    vertical-align:middle;
    width:84%;
    height:32px;
    line-height:32px;
    padding:6px 0 6px 12px;
    border-bottom:1px solid #467483;
}
.message_txt:hover, .message_txt:focus {
    border-color:#bacbd1;
}
.message_yu{ width:100%;}
.message_yu .message_txt { width:92%; height:64px; resize: none; }
.message_tip { overflow:hidden;
text-align:left;
color:#fff;
background:url(../images/ico_tip.png) left 5px no-repeat;
padding-left:32px;
line-height:32px; margin-bottom: 15px;
}
.check_code{ float: left;}
.check_code img{ vertical-align: bottom; width: 80px; margin-left: 4px;}
.message_submit {
    display:block;
    float:right;
    width:92px;
    height:38px;
    cursor:pointer;
    color:#fff;
    font-size:14px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    border-radius:5px;
    border:1px solid #8ca8b2;
    margin-top:20px;
}
.message_submit:hover {
    background-color:#8ca8b2;
}
.here_ico {
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    margin:-60px 0 0 -40px;
} 
 
.lian_info { }
.lian_list, .about_list .lian_list {
}
.lian_info .message_tit {
padding-left:0;
}
.lian_list li, .about_list .lian_list li {
width:100%;
float:none;
text-align:left;
color:#fff;
font-size:14px;
line-height:22px;
margin-bottom:8px;
}
.lian_list li img {
vertical-align:middle;
margin-right:10px;
}
.lian_tab{ width:68%; margin:30px auto 0; overflow:hidden;}
.lian_tab li{ float:left; margin-right:10px;}
.lian_tab li a{ display:block; width:10px; height:10px; border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%; background:#fff; font-size:0; border:2px solid #185164;}
.lian_tab li.lian_cur a{ background:none; border-color:#fff;}

/*about_ipad*/
#about_wrapper {
position:absolute;
z-index:1;
top:0;
bottom:0;
left:0;
margin-top:80px;
width:100%;
overflow:auto;
}
.about_ipad {
}
.about_list {
}
.about_list li {
width:46%;
float:left;
margin:0 2% 2%;
font-size:16px;
text-align:left;
}
.about_img {
overflow:hidden;
position:relative;
z-index:0;
}
.about_img img{ display: block;}
.about_img_dec {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/about_01.png) no-repeat;
background-size:100%;
z-index:100;
}
.about_img img.about_img_02 {
position:absolute;
top:0;
left:0;
z-index:99;
display:none;
}
.about_img_en {
font-size:0.36rem;
font-weight:bold;
position:relative;
margin-top:-0.8em;
text-transform:uppercase;
}
.about_img_cn {
line-height:24px;
height:48px;
overflow:hidden;
}
.about_list li:hover .about_img_en {
color:#fff;
text-shadow: 5px 5px 5px #666;
}
.about_list li.li_dif {
width:100%;
background:#185164; overflow: hidden;
padding:20px 0;
margin-bottom:0;
}
/*====================================================
service====================================================*/
.service {
margin-top:60px;
padding:60px 0;
background:url(../images/service_01.jpg) center top no-repeat;
}
/*wrapper*/
#wrapper {
width:714px;
margin:0 auto;
position:relative;
}
#images {
width:100%;
overflow:hidden;
margin:70px 0;
}
.service_info {
width:100%;
overflow:hidden;
color:#fff;
text-align:center;
}
.service_tit {
font-weight:normal;
font-size:100px;
margin-bottom:25px;
}
.service_des {
font-size:34px;
line-height:54px;
}
#prev, #next {
height:74px;
}
#prev a, #next a {
display:block;
height:74px;
margin:0 auto;
z-index:1000;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
#prev a.disabled, #next a.disabled {
display: none !important;
}
#prev a {
background:url(../images/service_02_1.png) center center no-repeat;
}
#next a {
background:url(../images/service_02_2.png) center center no-repeat;
}
#prev a:hover, #next a:hover {
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1.00;
}
/*service_list*/
.service_list {
width:100%;
overflow:hidden;
text-align:center;
margin-top:70px;
background:url(../images/service_04.gif) center 42px no-repeat;
}
.service_list li {
display:inline-block;
width:90px;
text-align:center;
cursor:pointer;
position:relative;
font-size:18px;
color:#fff;
font-weight:bold;
margin:0 28px;
}
.service_ico {
width:84px;
height:84px;
overflow:hidden;
margin:0 auto 10px;
background: #a3283c url(../images/service_03.png) no-repeat;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
position:relative;
}
.service_ico img {
display:block;
width:60px;
height:60px;
position:absolute;
top:50%;
left:50%;
z-index:100;
margin:-30px 0 0 -30px;
}
.service_list li u {
display: block;
position: absolute;
width: 84px;
height: 84px;
background:#a3283c url(../images/service_03b.png) no-repeat;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-transition: all .5s ease-in-out 0s;
-moz-transition: all .5s ease-in-out 0s;
-ms-transition: all .5s ease-in-out 0s;
-o-transition: all .5s ease-in-out 0s;
transition: all .5s ease-in-out 0s;
*+display:none;
}
.service_list li u.cl {
clip:rect(0px, 84px, -10px, 42px);
}
.service_list li:hover u.cl {
clip:rect(0px,84px,84px,42px);
}
.service_list li:hover .service_ico {
background:none;
}
.service_list li u.cr {
clip:rect(84px,42px,84px,0px);
}
.service_list li:hover u.cr {
clip:rect(0px,42px,84px,0px);
}
.service_list li:hover u {
display:block;
}
.service_list li i {
display: block;
width: 84px;
height:84px;
position: relative;
margin: 0 auto;
}
/*====================================================
case====================================================*/
.case {
padding:0;
background:none;
}
.case_banner { padding:0.8rem 0; position: relative; overflow: hidden;}
.case_banner_bg{ position: absolute; top:0; left:0; z-index: 0; width: 100%; height: 100%; background:url(../images/case_01.jpg) center top no-repeat; background-size:cover;}
.case_item {
    font-weight:normal;
    line-height: normal;
    text-align:center;
    color:#fff;
    margin-bottom:0.5rem;
}
.case_item span {
    display:block;
    font-size:0.36rem;
    margin-bottom:0.10rem;
}
.case_item span i {
    display:inline-block;
    width:62px;
    height:2px;
    background:#fff;
    vertical-align:middle;
    margin:0 8px;
}
.case_item em {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:0.18rem;
}
.case_num {
text-align:center;
margin:0 auto;
max-width:1280px;
}
.num_area {
display:inline-block;
text-align:center;
color:#fff;
text-transform:uppercase;
position:relative;
padding: 0 3%;
}
.num_box {
width:2.2rem;
height:2.2rem;
margin:0 auto;
position:relative;
}
.num_box span.timer {
display:block;
width:100%;
height: 100%;
margin:0 auto;
text-align:center;
background:#00a0e9;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-ms-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
font-family:Impact;
line-height:2.2rem;
font-size:1.4rem;
}
.num_line {
display:block;
position:absolute;
top:50%;
left:0;
z-index:100;
margin-top:-2px;
width:100%;
height:4px;
font-size:0;
background:#00a0e9;

}
.num_box sup {
position:absolute;
top:0;
right:0;
margin:3px 3px 0 0;
width:25px;
height:25px;
background:url(../images/case_02.png) no-repeat;
text-indent:-9999px;
}
.num_des {
font-size:0.16rem;
margin-top:0.2rem;
}
#case_num .owl-controls{ margin: 0; position: absolute; bottom: 0.1rem; width: 100%; text-align: center;}
#case_num .owl-controls .owl-page span{ background: #fff; width: 8px; height: 8px; margin: 0 4px;}
/*case_show*/
.case_show {
width:100%;
}
.case_tit {
text-align:center;
font-size:0.48rem;
font-weight:normal;
padding-bottom:0.1rem;
background:url(../images/title_line.jpg) center bottom no-repeat;
margin:0.3rem 0 0.5rem;
}
.case_tip{ display: block; font-size: 0.16rem; color: #e1181e;}
/* filters */
.filters {
    width:100%;
    max-width:1024px;
    margin:0 auto 10px;
    padding:10px 0;
    text-align:center;
    background:#fff;
    position: relative;
    top:-0.2rem;
    -webkit-transition: transition:all 0.5s ease;
    -moz-transition: transition:all 0.5s ease;
    -ms-transition: transition:all 0.5s ease;
    -moz-transition: transition:all 0.5s ease;
    transition: all 0.5s ease;
}
.filters li {
display:inline-block;
vertical-align:bottom;
margin:6px 0;
}
.filters li span {
display:block;
padding:6px 10px;
border:1px solid #d2d2d2;
font-size:14px;
cursor:pointer;
}
.filters li.text_style1 span {
font-size:24px;
}
.filters li.text_style2 span {
font-size:28px;
}
.filters li.text_style3 span {
font-size:24px;
font-weight:bold;
}
.filters li span.active, .filters li span.active a {
background:#00a0e9;
border-color:#00a0e9;
color:#fff;
}
#portfoliolist {
    width:100%;
    margin:0 auto;
    min-height:800px; padding:0 5em;
}
.portfolio {
    width:33.3%;
    float:left;
    position:relative;
    overflow:hidden;
    padding: 0.1rem;
    -webkit-transition: transition:all 0.5s ease;
    -moz-transition: transition:all 0.5s ease;
    -ms-transition: transition:all 0.5s ease;
    -moz-transition: transition:all 0.5s ease;
    transition: all 0.5s ease;
}
.portfolio-wrapper {
cursor:pointer;
}
.portfolio img {
display:block;
}
.img_box {
overflow:hidden;
}
.img_box a{ display:block;}	
.portfolio .label {
    line-height: normal;
    height: 100px;
    padding: 15px 20px 0;
    position: relative;
    z-index: 100;
    background: #efeef1;
    font-size: 0.14rem;
}
.sort_design {
    font-family:Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#555;
}
.case_name {
    display:block;
    font-size:0.18rem;
    color:#555;
    line-height:0.24rem;
    height:0.24rem;
    overflow:hidden;
    margin:5px 0 10px;
}
.case_info {
    font-family:Arial, Helvetica, sans-serif;
    text-transform:capitalize;
    color:#888;
}
.portfolio:hover {
    background: #e1e1e1;
    -moz-box-shadow:0 0 30px -2px #ddd;
    -webkit-box-shadow:0 0 30px -2px #ddd;
    box-shadow:0 0 30px -2px #ddd;
}
.load_more {
height:45px;
line-height:45px;
text-align:center;
background:url(../images/power_02.jpg) left center repeat-x;
font-size:16px;
color:#555;
margin:50px 0 0;
}
.load_more span {
display:inline-block;
width:5rem;
padding:0 0.3rem;
background:#fff;
}
.load_more span a {
display:inline-block;
width:100%;
background:#eee;
}
.load_more span a:hover {
background:#ddd;
}
/*filters_phone*/
#filters_phone {
    width:100%;
    display:none;
    overflow:hidden;
    margin-bottom: 0;
}
#filters_phone li {
display:block;
width:96%;
margin:0 auto;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#filters_phone li span {
padding:0;
height:40px;
overflow:hidden;
line-height:40px;
font-size:15px;
}
#filters_phone .owl-controls{ margin: 0;}
.fixed {
    position:fixed;
    width:100%;
    max-width:none;
    left:0;
    top:0;
    z-index:1000;
    margin-top:80px;
}
.interested {
padding:5% 0;
text-align:center;
}
.interested img {
max-width:80%;
margin:0 auto;
}
/*====================================================
case_detail====================================================*/
.case_detail {
padding:0;
background:none;
}
.case_detail img {
display:block; 
} 
.results {
padding:40px 0;
background:#303030;
color:#fff;
}
.results_inner {
width:70.26%;
max-width:1200px;
margin:0 auto;
}
.results_tit {
text-align:center;
font-weight:normal;
font-size:36px;
margin-bottom:30px;
}
.results_tit em {
display:inline-block;
vertical-align:bottom;
margin-left:10px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
}
/*results_show*/  
#results_show img{ 
margin:0 auto;
max-height:700px;
width:auto;
}
#results_show .owl-controls .owl-page span {
width:6px; height:6px;
border:2px solid #303030;
}
#results_show .owl-controls .owl-page.active span, #results_show .owl-controls.clickable .owl-page:hover span {
background:#b4b4b4;
border-color:#444;
}
/*relevant*/
.relevant {
padding:4% 0;
background:url(../images/results_03.jpg) repeat;
}
.relevant_inner {
width:83%;
max-width:1200px;
margin:0 auto;
overflow:hidden;
}
a.back_list {
display:block;
margin:0 auto;
width:210px;
height:52px;
border:2px solid #000;
text-align:center;
line-height:52px;
font-size:26px;
color:#000;
}
a.back_list:hover {
background:#000;
color:#fff;
}
.relevant_tit {
font-weight:normal;
font-size:14px;
text-align:center;
margin-top:10px;
}
#relevant_list {
margin-top:4%;
font-size:16px;
}
#relevant_list .owl-controls .owl-page span{ width:6px; height:6px;}
.relevant_area {
margin:0 30px;
}
.relevant_pic {
overflow:hidden;
margin-bottom:10px;
}
.relevant_area:hover a {
color: #00a0e9;
text-decoration:underline;
}
/*====================================================
detail_box====================================================*/
.detail_box {
padding:40px 0;
}
.detail_pic {
width:70%;
padding:0 5%;
border-right:6px solid #eee;
}
.detail_pic img {
display:block;
width:100%;
max-width:1325px;
margin:0 auto 5%;
}
.detail_info {
width:20%;
position:fixed;
right:0;
top:0;
padding:5% 2% 0 0;
line-height:20px;
color:#a2a2a2;
text-align:right;
}
.detail_tit {
overflow:hidden;
font-weight:normal;
font-size:30px;
line-height:36px;
margin-bottom:30px;
}
.detail_tit span {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
text-transform:capitalize;
}
.detail_tit span em {
display:inline-block;
border-bottom:3px solid #00a0e9;
}
.tech {
color:#666;
margin-top:50px;
}
/*scr_con*/
.scr_con {
width:100%;
}
.scr_con .viewport {
width:100%;
height:180px;
overflow: hidden;
position: relative;
}
.scr_con .overview {
position: absolute;
left:0;
top:0;
}
.scr_con .scrollbar {
background-position: 0 0;
width:6px;
position:absolute;
right:0;
}
.scr_con .track {
height: 100%;
width:6px;
background:#eeeeee;
position: relative;
}
.scr_con .thumb {
background:#c2c2c2;
height: 20px;
width:6px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
-webkit-transition:all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
border-radius:6px;
}
.scr_con .scrollbar:hover .thumb {
background:#adadad;
}
.scr_con .thumb .end {
display:none;
background-position: 100% 0;
height: 5px;
width: 6px;
}
.scr_con .disable {
display: none;
}
.detail_phone {
display:none;
}
.detail_closed {
display:block;
font-size:50px;
color:#000;
font-family:"宋体";
}
.detail_closed:hover {
color: #00a0e9;
}
.detail_page {
margin:30px 0 20px;
}
.detail_page a {
display:inline-block;
width:52px;
height:52px;
font-family:"宋体";
text-align:center;
line-height:52px;
font-size:28px;
color:#fff;
background:#ebebeb;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
margin-left:6px;
}
.detail_page a:hover {
background-color:#ddd;
}
/*====================================================
article====================================================*/
/*body.view_body {
background:#fff;
}*/
.detail_guide {
width:90%;
margin:0 auto;
padding:20px 0;
border-top:2px solid #ddd;
margin-top:30px;
}
.detail_guide li {
display:inline-block;
margin-right:10px;width:90%;
}
.detail_guide li p{ float:left;height:28px;
line-height:28px;}
.detail_guide li a {
display:block;
height:28px;
line-height:28px;
font-size:14px;
color:#000; text-align:left
}
.detail_guide li a:hover {
background:#00a0e9;
color:#fff;
}
.detail_guide li.article_back {
float:right;
margin-right:0; width:70px; text-align:right; margin-top:-30px
}
.detail_guide li.article_back a {
border:none;
background:url(../images/viewpoint_03.png) left center no-repeat;
width:auto;
padding-left:32px;
font-size:18px;
}
.detail_guide li.article_back a:hover {
color:#00a0e9;
}
.article {
background:none;
min-height:560px;
}
.article_top {
width:90%;
margin:0 auto 20px;
color:#666;
padding:20px 0;
border-bottom:1px solid #ddd;
}
.article_tit {
font-weight:normal;
font-size:26px;
color:#000;
margin-bottom:10px;
}
.article_area {
width:90%;
margin:0 auto;
font-size:14px;
line-height:1.8;
}
.article_area img {
display:block;
margin:10px auto;
}
.article_shared {
margin:20px 0;
}
.col_gray {
color:#999;
font-size:12px;
vertical-align:middle;
}
/*article_r*/
.article_r {
width:25%;
float:right;
background:#f7f7f7;
}
.news_related {
padding:20px 10%;
}
.news_related h6 {
font-weight:normal;
font-size:18px;
margin-bottom:20px;
}
.related_list {
}
.related_list li {
padding:15px 0;
border-bottom:1px dashed #c8c8c8;
color:#999;
}
.related_tit {
height:24px;
overflow:hidden;
line-height:24px;
font-size:15px;
}
.related_des {
line-height:24px;
height:48px;
overflow:hidden;
margin:10px 0;
color:#666;
}
.related_list li:hover .related_tit a {
color:#00a0e9;
text-decoration:underline;
}
/*16/01/13 lilu网站建设*/ 
/*sub_menu*/ 
.sub_menu {
width:115px;
z-index:1000;
position:fixed;
top: 50%;
margin-top: -40px;
right: 0px;
}
.sub_menu a.menu_item {
display: block;
height: 36px;
line-height:36px;
margin-bottom:14px;
font-size: 14px;
text-transform:uppercase;
text-align:left;
position:relative;
}
.sub_menu a.menu_item em {
display:block;
width:88px;
height:36px;
position:static;
position:absolute;
right:-60px;
top:0;
background:url(../images/menu_01a.png) no-repeat;
padding-left:27px;
}
.sub_menu a.menu_item:hover em {
color:#fff;
background:url(../images/menu_01b.png) no-repeat;
}
.sub_menu a.active em {
width:78px;
padding-left:37px;
right:0;
color:#fff;
background-image:url(../images/menu_01b.png);
}
.sub_menu a.end {
display:none;
}


/*dowebok*/ 
#dowebok .section { overflow:hidden; }
 
/*sec1*/
.sec1 { z-index:100; background:url(../images/build_sec1.jpg) center top no-repeat; background-size:cover; text-align:center;}
.sec1_tit { font-weight:bold; font-size:60px; color:#ec1f34; position:relative;
	top:-400px;
	-webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s; 
	-o-transition: all .8s ease-in-out 0s; 
	transition: all .8s ease-in-out 0s; 
}
.section.active .sec1_tit{top: 50px; font-size:50px; }
.sec1_tit em {
display:block;
font-weight:normal;
font-size:30px;
margin-top:10px;
}
.sec1_txt {
font-size: 16px;
line-height: 1.56;
color: #fff;
padding: 70px 0 20px 0px;
width: 74%;
max-width:850px;
margin: 0 auto;
}
.provide_tit {
font-size:30px;
color:#ec1f34;
background:url(../images/build_01.png) center center no-repeat; 
}
.provide_list{ padding-top: 20px;}
.provide_list li {display:inline-block; width:25%; max-width:177px; margin-top: 20px;
    position:relative;
	-webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s; 
	-o-transition: all .8s ease-in-out 0s; 
	transition: all .8s ease-in-out 0s; }
.provide_list li:nth-child(1){ top:300px;}
.provide_list li:nth-child(2){ top:400px;}
.provide_list li:nth-child(3){ top:500px;}
.provide_list li:nth-child(4){ top:600px;}
.active .provide_list li{ top:0;}
.provide_list li a { display:block; font-size:16px; color:#fff;}
.provide_list li span {
display:block;
margin:0 auto;
width:117px;
height:117px;
-webkit-border-radius:50%;
-moz-border-radius:50%; 
border-radius:50%;
margin-bottom:20px;
}
.provide_list li.provide_01 span {
background:#f52b41 url(../images/sec1_ico1.png) center center no-repeat;
background-size:70%;
}
.provide_list li.provide_02 span {
background:#0fa4b1 url(../images/sec1_ico2.png) center center no-repeat;
background-size:70%;
}
.provide_list li.provide_03 span {
background:#b88b20 url(../images/sec1_ico3.png) center center no-repeat;
background-size:70%;
}
.provide_list li.provide_04 span {
background:#499637 url(../images/sec1_ico4.png) center center no-repeat;
background-size:70%;
}
.provide_list li:hover a span {
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
/*sec2*/
.sec2 { z-index:99; background:#fff; }
.sec2 .fp-tableCell{ vertical-align:bottom;}
.sec2_tit{ width:100%; height:30%; position:absolute; top:0; left:0; display:table; vertical-align:middle;}
.sec2_tit .build_tit{ display:table-cell; vertical-align:middle; padding-top: 60px;}
.build_tit { text-align:center; font-size:60px; color:#ec1f34; text-transform:uppercase; 
	position:relative;
	top:-400px;
	-webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s; 
	-o-transition: all .8s ease-in-out 0s; 
	transition: all .8s ease-in-out 0s; 
}
.section.active .build_tit{top:0px; font-size:50px; }

.build_tit em {
display:block;
font-weight:normal;
font-size:24px;
margin-top:5px;
}
.advantage_list{ width:100%; height:70%; position:absolute; bottom:0; left:0;}
.advantage_list li { width:33.33%; height:50%; float:left; position:relative; overflow: hidden;}
.advantage_initial {
width:100%;
height:100%;
display:table;
vertical-align:middle;
}
.initial_box {
display:table-cell;
vertical-align:middle;
padding:0 7%;
border-left:1px solid #f52b41;
border-top:1px solid #f52b41;
}
.advantage_list li a {
font-size:28px;
color:#000;
text-transform:uppercase;
}
.advantage_list li a em {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#cd1716;
font-size:22px;
}
.advantage_list li a img {
    display:block;
    float:right;
    width:36%;
    max-width:160px;
    position:relative;
    right:-50px;
    -webkit-transition: all .8s ease-in-out 0.3s;
    -moz-transition: all .8s ease-in-out 0.3s;
    -ms-transition: all .8s ease-in-out 0.3s;
    -o-transition: all .8s ease-in-out 0.3s;
    transition: all .8s ease-in-out 0.3s;
}
.active .advantage_list li a img{ right:0;}
.advantage_info {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:100;
background:#da1126;
color:#fff;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
.info_box {
padding:0 7%;
height:100%;
display:table;
vertical-align:middle;
}
.info_area {
display:table-cell;
vertical-align:middle;
font-size:14px;
line-height:24px;
}
.advantage_info h6 {
font-weight:normal;
font-size:34px;
line-height:normal;
margin-bottom:20px;
}
.advantage_list li:hover .advantage_info {
filter:alpha(opacity=100);
-moz-opacity:1.00;
-khtml-opacity: 1.00;
opacity: 1.00;
}
/*sec3*/
.sec3 { z-index:98; background:url(../images/build_sec3.jpg) center top no-repeat; background-size:cover; }
.process_box{ width: 80%; max-width: 1480px; margin: 0 auto;}
#process { padding:20px 0 0; text-align:center; }
#process .owl-wrapper-outer { padding: 18px 0;}
#process .owl-controls .owl-page span{ width: 6px; height: 6px; margin: 0 5px;}
.process_area {
    display:inline-block;
    position:relative;
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
}
.process_nth1{ left:-300px;}
.process_nth2{ left:-500px;}
.process_nth3{ left:-700px;}
.process_nth4{ top:300px;}
.process_nth5{ right:-300px;}
.process_nth6{ right:-500px;}
.process_nth7{ right:-700px;}

.active .process_nth1,.active .process_nth2,.active .process_nth3{ left:0;}
.active .process_nth4{ top:0;}
.active .process_nth5,.active .process_nth6,.active .process_nth7{ right:0;}

.process_ico { background: url("../images/xin_ico1.png") center center no-repeat; background-size: cover; width:154px; height:154px; }
.process_ico img {
display:block;
position:absolute;
top:50%;
left:50%;
margin:-45px 0 0 -45px;
}
.process_name {
width:130px;
height:42px;
text-align:center;
line-height:42px;
background:#da1126;
color:#fff;
font-size:22px;
position:absolute;
bottom:0;
right:-18px;
margin-bottom:-18px;
}
.process_arrow {
display:block;
width:168px;
height:69px;
background:url(../images/process_arrow1.png) no-repeat;
position:absolute;
bottom:0;
right:0;
margin:0 -100px -80px 0;
display:none;
}
.process_area.process_dif .process_name {
bottom:auto;
top:0;
margin-top:-18px;
}
.process_area.process_dif .process_arrow {
bottom:auto;
top:0;
margin-top:-80px;
background-image:url(../images/process_arrow2.png);
}
/*sec4*/
.sec4 { z-index:97; background:#ae0f0f;}
.sec4 .build_tit {
color:#fff;
}
.partners {
padding:0 57px;
}
#sync3 {
width:630px;
margin:0 auto;
margin-bottom:80px;
}
#sync3 .item {
color:#fff;
text-align:center;
background:url(../images/partners_01.png) no-repeat;
padding:20px 0 0 90px;
}
.partners_txt {
background:url(../images/partners_02.png) right bottom no-repeat;
padding:0 90px 20px 0;
}
.partners_name {
font-weight:normal;
line-height:normal;
font-size:24px;
margin-bottom:20px;
}
.partners_txt {
line-height:18px;
}
#sync4 .item {
padding: 7px;
cursor:pointer;
}
#sync4 .synced {
filter:alpha(opacity=90);
-moz-opacity:0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
}
#sync4 .owl-controls{ margin-top:10px;}
#sync4 .owl-controls .owl-page span {
background:#fff;
} 
#sync4 .owl-controls .owl-buttons div {
   -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; filter: Alpha(Opacity=70); opacity: 0.7; font-size: 0; width: 34px; height: 34px; padding: 0; background-color: #fff; background-position: center center; background-repeat: no-repeat; background-image: url("../images/arrow_01.png");
}
#sync4 .owl-controls .owl-buttons div.owl-next{ background-image: url("../images/arrow_02.png");}
/*sec5*/
.sec5 { z-index:96; background:#fff; }
.sec5_tit{ width:100%; height:25%; position:absolute; top:0; left:0; display:table; vertical-align:middle;}
.sec5_tit .build_tit{ display:table-cell; vertical-align:middle; padding-top: 60px;}
.sec5 .cases{ height:75%; top:auto; bottom:0;}
/*APP*/
.app_inner {
width:1200px;
margin:0 auto;
}
.app_sec {
overflow:hidden;
padding:60px 0;
}
/*app_s1*/
.app_s1 {
margin-top:60px;
text-align:center;
color:#fff;
background:url(../images/app_s1_01.jpg) fixed center top no-repeat;
background-size:cover;
}
.app_tit {
text-align:center;
font-size:70px;
color:#00a0e9;
text-transform:uppercase;
margin-bottom:30px;
}
.app_tit em {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:48px;
margin-top:5px;
}
.app_s1 .app_tit {
color:#fff;
}
.app_s1_txt {
font-size:16px;
line-height:1.625;
}
.app_s1_img {
display:block;
margin:70px auto 0;
max-width:89%;
}
/*app_s2*/
.app_s2 {
background:url(../images/app_s2_01.jpg) fixed center bottom no-repeat;
background-size:cover;
}
.app_service {
overflow:hidden;
padding:50px 0;
text-align:center;
}
.app_service li {
float:left;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-size:30px;
width:25%;
}
.app_service li img {
display:block;
margin:0 auto 40px;
}
.service_sort {
display:none;
margin:0 auto;
}
/*app_s3*/
.app_s3 {
min-height:500px;
background:url(../images/app_s3_01.jpg) fixed center top no-repeat;
background-size:cover;
}
.advantage_pic {
display:block;
float:left;
width:55%;
}
.advantage_des {
float:left;
width:50%;
margin-left:-5%;
}
.advantage_des li {
font-size:14px;
line-height:24px;
color:#888;
overflow:hidden;
}
.des_item {
display:block;
float:left;
font-size:16px;
color:#000;
background:url(../images/list_ico1.png) left center no-repeat;
padding-left:24px;
margin-right:20px;
}
.advantage_des li.advantage_des1 {
margin:60px 0 0 -30px;
}
.advantage_des li.advantage_des2 {
margin:60px 0 0 40px;
}
.advantage_des li.advantage_des3 {
margin:60px 0 0 45px;
}
.advantage_des li.advantage_des4 {
margin:60px 0 0 0;
}
.des_txt {
float:left;
width:71%;
}
/*app_s4*/
.app_s4 {
min-height:300px;
background:url(../images/app_s4_01.jpg) fixed center top no-repeat;
background-size:cover;
}
.app_s4 .app_tit {
color:#fff;
}
.process_list {
width:86%;
margin:0 auto;
background:url(../images/app_s4_02.png) right 93px no-repeat;
}
.process_list li {
width:19%;
padding:45px 0;
float:left;
font-size:16px;
text-align:center;
color:#fff;
}
.process_list li img {
display:block;
margin:0 auto 10px;
}
/*app_s5*/
.app_s5 {
min-height:500px;
background:url(../images/app_s5_01.jpg) fixed center top no-repeat;
background-size:cover;
}
.app_s5 .app_inner {
position:relative;
}
.cooper_area {
margin:0 -5px;
}
.cooper_area a {
display:block;
width:12.5%;
padding:6px;
float:left;
cursor:default;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.cooper_area a:hover {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
.cooper_area a img {
display:block;
margin:0 auto;
}
.cooper_txt {
position:absolute;
top:0;
left:0;
z-index:100;
color:#fff;
}
.cooper_des {
font-size:48px;
line-height:1.5;
}
.cooper_des span {
display:block;
font-size:18px;
margin-top:10px;
}
.cooper_tit {
font-weight:normal;
font-size:24px;
margin-top:20px;
}
.cooper_tit em {
display:block;
font-size:32px;
}
#cooper_slide {
min-height:555px;
padding-top:90px;
}
#cooper_slide .owl-controls {
margin:0;
position:absolute;
top:50%;
left:0;
}
#cooper_slide .owl-buttons {
display:none;
}
#cooper_slide .owl-controls .owl-page span {
width:8px;

height:8px;
border:2px solid #fff;
background:#fff;
filter: Alpha(Opacity=100);
margin:7px;
opacity:1;
}
#cooper_slide .owl-controls .owl-page.active span, #cooper_slide .owl-controls.clickable .owl-page:hover span {
border:4px solid #bb3b36;
margin:5px;
}
/*app_s6*/
.app_s6 {
background:#2f2f37;
}
.app_s6 .app_tit {
color:#fff;
}
.classic {
position: relative;
width: 1100px;
margin: 0 auto;
padding:30px 0 80px;
}
.boxF, .boxS, .boxT, .overlay {
width: 210px;
height: 236px;
overflow: hidden;
}
.boxF, .boxS {
visibility: hidden;
}
.boxT img {
display:block;
}
.boxF {
transform: rotate(120deg);
float: left;
margin:0 0 -56px 3px;
-ms-transform: rotate(120deg);
-moz-transform: rotate(120deg);
-webkit-transform: rotate(120deg);
}
.boxF:nth-child(6) {
margin-left:112px;
}
.boxS {
transform: rotate(-60deg);
-ms-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
}
.boxT {
transform: rotate(-60deg);
background: no-repeat 50% center;
background-size: 103% auto;
-ms-transform: rotate(-60deg);
-moz-transform: rotate(-60deg);
-webkit-transform: rotate(-60deg);
visibility: visible;
transition: all 250ms ease-in-out 0s;
}
.overlay {
transition: all 250ms ease-in-out 0s;
display: none;
position: relative;
}
.overlay:hover {
background-color: rgba(0, 0, 0, 0.6);
}
.boxT:hover .overlay {
display: block;
}
.overlay a {
display: inline-block;
position: absolute;
left: 50%;
top: 50%;
margin: -16px 0 0 -16px;
background-color: #d3b850;
text-align: center;
line-height: 32px;
width: 32px;
height: 32px;
text-decoration: none;
color: White;
font-size: 18px;
font-weight: bolder;
}
.box_gap {
margin-left:112px;
}
.boxT:hover {
background-size: 120% auto;
}
/*====================================================
01/21 viewpoint====================================================*/
.viewpoint {
padding:40px 0;
background:none;
min-height:600px;
}
.viewpoint_tab {
position:fixed;
top:100px;
left:0;
width:10%;
min-width:150px;
max-width:180px;
}
.viewpoint_tab li {
margin-bottom:20px;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
.viewpoint_tab li:hover, .viewpoint_tab li.viewpoint_cur {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.viewpoint_tab li:hover a, .viewpoint_tab li.viewpoint_cur a {
background-color:#00a0e9;
}
.viewpoint_tab li a {
display:block;
height:54px;
line-height:54px;
font-size:15px;
text-align:right;
color:#fff;
padding-right:30px;
background:#bfbfbf;
-webkit-border-radius: 0 27px 27px 0;
-moz-border-radius: 0 27px 27px 0;
border-radius:0 27px 27px 0;
}
.viewpoint_con {
    width:80%;
    float:right;
    margin-top:-40px;
}
.viewpoint_list{ margin-left: -0.15rem; margin-right: -0.15rem;}
.viewpoint_list li {
    float:left;
    width:33.33%;
    position:relative;
    padding: 0.15rem;
}
.viewpoint_list li a {
    display:block;
    height:3.8rem;
    border:1px solid #dcdcdc;
    color:#000;
    -webkit-transition: transition:all 0.5s ease;
    -moz-transition: transition:all 0.5s ease;
    -ms-transition: transition:all 0.5s ease;
    transition:all 0.5s ease;
}
.viewpoint_info {
    background:#fff;
    height:2.8rem;
    overflow:hidden;
    text-align:center;
    position: relative;
}
.viewpoint_img{
    height: 2.22rem;
    overflow: hidden;
    margin:0 auto 0.1rem;
}
.viewpoint_img img {
    display: block;
    margin: 0 auto;
    width: 3.78rem;
    height: 2.22rem;
}
.viewpoint_jia{
    position: absolute;
    bottom: 0;
    left:0;
    width: 100%;
    height:0.58rem;
    padding: 0.15rem 0.3rem;
    background: #fff;
    -webkit-transition: transition:all 0.5s ease;
    -moz-transition: transition:all 0.5s ease;
    -ms-transition: transition:all 0.5s ease;
    transition:all 0.5s ease;
}
.viewpoint_info h5 {
    font-weight:normal;
    font-size:16px;
    line-height:0.28rem;
    height:0.28rem;
    overflow:hidden;
    position: relative;
    top:0;
}
.viewpoint_des {
    font-size:12px;
    line-height: 24px;
    max-height:72px;
    overflow:hidden;
    filter: alpha(opacity=0);
    opacity: 0;
    position: relative;
    top:0.3rem;
}
.viewpoint_list li a:hover {
    -webkit-box-shadow:0 0 20px -3px #aaa;
    -moz-box-shadow:0 0 20px -3px #aaa;
    box-shadow:0 0 20px -3px #aaa;
}
.viewpoint_list li a:hover .viewpoint_jia{
    height: 80%;
    background: #00a0e9;
    color: #fff;
}
.viewpoint_list li a:hover .viewpoint_des {
    filter: alpha(opacity=100);
    opacity:1;
    top:0.1rem;
}
.viewpoint_list li a:hover .viewpoint_info h5 { top: 0.1rem;}
.viewpoint_date {
    padding:0.1rem 0.3rem;
    height:1rem;
    background:#f0f0f0;
    font-size:0.2rem;
    line-height: normal;
    color:#444;
    -webkit-transition: transition:all 0.5s ease;
    -moz-transition: transition:all 0.5s ease;
    -ms-transition: transition:all 0.5s ease;
    transition:all 0.5s ease;
}
.viewpoint_date em {
    display:block;
    overflow:hidden;
    font-size:0.36rem;
    color:#707070;
    font-family:Georgia, "Times New Roman", Times, serif;
    margin-bottom:5px;
    background:url(../images/viewpoint_02.png) 150% center no-repeat;
    background-size: 0.4rem;
}
.viewpoint_list li a:hover .viewpoint_date {
    background-color:#353535;
    color:#fff;
}
.viewpoint_list li a:hover .viewpoint_date em {
    background-position:right center;
    color:#fff;
}
.process_ico, .process_name, .bot_link a {
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}

.case_hov{ display:none; opacity:0; height:100%; width:100%; overflow:hidden;background:#00a0e9;background:rgba(0,160,233,0.8); padding:2em}
.img_box:hover .case_hov{ display:block;}
.case_hov a{ color:#fff}
.foot_nav { display:none;}

/*2016/6/16 lilu*/
.news{ margin:0; background:none;}
.news_top{ height:5.4rem; position:relative; background-position:center top; background-size:cover; background-repeat:no-repeat;}
.n_top_area{ width:100%; position:absolute; left:0; top:32%; color:#fff;}
.n_top_area a{color: #fff;}
.news_nav{ float:right; margin-top: 0.25rem;}
.news_nav li{ float:left; font-size:14px; margin-left:6px;}
.news_nav li a{ display:block; color:#fff; width:107px; height:38px; text-align:center; line-height:38px; border:1px solid transparent; }
.news_nav li:hover a,.news_nav li.news_cur a{ border-color: #fff;}
.n_top_txt{ float:left; line-height: normal;}
.n_top_txt1{ font-size:0.16rem; margin-bottom:6px;}
.n_top_txt2{ font-size:0.48rem;}
/*problem*/
.problem{ position:relative; background:#fff; }
.problem li{ padding:0 50px;}
.p_li_box{ padding:30px 0; border-bottom:1px dashed #e6e6e6;}
.problem_tit{ font-weight:normal; font-size:18px; color:#000; margin-bottom:15px; background:url(../images/news_02.png) left center no-repeat; padding-left:40px;}
.problem_answer{ font-size:14px; line-height:24px; color:#787878; padding-left:40px;}
.problem li:hover{ background:#f5f5f5;}
/*rating*/
.rating{ padding-top:60px;}
.rating_tit{ padding:3% 0; background:url(../images/rating_01.jpg) center top no-repeat; background-size:cover; font-size:36px; color:#fff; line-height:45px; text-align:center;}
.quarter{ font-size:18px;}

.rating_box{ background:#ebebeb; padding:60px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.r_box_l{ width:78%; float:left;}

.work_info{ font-size:14px; padding:15px 15px 0;}
.piaoshu{ margin-left:30px;}
 

/* General style */
.grid-gallery ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.grid-gallery figure {
	margin: 0;
}

.grid-gallery figure img { display: block; margin:0 auto; border:15px solid #fff; }
.grid-gallery figcaption h3 {
	margin: 0;
	padding: 0 0 0.5em;
}

.grid-gallery figcaption p {
	margin: 0;
}

/* Grid style */
.grid-wrap {
	max-width:100%;
	margin: 0 auto;
	padding: 0 1em 1.875em;
}

.grid {
	margin: 0 auto;
}

.grid li {
	width: 33.33%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding:0 14px;
	float: left;
	cursor: pointer;
}

.grid figure {
	padding: 15px;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.grid li:hover figure {
	opacity: 0.7;
}

.grid figcaption { padding:15px 15px 0; color:#000;}
.work_num{ margin-left:30px;}

/* Slideshow style */
.slideshow {
	position: fixed;
	background: rgba(255,255,255,0.7);
	width: 100%;
	height: 80%;
	padding:10% 0;
	top: 0;
	left: 0;
	z-index: 500;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.slideshow-open .slideshow {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.slideshow ul {
	width: 100%;
	height: 100%;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: translate3d(0,0,150px);
	transform: translate3d(0,0,150px);
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.slideshow ul.animatable li {
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
}

.slideshow-open .slideshow ul {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.slideshow li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0; 
	visibility: hidden;
}

.slideshow li.show {
	visibility: visible;
}

.slideshow li:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*background: rgba(255,255,255,0.8);*/
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.slideshow li.current:after {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}

.slideshow figure {
	width: 100%;
	height: 100%; 
	overflow: hidden;
}

.slideshow figcaption { text-align:center; font-size:14px; margin-top:20px;} 

/* Navigation */
.slideshow nav span {
	position: fixed;
	z-index: 1000;
	color: #59656c;
	text-align: center;
	padding: 3%;
	cursor: pointer;
	font-size: 2.2em;
}

.slideshow nav span.nav-prev,
.slideshow nav span.nav-next {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.slideshow nav span.nav-next {
	right: 0;
}

.slideshow nav span.nav-close {
	top: 0;
	right: 0;
	padding: 0.5em 1em;
	color: #31373a;
}

.icon:before,
.icon:after {
	font-family: 'fontawesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

span.nav-prev:before {
	content: "<";
}

span.nav-next:before  {
	content: ">";
}

span.nav-close:before {
	content: "×";
}

/* Info on arrow key navigation */
.info-keys {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 60px;
	font-size: 8px;
	padding-top: 20px;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
}

.info-keys:before,
.info-keys:after {
	position: absolute;
	top: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 14px;
	font-size: 12px;
}

.info-keys:before {
	left: 10px;
	content: "\e603";
}

.info-keys:after {
	right: 10px;
	content: "\e604";
}

/* Example media queries (reduce number of columns and change slideshow layout) */

@media screen and (max-width: 60em) {
	/* responsive columns; see "Element sizing" on http://masonry.desandro.com/options.html */
	.grid li {
		width: 33.33%;
	}

	.slideshow li {
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
	}

	.slideshow li figure img {
		width: auto;
		margin: 0 auto;
		max-width: 100%;
	}

	.slideshow nav span,
	.slideshow nav span.nav-close {
		font-size: 1.8em;
		padding: 0.3em;
	}

	.info-keys {
		display: none;
	}

}

@media screen and (max-width: 35em) {
	.grid li {
		width: 50%;
	}
}

@media screen and (max-width: 24em) {
	.grid li {
		width: 100%;
	}
}



@media (max-width:1440px) {
    .process_ico { width:128px; height:128px; }
    .process_ico img { width: 70px; margin: -35px 0 0 -35px;}
}

@media (min-width:768px) {
    .app_inner {
    width:750px;
    }
    .app_tit {
    font-size:50px;
    }
    .app_tit em {
    font-size:28px;
    }
    .viewpoint_list li {
    width:50%;
    }
    .viewpoint_con {
    width:74%;
    }
    #process_phone {
    display:none;
    }
    #results_show{ position:relative;}
    #results_show .owl-controls{ margin-top:0;}
    #results_show .owl-controls .owl-pagination{ display:none;}
    #results_show .owl-controls .owl-buttons div{ -webkit-border-radius: inherit; -moz-border-radius: inherit; border-radius:inherit; font-size:0; position:absolute; top:50%; left:0; margin:-31px 0 0; padding:0; width:40px; height:62px; background:url(../images/ico_right2.png) no-repeat;}
    #results_show .owl-controls .owl-buttons div.owl-next{ left:auto; right:0; background-image:url(../images/ico_left2.png);}
}
@media (min-width:992px) {
#about_wrapper {
display:none;
}
#about_ipad_head {
display:none;
}
.app_inner {
width:970px
}
.app_tit {
font-size:60px;
}
.app_tit em {
font-size:38px;
}

/*6/16*/
.viewpoint_list{ margin-top:-2.6rem;}
.viewpoint_list li{ width:33.33%;}
.viewpoint_con { width:78%;}

.problem{ margin-top:-240px;}
}


@media (min-width:992px) and (max-width: 1199px){
	.advantage_des li.advantage_des1 {
	margin:30px 0 0 -54px;
	}
	.advantage_des li.advantage_des2 {
	margin:30px 0 0 20px;
	}
	.advantage_des li.advantage_des3 {
	margin:30px 0 0 42px;
	}
	.advantage_des li.advantage_des4 {
	margin:30px 0 0 4px;
	}
    /*======================网站建设=====================*/
    .sec1_tit,.build_tit{font-size: 36px;}
    .sec1_tit em,.build_tit em{ font-size: 18px;}
    .sec1_txt{ padding: 40px 0; font-size: 14px;}
    /*sec2*/
    .advantage_list li a{ font-size: 24px;}
    .advantage_list li a em{ font-size: 18px;}
}
@media (min-width:1200px) {
.app_inner {
width:1200px
}
.app_s2 {
padding-bottom:0;
min-height:500px;
}
.viewpoint_con {width:83%; }
.service_sort {
display:block;
}


}
@media (max-width: 1279px) {
    .s3_ico {
    display:none;
    }
    .view_text {
    width:79%;
    }
    /*process*/
    .process li {
    padding:0 12px;
    }
    .process_ico {
    width:136px;
    height:136px;
    }
    /*page5*/
    .contact_info, .contact_map {
    float:none;
    width:75%;
    min-width:initial;
    margin:0 auto;
    padding:0;
    }
    .contact_map {
    margin:30px auto;
    }

    .portfolio{ width: 25%;}
}
@media (max-width: 1199px) {
/*classic*/
.classic {
width:852px;
}
.boxF:nth-child(6) {
margin-left:3px;
}
.boxF:nth-child(5) {
margin-left:111px;
}
.boxF:nth-child(8) {
margin-left:218px;
}
}
@media (max-width: 1023px) {
.mouse_guide {
display:none;
} 
/*detail*/
.detail_pic {
width:59%;
}
.detail_info {
width:26%;
}

/*view*/
.view_text {
width:72%;
}
.article_l {
width:100%;
float:none;
}
.article_r {
width:100%;
float:none;
margin-top:20px;
}

/*01/21 newindex page-2*/
.block_box, .service_area:hover .block_box {
width:78%;
background:none;
padding:0;
}
}
@media (max-width: 991px) {
    .about_pc, #multiscroll-nav {
    display:none;
    }
    .about_list {
    padding:0;
    }
    .advantage_list li {
    width:50%;
    height:33.33%;
    }
    .body_about #head_sub {
    display:block;
    }
    .about_list li.li_dif .message, .about_list li.li_dif .lian_info {
    width:80%;
    padding:20px 0;
    }
    .message {
    border-top:1px dashed #467483;
    }
    .lian_info .message_submit {
    display:none;
    }
    .about_list li.li_dif .about_img {
    max-width:100%;
    margin:0 auto;
    }
    /*cooper*/
    .cooper_area a.cooper_empty {
    display:none;
    }
    .cooper_txt {
    position:initial;
    }
    .cooper_des {
    font-size:36px;
    }
    #cooper_slide {
    padding-top:30px;
    min-height:initial;
    }
    .cooper_area a {
    width:20%;
    }
    #cooper_slide .owl-controls {
    position:initial;
    margin-top:30px;
    }

    /*classic*/
    .classic {
    width:640px;
    }
    .boxF:nth-child(4) {
    margin-left:110px;
    }
    .boxF:nth-child(6) {
    margin-left:4px;
    }
    .boxF:last-child {
    display:none;
    }
    .boxF:nth-child(5), .boxF:nth-child(8) {
    margin-left:3px;
    }
    .app_s3 {
    min-height:initial;
    }
    /*advantage*/
    .advantage_pic {
    display:none;
    }
    .advantage_des {
    width:100%;
    margin:0 auto;
    float:none;
    }
    .advantage_des li.advantage_des1, .advantage_des li.advantage_des2, .advantage_des li.advantage_des3, .advantage_des li.advantage_des4 {
    float:left;
    width:46%;
    padding:0 2%;
    margin:0 0 20px;
    }
    .des_item, .des_txt {
    width:100%;
    float:none;
    }
    .des_item {
    margin-bottom:10px;
    }

    .portfolio{ width: 33.33%;}

}
@media (min-width: 768px) and (max-width: 1024px) {
/*section2*/  
.step_list {
background:url(../images/s2_04.png) center top no-repeat;
background-size:65%;
width:auto;
padding-top:60px;
text-align:center;
}
.step_list li {
float:none;
display:inline-block;
margin:20px 3%;
position:inherit;
}

/*service*/
.service, .fixed { margin-top:50px; }
.news{ margin:0;}
}
@media (max-width: 767px) {
    #cooper_rec .owl-controls .owl-pagination{ display:none;}
    #cooper_rec .owl-controls .owl-buttons{ display:block;}
    /*全屏*/
    #fp-nav { display:none; }
    /*============================首页============================*/
    /*01/21 newindex*/
    #viewsWrapper {
        width: -webkit-calc(100%);
        width: calc(100%);
        height: -webkit-calc(100% - 50px);
        height: calc(100% - 50px);
        margin-top:50px; }
    /*page1*/
    .index_menu { margin-bottom:20px; }
    .contact_info h6 { margin-bottom:20px; }
    .contact_list { margin:20px 0; }
    #head_index_phone { display:block; }
    #head_index_pc { display:none; }
    .menu_nav { width:100%; }
    /*page2*/
    .service_area { border-width:3px; }
    .block_box h3 span.first_letter { font-size:40px;}
    .block_box h3 span {font-size:16px;}
    /*page3*/
    .cases_des, .cases_details {display:none;}  
    .article_tit {
        font-size:20px;
    }
    /*page-3*/
    .cases_area1,.cases_area2,.cases_area3,.cases_area4,.cases_area5 { width: 100%; height: 20%; left:0;}
    .cases_area2 { top:20%; }
    .cases_area3 { top:40%;}
    .cases_area4 { top:60%;}
    .cases_area5{ top:80%;}
    .cases_area h2 { margin:10px 0 10px -16px; background-position:left bottom;}
    .caption_area h3 { font-size:16px;}
    .cases_area3 .cases_caption { text-align:left;}
    .cases_area .caption_area { width:55%; }
    .cases_area5  .caption_area { width:55%; display:none; }
    /*============================网站建设============================*/
    /*sec1*/
    .sec1_txt{ display:none;}
    .sec1_tit, .build_tit { font-size:24px; margin-bottom: 30px;}
    .sec1_tit em, .build_tit em { font-size:14px;}
    .provide_list li{ width:42%; max-width:inherit;}
    .provide_list li span{ width:67px; height:67px; margin-bottom:10px;}
    .provide_tit{ font-size:22px; background-size: 220%;}
    /*sec2*/
    .advantage_list li a{ font-size:14px;}
    .advantage_list li a em{ font-size:12px;}
    .advantage_list li a img{ float:none; margin:0 auto;}
    .initial_box{ text-align:center;}
    .advantage_info{ height:0; overflow:hidden;}
    .advantage_info h6{ font-size: 24px;}
    /*sec5*/
    .sec5 .cases .cases_area5{ display: block;}  
	/*service*/ 
	.service{ margin-top:50px;}
	#wrapper {
	width:80%;
	}
	#images {
	margin:30px 0;
	}
	.service_tit {
	font-size:30px;
	margin-bottom:15px;
	}
	.service_des {
	font-size:18px;
	line-height:32px;
	}
	#prev, #next, #prev a, #next a {
	height:32px;
	}
	#prev a {
	background:url(../images/service_05.png) center center no-repeat;
	}
	#next a {
	background:url(../images/service_05b.png) center center no-repeat;
	}
	.service_list {
	width:320px;
	margin:30px auto 0;
	background:none;
	}
	.service_list li {
	margin-bottom:20px;
	}
	/*============================作品============================*/
	/*case*/ 
	.slider3 {
	display:block;
	height:261px;
	overflow:hidden;
	}
	#sync3 { width: 100%;  margin-bottom:20px;} 
	#sync3 .item, .partners_txt { background:none; padding:0; }
	.partners_name{ text-align:center;}
	.partners_txt{ text-align:left;}
	.case_banner .bx-wrapper { display:block; }
	.portfolio { width:50%;}
	.portfolio .label {
		height:auto; 
		background: rgba(255,255,255,0.6);
		padding: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%; 
		text-align: center; 
	}
	.portfolio .label .case_name{ margin:0; font-size:14px; height:30px; line-height: 30px; padding:0 10px;}
	.portfolio .label .sort_design,.portfolio .label .case_info{ display:none;}
	.fixed { margin-top:50px; }
	#filters_pc{ display:none;}
	#filters_phone{ display:block;}
	
	
	/*============================作品详情页============================*/
	/*detail*/
	.detail_phone {
	display:block;
	}
	#scrollbar1 {
	display:none;
	}
	.detail_pic {
	width:100%;
	padding:0 0.3rem;
	border:none;
	}
	.detail_info {
	width:100%;
	padding:0 0.3rem;
	margin:0 auto 40px;
	position:inherit;
	text-align:left;
	}
	.detail_top {
	position:fixed;
	top:0;
    left:0;
    width: 100%;
	padding:10px 0.3rem;
	z-index:1000;
	background:#fff;
    box-shadow: 0 0 20px -2px #ddd;
	}
	.detail_txt {
	margin-top:40px;
	}
	.detail_closed, .detail_page {
	position:absolute;
	right:0.3rem;
	margin:12px 0 0 0;
	}
	.detail_tit {
	font-size:24px;
	line-height:22px;
	margin:0;
	}
	.detail_tit span {
	font-size:16px;
	}
	.detail_closed {
	font-size:30px;
	}
	.detail_page {
	margin:8px 40px 0 0;
	}
	.detail_page a {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:22px;
	}
	.results_inner{ width:100%;}

	/*article*/
	.head_inner, .article_inner {
	width:98%;
	}
	.detail_guide li {
	margin-left:2px;
	}
	.detail_guide li a {
	width:50px;
	}
	.detail_guide li:last-child a em {
	margin-left:5px;
	} 
	.partners { padding:0 15px;}
	
	/*============================APP============================*/
	/*app*/ 
	.app_inner { width:auto; padding-right:15px; padding-left:15px; } 
	.app_sec {
	padding:40px 0;
	}
	.app_s1{ margin-top:50px;}
	.app_tit {font-size:24px;}
	.app_tit em { font-size:14px; }
	.app_s1_txt{ font-size:14px; text-align:left;}
	.advantage_pic {
	display:none;
	}
	.advantage_des {
	width:100%;
	margin:0 auto;
	float:none;
	}
	.advantage_des li.advantage_des1, .advantage_des li.advantage_des2, .advantage_des li.advantage_des3, .advantage_des li.advantage_des4 {
	float:left;
	width:46%;
	padding:0 2%;
	margin:0 0 20px;
	}
	.des_item, .des_txt {
	width:100%;
	float:none;
	}
	.des_item {
	margin-bottom:10px;
	}
	.classic {
	width:100%;
	padding:0;
	}
	.boxF, .boxS, .boxT {
	/*transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);*/
	margin:0;
	overflow:hidden;
	}
	.boxT { 
	position:relative;
	} 
	.boxF {
	width:33.33%;
	height:auto;
	}
	.boxF:nth-child(4), .boxF:nth-child(5), .boxF:nth-child(6), .boxF:nth-child(8) {
	margin-left:0;
	}
	.boxS, .boxT, .overlay {
	width:100%;
	height:100%;
	}
	.overlay {
	position:absolute;
	top:0;
	left:0;
	z-index:10;
	}
	.app_s3 {
	min-height:initial;
	}
	.app_service li {
	font-size:24px;
	}
	/*app_s5*/
	.cooper_tit{ font-size:14px;}
	.cooper_tit em{ font-size:24px;}
	.cooper_des { font-size:18px; }
	.cooper_des span{ font-size:14px;} 
	.cooper_area a { width:33.33%; padding:2px;}
	#process_phone {
	display:block;
	}
	#process_pc {
	display:none;
	}
	.process_list {
	width:100%;
	background:none;
	}
	.process_list li { width:25%; font-size:14px; padding:10px 0;}
	.process_list li img { margin-bottom:0; max-width:80%;} 
	.sub_menu {
	display:none;
	}
	.nav--btn.active span, .nav--btn:hover span {
	color:#cd191a;
	}
	.sTop, .foot_warp {
	min-height:inherit; 
	}
	.foot_warp{padding:10px 0;}
	
	#results_show .owl-controls .owl-buttons{ display:none;}
	#results_show img{ max-height:400px;}
	
	/*============================观点============================*/
	.viewpoint_con {
        width:100%;
        margin:0 auto;
        float:none;
        padding-top: 20px;
    }
	.viewpoint_tab {
        width:100%;
        min-width:inherit;
        max-width:inherit;
        z-index:1000;
        background:#fff;
        box-shadow: 0 0 20px -2px #ddd;
        top:50px;
        padding-top:10px;
        padding-bottom:10px;
    }
    .viewpoint_tab li {
        width:33.33%;
        float:left;
        padding:0;
        margin:0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .viewpoint_tab li a {
        width:90%;
        margin:0 auto;
        padding:0;
        height:32px;
        line-height:32px;
        font-size:14px;
        border:1px solid #ddd; 
		-webkit-border-radius: 16px;
		-moz-border-radius: 16px;
        border-radius: 16px; 
        text-align:center;
    }  
	.viewpoint_list li { width:50%; }
	/*===========================我们=========================*/
	.about_list li.li_dif .message, .about_list li.li_dif .lian_info{ width:90%;}
	.message{ margin-top:0;}
	.message_tit { font-size:13px;}
	.message_tit i{ font-size:18px;}
	#about_wrapper{ margin-top:70px;}
	.about_list li{ font-size:14px;}
    .num_des{ font-size: 12px;}

	/*16/04/25 lilu*/ 
	/*case_list*/
	#case_list .item{ padding:0 5px;}
	#case_list .item a { margin:0 0 10px;}
	.results_tit{ font-size:24px;}
	.results_tit em{ font-size:18px;}
	a.back_list{ width:110px; height:32px; line-height:32px; font-size:16px;}
	
	/*16/06/16 lilu*/ 
	.news{ margin:0; padding-top:50px;}
	.news .app_inner{ padding-left:0; padding-right:0;}
	.news_nav li a{ width:80px;}
	
	.problem li{ padding:0 15px;}
	.p_li_box{ padding:20px 0;}
	
	.rating{ padding-top:50px;}

    .news_top{ height: 3.4rem;}
    .n_top_txt{ display: none;}
    .news_nav{ margin: 0;}
    .n_top_area{ left: auto; right: 0.2rem;}
    .viewpoint_list{ margin-left: 0; margin-right: 0;}
    .viewpoint_info h5{ font-size: 14px;}
    .section.active .sec1_tit{top: 0; font-size:24px; }
    .section.active .build_tit{top:0; font-size:24px; }
    .load_more span{ width: 3rem;}



    .viewpoint_list li a:hover .viewpoint_jia{ height: 0.58rem; }
    .viewpoint_list li a:hover .viewpoint_des {
        filter: alpha(opacity=0);
        opacity:0;
        top:0.3rem;
    }
    .viewpoint_list li a:hover .viewpoint_info h5 { top: 0;}
    .article_top{ padding-top: 0;}
} 

@media (min-width: 0px) and (max-width: 479px) {
    /*app*/
    .app_service {
    padding:0;
    }
    .app_service li {
    width:50%;
    margin-bottom:20px;
    font-size:18px;
    }
    .app_service li img {
    max-width:90%;
    margin-bottom:20px;
    }  
    .advantage_des li.advantage_des1, .advantage_des li.advantage_des2, .advantage_des li.advantage_des3, .advantage_des li.advantage_des4 {
    width:100%;
    float:none;
    padding:0;
    }
    .boxF {
    width:50%;
    }


    /*01/21 newindex page-2*/
    .service_area {
    height:42%;
    border:none;
    }
    .block_box h3 span em i {
    display:none;
    }
    .service_mation {
    display:none;
    }

    /*page5*/
    .contact_tel {
    font-size:24px;
    }
	
	
}
@media (max-width: 359px) {
    .foot_index {
        font-size:12px;
    }
    .nav_ico {
        width:36px;
        height:36px;
        background-position:0 -36px;
        margin-bottom:10px;
    }
    .search_txt {
        margin:0 auto;
    }
    .search_btn {
        width:30px;
        height:30px;
        background-size:50%;
    }
    .sec1_tit, .build_tit { font-size:18px;}
    .sec1_tit em, .build_tit em { font-size:12px;}
    /*==================首页===================*/
    /*page-3*/
    .sec5 .cases .cases_area1, .sec5 .cases .cases_area2, .sec5 .cases .cases_area3,.sec5 .cases .cases_area4,.sec5 .cases .cases_area5 { height: 33.33%;}
    .sec5 .cases .cases_area2 { top:33.33%; }
    .sec5 .cases .cases_area3 { top:66.66%;}
    .sec5 .cases .cases_area4 { top:99.99%; display: none;}
    .sec5 .cases .cases_area5{ display: none;}
    /*==================网站建设===================*/
    /* sec1*/
    .provide_list{ padding-top: 0;}
    .provide_list li span { width: 57px; height: 57px;}
    /* sec2*/
    .sec2 .sec2_tit{ height: 32%;}
    .advantage_list{ height: 68%;}
    .advantage_list li a em{ display: none;}
    .advantage_list li a img{ display: inline-block; vertical-align: middle; right:0; left:-50px;}
    .active .advantage_list li a img{ right:0; left:0;}
    .initial_txt{ display: inline-block; vertical-align: middle; width: 60%; text-align: left;}
    /*sec3*/
    .sec3 .build_tit{  margin-top:50px; margin-bottom: 12px;}
    #process{ padding: 0;}
    #process .owl-controls{ margin-top: 10px;}
    /*sec4*/
    .sec4 .build_tit{ margin-top: 50px;} 
 

}
@media (max-height: 639px) {
    .service_mation { display:none;}
    #cooper_rec .item:hover .cooper_name {margin-top:5%;}
    #cooper_rec .item:hover .cooper_info {max-height: 72px;}
}
@media (max-width: 767px) and (max-height: 639px) {
    .service_more { display:none; }
}
@media (max-width: 359px) and (max-height: 480px) {
    /*=============网站建设=============*/
    /*sec1*/
    .sec1_tit{ display: none;}
    .provide_tit{ margin-top: 50px;}
	/*sec4*/
	#sync3{ height:0; overflow:hidden; margin:0;}
    /*sec5*/
    .sec5_tit { height: 32%;}
    .sec5 .cases { height: 68%;}
	
}
/*图片划过样式*/
.trends_pic img, .relevant_pic img, #case_list .item a img, .boxT img {
-webkit-transform: scale(1, 1);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 1000ms;
-moz-transform: scale(1, 1);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 1000ms;
transform: scale(1, 1);
transition-timing-function: ease-out;
transition-duration: 1000ms;
width: 100%;
}
.trends_list li:hover .trends_pic img, .relevant_area:hover img, #case_list .item a:hover img, .boxF:hover .boxT img {
-webkit-transform: scale(1.11, 1.11);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 1000ms;
-moz-transform: scale(1.11, 1.11);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 1000ms;
transform: scale(1.11, 1.11);
transition-timing-function: ease-out;
transition-duration: 1000ms;
position: relative;
z-index: 3;
}
.news_rec dt img, .guide_list li img {
display: block;
width: -webkit-calc(100% + 10px);
width: calc(100% + 10px);
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.news_rec:hover dt img, .guide_list li:hover img {
opacity: 1.0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
.show_list li, .about_img_en, a.ask_link, .advantage_info, .sec5_tit a, .cases_caption, .viewpoint_date em, .viewpoint_tab li a,.lian_tab li,.news_nav li a,.problem li{
-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out;
}
.guide_list li.guide_01 .guide_01_sort ul li a, .gallery_thumbnails a, .model_sort li a {
-webkit-transition:inherit;
-moz-transition: inherit;
-ms-transition: inherit;
-o-transition: inherit;
transition: inherit;
}
.dis {
display:none;
}
.bg_no {
background:none;
}
/*2017/07/28==弹窗*/
.talk_window{display:none;width: 500px;height: 260px;box-sizing:border-box;padding:15px;background: rgba(0,160,233,0.9);position: fixed;top: 50%;left: 50%;margin:-130px 0 0 -250px;z-index: 9999;}
.talk_window_con{border:1px solid #fff;width:100%;height: 100%;position: relative;}
.talk_window_con .t_w_close{position: absolute;top: 0px;right: 0px;font-size: 18px;
    color: #fff;line-height: 1;width: 30px;height: 25px;text-align: center;cursor: pointer;
    font-family: "Arial";padding-top: 5px;
}
.t_w_text{margin-top: 20px;text-align: center;color: #fff;}
.t_w_text h3{font-size: 24px; line-height: normal; margin-bottom: 15px;}
.t_w_text p{ }
.t_w_text div.p{font-size: 22px;margin-top: 15px;}
.t_w_text div.p a{padding:0 10px;color: #fff;}
.t_w_btn{position: absolute;right: 0px;bottom:0px;}
.t_w_btn a{display: inline-block;box-sizing:border-box;font-size: 16px;float: left;height: 45px;line-height: 43px;}
.t_w_btn a:first-child{width: 163px;text-align: center;color: #00a0e9;background: #fff;}
.t_w_btn a:first-child+a{width: 115px;text-align: center;color: #fff;border:1px solid #fff;border-right: 0px;border-bottom: 0;}
/*float_menu*/
.float_menu{ width: 60px; position: fixed; bottom: .50rem; right: 0; z-index: 6000;}
.float_menu li{ position: relative;}
.float_menu li a.float_item0{ display: block; height: 70px; padding: 20px 15px; background-color: #00a0e9;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.float_menu li a.float_item0 img{ display: block;}
.float_menu li.float_tel a.float_item0{ background-color: #222229;}
.tel_show{ position: absolute; top:0; right: 60px; width: 0px; height: 50px; padding: 10px 0; background: rgba(0,0,0,0.8); color: #fff; font-size: 18px; font-weight: bold; text-align: center; overflow: hidden;}
.tel_show a{ display: block; line-height: 50px; color: #fff;}
.float_menu li.float_tel:hover .tel_show{ width:230px; transition:width 0.5s 0.2s;}
.float_menu li a.float_item0:hover{ opacity: 0.85;}

@media only screen and (max-width: 767px){
    .talk_window{top: 55%; height: 0; overflow: hidden; padding: 0; }
}
@media only screen and (max-width: 550px){
    .talk_window{padding:10px;top: 55%;width: 90%;height: auto;transform:translate(-50%,-50%);margin:0;}
    .t_w_text h3{font-size: 18px;margin-bottom: 10px;}
    .t_w_text p{font-size: 12px;margin-top: 0px;}
    .t_w_text div.p{margin-top: 10px;}
    .t_w_text div.p a{font-size: 16px;}
    .t_w_btn{position: static;float: right;margin-top: 20px;}
    .t_w_btn a{height: 35px;line-height: 35px;font-size: 14px;}
    .t_w_btn a:first-child{width: 110px;}
    .t_w_btn a:first-child+a{width: 80px;}
}
/*弹窗结束*/
.pagecode{text-align:center; padding:10px 0px; margin-top:20px;}
.pagecode a{display:inline-block;  padding:10px 20px; background:#f0f0f0; margin:0px 5px; border-radius:20px}
.pagecode a.on,.pagecode a:hover{background:#00a0e9; color:#fff; padding:10px 20px; border-radius:20px;}