@charset "utf-8";
    /* CSS Document */   
.col_red {
    color:#cd1717;
}
/*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;
}
.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-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;
}
.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 {
    padding:0 0 48px;
    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:165px 0;
    position:relative;
    overflow:hidden;
}
.case_banner_bg {
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    width:100%;
    height:100%;
    background-position: center top;
    background-repeat: 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 {
    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%;
}
@media screen and (max-width: 767px) {
    .num_area:nth-child(2) {
        margin-bottom: 80px;
    }
}
.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:#e50012;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    border-radius:8px;
    line-height:2.2rem;
    font-size:0.7rem;
}

.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.4rem;
    font-weight:normal;
    padding-bottom:0.1rem;
    background:url(../images/title_line.jpg) center bottom no-repeat;
    margin:0.3rem 0 0.5rem;
}
@media screen and (max-width: 767px) {
    .case_tit {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.case_tip {
    display:block;
    font-size:0.16rem;
    color:#000;
}
/* 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;
    border:1px solid #d2d2d2;
    font-size:14px;
    cursor:pointer;
}
.filters li.text_style1 span {
    font-size:21px;
}
.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:#cd1717;
    border-color:#cd1717;
    color:#fff;
}
#portfoliolist {
    width:100%;
    margin:0 auto;
    min-height:800px;
}
.portfolio {
    width:25%;
    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;
    padding:15px 20px 0;
    position:relative;
    z-index:100;
    background:#f9f9f9;
    font-size:0.14rem;
}
.sort_design {
    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 {
    text-transform:capitalize;
    color:#888;
}
.portfolio:hover {
    background:#e50012;
    -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;
    width: 30px;
}
.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-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:#cd1717;
    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:28%;
    position:fixed;
    right:0;
    top:0;
    padding:5% 2% 0 0;
    line-height:20px;
    color:#a2a2a2;
}
.detail_tit {
    overflow:hidden;
    font-weight:normal;
    font-size:30px;
    line-height:36px;
    margin-bottom:30px;
}
.detail_tit span {
    display:block;
    font-size:18px;
    text-transform:capitalize;
}
.detail_tit span em {
    display:inline-block;
    border-bottom:3px solid #e50012;
}
.tech {
    color:#666;
    margin-top:50px;
}
/*scr_con*/
.scr_con {
    width:100%;
}
.scr_con .viewport {
    width:100%;
    height:280px;
    overflow:hidden;
    position:relative;
}
.scr_con .overview {
    position:absolute;
    left:0;
    top:0;
    font-size:14px;
}
.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;
}
.detail_closed:hover {
    color:#e50012;
}
.detail_page {
    margin:30px 0 20px;
}
.detail_page a {
    display:inline-block;
    width:52px;
    height:52px;
    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;
    position: relative;
}

.detail_page a>img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    transform: translate(-50%,-50%);
}
.detail_page a:hover {
    background-color:#ddd;
}
.in_case-tit {
    padding:0px 0px 20px 0px;
    position:relative;
    z-index:99999
}
.in_case-tit ul li {
    float:left;
    height:44px;
    line-height:44px;
    padding:0px 15px;
    width:16.66%
}
.in_case-tit ul li a {
    display:block;
    width:100%;
    height:44px;
    overflow:hidden;
    position:relative;
}
.in_case-tit ul li a span {
    font-size:20px;
    color:#595757;
    display:block;
    text-align:center;
    height:44px;
    line-height:44px;
    width:100%;
}
.in_case-tit ul li a span.in_span1 {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
.in_case-tit ul li a span.in_span2 {
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    position:absolute;
    left:0px;
    top:0px;
}
.in_case-tit ul li a:hover span.in_span1 {
    filter:alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
}
.in_case-tit ul li a:hover span.in_span2 {
    filter:alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}
.in_case-tit ul li.in_li {
    padding-left:0px;
}
/*====================================================
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 {
    float:left;
    clear:both;
    margin-right:10px;
}
.detail_guide li a {
    height:28px;
    line-height:28px;
    font-size:14px;
    color:#5f6061;
}
.detail_guide li a:hover {
    color:#dadada;
}
.detail_guide li.article_back {
    float:right;
    margin-right:0;
}
.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:14px;
}
.detail_guide li.article_back a:hover {
    color:#dadada;
}
.article {
    background:none;
    min-height:560px;
    margin-top: 76px;
}
.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;
    margin-top: 70px
}
.article_area {
    width:90%;
    margin:0 auto;
    font-size:14px;
    line-height:1.8;
}
.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:#cd1717;
    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-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:#cd1717;
    text-transform:uppercase;
    margin-bottom:30px;
}
.app_tit em {
    display:block;
    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;
    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:#32303e;
}
.viewpoint_tab li a {
    display:block;
    height:54px;
    line-height:54px;
    font-size:15px;
    text-align:right;
    color:#fff;
    padding-right:30px;
    background:#dadada;
    -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;
    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:#e50012;
    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:#f9f9f9;
    font-size:14px;
    line-height:normal;
    color:#929292;
    -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:24px;
    color:#707070;
    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:#32303e;
    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:0;
    overflow:hidden;
}
.img_box:hover .case_hov {
    display:block;
}
.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:24px;
}
/*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 {
    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%;
}
.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:38%;
}
/*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;
}
.in_case-tit ul li {
    float:left;
    height:44px;
    line-height:44px;
    padding:0px 15px;
    width:50%
}
/*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:100%;
}
.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:70px;
}
.detail_closed {
    position:absolute;
    right:0.3rem;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
}
.detail_page {
    position:absolute;
    right:0.3rem;
    margin:12px 0 0 0;
}
.detail_tit {
    font-size:24px;
    line-height:22px;
    margin:0;
    width: 60%;
}
.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;
    margin-top: 5px;
}
.detail_page a img {
    width: 15px;
}
.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:46px;
    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;
}
.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%;
}
}@media screen and (max-width:667px) {
    .in_case-tit ul li {
    float:left;
    height:44px;
    line-height:44px;
    padding:0px 15px;
    width:50%
}
}/*图片划过样式*/
.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(225,24,30,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;
    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:#e1181e;
    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:#e1181e;
}
.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:70px;
    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:26px;
    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;
}
}/*弹窗结束*/

.pagess {
    clear:both;
    margin:120px auto;
    overflow:hidden;
    margin-left:0px;
    text-align:center;
}
.pagess ul li {
    display:inline-block;
    border:1px solid #ccc;
    padding:2px 9px;
    margin:0 3px;
    line-height:20px;
    background:#fff;
}
.pagess ul li:hover {
    background:#e50012;
    color:#fff;
    border:1px solid #e50012
}
.pagess ul li.thisclass {
    display:inline-block;
    border:1px solid #e50012;
    padding:2px 9px;
    margin:0 3px;
    background:#e50012;
    color:#fff;
}
.pagess ul li.thisclass a {
    color:#fff;
}
.pagess ul li a {
    display:block;
    color:#ccc
}
.pagess ul li a:hover {
    color:#fff;
}
@media screen and (max-width: 767px) {
    .viewpoint_list li a {
        height: 4.2rem;
    }
    .viewpoint_date {
        height: 1.5rem;
    }
}