/*导航*/
.menuBtn{width: 50px;height: 50px;display: none;float: right;margin-top: 12px;cursor: pointer;
    background: url(ico-menu.png) no-repeat center center;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;

}
.nav{float: left;}
.nav li{float: left;position: relative;}
.nav li .v1{font-size: 14px;color: #fff;line-height: 43px;display: block;padding: 0 33px; text-transform: uppercase;border-right: 1px solid #488ced;}
.nav li:hover .v1{color: #fff;background: #1650a4;}
.nav > li > a:hover,
.nav > li > a:focus {
background: #1650a4;
}
.nav dl{position: absolute;width: 100%;top: 51px;z-index: 999;background: url(nav-bg1.png) repeat;display: none;}
.nav dd a{display: block;text-align: center;border-bottom: 1px solid #5f605f;font-size: 14px;color: #fff;height: 55px;line-height: 55px; overflow: hidden;text-transform: uppercase;}
.subnav a:hover {color: #f00;background: url(nav-bg1.png) repeat;}

#aside{width: 100%;position: absolute;top: 0;left: 0;background-color: #444;z-index: 999;display: none;}
#aside .top{background-color: #fff;padding: 0px 0 0px 15px;height: 60px;}

#aside .close{width: 60px;height: 60px;position: absolute;top: 0;right: 0;
    background: #e60012 url(ico-05.png) no-repeat center center;opacity:1;
}
.nv{}
.nv li{}
.nv li a{display: block;line-height: 50px;color: #fff;font-size: 14px;
    padding-left: 40px;border-bottom: 1px solid #595959;height: 50px;overflow: hidden;
}
.nv li dl{display: none;}
.nv li dd a{text-transform: uppercase;}
.nv li .v1{background: url(ico-nv1.png) no-repeat right 20px center;text-transform: uppercase;
    -o-background-size: 35px auto;
    -ms-background-size: 35px auto;
    -moz-background-size: 35px auto;
    -webkit-background-size: 35px auto;
    background-size: 35px auto;
}
.nv li .v1.on{background-color: #303030;
    background-image: url(ico-nv1-on.png);
}
.nv li:first-child .v1{background: 0;}
.nv li .a1{
    padding-left: 90px;
    background: url(ico-nv2.png) no-repeat 60px center;
    -o-background-size: 15px auto;
    -ms-background-size: 15px auto;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
}
.nv li .b1{
    padding-left: 95px;
    background: url(ico-nv3.png) no-repeat 65px center;
    -o-background-size: 15px auto;
    -ms-background-size: 15px auto;
    -moz-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
}
.nv li .c1{padding-left: 105px;line-height: 36px;height: 36px;}

#aside .lang{padding: 10px 0;text-align: center;}
#aside .lang a{display: inline-block;width: 130px;height: 40px;line-height: 40px;
    background-color: #e60012;color: #fff;font-size: 16px;margin: 0 4px;
}
.wp .lang a{display: inline-block;font-size: 14px; margin-top: 26px;}




@media only screen and (max-width: 1320px) {
    .top-btn{left: auto;margin: 0;right: 10px;}
}

/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
/*    .wp{width: 98%;}*/
    
    /*******************************
        -------[=头底]-------
    ********************************/
    
    /*.nav li .v1{padding: 0 3px;}
    .logo{width: 32%;}
	.logo img {width: 100%;}*/



}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    /*******************************
        -------[=头底]-------
    ********************************/
	
	
	
	.logo img {
width: 90%;

}
/*.logo h2 {
font-size: 18px;
}*/
	
	
    #hd .tlink{display: none;}
    .nav{margin-right: 0px;}
    .nav li {padding: 0 10px;}
    .nav li:last-child dl{left: auto;right: 0;}
    #fd{background-color: #000;}
    .fd-con p span{display: block;}
    .fd-dl,.fd-con{display: none;}
    .fd-bot{height: 50px;line-height: 50px;color: #6a6a6a;text-align: center;display: block;}
    /*******************************
        -------[=index]-------
    ********************************/
    #banner{height: 450px;}
    .index-txt1{padding: 30px 10px 40px 10px;}
    .index-txt1 h1{margin-bottom: 20px;}
    .index-txt1 .txt{float: none;width: auto;margin-bottom: 20px;}
    .index-txt1 .video{float: none;width: auto;}
    .index-model{padding-top: 30px;padding-bottom: 10px;}
    .m-list1{margin: 0;}
    .m-list1 li{width: auto;float: none;margin-bottom: 20px;}
    .index-list{padding-top: 40px;}
    .m-list3{padding-bottom: 50px;}
    .m-list3 .slick-dots{bottom: 15px;}
    .side-col{display: none;}
    .main-col{width: auto;float: none;}
    .top-btn{background-image: url(../images/m-top.png);bottom: 0;
        -o-background-size: 40px auto;
        -ms-background-size: 40px auto;
        -moz-background-size: 40px auto;
        -webkit-background-size: 40px auto;
        background-size: 40px auto;
    }


}

/*Common For Max 480*/
	
@media only screen and (max-width: 768px) {
    /*******************************
        -------[=头底]-------
    ********************************/
	/*20160816
	.m-map{ display:none;}*/
	
	.logo {margin-left: 10px;width: 80%;}
	.logo img {width: 25%;}
	.logo h2 {font-size: 20px;}
	
	
    .menuBtn{display: block;}
    #top{display: none;}
    #hd{position: static;overflow: hidden;}
    .logo{margin-left: 10px;/*width: 50%;*/}
    .nav{display: none;}

    


	
	

}



/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    /*******************************
        -------[=头底]-------
    ********************************/
    #hd{height: 60px;}
    .logo{line-height: 60px;width: 70%;}
	/*.logo img{width:30%;margin-top: 23px;}*/
    .logo img{
        vertical-align: middle;
        display: inline-block;
        vertical-align: middle;
        float: none;
        margin: 0;
        width: 40%;
    }
    .logo h2{
        vertical-align: middle;
        float: none;
        display: inline-block;
        font-size: 18px;
        height: auto;
        margin: 0 0 0 5px;
        padding-left: 5px;
    }
	/*.logo h2{float:left;font-size: 18px;margin-top: 14px;}*/
    .menuBtn{margin-top: 5px;}
    #aside .lang a{width: 95px;font-size: 14px;}
    .nv li a{font-size: 14px;padding-left: 30px;}
    .nv li .a1{padding-left: 60px;background-position: 35px center;}
    .nv li .b1{padding-left: 65px;background-position: 40px center;}
    .nv li .c1{padding-left: 80px;}
    .menuBtn{
            -o-background-size: 35px auto;
            -ms-background-size: 35px auto;
            -moz-background-size: 35px auto;
            -webkit-background-size: 35px auto;
            background-size: 35px auto;
    }
    #aside .close{
            -o-background-size: 40px auto;
            -ms-background-size: 40px auto;
            -moz-background-size: 40px auto;
            -webkit-background-size: 40px auto;
            background-size: 40px auto;
    }
    


}
