/**宽度大于 1025px 的屏幕使用该样式*/

@media only screen and (min-width: 1200px) {
	.header .nav-area{  width: 1000px;}
}

@media only screen and (min-width: 1025px) {
   
    .header-wrap{ width: 100%;  position: relative}
	/*.header{ position: absolute;top: 0;left: 0; box-shadow: 1px 2px 2px #888;}*/
    .header{  box-shadow: 1px 2px 2px #888;}
    .header{
        background: url('../images/mu_bg.jpg')
    }
    .header .logo{ line-height: 100px;}
	.header .nav-area{ position: absolute; top: 30px; right: 20px; }
	.header .nav-area{ height: 100px; overflow: hidden; z-index: 99999;}
	
    .header .mb-nav{ display: none;}
    .header .mnavbtn {display: none;}

    .header .nav-area ul li{ width:16%;   display: inline-block;}

    .header .logo .in-logo-box{
        padding-left: 126px;
    }


    .header .nav-area ul li{
        font-size: 1rem;
        text-align: center;
        height: 100px;
        line-height: 100px;
    }
    .header .nav-area ul li{ width:16%;  display: inline-block;}
    .header .nav-area ul li .navname {
        line-height: 100px;
    }


    .header .lang-area{ padding-left: 100px; width: 250px;}
    .header .lang-area .lang-content{  line-height: 100px;}


    .header .nav-area ul li .navname {
        position: relative;
        display: block;
        padding: 0;
        font-size: 1rem;
        color: #333;
        text-align: center;
        transition: all .5s ease;
    }



    .header .nav-area ul li .tnavh {
        position: relative;
    }

    .header .nav-area ul li:hover .tnavh::before {
        width: 100%;
        opacity: 1;
    }

    .header .nav-area ul li .tnavh {
        position: relative;
    }

    .header .nav-area ul li .tnavh::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        display: block;
        width: 0;
        height: 3px;
        background-color: #18469d;
        opacity: 0;
        transition: all .5s ease;
    }
    .header .nav-area ul li:hover .navname {
        transform: translateY(-100%);
    }
    .header .nav-area ul li .navname::after {
        content: attr(data-title);
        position: absolute;
        top: 0;
        left: 0;
        transform: translateY(100%);
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #18469d;
    }


	.footer{ 
		width: 100%;
		background-color: #000;
		min-height: 200px;
	}
	.footer .footer-wrap{ padding: 50px 50px;}
	.footer .askquetionns{ padding: 0px 50px;}
	.footer .askquetionns h2{ padding-bottom: 30px; font-size: 20px; color: #FFF;}
	.footer .askquetionns .quest-lists{ width: 100%; }
	.footer .askquetionns .quest-lists ul li{ height: 50px; line-height: 50px; border-bottom: 1px solid #333;}
	.footer .askquetionns .quest-lists ul li a{ color: #FFF; font-size: 15px;}

	.footer .quicklinks{ width: 80%;}
	.footer .quicklinks .quicklinks-hd h2{ padding-bottom: 30px; font-size: 24px; color: rgb(254, 208, 61);}
	.footer .quicklinks ul li{ height: 50px; line-height: 50px; border-bottom: 1px solid #333;}
	.footer .quicklinks ul li a{ color: #FFF; font-size: 15px;}


	.footer .contact-us{ width: 80%;}
	.footer .contact-us .contact-us-hd h2{ padding-bottom: 30px; font-size: 24px; color: rgb(254, 208, 61);}
	.footer .contact-us .contact-us-content{ color: #FFF; font-size: 20px;}
	.footer .contact-us .contact-us-content p{ padding: 10px 0px 10px 0px;}
	
	.copyright{ line-height: 50px; line-height: 30px; text-align: center;}
	
}




/**宽度小于或等于 1024px 的屏幕使用该样式**/
@media only screen and (max-width: 1199px) {
	.header .nav-area{  width: 800px;}
	.header .nav-area ul li{text-align: right;}

}

/**宽度小于或等于 1366px 或者大于1200px 的屏幕使用该样式**/
@media only screen and (max-width: 1366px) and (min-width: 1025px) {
  	.header .logo{ width:auto; line-height: 100px;}
    .header .logo .in-logo-box{
        padding-left: 20px;
    }
}

@media only screen and (max-width: 1200px) and (min-width: 1025px) {

}



/**宽度大于等于 1366px 的屏幕使用该样式*/
@media only screen and (max-width: 1366px) {


}


/**宽度大于等于 1440 的屏幕使用该样式*/
@media only screen and (max-width: 1440px) {

}

/**宽度大于等于 1600 的屏幕使用该样式*/
@media only screen and (max-width: 1600px) {
   

}


/**宽度大于等于 1680 的屏幕使用该样式*/
@media only screen and (max-width: 1680px) {
}

/**宽度大于等于 1768 的屏幕使用该样式*/
@media only screen and (max-width: 1768px) {

}


/**宽度大于等于 1920 的屏幕使用该样式*/
@media only screen and (max-width: 1920px) {



}

/**宽度大于等于 2048 的屏幕使用该样式*/
@media only screen and (max-width: 2048px) {


}

/**宽度大于等于 2560 的屏幕使用该样式*/
@media only screen and (max-width: 2560px) {


}

/**宽度大于等于3840 的屏幕使用该样式*/
@media only screen and (max-width: 3840px) {


}



/**宽度大于 1920 的屏幕使用该样式*/
@media only screen and (min-width: 1920px) and (max-width: 3840px) {
  
}


@media only screen and (min-width: 2560px) and (max-width: 3840px) {
 
}