html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body, html, input { font: 12px/1.5 tahoma, arial, sans-serif; }

article, aside, figure, footer, header, nav, section, details, summary { display: block; }

img, object, embed { max-width: 100%; }

html { overflow-y: scroll; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; cursor: pointer; }

a:hover { text-decoration: none; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }

small { font-size: 85%; }

strong { font-weight: bold; }

td, td img { vertical-align: top; }

.pointer { cursor: pointer }

sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

pre, code, kbd, samp { font-family: monospace, sans-serif; }

.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }

button, input, select, textarea { margin: 0; }

button, input[type=button] { width: auto; overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic; }

.fl { float: left }

.fr { float: right; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.relative { position: relative; }

.absolute { position: absolute; }

.block { display: block; }

body { font-size: 13px; color: #383838; min-height: 100%; background: url(https://static.web.sdo.com/woool/chuanshi/index.jpg) no-repeat center center fixed; }

body.cooperation { font-size: 13px; color: #383838; min-height: 100%; background: url(https://static.web.sdo.com/woool/chuanshi/index.jpg) no-repeat center top fixed; }

.menu { position: absolute; left: 20px; top: 50px; width: 113px; height: 270px; background: url(https://static.web.sdo.com/woool/chuanshi/logo.png) no-repeat center top; padding-top: 100px; }

.menu li { display: block; }

.menu li a { display: block; line-height: 50px; color: #2C2C2C; font-size: 14px; text-align: center; position: relative; font-family: Microsoft Yahei; }

.menu li a:hover, .menu li a.hover { color: #B82C2C; background: url(https://static.web.sdo.com/woool/chuanshi/d.png) no-repeat 30px center; }

.wrap { width: 920px; margin: 50px auto; position: relative; }

.index .wrap { margin-top: 150px; }

.boxA { width: 145px; height: 130px; position: absolute; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }

.boxB { width: 145px; height: 270px; position: absolute; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }

.boxC { width: 300px; height: 130px; position: absolute; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }

.boxD { width: 300px; height: 550px; position: absolute; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }

.box1 { left: 0px; top: 0px; }

.box2 { left: 0px; top: 140px; }

.box3 { left: 155px; top: 0px; }

.box4 { left: 0px; top: 280px; }

.box5 { left: 0px; top: 420px; }

.box6 { left: 310px; top: 0px; }

.box7 { left: 620px; top: 0px; }

.box8 { left: 620px; top: 140px; }

.box9 { left: 620px; top: 280px; }

.box10 { left: 775px; top: 280px; }

.box11 { left: 620px; top: 420px; }

.box12 { left: 775px; top: 420px; }

.box6 .touchslider { position: relative; margin: 0 auto; width: 300px; }
.box6 .touchslider  .touchslider-viewport { height: 550px; width: 300px; }
.box6 .touchslider  .touchslider-item { overflow: hidden; }
.box6 .touchslider  .touchslider-item img{width: 300px; height: 550px;}
.box6 .touchslider  .touchslider-nav { text-align: right; margin-top: 16px; }
.box6 .touchslider  .touchslider-nav a { cursor: pointer; color: #000; }
.box6 .touchslider  .touchslider-nav a:active { background: #689db2; }
.box6 .touchslider-nav { height: 20px; font-size: 27px; color: #fff; position:absolute; bottom: 10px; right: 20px; }
.box6 .touchslider  .touchslider-prev { display: none; }
.box6 .touchslider  .touchslider-next { display: none; }
.box6 .touchslider  .touchslider-next-in { position: absolute; /* fix safari render font */ right: 10px; }
.box6 .touchslider  .touchslider-prev-in { position: absolute; left: 10px; }
.box6 .touchslider  .touchslider-nav-item { background: url(https://static.web.sdo.com/woool/chuanshi/touchslider-nav-item.png) no-repeat -29px 0px; width: 16px; height: 16px; display: inline-block; text-indent: -9999px; font-size: 0; -webkit-text-size-adjust: none; vertical-align: top; margin-top: 6px }
.box6 .touchslider  .touchslider-nav-item-current { background: url(https://static.web.sdo.com/woool/chuanshi/touchslider-nav-item.png) no-repeat; }



/*work*/
.work .wrap .main { width: 100%; float: left; }
.work .touchslider { position: relative;width: 100%; }
.work .touchslider  .touchslider-viewport { height: 420px; width: 100%; }
.work .touchslider  .touchslider-item { overflow: hidden; }
.work .touchslider  .touchslider-nav { text-align: right; margin-top: 16px; }
.work .touchslider  .touchslider-nav a { cursor: pointer; color: #000; }
.work .touchslider  .touchslider-nav a:active { background: #689db2; }
.work .touchslider-nav { height: 39px; font-size: 27px; color: #fff; padding: 10px 30px; position: absolute; bottom: 0; right: 0; }
.work .touchslider  .touchslider-prev { display: block;width: 30px; height: 55px; position: absolute; top: 50%; margin-top: 50px; left: 0;background: url(https://static.web.sdo.com/woool/chuanshi/prev.png) no-repeat; opacity: .7;}
.work .touchslider  .touchslider-next { display: block;width: 30px; height: 55px; position: absolute; top: 50%; margin-top: 50px; right: 0;background: url(https://static.web.sdo.com/woool/chuanshi/next.png) no-repeat;opacity: .7;}


.work .touchslider  .touchslider-next-in { position: absolute; /* fix safari render font */ right: 10px; }
.work .touchslider  .touchslider-prev-in { position: absolute; left: 10px; }
.work .touchslider  .touchslider-nav-item { background: url(https://static.web.sdo.com/wz/pic/mobile/dot_white_s.png) no-repeat 3px 3px; width: 24px; height: 24px; display: inline-block; text-indent: -9999px; font-size: 0; -webkit-text-size-adjust: none; vertical-align: top; margin-top: 6px }
.work .touchslider  .touchslider-nav-item-current { background: url(https://static.web.sdo.com/wz/pic/mobile/dot_white_b.png) no-repeat; }

.work .wrap .game-info { min-width: 200px; max-width: 490px; float: left; line-height: 20px; margin-top: 60px; }

.work .wrap .game-info p { padding-top: 20px; font-size: 14px; font-family: "Microsoft Yahei" }

.work .wrap .w-pic { float: left; display: block; min-width: 200px; max-width: 430px; }
.work .home{ display: inline-block; padding: 8px 20px 8px  35px; background: url(https://static.web.sdo.com/woool/chuanshi/home.png) no-repeat 16px center; border: 1px solid #b92d2d; color: #c03b3b; font-size: 14px; width: 60px; height: 20px; margin-top: 20px; vertical-align: top; }

.logos { margin-top: 50px; display: block; width: 90%; padding: 0 5%; float: left; line-height: 60px; position: relative; text-align: center; }

.logos a { display: inline-block; width: 60px; height: 60px; margin-left: 10px; cursor: pointer;
}
.logos a.cs { background: url(https://static.web.sdo.com/woool/chuanshi/gray/cs.png) no-repeat center center; }
.logos a.blood { background: url(https://static.web.sdo.com/woool/chuanshi/gray/blood.png) no-repeat center center; }

.logos a.woool { background: url(https://static.web.sdo.com/woool/chuanshi/gray/woool.png) no-repeat center center; }

.logos a.bao { background: url(https://static.web.sdo.com/woool/chuanshi/gray/bao.png) no-repeat center center; }

.logos a.hj { background: url(https://static.web.sdo.com/woool/chuanshi/gray/hj.png) no-repeat center center; }

.logos a.qyz { background: url(https://static.web.sdo.com/woool/chuanshi/gray/qyz.png) no-repeat center center; }

.logos a.ws { background: url(https://static.web.sdo.com/woool/chuanshi/gray/ws.png) no-repeat center center; }

.logos a.xcb { background: url(https://static.web.sdo.com/woool/chuanshi/gray/xcb.png) no-repeat center center; }
.logos a.x2 { background: url(https://static.web.sdo.com/woool/chuanshi/gray/x2.png) no-repeat center center; }

.logos a.blood.on, .logos a.blood:hover { background: url(https://static.web.sdo.com/woool/chuanshi/blood.png) no-repeat center center; }
.logos a.cs.on, .logos a.cs:hover { background: url(https://static.web.sdo.com/woool/chuanshi/cs.png) no-repeat center center; }
.logos a.woool.on, .logos a.woool:hover { background: url(https://static.web.sdo.com/woool/chuanshi/woool.png) no-repeat center center; }

.logos a.bao.on, .logos a.bao:hover { background: url(https://static.web.sdo.com/woool/chuanshi/bao.png) no-repeat center center; }

.logos a.hj.on, .logos a.hj:hover { background: url(https://static.web.sdo.com/woool/chuanshi/hj.png) no-repeat center center; }

.logos a.qyz.on, .logos a.qyz:hover { background: url(https://static.web.sdo.com/woool/chuanshi/qyz.png) no-repeat center center; }

.logos a.ws.on, .logos a.ws:hover { background: url(https://static.web.sdo.com/woool/chuanshi/ws.png) no-repeat center center; }

.logos a.xcb.on, .logos a.xcb:hover { background: url(https://static.web.sdo.com/woool/chuanshi/xcb.png) no-repeat center center; }
.logos a.x2.on, .logos a.x2:hover { background: url(https://static.web.sdo.com/woool/chuanshi/x2.png) no-repeat center center; }

/*team*/
.team .intro { height: 65px; color: #3B3B3B; position: absolute; top: -165px; left: 180px; }

.team .join { display: block; width: 210px; height: 44px; line-height: 44px; text-align: center; font-size: 18px; color: #B92D2D; border: 2px solid #B92D2D; position: absolute; top: -100px; left: 180px; font-family: "Microsoft Yahei"; }

.team .main { padding-top: 20px; }

.team .years{ display:none; width: 27px; height: 27px;background: url(https://static.web.sdo.com/woool/chuanshi/years.png) no-repeat center center; position: fixed; top: 240px; left: 50%; margin-left:460px; }
.team .years .by{ width: 45px; height: 200px; position: absolute; top:30px;z-index: 99; }

.team .years .by a{ display: block; width: 43px; line-height: 20px; border: 1px solid #bababa; color:#acacac; text-align: center; margin-top: 3px;  }
.team .years .by a.hover,.team .years .by a:hover{
   background-color: #be3030; color: #FFF;

}


.post { width: 170px; margin-bottom: 15px; }

.post a,.post a img { display: block; width: 100%; }

.post span { display: none; width: 170px; height: 28px; line-height: 28px; position: absolute; bottom: 0; left: 0; text-align: center; color: #FFF; background-color: #BB2E2E; }

.post a:hover span{ display: block; }



.lists{ padding-top: 30px;}

.lists .touchslider {
    position: relative;
    margin: 0 auto;
    width: 100%;
     height: 500px; overflow: hidden; }

.lists .touchslider .touchslider-viewport {
     width: 100%;
}

.lists .touchslider .touchslider-item {
    overflow: hidden;
}

.lists .touchslider .touchslider-nav a {
    display: none;
    cursor: pointer;
    color: #000;
}

.lists .touchslider .touchslider-nav a:active {
    background: #689db2;
}

.lists .touchslider-nav {
    display: none;
    width: 920px;
    text-align: center;
    height: 28px;
    line-height: 28px;
     font-size: 12px;
      position: absolute;
    bottom: 10px;
    right: 0;
}

.lists .touchslider .touchslider-nav a.touchslider-prev {
    display: inline-block;
    background-color: #cb3838;
    padding:0 20px;
    color: #fff;

}

.lists .touchslider .touchslider-nav a.touchslider-page {
    display: inline-block;
     padding:0 10px;
    color: #000;

}

.lists .touchslider .touchslider-nav a.touchslider-next {
    display: inline-block;
    background-color: #cb3838;
    padding:0 20px;
    color: #fff;

}

.lists .touchslider .touchslider-next-in {
    position: absolute; /* fix safari render font */
    right: 10px;
}

.lists .touchslider .touchslider-prev-in {
    position: absolute;
    left: 10px;
}

.lists .touchslider .touchslider-nav-item {
    background: url(https://static.web.sdo.com/wz/pic/mobile/dot_white_s.png) no-repeat 3px 3px;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-indent: -9999px;
    font-size: 0;
    -webkit-text-size-adjust: none;
    vertical-align: top;
    margin-top: 6px
}

.lists .touchslider .touchslider-nav-item-current {
    background: url(https://static.web.sdo.com/wz/pic/mobile/dot_white_b.png) no-repeat;
}

.lists .touchslider-item{ width: 920px;}
.lists .touchslider-item li{ display:block; padding: 20px 0; border-bottom: 1px dashed #bdbdbd; float: left; width: 100%;}
.lists .touchslider-item li img{ width: 160px; height: 100px; float: left; margin-right:30px; }
.lists .touchslider-item li div h3{ color: #b82c2c; font-size: 22px;font-family: "Microsoft Yahei"; line-height: 30px; font-weight: normal;}
.lists .touchslider-item li div h3 em{font-style: normal;}
.lists .touchslider-item li div h3 span{ color: #919191;font-size: 13px; margin-left: 15px;}
.lists .touchslider-item li div p{ line-height: 18px; color: #383838; height: 36px; overflow: hidden; margin: 4px 0;}
.lists .touchslider-item li div a{ display: inline-block; width: 88px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #B92D2D; border: 1px solid #B92D2D; }

.cooperation .info{ padding-top: 10px;color: #2e2e2e;font-family: "Microsoft Yahei";}
.cooperation .info span{color: #b92c2c; padding-left:20px; }
.cooperation .info h4{font-size: 30px; line-height: 45px; font-weight: normal;color: #b92c2c;}
.cooperation .info h5{font-size: 16px; line-height: 45px;font-weight: normal;}
.cooperation .info h6{font-size: 16px; line-height: 50px;font-weight: normal;}
.cooperation .info p{font-size: 16px; line-height: 32px;font-weight: normal;}
.cooperation .info p em{font-style: normal;}

.location { display: block; width: 100%; position: relative; margin-top: 50px;  }
.location .wrap{ margin: 0 auto;color: #FFF;font-family: "Microsoft Yahei"; text-align: right;}
.location .wrap h2{font-size: 36px; line-height: 40px;font-weight: normal; padding-top: 10px;letter-spacing:3px; width: 145px;padding-top: 40px;
background-color: #b82c2c; padding-right: 15px;}
.location .wrap h3{font-size: 20px;font-weight: normal;text-indent: 3px; letter-spacing:1px; line-height: 30px;width: 145px;background-color: #b82c2c;padding-right: 15px; padding-bottom: 10px;}


@media screen and (max-width: 1300px) {

    .menu { position: relative; left: 0; top: 0px; width: 920px; height: 77px; margin: 20px auto; background: url(https://static.web.sdo.com/woool/chuanshi/logo.png) no-repeat left top; padding: 0; }

    .menu ul { padding-left: 150px; }

    .menu li { display: inline-block; }

    .menu li a { display: inline-block; line-height: 77px; color: #2C2C2C; padding: 0 30px; }

    .menu li a:hover, .menu li a.hover { background: url(https://static.web.sdo.com/woool/chuanshi/d.png) no-repeat 10px center; }

    .index .wrap { margin-top: 0px; }

    /*.location { display: none; }*/

    .team .intro {
        left: 0px;
        top: -10px;
    }
    .team .join {
        left: 0px;
        top: 80px;
    }
    .team .main {
        padding-top: 150px;
    }
    .location { display: block; width: 100%; position: relative; background-color: #b82c2c; height: 80px;}
    .location .wrap{ margin: 0 auto;color: #FFF;font-family: "Microsoft Yahei";text-align: left;}
    .location .wrap h2{font-size: 36px; line-height: 40px;font-weight: normal; letter-spacing:3px; padding: 10px 0 0;}
    .location .wrap h3{font-size: 16px;font-weight: bold;text-indent: 3px; letter-spacing:1px; line-height: 30px;padding: 0;}
    .location .wrap h3:after{content:"";display: block;width: 20px; height: 17px; background: url(https://static.web.sdo.com/woool/chuanshi/arrow.png) no-repeat 0 0; position: absolute; bottom: -17px; left: 24px; }


}

@media screen and (max-width: 920px) {
    /*body { background: #F2F2F2; }*/
body {background:#F2F2F2 url(https://static.web.sdo.com/woool/chuanshi/bg.png) no-repeat center 0 !important; }

    .menu { position: relative; left: 0; top: 0px; width: 610px; height: 77px; margin: 20px auto; background: url(https://static.web.sdo.com/woool/chuanshi/logo.png) no-repeat left top; padding: 0; }

    .menu ul { padding-left: 150px; }

    .menu li { display: inline-block; }

    .menu li a { display: inline-block; line-height: 77px; color: #2C2C2C; padding: 0 20px; }

    .menu li a:hover, .menu li a.hover { background: url(https://static.web.sdo.com/woool/chuanshi/d.png) no-repeat 10px center; }

    .wrap { width: 610px; }

    .box1 { left: 0px; top: 0px; }

    .box2 { left: 0px; top: 140px; }

    .box3 { left: 155px; top: 0px; }

    .box4 { left: 0px; top: 280px; }

    .box5 { left: 0px; top: 420px; }

    .box6 { left: 310px; top: 0px; }

    .box7 { left: 0px; top: 560px; }

    .box8 { left: 310px; top: 560px; }

    .box9 { left: 0px; top: 700px; }

    .box10 { left: 155px; top: 700px; }

    .box11 { left: 310px; top: 700px; }

    .box12 { left: 465px; top: 700px; }

    .work .wrap .main { margin-top: 0; }

    .work .wrap .game-info {
        width: 100%;
        max-width: 100%;
        margin-top: 0px;
        float: none;
    }

    .work .wrap .game-info img {
        display: block;
        margin: 0 auto;
    }
    .work .home {
     display: block;
     margin: 20px auto 0;
 }

    .work .wrap .w-pic {
        float: none;
        margin: 50px auto 0;
        max-width: 100%;
    }
    .lists{
        padding-top: 10px;
    }
    .lists .touchslider{

    }
    .lists .touchslider-item li img{
        display: none;
    }
    .work .touchslider  .touchslider-viewport { height:720px;}
    .post { width: 190px; margin-bottom: 20px; }
    .post span { width: 190px; height: 28px; line-height: 28px;  }
    .team .years{
        position: absolute;
        left: auto;
        right: 30px;
        bottom: auto;
        margin: 0;
        top: 27px;
    }
    .team .years .by{display: none}

}

@media screen and (max-width: 610px) {
    .menu { width: 455px; }

    .menu li a { padding: 0 10px; }

    .menu li a:hover, .menu li a.hover { background: url(https://static.web.sdo.com/woool/chuanshi/d.png) no-repeat 1px center; }

    .wrap { width: 455px; }

    .box1 { left: 0px; top: 0px; }

    .box2 { left: 0px; top: 140px; }

    .box3 { left: 0px; top: 280px; }

    .box4 { left: 155px; top: 560px; }

    .box5 { left: 155px; top: 700px; }

    .box6 { left: 155px; top: 0px; }

    .box7 { left: 155px; top: 840px; }

    .box8 { left: 155px; top: 980px; }

    .box9 { left: 0px; top: 560px; }

    .box10 { left: 0px; top: 700px; }

    .box11 { left: 0px; top: 840px; }

    .box12 { left: 0px; top: 980px; }

    .team .intro, .team .join {
        left: 0px;
    }

    .team .main, .team .wrap {
        /*width: 100%;*/
    }
    .dropdown{ width:55px; height: 30px; position: absolute;
        background: url(https://static.web.sdo.com/woool/chuanshi/down.png) no-repeat 0 0;
        top: 25px; right: 0px; cursor: pointer;
    }
    .dropdown.open{background: url(https://static.web.sdo.com/woool/chuanshi/up.png) no-repeat 0 0;}
    .logos{ position: absolute; top:-50px; left: 0; width: 100%; height:100%;background-color:#b82c2b; margin: 0; padding: 0; overflow: hidden; display: none; }
     .logos:before{content: "全部游戏"; font-family:"Microsoft Yahei"; display: block;width: 100%; height:100px; line-height: 100px; font-size:36px; text-align: center; color: #FFF; }

    .logos  a{ width: 80px; height: 80px; background-color: #FFF !important; border-radius: 80px;}
    .logos  a.on, .logos  a:hover{ background-color: #FFF !important;}

    .post { width: 210px; margin-bottom: 20px; }
    .post span { width: 210px; height: 28px; line-height: 28px;  }

}

@media screen and (max-width: 455px) {

    .menu { width: 300px; height: 50px; background-size: contain; }

    .menu ul { padding-left: 88px; }

    .menu li a { padding: 0 0 0 11px; line-height: 50px; }

    .menu li a:hover, .menu li a.hover { background: url(https://static.web.sdo.com/woool/chuanshi/d.png) no-repeat 0px center; }

    .wrap { width: 300px; }

    .box1 { left: 0px; top: 0px; }

    .box2 { left: 0px; top: 140px; }

    .box3 { left: 155px; top: 0px; }

    .box4 { left: 0px; top: 280px; }

    .box5 { left: 0px; top: 420px; }

    .box6 { left: 0px; top: 560px; }

    .box7 { left: 0px; top: 1120px; }

    .box8 { left: 0px; top: 1260px; }

    .box9 { left: 0px; top: 1400px; }

    .box10 { left: 155px; top: 1400px; }

    .box11 { left: 0px; top: 1540px; }

    .box12 { left: 155px; top: 1540px; }

    .work .wrap .game-info img {
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    .team .intro { display: none }

    .team .join { top: 0px }

    .team .main { padding-top: 70px; }


    .post { width: 300px; margin-bottom: 20px; }
    .post span { width: 300px; height: 28px; line-height: 28px;  }
    .cooperation .info{ padding-top: 20px;}
    .cooperation .info h4{font-size: 26px;}
    .cooperation .info h5{font-size: 22px;line-height: 30px;}
    .cooperation .info h5 span{padding-left: 0;}
    .lists .touchslider{ height: 625px;}
    .lists .touchslider-item li div h3 span{display:block; margin-left: 0; line-height: 20px;padding-top: 5px;}
    .work .touchslider  .touchslider-viewport { height: 650px;}
    .menu li a{ background: none; padding: 0 3px; font-size: 16px; text-align: center;}

    .menu li a:hover,.menu li a.hover{ background: none; }

}

@media screen and (max-width: 320px) {

}