/*头部 begin*/
@media only screen and (max-width: 980px) {
    .head{ width:auto;}
    .logo{ width:150px;height:45px;position:absolute; top:10px; left:0;}
    .logo img{ width:150px; height:45px; position:absolute; top:10px; left:0;}
    .mune{position:absolute;top:0;right:10px;}
    .nav li{float:none;}
    .nav li a{width:85px;height:20px; line-height:20px; display:block; font-size:18px; text-align:center;color:#fff;}
    .nav li .on{ background:#e70012; color:yellow;}
    .nav li a:hover{ background:#e70012; color:yellow;}
    .nav li ul.subs li a{ width:0; height:0; line-height:45px; background:#e70012; font-size:16px;}

    #nav-wrap > a{width:48px;height:48px;text-align:left;background:#e70012;border:none;float:right;font:0/0 a;text-shadow:none;color:transparent;position:relative;top:20px;right:0;}
    #nav-wrap > a.mobile-btn {display: none;border-radius: 3px;}
    #nav-wrap > a:before,#nav-wrap > a:after{position: absolute;border: 2px solid #fff;top: 35%;left: 25%;right: 25%;content: '';}
    #nav-wrap > a:after {top:60%;}
    #nav-wrap:not( :target ) > a:first-of-type,#nav-wrap:target > a:last-of-type{display:block;}
    #nav-wrap ul#nav {height:auto;display:none;clear:both;width:auto;position:relative;top:48px;right:0;}
    #nav-wrap:target >ul#nav	{display: block;padding: 30px 20px 48px 20px;background:#e70012;margin-left:20px;clear:both;border-radius:3px;width:300px;}
    ul#nav li{width:92%;display: block;height:auto;margin:0 auto;text-align:left;}
    ul#nav li{border-bottom: 1px solid #fff;}
    ul#nav li a {background-image: none;padding: 0;font-size: 14px;margin: 12px 0;line-height: 14px;border: none;}
    ul#nav span:after{left: 5px;}

    ul#nav ul li {padding: 0;display: block;text-align: left;height: 0;overflow: hidden;-webkit-transition: height .25s ease .1s;-moz-transition: height .25s ease .1s;-o-transition: height .25s ease .1s;-ms-transition: height .25s ease .1s;transition: height .25s ease .1s;}
    ul#nav li:hover >ul{opacity:1;filter: alpha(opacity=100);}
    ul#nav li:hover > ul li {height: 42px;overflow: visible;border-bottom: 1px dotted #fff;}
    ul#nav li:hover > ul li:last-child  { border: none; }
    ul#nav ul li a {margin: 0;white-space: nowrap;font-size: 13px;color:#fff;}
    ul#nav ul{position:static;background: none;width: 100%;padding-left:15px !important;opacity: 0;}
    ul#nav ul li {width: 100%;padding: 0;display: list-item;border: none;height: 0;overflow: hidden;border-bottom: 1px dotted #999;}
    #nav li:hover > ul li { height: 30px; }
    #nav li:hover > ul li:last-child { margin-bottom: 9px; }
    #nav ul li a {white-space: normal;padding-left:0 !important;font-weight: bold;font: 13px/27px raleway-regular, sans-serif;line-height: 30px;}
    #nav ul li a:hover{color:yellow;}


}
/*头部 end*/

@media only screen and (max-width: 1850px) {
    /*banner begin */
    #focusImg{ height:373px;}
    #focusImg li{height:373px;}
    #focusImg li a{height:373px;}
    #focusImg li a{height:373px;}
    /*banner end */

    .inbanner{width:100%;height:287px;}
    .inbanner a{width:100%;height:287px;}
}

@media only screen and (max-width: 1400px) {
    .inbanner{width:100%;height:217px;}
    .inbanner a{width:100%;height:217px;}
}

@media only screen and (max-width: 980px) {
    /*页脚*/
    .footer{width:100%;clear: both;height:130px;}
    .foot{ width:950px;}
    .foot .left{float:none;}
    .foot .right{float:none;}
    .foot .right span{margin: 0 15px 0 0;}
    /*页脚*/


    /*banner begin */
    #focusImg{ height:285px;}
    #focusImg li{height:285px;}
    #focusImg li a{height:285px;}
    #focusImg li a{height:285px;}
    /*banner end */

    .home .main{width:952px; height:770px;clear:both;}
    .main .main-top{ width:100%;height:295px;}

    /*!*首页关于我们 begin*!*/
    .main .main-top .main-about{width:240px;height:270px;margin-right:10px;}
    .main .main-top .main-about .text img{width:220px;}
    /*!*首页关于我们 end*!*/

    /*!*首页新闻简介 begin*!*/
    .main .main-top .main-news{width:330px;height:270px;margin-right:10px;}
    /*!*首页新闻简介 end*!*/


    /*!*首页案例展示 begin*!*/
    .main .main-top .main-case{height:270px;}
    /*!*首页案例展示 end*!*/


    .main-bottom{ width:920px;padding:18px 15px;height:430px;}
    /*.main .main-bottom .case {display:none;}*/

    .main .main-bottom .fb {width:390px;height:372px;overflow:hidden;float:left;}
    .main .main-bottom .fb .pic img{width:390px;height:372px;}

    .home .four{width:530px; float:left;}
    .home .four li{width:250px; height:175px;}
    .home .four li img{width:250px; height:175px;}
    .home .four li .bg{width:250px; height:40px;}
    .home .four li .txt{width:220px; height:40px;}

    .home .four li .hbg{width:250px; height:175px;}
    .home .four li .view{width:250px; height:175px;}
    .home .four li .view a{width:250px;height:175px;}
    .home .four li .view h4{width:185px;}
    .home .four li .view .look{width:33px; height:17px;}

    /*内页 全局*/
    .inbanner{width:100%;height:152px;}
    .inbanner a{width:100%;height:152px;}
    .inside .main{width:960px;clear:both;}
    .inside-right{width:620px;padding:10px;float:none;}
    /*关于我们*/
    .inside-right .inside-right-bottom .about img{width:550px;height:266px;}
    /*产品列表*/
    .inside-right-bottom .four{width:560px;float:none;margin:0 auto;}
    /*产品详情*/
    .inside-right-con img{width:275px;height:191px;}

    /*联系我们*/
    .contact-bottom{width:960px;}
    .contact-bottom .contact-bottom-left{width:365px;}
    .contact-bottom .contact-bottom-left .contact-bl-top{padding:20px 0 20px 10px;}
    .contact-bottom .contact-bottom-right{width:350px;}
}

@media only screen and (max-width: 800px) {
    /*页脚*/
    .footer{width:100%;clear: both;height:130px;}
    .foot{ width:710px;}
    .foot .right{float:none;}
    .foot .right span{margin: 0 15px 0 0;}
    /*页脚*/


    /*banner begin */
    #focusImg{ height:233px;}
    #focusImg li{height:233px;}
    #focusImg li a{height:233px;}
    /*banner end */

    .home .main{width:750px; height:880px;clear:both;}
    .main .main-top{ width:100%;height:295px;}

    /*!*首页关于我们 begin*!*/
    .main .main-top .main-about{width:330px;height:270px;}
    .main .main-top .main-about .text img{width:330px;}
    /*!*首页关于我们 end*!*/

    /*!*首页新闻简介 begin*!*/
    .main .main-top .main-news{width:330px;height:270px;margin-right:0;}
    /*!*首页新闻简介 end*!*/


    /*!*首页案例展示 begin*!*/
    .main-case{display:none;}
    /*!*首页案例展示 end*!*/


    .main-bottom{ width:700px;padding:18px 15px;height:500px;}
    .main .main-bottom .case {display:none;}
    .four{padding:0 40px;}
    .home .four{width:620px;float:left;}
    .home .four li{width:295px; height:210px;}
    .home .four li .bg{width:290px; height:40px;}
    .home .four li img{width:290px; height:210px;}
    .home .four li .txt{width:260px; height:40px;}

    .home .four li .hbg{width:295px; height:210px;}
    .home .four li .view{width:295px; height:210px;}
    .home .four li .view a{width:295px;height:210px;}
    .home .four li .view h4{width:185px;}
    .home .four li .view .look{width:33px; height:17px;}

    /*内页 全局*/
    .inbanner{width:100%;height:124px;}
    .inbanner a{width:100%;height:124px;}
    .inside .main{width:740px;clear:both;}
    .inside-left{display:none;}
    .inside-right{width:720px;padding:10px;float:none;}
    /*关于我们*/
    .inside-right .inside-right-bottom .about img{width:680px;height:330px;}
    /*产品列表*/
    .inside-right-bottom .four{width:560px;float:none;margin:0 auto;}
    /*联系我们*/
    .contact-bottom{width:740px;}
    .contact-bottom .contact-bottom-left{width:365px;}
    .contact-bottom .contact-bottom-left .contact-bl-top{padding:20px 0 20px 10px;}
    .contact-bottom .contact-bottom-right{width:350px;}

}

@media only screen and (max-width: 420px) {
    /*页脚*/
    .footer{width:100%;height:75px;clear: both;}
    .foot{ width:335px;}
    .foot span{display:none;}
    .foot .right{display:none;}
    .foot .right span{margin:0;}
    /*页脚*/


    /*banner begin */
    #focusImg{ height:205px;}
    #focusImg li{height:205px;}
    #focusImg li a{height:205px;}
    /*banner end */

    .home{ width:100%;}
    .home .main{width:370px; height:1945px;clear: both;}
    .main .main-top{ width:100%;}
    .main .main-top div:last-child{margin-right:0;}

    /*首页关于我们 begin*/
    .main .main-top .main-about{width:340px;height:250px;margin-bottom:20px;}
    .main .main-top .main-about .text div{width:330px;}
    .main .main-top .main-about .text img{width:330px;}
    /*首页关于我们 end*/

    /*首页新闻简介 begin*/
    .main .main-top .main-news{width:340px;height:270px;margin-bottom:20px;}
    /*首页新闻简介 end*/

    .yb_conct{display:none !important;}

    .main .main-top .main-case{width:340px;height:229px;margin-bottom:20px;}
    .main-case .fb {width:340px;}
    .main-case .fb .pic img {width:340px;}

    /*首页案例展示 begin*/
    .main-case{display:block;}
    .main-case{width:340px;margin-bottom:20px;}
    .main-case .fb {width:340px;}
    .main-case .fb .pic img {width:340px;}
    /*首页案例展示 end*/


    .main-bottom{ width:340px;padding:18px 15px;clear: both;height:960px;}
    .main-bottom .text{border-top:1px solid #eee;padding-top:15px;}

    .main .main-bottom .case {display:none;}
    .four{padding:0;}
    .four li{float:none;}
    .home .four{width:100%; float:none;}
    .home .four li{width:340px; height:210px;margin-left:0;}
    .home .four li img{width:340px; height:210px;}
    .home .four li .bg{width:340px; height:40px;}
    .home .four li .txt{width:300px; height:40px;}

    .home .four li .hbg{width:340px; height:210px;}
    .home .four li .view{width:340px; height:210px;}
    .home .four li .view a{width:340px;height:210px;}
    .home .four li .view h4{width:185px;}
    .home .four li .view .look{width:33px; height:17px;}

    /*内页 全局*/
    .inbanner{width:100%;height:200px;}
    .inbanner a{width:100%;height:200px;}
    .inside .main{width:380px;clear:both;}
    .inside-left{display:none;}
    .inside-right{width:360px;padding:10px;float:none;}
    .inside-right .inside-right-top p,.inside-right .inside-right-top .site{float:none;}
    .inside-right .page .dison{display:none;}
    .inside-right .page{width: 320px;}
    /*关于我们*/
    .inside-right .inside-right-bottom .about img{width:320px;height:155px;}
    /*产品列表*/
    .inside-right-bottom .four{width:340px;float:none;margin:0 auto;}
    .inside-right-bottom .four li{width:340px; height:210px;margin-left:0;}
    .inside-right-bottom .four li img{width:340px; height:210px;}
    .inside-right-bottom .four li .bg{width:340px; height:40px;}
    .inside-right-bottom .four li .txt{width:300px; height:40px;}

    .inside-right-bottom .four li .hbg{width:340px; height:210px;}
    .inside-right-bottom .four li .view{width:340px; height:210px;}
    .inside-right-bottom .four li .view a{width:340px;height:210px;}
    .inside-right-bottom .four li .view h4{width:185px;}
    .inside-right-bottom .four li .view .look{width:33px; height:17px;}

    /*产品详情*/
    .inside-right-con img{width:100%;height:191px;}
    .inside-right-bottom .product-show img{width:100%;}
    /*联系我们*/
    .contact-bottom{width:380px;}
    .contact-bottom .contact-bottom-left{width:340px; float:none;}
    .contact-bottom .contact-bottom-left .contact-bl-top{padding:20px 0 20px 10px;}
    .contact-bottom .contact-bottom-right{width:380px; float:none;}
    .contact-bottom .contact-bottom-right .contact-br-top{text-align: center;}
    .contact-bottom .contact-title{text-align: center;}
}

@media only screen and (max-width: 360px) {
    /*页脚*/
    .footer{width:100%;height:75px;}
    .foot{ width:325px;}
    .foot span{display:none;}
    .foot .right{display:none;}
    .foot .right span{margin:0;}
    /*页脚*/



    .home{ width:100%;}
    .home .main{width:320px; height:1850px;}
    .main .main-top{ width:100%;}
    .main .main-top div:last-child{margin-right:0;}

    /*首页关于我们 begin*/
    .main .main-top .main-about{width:280px;height:255px;margin-bottom:20px;}
    .main .main-top .main-about .text div{width:270px;}
    .main .main-top .main-about .text img{width:270px;}
    /*首页关于我们 end*/

    /*首页新闻简介 begin*/
    .main .main-top .main-news{width:280px;height:270px;margin-bottom:20px;}
    /*.main-news .text .date{display:none;}*/
    /*.main-news .text .date .year{display:none;}*/
    .main .main-top .main-news ul li span{display:none;}
    /*首页新闻简介 end*/

    .main .main-top .main-case{width:280px;height:229px;margin-bottom:20px;}
    .main-case .fb {width:272px;}
    .main-case .fb .pic img {width:272px;}

    .main-bottom{ width:280px;padding:18px 15px;height:960px;}
    .home .four li{width:280px; height:210px;margin-left:0;}
    .home .four li img{width:280px; height:210px;}
    .home .four li .bg{width:280px; height:40px;}
    .home .four li .txt{width:245px; height:40px;}

    .home .four li .hbg{width:280px; height:210px;}
    .home .four li .view{width:280px; height:210px;}
    .home .four li .view a{width:280px;height:210px;}
    .home .four li .view h4{width:185px;}
    .home .four li .view .look{width:33px; height:17px;}


    /*内页 全局*/
    .inside .main{width:340px;clear:both;}
    .inside-left{display:none;}
    .inside-right{width:320px;padding:10px;}
    .inside-right .inside-right-top p,.inside-right .inside-right-top .site{float:none;}
    .inside-right .page .dison{display:none;}
    .inside-right .page{width: 320px;}

    /*关于我们*/
    .inside-right .inside-right-bottom .about img{width:320px;height:155px;}

    /*产品列表*/
    .inside-right-bottom .four{width:280px;float:none;margin:0 auto;}
    .inside-right-bottom .four li{width:280px; height:210px;margin-left:0;}
    .inside-right-bottom .four li img{width:280px; height:210px;}
    .inside-right-bottom .four li .bg{width:280px; height:40px;}
    .inside-right-bottom .four li .txt{width:240px; height:40px;}

    .inside-right-bottom .four li .hbg{width:280px; height:210px;}
    .inside-right-bottom .four li .view{width:280px; height:210px;}
    .inside-right-bottom .four li .view a{width:280px;height:210px;}
    .inside-right-bottom .four li .view h4{width:185px;}
    .inside-right-bottom .four li .view .look{width:33px; height:17px;}
    /*联系我们*/
    .contact-bottom{width:340px;}
    .contact-bottom .contact-bottom-left{width:340px; float:none;}
    .contact-bottom .contact-bottom-left .contact-bl-top{padding:20px 0 20px 10px;}
    .contact-bottom .contact-bottom-right{width:340px; float:none;}
}