﻿/*Common For Max 1200*/
@media only screen and (max-width: 1499px) {
    .banner .txt{
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-width: 900px;
    }
    .slick-qj1{
        padding: 0 80px;
        margin: 0 -10px;
    }
    .slick-qj1 .inner{
        margin: 0 10px;
    }
    .slick-qj1 .slick-arrow{
        -webkit-background-size: 45px 45px;
        background-size: 45px 45px;
    }
    .slick-qj1 .slick-prev{
        left: 2%;
    }
    .slick-qj1 .slick-next{
        right: 2%;
    }
    .slick-qj2{
        padding: 0 80px;
    }
    .slick-qj2 .slick-prev{
        left: 20px;
    }
    .slick-qj2 .slick-next{
        right: 20px;
    }
}
/*Common For Max 960*/
@media only screen and (max-width: 1199px) {

    .nav li > a{padding: 0 22px;}
    .nav li dd a{padding-left: 22px;}
    .banner{
        height: 450px;
    }
    .banner .slick-next{
        right: 50px;
    }
    .banner .slick-prev{
        left: 50px;
    }
    .ul-qj1 .inner{
        padding: 20px 30px;
    }
    .ind-row2 .txt-box{
        padding: 20px;
    }
    .ind-row2 .pic img{
        width: 80%;
    }
    .slick-qj1 .txt{
        padding: 10px;
    }
    .ul-qj1 li::after{top: 60px;}
    .ul-qj3 .txt{padding-top: 20px;font-size: 16px;line-height: 30px;}

    .m-article{padding: 30px 0 0;}

    .ul-qj2 li{padding: 7px 63px 7px 0;}

    /*******************************
        -------[=柚子]-------
    ********************************/
    .service .col-l{width: 49%;}
    .service .col-r{width: 50%;}
    .service .list .txt{margin-left: 10px;}
    .chara-img{margin-bottom: 30px;}
    .chara-img .list a{width: 180px;height: 180px;}
    .chara-img .list span{background-size: auto 55px;padding-top: 63px;}
    .chara-img .list{margin-top: 30px;}
    .y-txtimg2 .txt{padding:15px 15px 0 15px;}
    .y-txtimg2 .txt .more{margin-top: 20px;}
    .y-txtimg2 .txt h5{margin-bottom: 14px;}
    .y-txt2 h5{margin-bottom: 15px;font-size: 24px;}
    .y-txt2 p{font-size: 14px;line-height: 24px;}
    .h50{height: 25px;}
    .y-txtimg4-a .col-r{padding-top: 50px;}
    .y-txtimg4-b .col-l{padding-top: 60px;}
    .y-txtimg4-c .col-r{padding-top: 100px;}
    .y-pic2{margin:60px 0;}
    .y-txtimg2 .txt h5 a{margin-bottom: 10px;}
    /*******************************
        -------[=hulu]-------
    ********************************/
    .map-box {width: 920px;margin: 0 auto;}
    .cl-txt {padding: 12px 20px;width: 260px;}
    .cl-txt .tit {font-size: 18px;}
    .cl-txt p {font-size: 14px;line-height: 20px;max-height: 40px;margin: 0 0 6px;}
    .cl-txt .btn {font-size: 14px;}
    .cl-txt.cl1 {left: 460px;}
    .cl-txt.cl2 {top: 375px;left: 335px;}
    .cl-txt.cl3 {top: 285px;left: 675px;}
    .cl-txt.cl4 {top: 520px;left: 660px;}
    .cl-txt.cl5 {top: 610px;}

    .pic-h1 {margin: 30px 0;}
    .pic-h1 .img {width: 385px;margin: 0 30px 0 0;}
    .pic-h1.even .img {margin: 0 0 0 30px;}
    .pic-h1 .txt {padding-top: 15px;}
    .pic-h1 .tit{padding: 10px 0 10px 30px;margin-bottom: 15px;font-size: 24px;}
    .service-made dt {margin-bottom: 20px;}
    .service-made ul {margin: 0 -20px;}
    .service-made a {margin: 0 20px 10px;}

    .pic-h2 .img {width: 305px;padding: 60px 15px;margin-right: 30px;}
    .pic-h2 {margin-bottom: 60px;padding-top: 15px;}
    .pic-h3 {height: 320px;}
    .pic-h3 .inner {padding: 20px;top: 50px;}
    .pic-h3 .img {margin-left: 20px;width: 390px;}
    .pic-h3 .txt {padding-left: 0;}
    .pic-h4 {padding-top: 80px;}
    .pic-h4 img {margin: 1em auto;}

    .histroy-nav .pic {padding: 5px;}
    .histroy-nav .pic img {width: 108px;height: 108px;}
    .histroy-tab {margin-top: 35px;}
    .histroy-tab .time { margin-bottom: 15px;font-size: 18px;}
    .histroy-for .tit {padding: 15px 0;}
    .ul-time .txt {padding: 25px 35px 30px;margin: 0 40px 0 0;}
    .ul-time .inner.even .txt {margin: 0 0 0 40px;}
    .ul-time .p1 {font-size: 24px;margin-bottom: 12px;}
    .ul-time .p2 {font-size: 16px;}
    .histroy-path {margin-bottom: 50px;}

}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    .wp{width: 96%;padding: 0 5px;}
    .header{height: 55px;}
    .logo{line-height: 55px;width: 90px;}
    .nav li:first-child a{padding: 0 15px;}
    .nav li > a{padding: 0 12px;line-height: 55px;font-size: 14px;}
    .nav li dl{width: 160px;}
    .nav li dd a{padding-left: 12px;}
    .lang-box{padding-top: 21px;margin-left: 20px;width: 80px;}
    .lang-box dt{margin-bottom: 3px;}
    .lang-box a{font-size: 14px;}
    .banner{height: 300px;}
    .banner h2{font-size: 30px;font-weight: normal;padding-bottom: 10px;margin-bottom: 10px;}
    .banner .txt{font-size: 18px;}
    .banner .txt span{font-size: 20px;}
    .banner .slick-arrow{width: 26px;height: 50px;margin-top: -25px;-webkit-background-size: 26px 50px;
    background-size: 26px 50px;}
    .fd-nav{padding: 20px 10px;}
    .fd-nav span{font-size: 18px;margin-bottom: 10px;}
    .fd-nav a{font-size: 12px;line-height: 24px;}
    .footer .copyright{font-size: 12px;padding: 10px;}
    .g-tit1{margin-bottom: 15px !important;}
    .g-tit1 h2{font-size: 22px;margin-bottom: 10px;font-weight: normal;}
    .g-tit1 p{font-size: 12px;}
    .ind-row1,.ind-row2,.ind-row3,.ind-row4,.ind-row5{padding: 20px 5px;}

    .ul-qj1 .inner{padding: 10px;}
    .ul-qj1 i{margin-bottom: 10px;}
    .ul-qj1 .txt h3{font-size: 16px;margin-bottom: 10px;}
    .ul-qj1 h3 span{padding: 5px 0 10px;}
    .ind-row2 .txt-box{top: 20%;}
    .ind-row2 .txt-box .left{width: 120px;margin-right: 5%;}
    .ind-row2 .txt-box .left h3{font-size: 18px;padding: 20px 0 10px;}
    .ind-row2 .txt-box .left h4{font-size: 14px;}
    .ind-row2 .txt-box .left .img{width: 60px;height: 60px;top: -30px;}
    .slick-qj1{padding: 0 50px;}
    .slick-qj1 .txt h4{font-size: 16px;margin-bottom: 5px;}
    .slick-qj1 .txt p{font-size: 12px;}
    .slick-qj1 .slick-arrow{width: 28px;height: 28px;-webkit-background-size: 28px 28px;
    background-size: 28px 28px;margin-top: -14px;}
    .slick-qj1 .txt{padding: 5px;}
    .slick-qj1 .txt .btn-more{margin-top: 10px;font-size: 12px;}
    .slick-qj2 .pic img{max-height: 60%;}

    .m-cur{margin: 20px 0;lh}
    .m-cur .cur{line-height: 22px;}
    .m-cur h2{font-size: 22px;font-weight: normal;}
    .ul-qj3 h3{font-size: 20px;margin-bottom: 10px;}
    .ul-qj3 .txt{padding-top: 10px;font-size: 14px;}
    .ul-qj3 li{padding: 10px 0;}
    

    .ul-qj1 li::after{height: 150px;}
    .m-article{padding: 10px 5px 0;}
    .m-article h1{
        font-size: 22px;
    }
    .m-article .tip{
        padding-bottom: 10px;
    }
    .m-article .con{
        font-size: 14px;
    }
    .m-turn p, .m-turn a{
        font-size: 14px;
    }

    .m-hotnews .txt{
        padding: 10px;
    }
    .m-hotnews .txt h4{
        font-size: 16px;
        font-weight: normal;
    }
    .ul-qj2{
        padding-left: 20px;
    }
    .ul-qj2 .txt h4{
        font-size: 14px;
        font-weight: normal;
    }
    .ul-qj2 .time-box{
        width: 60px;
        height: 60px;
    }
    .ul-qj2 .time-box span{font-size: 12px;}
    .ul-qj2 .time-box span strong{
        font-size: 20px;
    }
    .ul-qj2 .txt{
        margin-left: 70px;
    }
    .ul-qj2 li{
        padding: 5px 5px 5px 0;
    }
    .ind-row3 .col-l{
        width: 45%;
    }
    .m-hotnews .txt::after{
        top: -10px;
        left: 30px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
	.ind-row3 .lastmore{float:none; margin:0 auto !important;}
    .ul-qj3{
        padding-bottom: 30px;
    }
    .m-turn{margin-bottom: 20px;}

    /*******************************
        -------[=柚子]-------
    ********************************/
    .con-ban{height: 240px;}
    .service{margin-bottom: 40px;}
    .service .col-l,.service .col-r{float: none;width: auto;}
    .service .pic{text-align: center;}
    .y-txt1{margin-bottom: 30px;}
    .g-tit2{margin-bottom: 20px;font-size: 26px;}
    .y-txt1 .g-tit2{margin-bottom: 20px;}
    .y-txt1 p.p1{padding: 0 70px;}
    .y-txtimg1 .txt{padding: 0 30px;}
    .video-list h5{font-size: 20px;}
    .video-list p{font-size: 16px;}
    .chara-img .list a{width: 130px;height: 130px;}
    .chara-img .list span{background-size: auto 40px;top: 30px;padding-top: 50px;font-size: 16px;}
    .y-txtimg1-b .txt h5{font-size: 24px;margin-bottom: 5px;}
    .y-txtimg1-b .txt span{line-height: 28px;}
    .y-txtimg2 .txt h5{margin-bottom: 5px;}
    .y-txtimg2 .txt h5 a{font-size: 16px;line-height: 22px;margin-bottom: 5px;}
    .y-txtimg2 .txt p{line-height: 20px;height: 100px;}
    .y-txtimg2 .txt .more{margin-top: 10px;}
    .news-list .txt{padding:0 20px 30px 20px;}
    .honor-list{padding-top: 20px;margin-bottom: 20px;}
    .honor-list ul{margin-top: 30px;}
    .y-pic1{margin-bottom: 30px;}
    .y-txtimg3{margin:30px 0;}
    .y-txtimg3 .txt{padding:0 15px;}
    .join_us .tit .col-l{width: 12%;}
    .join_us .tit .col-c{width: 74%;}
    .join_us .tit{height: 80px;}
    .join_us .tit h5{line-height: 80px;font-size: 18px;}
    .join_us .tit p{padding:21px 15px 0 20px;}
    .join_us .tit p span{margin-bottom: 12px;}
    .join_us .tit .look{margin-top: 26px;width: 80px;}
    .y-txtimg4 .col-l,.y-txtimg4 .col-r{float: none;width: auto;padding:10px 0;}
    .y-txtimg4 .img{text-align: center;}
    .y-txtimg4 .img img{display: inline-block;}
    .h75,.h60{height: 20px;}
    .y-pic2{height: 380px;}


    /*******************************
        -------[=hulu]-------
    ********************************/
    .map-box {width: auto;padding-bottom: 0;}
    .map-box .cl-txt {position: static;display: inline-block;width: 45%;margin: 10px 2%;}

    .classic {margin-bottom: 40px;}

    .data-center .row1 {padding-bottom: 50px;}
    .pic-h1 .img {width: 330px;margin: 0 15px 0 0;}
    .pic-h1.even .img {margin: 0 0 0 15px;}
    .pic-h1.even {margin-bottom: 40px;}
    .pic-h1 .txt {padding-top: 0;font-size: 14px;line-height: 24px;}
    .pic-h1 .tit {font-size: 18px;line-height: 26px;}
    .pic-h2 .img {width: 250px;padding: 50px 15px 0 0;margin-right: 15px;}
    .pic-h2 .txt {font-size: 14px;}
    .pic-h2 .tit {font-size: 18px;margin-bottom: 15px;}
    .pic-h2 {padding-top: 0;margin-bottom: 30px;}
    .pic-h3 {height: auto;}
    .pic-h3 .inner {top: 40px;}
    .pic-h3 .img {width: 333px;}
    .pic-h3 .txt {font-size: 14px;}
    .pic-h4 {font-size: 14px;margin-bottom: 40px;padding-top: 60px;}

    .histroy-nav .pic img {width: 88px;height: 88px;}
    .histroy-tab {margin-top: 25px;}
    .histroy-tab .time {font-size: 14px;margin-bottom: 5px;}
    .ul-time .txt {padding: 15px 20px;}
    .ul-time .p1 {font-size: 18px;margin-bottom: 5px;}
    .ul-time .p2 {font-size: 14px;}


}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    .header{position: fixed;top: 0;left: 0;width: 100%;z-index: 80;box-shadow: 0 0 5px rgba(15,90,170,0.8);height: 50px;}
    .logo{line-height: 50px;width: 80px;}
    body{margin-top: 50px;}
    .nav{display: none;position: absolute;top: 50px;left: 0;width: 100%;z-index: 70;background-color: rgba(255,255,255,0.9);float: none;}
    .nav li{width: auto;float: none;text-align: center;border-bottom: 1px dotted #008689;}
    .nav li > a{line-height: 32px;}
    .nav li dl{position: static;width: auto;padding: 0;}
    .nav li dd a{font-size: 12px;padding: 0;}
    .banner{height: 200px;}
    .banner h2{font-size: 20px;}
    .banner .txt span{font-size: 14px;}
    .banner .txt p{font-size: 12px;}
    .banner .slick-arrow{-webkit-background-size: 13px 25px;
    background-size: 13px 25px;}
    .banner .slick-dots{bottom: 10px;}
    .menuBtn{display: block;}
    .lang-box{position: absolute;top: 20px;right: 50px;padding-top: 0;}
    .ul-qj1 li{width: 50%;}
    .g-tit1 h2{font-size: 18px;}
    .ul-qj1 .txt{font-size: 12px;}
    .ul-qj1 i{margin-bottom: 5px;}
    .ul-qj1 .txt h3{margin-bottom: 5px;}
    .ul-qj1 h3 span{padding: 5px 0;}
    .fd-nav{display: none;}
    .ind-row2 .txt-box{width: auto;top: 10%;padding: 10px;}
    .ind-row2 .txt-box .left{width: 160px;}
    .banner .slick-next{right: 20px;}
    .banner .slick-prev{left: 20px;}
    
    .ul-qj1 li::after{width: 0;}

    .slick-qj1{padding: 0 40px;}
    .slick-qj1 .slick-prev{left: 1%;}
    .slick-qj1 .slick-next{right: 1%;}
    .m-cur{margin: 10px 0 20px;}
    .ul-qj3 .txt{float: none;width: auto;}
    .ul-qj3 .pic{margin: 0;}
    .m-cur h2{font-size: 18px;}
    .m-cur .cur{line-height: 18px;}
    .ul-qj3 .txt{line-height: 24px;font-size: 12px;padding-top: 0;}
    .ul-qj3 h3{font-size: 16px;margin-bottom: 5px;}

    .m-article h1{font-size: 16px;}
    .m-article .tip{font-size: 12px;}
    .m-article .con{font-size: 12px;}
    .m-turn{
        padding: 10px 5px;
    }
    .m-article .con{
        padding: 10px 0;
    }
    .m-turn p, .m-turn a{
        font-size: 12px;
        line-height: 28px;
    }
    .m-turn p.left,
    .m-turn p.right{
        float: none;
        max-width: none;
    }
    .m-turn p.right{
        text-align: left;
    }

    .ind-row3 .col-l{
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
    .ind-row3 .col-r{
        margin: 0;
    }
    .m-hotnews .txt h4{
        font-size: 14px;
        margin-bottom: 5px;
    }
    .m-hotnews .txt{
        font-size: 12px;
    }
    .m-hotnews .txt span{
        margin-top: 5px;
    }
    .ul-qj2{
        padding: 0;
        border:0;
    }
    .ul-qj2::after{
        display: none;
    }
    .ul-qj3{padding-bottom: 20px;}
    
    .pic-h2 .img{width: 200px;margin: 0 auto;}

    /*******************************
        -------[=柚子]-------
    ********************************/
    .con-ban{background-position: center top;}
    .service .list li{margin-bottom: 25px;}
    .service .list .txt{margin:0 0 0 8px;}
    .service .list h5{font-size: 18px;margin-bottom: 10px;}
    .service .list i{width: 24px;height: 24px;background-size: 15px auto;}
    .y-txt1{margin-bottom: 15px;}
    .g-tit2{font-size: 20px;margin-bottom: 10px;}
    .y-txt1 p{line-height: 22px;font-size: 14px;padding: 0;}
    .y-txt1 p.p1{padding: 0;}
    .y-txtimg1{padding: 15px 0;margin-bottom: 30px;}
    .y-txtimg1 li{position: static;padding-top: 0;margin-bottom: 15px;}
    .y-txtimg1 .col-l,.y-txtimg1 .col-r{position: static;width: 100%;height: auto;}
    .y-txtimg1 .txt{position: static;padding:10px;font-size: 14px;line-height: 22px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);}
    .y-txtimg1 .img{position: relative;padding-top: 61%;width: 100%;}
    .video-list{margin: 20px 0;}
    .video-list li{float: none;width: auto;}
    .video-list li a{position: static;padding-top: 0;}
    .video-list .txt{position: static;}
    .video-list .ibox{position: static;padding: 15px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);}
    .video-list .img{position: static;position: relative;padding-top: 65%;height: 0;}
    .video-list .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .chara-list{margin: 20px 0;}
    .chara-img .list{margin-top: 15px;}
    .chara-list li{margin-bottom: 10px;font-size: 14px;line-height: 22px;padding-left: 22px;
        background: url("../images/y-arrow1.png") no-repeat left 5px;}
    .chara-img .list{padding: 0 10px;}
    .chara-img .list li{width: 50%;margin-bottom: 15px;}
    .chara-img .list a{width: 100px;height: 100px;}
    .chara-img .list span{font-size: 14px;top: 16px;}
    .team-list li{height: auto;}
    .team-list span{display: block;float: none;width: auto;line-height: 40px;font-size: 26px;}
    .team-list p{float: none;width: auto;margin: 0;padding: 20px;display: block;}
    .y-txtimg1-b .txt h5{font-weight: normal;}
    .y-txtimg2 .col-l,.y-txtimg2 .col-r{float: none;width: auto;}
    .y-txtimg2 .txt{padding-bottom: 15px;}
    .y-txtimg2 .pic .slick-arrow{opacity: 1;}
    .news-list li{overflow:visible;position: relative;padding-top: 36px;}
    .news-list .time{position: absolute;top: 0;left: 0;height: 36px;line-height: 36px;
        background: none;background-color: #787878;padding:0 5px 0 5px;width: auto;}
    .news-list .time b{font-size: 21px;display: inline-block;font-weight: normal;margin-top: 0;}
    .news-list .time span{display: inline-block;margin-top: 0;}
    .news-list .txt{margin-left: 0;}
    .news-list .txt h5{margin: 15px 0 10px;}
    .news-list .txt{padding:0 10px 15px 10px;}
    .m-pages li{margin: 0 1px;}
    .m-pages li:last-child,.m-pages li:first-child{display: none;}
    .honor-list .img{margin-bottom: 10px;}
    .honor-list li{width: 50%;}
    .honor-list p a{font-size: 14px;}
    .y-txtimg3 li{position: static;padding-top: 0;}
    .y-txtimg3 .txt{position: static;padding:10px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);}
        .y-txtimg3 .txt i{display: none;}
    .y-txtimg3 .txt h5{font-size: 22px;margin-bottom: 5px;}
    .y-txtimg3 .txt p{font-size: 14px;line-height: 24px;}
    .y-txtimg3 .col-l,.y-txtimg3 .col-r{position: static;float: none;width: auto;}
    .y-txtimg3 .img{position: relative;padding-top: 61%;}
    .y-txtimg3 .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .y-txtimg3 .txt h5{font-size: 18px;}
    .join_us{margin-bottom: 60px;}
    .join_us li{margin-bottom: 15px;}
    .join_us .tit{height: auto;position: relative;}
    .join_us .tit .col-l{float: none;width: auto;}
    .join_us .tit .col-c{float: none;width: auto;}
    .join_us .tit .col-r{display: none;}
    .join_us .tit h5{line-height: 46px;}
    .join_us .tit p{padding-top: 15px;}
    .join_us .con{padding:15px 20px;}
    .join_us .ps{margin-top: 20px;}
    .join_us .tit:after{content: '（点击查看）';position: absolute;top: 16px;right: 10px;
        color:#333;}
    .join_us li.on .tit:after{opacity: 0;}
    .join_us .tit p span{width: 50%;}
    .y-txt2 h5{font-size: 20px;margin-bottom: 10px;}
    .y-txt2 p{line-height: 20px;}
    .y-txtimg4 .img h5{font-size: 20px;margin-bottom: 15px;}
    .h75, .h60{display: none;}
    .y-pic2{height: 240px;margin: 20px 0;}


    /*******************************
        -------[=hulu]-------
    ********************************/
    .map-box .cl-txt {display: block;width: auto; margin: 10px auto;}
    .cl-txt {padding: 5px 10px;}
    .cl-txt .tit {font-size: 14px;line-height: 26px;}
    .cl-txt p {font-size: 12px;line-height: 18px;max-height: 36px;margin: 0 0 6px;}
    .cl-txt .btn {font-size: 12px;}
    .cl-txt .btn i {font-size: 12px;}

    .classic {margin-bottom: 20px;}

    .pic-h1 .img {width: auto !important;float: none !important;margin: 0 0 10px !important;}
    .pic-h1 {margin: 0 0 15px !important;}
    .pic-h1 .tit {font-size: 16px;padding: 0 0 0 30px;margin-bottom: 10px;}
    .pic-h1 .txt {font-size: 12px;line-height: 20px;}
    .service-made dt {font-size: 18px;margin-bottom: 10px;}
    .service-made a {font-size: 12px;line-height: 20px;}
    .data-center .row1 {padding-bottom: 20px;}

    .pic-h2 .img {float: none;padding: 10px;}
    .pic-h2 .tit {font-size: 16px;line-height: 24px;margin-bottom: 10px;text-align: center;}
    .pic-h2 .txt {font-size: 12px;}
    .pic-h3 {background-position: center top;}
    .pic-h3 .img {float: none;width: auto;margin: 0 0 10px;}
    .pic-h3 .inner {padding: 10px;top: 20px;}
    .pic-h3 .txt {font-size: 12px;}
    .pic-h4 {padding-top: 30px;font-size: 12px;}

    .histroy-nav .pic {display: none;}
    .histroy-for .tit {font-size: 14px;padding: 10px 0;}
    .ul-time {padding: 40px 0 30px;}
    .ul-time .txt:after, .ul-time .txt:before {top: 15px;}
    .ul-time li:after {top: 20px;}
    .ul-time .txt {margin: 0 28px 0 0;}
    .ul-time .inner.even .txt {margin: 0 0 0 28px;}
    .ul-time .p1 {font-size: 14px;}
    .ul-time .p2 {font-size: 12px;}
    .histroy-tab {margin-top: 0;}
    .histroy-nav {margin-bottom: 5px;}
    .histroy-path {margin-bottom: 30px;}

	.y-pic1 img{width:100%;height:300px;}
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {

.y-pic1 img{width:100%;height:150px;}

    .ind-row2 .txt-box .left{width: 100px;}
    .ind-row2 .pic img{width: 100%;}
    .ind-row2 .txt-box{padding: 10px;}
    .ind-row2 .txt-box .left .img{width: 50px;height: 50px;}
    .ind-row2 .txt-box .right p{font-size: 12px;}
    .ind-row2 .btn-more{margin-top: 10px;}
    .ind-row2 .txt-box .left h3{font-size: 16px;}
    .ind-row2 .txt-box .left h4{font-size: 12px;}
    .slick-qj1{padding: 0 30px;}
    .slick-qj1 .slick-prev{left: 1%;}
    .slick-qj1 .slick-next{right: 1%;}

    .m-cur .cur{font-size: 12px;float: none;width: auto;}
    .ul-qj2 .txt h4{
        margin: 10px 0;
    }
    .m-cur h2{
        margin-top: 10px;
    }
    .m-article .tip .look{
        -webkit-background-size: 10px 7.5px;
        background-size: 10px 7.5px;
        padding-left: 15px;
    }
    .lang-box i{
        margin-right: 5px;
    }
     .ind-row2{
        padding: 20px 5px 45px 5px;
     }
    
     .pic-h2 .img{width: 120px;}

     .ind-row2 .txt-box .right p{line-height: 18px;}

     /*******************************
         -------[=柚子]-------
     ********************************/
     .con-ban{height: 180px;}
     .y-txt1 .g-tit2{margin-bottom: 10px;}
     .g-tit2{margin-bottom: 10px;font-size: 16px;}
     .y-txtimg1{margin-bottom: 15px;}
     .y-txtimg1 li{margin-bottom: 10px;}
     .service .list h5{font-size: 16px;}
     .service .list p{font-size: 14px;line-height: 20px;}
     .service .list li{margin-bottom: 15px;}
     .video-list .ibox{padding: 10px;}
     .video-list h5{font-size: 16px;margin-bottom: 5px;}
     .video-list p{font-size: 14px;}
     .chara-list{margin: 10px 0 25px;}
     .team-list li{margin-bottom: 15px;}
     .team-list span{font-size: 20px;line-height: 30px;}
     .team-list p{font-size: 14px;line-height: 22px;padding: 12px;}
     .y-txtimg1-b .txt h5{font-size: 18px;margin-bottom: 3px;}
     .y-txtimg2 .txt{padding:10px;}
     .y-txtimg3 .txt p{line-height: 20px;}
     .join_us .tit p{padding:15px 8px 0;}
     .join_us .tit h5{font-size: 16px;}
     .join_us .tit p span{font-size: 12px;}
     .join_us .con{padding:10px;}
     .join_us .txt{margin-bottom: 10px;}
     .join_us .txt h5{font-size: 16px;margin-bottom: 8px;}
     .join_us .txt p{line-height: 24px;}
     .join_us .ps{line-height: 20px;}
     .join_us{margin-bottom: 30px;}
     .y-txt2 h5{font-size: 16px;line-height: 20px;}
     .y-txt2 p{font-size: 13px;}
     .y-pic2{height: 180px;}
     .y-txtimg4 .img h5{font-size: 16px;}


     /*******************************
        -------[=hulu]-------
    ********************************/
    .service-made ul {margin: 0 auto;}
    .service-made li {float: none;}
    .service-made li a {margin: auto;}

    .ul-time {padding: 20px 0;}
    .ul-time:after {left: 10px;}
    .ul-time li:after {left: 10px;}
    .ul-time .txt:after {left: -31px; border-left-color: transparent; border-right-color: #d0d0d0;}
    .ul-time .txt:before {left: -30px; border-left-color: transparent; border-right-color: #fff;}
    .ul-time li {margin: 0 0 10px;padding-left: 35px;}
    .ul-time .inner {float: none !important;width: auto !important;}
    .ul-time .txt {margin: 0 !important;}

    .histroy-tab .time{font-size: 12px;font-weight: normal;}
}
