@charset "utf-8";
/* CSS Document */
/*内容*/
#newBridge .icon-right-center{left: 0!important;top: 80%!important;}
.header-pc { background-color: #000000; height: 70px; width: 100%; }
.header-pc .logo-img { width: 1200px; margin: 0 auto;  }
.header-pc .logo-img img { float: left; margin-top: 18px;}
.header-pc .menu { float: left; }
.header-pc .menu .presentation { float: left; line-height: 70px; padding: 0 11px; position: relative;}
.header-pc .menu .presentation a { color: #fff; font-size:15px; }
.header-pc .menu .presentation a:hover { color: #008bff; }
.header-pc .menu .presentation1 { line-height: 70px; padding: 0 10px; position: relative; float:right;}
.header-pc .menu .presentation1 a { color: #fff; font-size:12px; }
.header-pc .menu .presentation1 a:hover { color: #008bff; }
.header-pc .menu{min-width: 795px;margin-left: 2%;}
.header-pc .menu .tiao{width:1px; height:15px;background-color:#fff;margin-top: 29px;
    float: right;}
.menu .presentation1 .submenu{height:0; overflow:hidden; position: absolute; top: 70px;left: 0; z-index: 1;transition: height 2s ease; -webkit-transition: height 2s ease; 
-moz-transition: 0.5s all ease; 
-o-
transition: 0.5s all ease; -ms-transition: 0.5s all ease;}
.menu .presentation1:hover .submenu{height:auto;}
.menu .presentation1 .submenu li{ line-height:30px; background:#333; float:left;width:124px; padding-left:15px;}
.tao{margin-left: 18%;padding-top: 1.5%;}
.header { display: none; }
.zhongzi{ margin: 0 auto}
#content { width: 100%; margin: 0 auto; }
#content .sgq { max-width: 1180px; margin: 0 auto; }
#content .sgq li { float: left; position: relative; margin-top: -50px; width: 23%; margin-left: 1%; margin-right: 1%;}
#content .sgq li .tu { border: 4px solid rgb(241, 241, 241); background-color: #fff; border-radius: 50%; padding: 25px; width: 70px; margin: 0 auto; position: relative;z-index: 2;}
#content .sgq li .tu img { display: block; }
#content .sgq li .cont { }
#content .sgq li .cont h1 { font-size: 18px; font-weight: 400; color: #131212; text-align: center; margin-top: 10px; }
#content .sgq li .cont p { font-size: 1.2em; color: #666; margin-top: 20px; line-height: 24px; letter-spacing:1px;}
#content .bj { background-color: #F8FCFF; }

#content .xrcp { max-width: 1180px; margin: 0 auto; }
#content .xrcp .xrcp-bt h1 { line-height: 56px; font-size: 2.1em; color: #000;padding-top: 36px; }
#content .xrcp .xrcp-bt span { line-height: 24px; font-size: 1em; color: #333; }
#content .xrcp .xrcp-wa { margin-top: 40px; border-bottom: 1px solid #ccc; }
#content .xrcp .xrcp-wa:nth-child(7n) { border-bottom: none; }
#content .xrcp .xrcp-wa .xrcp-yuan { width: 92px; height: 92px; border: 1px solid #CCCCCC; background-color: #FFFFFF; border-radius: 50%; display: block; text-align: center; font-size: 52px; line-height: 84px; color: #266FE2; margin-left: 15px; float: left; }
#content .xrcp .xrcp-wa .xrcp-xbt { float: left; margin-left: 20px; }
#content .xrcp .xrcp-wa .xrcp-xbt h1 { font-size: 1.5em; color: #000; line-height: 45px; }
#content .xrcp .xrcp-wa .xrcp-xbt span { font-size: 0.9em; color: #666; line-height: 45px; }
#content .xrcp .xrcp-wa ul { padding-left: 111px; }
#content .xrcp .xrcp-wa ul li { float: left; width: 45%; padding: 0 2% 2%; }
#content .xrcp .xrcp-wa ul li h2 { font-size: 1.2em; color: #666; line-height: 30px; margin: 10px 0 10px; font-weight: 400; }
#content .xrcp .xrcp-wa ul li p { font-size: 0.85em; color: #666; line-height: 22px; }
#content .xrcp .xrcp-wa ul li a { font-size: 0.8em; color: #2277da; }
#content .wrap { max-width: 1180px; margin: 0 auto; }
#content .wrap .title h2 { font-size: 2.4em; margin: 7px 0 0 0; line-height: 64px; float:left;}
#content .wrap .title a{ float:right;line-height: 64px; color: #2277da; }
#content .xzbj { background: url(vip-bg.png) top center; margin-top:14px; }
#content .xzwm { max-width: 1180px; margin: 0 auto; padding: 84px 20px 70px 20px; }
#content .xzwm h3 { font-size: 2.5em; line-height: 56px; color: #000; font-weight: 400; margin-bottom: 5px; }
#content .xzwm .xzwm-1 { font-size: 3em; color: #000; margin-left: 70px; line-height: 50px; float: left; }
#content .xzbj ul li { float: left; margin-top: 50px; width: 50%; }
#content .xzwm .xzwm-2 h4 { font-size: 1.5em; margin-left: 20px; margin-top: 9px; line-height: 30px; }
#content .xzwm .xzwm-2 { float: left; }
#content .xzwm .xzwm-3 { float: left; width: 82%; padding: 13px 0px 0 139px; }
#content .xzwm .xzwm-3 p {font-size: 1.2em;  color: #666;  line-height: 33px; }
#content .xzwm .xzwm-3 a { color: #157DCA; font-size: 0.94em; line-height: 44px; }
#content .gdzx { width: 66%; float: left; }
#content .gdzx .ckgd { color: #128CE2; font-size: 0.76em; line-height: 50px; }
#content .rmdt-bj { background: url(mod-bg.png); }
#content .gdzx h5 { font-size: 1.85em; color: #000; margin-top: 50px; }
#content .rmdt-bj .zgd { max-width: 1180px; margin: 0px auto; padding: 50px 0 90px 0; }
#content .rmdt-bj .zgd .gdzx .dt .dt1 { float: left; margin: 20px 32px 0 29px; }
#content .rmdt-bj .zgd .gdzx .dt .dt1 a { font-size: 1.2em; }
#content .rmdt-bj .zgd .gdzx .xw { float: left; width: 100%; }
#content .rmdt-bj .zgd .gdzx .xw .xw1 { float: left; margin: 30px 20px 0 0; width: 46%; }
#content .rmdt-bj .zgd .gdzx .xw .xw1 span { font-size: 0.9em; color: #666; margin-right: 5px; }
#content .rmdt-bj .zgd .cqhd { float: left; width: 33%; }
#content .rmdt-bj .zgd .cqhd h6 { font-size: 1.85em; color: #000; margin-top: 50px; }
#content .rmdt-bj .zgd .cqhd img { margin-top: 24px; }
#content .rmdt-bj .zgd .cqhd a { color: #128CE2; font-size: 0.76em; line-height: 35px; }
#content .cont p a:hover{color: #2277da;}
.food{width:100%; background-color:#FBFBFB;position: relative;z-index: 10;}
#footer .zhdt { max-width: 1180px; margin: 0 auto; }
#footer .zhdt ul li { float: left; border-right: 1px solid #666; padding-left: 38px; margin-top: 19px; text-align:center;}
#footer .zhdt ul li:nth-child(5n) { border-right: none; }
#footer .zhdt ul li span { width: 132px; background-image: url(solution-global-201609271556.png); display: inline-block; height: 77px; margin-right: 54px; text-align: center; margin-left: 12px; }
#footer .zhdt ul li .dw1 { background-position: -134px -79px; }
#footer .zhdt ul li .dw2 { background-position: -145px 0px; }
#footer .zhdt ul li .dw3 { background-position: 0px -158px; width: 119px; }
#footer .zhdt ul li .dw4 { background-position: 1px -79px; }
#footer .zhdt ul li .dw5 { background-position: -1px 0px; width: 140px !important; }
#footer .zhdh .dbdh { float: left; width: 20%; }
#footer .zhdh .dbdh h2{margin-top: 50px;padding-bottom: 10px;}
#footer .zhdh {max-width: 950px;
    margin: 0 auto;
    margin-bottom: 50px;
   }
#footer .zhdh .dbdh h1 {font-size: 1em;
    margin-top: 50px;
    margin-bottom: 10px;
    padding-left: 8%;
    text-align: left;}
#footer .zhdh .dbdh ul { float: left; }
#footer .zhdh .dbdh ul li { }
#footer .zhdh .dbdh ul li a { font-size: 0.8em; line-height: 20px; color: #666; }
#footer .zhdh .zhdh-1 h2 { font-size: 1em; margin-bottom: 15px; }
#footer .zhdh .zhdh-1 { width: 9%; float: left; margin-top: 50px; }
#footer { border-bottom: 1px solid #e3e3e3; margin: 0 auto 15px; max-width: 1180px;  }
#footer a { margin: 0 15px; font-size: 14px; color: #777; line-height: 35px; }
.links { max-width: 1180px; margin: 0 auto; font-size: 0.8em; color: #666; }
.links p { text-align: center; line-height: 40px; }
.lianjie{text-align: center;}
/*案例*/
.img-content{position: relative;z-index: 2}
.right-con{float: right;position: absolute;left: 65%;top: 0;}
/*.section-framework .right-bg .right-bg-img{width: 100%!important;}*/
/***********************************************************/
.solution-wechat .section-scenario1 .vertical-item-body .links { display: block; margin-top: 10px }
.solution-wechat .section-case-content img { max-width: 101% }
.solution-wechat .section-case .vertical-item-head { height: 76px }
.solution-wechat .section-case-content img { margin-top: 0 }
.solution-wechat .section-scene .section-item-head .head-img { display: block; width: 48px; height: 48px }
.solution-wechat .section-scene .section-item-head { width: 50px; height: 50px; float: left; padding: 20px 18px 20px 22px; border: 1px solid #dfdfe0; background: #fff; border-radius: 100%; margin: 0 auto; vertical-align: middle }
.solution-wechat .section-scene .section-item-body { padding-left: 130px }
.solution-wechat .section-scene .section-item-body h4 { line-height: 50px; font-size: 24px; font-weight: 400; color: #333 }
.solution-wechat .section-scene .section-item-body p { line-height: 28px; font-size: 14px; color: #666 }
.solution-wechat .section-scene .vertical-list { padding-left: 118px }
.section-scene .vertical-list .vertical-item-body { padding: 0 2% }
.solution-wechat .section-scene .vertical-list .vertical-item-body h5 { color: #666; font-size: 18px; font-weight: 400; margin: 24px 0 12px; text-align: left }
.solution-wechat .section-scene .vertical-list .vertical-item-body .text { color: #999 }
.solution-wechat .section-scene .section-content { border-bottom: 1px solid #dfe9ee; padding-bottom: 40px }
.solution-wechat .section-scene .section-item-body .links { margin-left: 15px }
.solution-wechat .section-scene .last { border: none; padding-bottom: 0 }
.solution-wechat .section-case .section-slide, .solution-wechat .section-scenario1 .section-slide { display: none }
.solution-wechat .section-case .section-content .vertical-list { padding-bottom: 0;/* width: 2400px;*/ text-align: left; }
.solution-wechat .section-case .vertical-list li { border-right: none }
.solution-wechat .section-case .vertical-list .vertical-item { width: 267px; height: 422px; margin-right: 22px; -webkit-transition: all .2s linear; transition: all .2s linear }
.solution-wechat .vertical-list .section-case-content .text, .solution-wechat .vertical-list .section-case-content h4 { display: none }
.solution-wechat .section-case .vertical-list .section-case-content { width: 280px; height: 409px }
.solution-wechat .section-case .vertical-list .section-case-content .vertical-item-head { position: absolute; left: 18px; bottom: 33px; z-index: 92 }
.solution-wechat .section-case .vertical-list .section-case-content .vertical-item-body { margin-top: 0; height: 409px; /*background-color: #edf7ff; border: 1px solid #e4ecf3*/ }
.solution-wechat .section-case .vertical-list .section-case-content .vertical-item-body .body-img { display: block; position: absolute; left: 0; top: -20px; z-index: 80 }
.solution-wechat .section-case .vertical-list .section-case-content-hover { width: 278px; height: 409px }
.solution-wechat .section-case .vertical-list .section-case-content-hover .body-hover-img { position: absolute; left: -2px; top: -20px; z-index: 91; opacity: 1; z-index: 90;width: 92%; }
.solution-wechat .section-case .vertical-list .section-case-content-hover .vertical-item-body h4 { font-size: 24px; font-weight: 500 }
.solution-wechat .section-case .vertical-list .section-case-content-hover .vertical-item-body h4 span { display: block; font-size: 16px; font-weight: 400; color: #666 }
.solution-wechat .section-case .vertical-list .section-case-content-hover .vertical-item-body .text { height: 210px; line-height: 30px }
.solution-wechat .section-case .vertical-list .section-case-content-hover .vertical-item-footer .links { display: block; height: 43px; margin: 45px auto 0; border: 1px solid #0070cc; line-height: 43px; box-sizing: border-box; border-radius: 2px; text-align: center; font-size: 16px; color: #0070cc; display: none }
.solution-wechat .section-case .vertical-list .section-case-content-hover .vertical-item-footer .links:hover { background-color: #0070cc; color: #FFF }
.solution-wechat .section-case .vertical-list .section-case-content-hover .section-case-con { position: absolute; z-index: 92 }
.solution-wechat .section-case .vertical-list li:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0) }
.solution-wechat .section-case .vertical-list li:hover .section-case-content .vertical-item-body .body-img { display: none }
.solution-wechat .section-case .vertical-list li:hover .section-case-content .vertical-item-head { opacity: .05 }
.solution-wechat .section-case .section-slide-point, .solution-o2o .section-scene .section-content .more { display: none }
.team_list { padding: 60px 0 40px; text-align: center; }
.team_list li { margin-top: 20px; }
.team_list_tit { font-size: 50px; position: relative; padding-bottom: 20px; }
.team_list_tit:before { content: ''; position: absolute; left: 50%; margin-left: -90px; bottom: 0; width: 180px; height: 1px; background: #adadad; }
.team_list_txt { font-size: 22px; padding-bottom: 10px; }
.team_list img, .case_list img { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; float: left; margin-right: 10px; }
.team_list img:hover, .case_list img:hover { -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); opacity: 0.6; }

.news-fenye{height: 61px;  margin-top: 48px;}
.news-fenye li{list-style: none;  height: 30px;  min-width: 120px;  font-size: 14px;}
.news-fenye li a{text-decoration: none;  font-size: 14px;}
.hidden{display:none;}

.scrollUl li{  float: left; margin: 20px 32px 0 29px;/* 
    width: 100px;
    cursor: pointer;
    height: 27px;
    line-height: 27px;
    padding-left: 10px;
    margin: 0 5px 0 0;
    text-align: center;*/
    cursor: pointer;
}
.gdzx{box-sizing: border-box;padding: 0 10px;}
.where{border-bottom: 2px solid #0085DA}
.sd02{    /*font-size: 16px;
    border: 1px solid #148FE6;
    height: 25px !important;*/}
.searchmain{box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
    padding-right: 87px;
    width: 680px;}
.searchmain input
{box-sizing: border-box;
    display: block;
    padding: 5px 10px;
    width: 100%;
    height: 40px;
    border: 1px solid #2277da;
    font-size: 14px;
    color: #999;
    line-height: 28px;}
.searchmain input #m{}
	
@media screen and (max-width:1251px) {
#content .xzbj ul li { float: none; }
#content .rmdt-bj .zgd .cqhd { float: none; }
#content .rmdt-bj .zgd .gdzx .xw .xw1 { float: left; margin: 15px 20px 0 0; width: 47%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#content .rmdt-bj .zgd .gdzx .xw { float: left; width: 100%; box-sizing: border-box;padding-left: 10%;}
.header-pc .menu {
    min-width: 65%;
    margin-left: 2%;
}
.header-pc .logo-img {
    width: 100%;
    margin: 0 auto;

}

.logo-img1{ width:18%}
.header-pc .menu .presentation {
    padding: 0 4px;
}
.tao {
    margin-left: 8%;
    padding-top: 1.5%;
}

}

@media screen and (max-width:1020px) {
    .right-con{position: static;width: 100%;}
    .img-content{position: relative;z-index: 2;display: none;}
}

@media screen and (max-width:900px) {
.header-pc { display: none; }
.header { display: block; }
}
@media(max-width: 768px){
    #footer .zhdh  .dbdh {  width: 33%; padding-left: 2%; box-sizing: border-box;min-height: 165px;}
    #footer .zhdh  .dbdh h2{padding-bottom: 10px;margin-top: 0;}
    #footer .zhdh .dbdh h1{margin: 0;}
    #footer .zhdt{margin-bottom: 10px;}
    #footer .zhdh{margin-bottom: 0;}
    .izl-rmenu .consult{display: none!important;}
    .izl-rmenu .cart{display: none!important;}
    #udesk-feedback-tab{display: none!important;}
    #MyContent p span a img{width: 100%;}
    #footer a{margin: 0 10px;}
    .cont p a{font-size: 14px;}
}
@media screen and (max-width:750px) {
#content .sgq li { margin-top: 20px; width: 48%; }
#footer .zhdh .zhdh-1 { width: 9%; float: none; margin-top: 0px; margin: 0 auto; clear: both; }
#footer .zhdh .zhdh-1 h2 { font-size: 1em; margin-bottom: 5px; line-height: 82px; }
#footer .zhdh .zhdh-1 img { margin-left: -9px; }
}

@media screen and (max-width:730px) {
#content .xrcp .xrcp-wa ul li { float: none; width: 96%; padding: 2%; }
#content .rmdt-bj .zgd .gdzx .xw .xw1 { width: 100%; }
#footer .zhdt ul li { float: left; padding-left: 2%; margin-top: 20px; border-right: none; }
#footer .zhdh .zhdh-1 { width: 100%; float: none; margin-top: 0px; clear: both; padding-left: 2%; }
#content .xzbj ul li { float: none;width: 100%; }
#content .xzwm .xzwm-3 {width: 100%;padding: 0; }#content .xzwm .xzwm-1 {margin-left:0;}
#content .gdzx {width: 100%;}
.swiper-slide{width: 100%!important;overflow: hidden;}
.swiper-slide img{width: 150%;max-width: 150%;display: block;position: relative;left: -25%;}
#content .rmdt-bj .zgd{padding-bottom: 0;}
#content .sgq li .cont{box-sizing: border-box;padding: 0 4px;}
.right-bg{display: block!important;width: 100%;}
}

@media screen and (max-width:640px) {
.submenu li {width: 98% !important;}
.xrcp-xbt1 h1 {width: calc(100% - 30px);}
.xrcp-bt{width: 94%; margin: 0 auto;}
#content .wrap { width: 100%;}
.title{max-width: 96%; margin: 0 auto;}
.section .section-inner {width: 96% !important;}
.solution-wechat .section-case .section-content .vertical-list {width: 100% !important;}
.zhongzi {margin: 0 auto; display: block; width: 35%;}
}

@media screen and (max-width:520px) {.scrollUl li {
    float: left;text-align: center;width: 30%;
    margin: 20px 5px 0 !important;
}#content .xrcp .xrcp-wa ul {padding-left:0px;}}

@media screen and (max-width:430px) {
#footer .zhdt ul li { float: none; }
#footer .zhdh  .zhdh-1 { width: 96%;  margin-top: 0px; clear: both; padding-left: 4%; }
#footer a{margin: 0 6px;}
#footer .zhdh .dbdh h2{font-size: 22px}
#content .rmdt-bj .zgd .cqhd { float: none; width: 100%; }
#content .rmdt-bj .zgd .cqhd img { margin-top: 24px; width: 100%; }
}

#content .sgq li:hover .big-pic{
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
.big_item img{
    display: block;
    margin: 0 auto;
    transition: 0.3s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


@media(max-width: 767px){
    #content .sgq li .tu{width: 50px;padding: 20px;}
}