.yih{display:none;}
.doned{display:none;}
.rela .mean-container a.meanmenu-reveal{border: 0;}

/* Normal desktop :1200px.  and (max-width: 1500px) */
@media (max-width: 1920px){
	.box-img img{width:100%; height:356px;}
	.dbox img{width:100%; height:358px;}
	.cpbox img{width:100%; height:308px;}
	.cpimh img{width:100%; height:300px;}
	.imgbox img{width:100%; height:349px;}
}
@media (max-width: 1679px){
	.menu-area ul li:nth-child(4) a,.menu-area ul li:nth-child(5) a,.menu-area ul li:nth-child(6) a{padding-right:0; padding-left:80px;}
	.box-img img{width:100%; height:336px;}
	.dbox img{width:100%; height:295px;}
	.cpbox img{width:100%; height:293px;}
	.imgbox img{width:100%; height:314px;}
	.prd-nav ul li a{height: 81px; font-size:22px;}
	.menu-area ul li ul.dropdown{right: 15px;}
	.hed-logo img{max-width:238px;}
	.h-font{font-size: 15px; line-height: 30px;}
}
@media (max-width: 1359px){
	.head-fr {padding: 30px 0 10px 0;}
	.logo-area img{max-width:240px;}
	.menu-area ul li a{font-size:16px;}
	.main-navigation.sticky .logo-area {bottom: 10px;}
	.sticky .menu-area ul li a{font-size:16px; padding-top:29px; padding-bottom:29px;}
	.box-img img{height:292px;}
	.dbox img{width:100%; height:263px;}
	.cpbox img{width:100%; height:260px;}
	.imgbox img{width:100%; height:280px;}
	.cpimh img{width:100%; height:285px;}
	.title-page {font-size: 18px;}
	.dtxq .til h2 {font-size: 28px; line-height: 44px;}
	.prd-nav ul li a{height:66px; font-size:18px; line-height: 66px;}
	.title-text h3{font-size: 32px; margin-bottom: 44px;}
	.dtxq {overflow: hidden; padding: 50px 0 50px 0;}
	.dtxq .til span{margin-top: 20px;}
	.msbody{padding-top: 30px;}
	.footer .fot-nav a{font-size: 16px;}
	.md {margin-top: 60px;}
	.mt{margin-top: 60px;}
	.hisli .hed-title {font-size: 45px;}
	.hisli .ms{font-size: 16px;}
	.effect{background:url(../img/saq_011.png) no-repeat center center; width:38px; height:43px; position:absolute; left:-30px; top:18px;}
    .hisli:hover .effect{background:url(../img/saq_022.png) no-repeat center center;}
	.flie{max-width:440px; padding-right:30px; padding-top: 10px; padding-bottom:10px;}
	.fot-dr{height:117px;}
	.erwei img{width:115px;}
	.h-font{font-size: 14px; max-height: 380px;}
	.flie p{font-size: 14px;}
	.erwei{width: 115px;}
	.chju{padding-left: 15px; display: inline-block;}
}
@media (min-width: 1360px){
	.chju{padding-left: 35px; display: inline-block;}
}
@media (min-width: 1359px){
	.flie:nth-child(1){padding-right:80px;}
}
@media (min-width: 1200px) and (max-width: 1400px){
    .margin-lg-bottom {
        margin-bottom: 30px;
    }

    .expertise-area .column2{
        margin-top:-50px;
    }
    .slick-slide img {
        display: block;
    }
    .intro-text h1 {
        font-size: 35px;
        letter-spacing: 1px;
        color: #fff;
        margin-bottom: 10px;
        font-weight: 500;
        width: 100%;
        margin-top: 10%;
    }
    .NextArrow {
        font-size: 20px;
        background-color: #212020;
        color: #fff;
        padding: 10px;
        border-radius: 50px;
        cursor: pointer;
        position: absolute;
        right: 0;
    }
    .padding {
        padding: 65px 0;
    }
}
/*Custom Screen*/
@media (min-width: 1200px) and (max-width: 1265px){
    .slick-slide img {
        display: block;
    }
}

@media (min-width: 992px) and (max-width: 1024px){
.icon-box-2 {
    box-shadow: 0px 0px 0px rgba(166, 166, 166, 0.25);
}
 .slider-text h2 {
    font-size: 40px;
 }
.slider-content h2{
        font-size: 40px;
}
 .project-list .overlay-content p{
     font-size: 15px;
 }
 .box-2:after{
     height: 235px;
    width: 265px;
 }

}

/* Normal desktop :992px. */
@media (min-width: 993px) and (max-width: 1200px) {
    .header-image-area{
        height: 65vh;
    }
    .menu-area ul li a{
        font-size: 15px;
        padding: 39px 50px;
    }
	.menu-area ul li:nth-child(4) a,.menu-area ul li:nth-child(5) a,.menu-area ul li:nth-child(6) a{padding-right:0; padding-left:50px;}
	.hot-products .row{padding-left: 190px;}
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: .5rem;
    }
    .nav-link {
        font-size: 12px;
    }
    .intro-text {
        top: 80%;
    }
    .prd-nav ul li a{width: 172px;}
	.hot-products .row {
    padding-left: 190px;
    }
	.box-img img{height:234px;}
	.dbox img{width:100%; height:212px;}
	.cpbox img{width:100%; height:210px;}
	.imgbox img{width:100%; height:226px;}
	.cpimh img{width:100%; height:200px;}
	.imgbox p {
    font-size: 18px;
    text-align: center;
    margin-top: 18px;
    margin-bottom: 40px;
}
	.dbox p{font-size: 16px;}
	.title-top {font-size: 44px; margin-bottom: 60px;}
	.dz-title h3{font-size: 18px;}
	.dz-box .dbox {margin-top: 15px;}
	.dzlie{margin-bottom: 58px;}
	.contact-text p {font-size: 16px; line-height: 38px;}
	.xlw .contact-text {margin-top: 15px;}
	
	.prd-nav ul li a{font-size: 13px; line-height: 51px; height: 51px;}
	.hed-logo img{max-width: 200px;}
	.hed-logo {text-align: center;margin-top: 25px;}
	.h-font {
    font-size: 13px;
    line-height: 26px;
    max-height: 300px;
}
    .work-list .overlay-content {

        padding: 20px;
    }
    .work-list .overlay-content h1 {
        font-size: 22px;
        color: #FFAF14;
    }
    .work-list .overlay-content p{
        margin-bottom: -46px;
    }
    .icon img {

        width: 135px;

    }
    .slick-slide img {
        display: none;
    }
    .left-slide {
        width: 80%;
        float: left;
        padding: 0px 0;
    }
    .intro-text h1 {
        font-size: 34px;
        margin-top: 10%;
        letter-spacing: 1px;
        color: #fff;
        margin-bottom: 10px;
        font-weight: 700;
        width: 100%;
    }
	.flie{max-width: 360px; padding-top: 10px; padding-bottom: 10px;}
	.flie p{ font-size: 13px; line-height: 24px;}
	.fot-dr{height: 117px; overflow: inherit;}
	.erwei {margin-top: -30px;}
	.footer .fot-nav a {font-size: 16px;}
	.fot-main {margin-top: 38px;}
	.menu-area ul li ul.dropdown {right: -9px; width: 180px;}

}

@media (max-width: 1199px){
	.hed-logo img {
    max-width: 145px;
    }
	.h-font{margin-top: 25px;}
	.h-news ul li a{font-size: 14px;}
	.h-news ul li a span {font-size: 13px;}
	.footer .fot-nav a {font-size: 13px;}
	.fot-main img{max-width: 400px;}
}

@media (min-width: 993px){
	.menu-area ul li ul.dropdown li:nth-child(1){padding-top: 15px;}
	.menu-area ul li ul.dropdown li:last-child{padding-bottom: 15px;}
	.cp-box{min-height: 500px;}
	.h-news{min-height: 430px;}
	.logo-area img {
    max-width: 240px;
    }
}

@media (max-width: 992px) {
	.m-none{display: block!important;}
	.m-block{display: none!important;}
	.cursor{display: none;}
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 992px) {

    .intro-text {
        top: 53%;
    }
    .work-list .overlay-content p {
        font-size: 15px;
        margin-bottom: 0px;
    }
    .work-list .overlay-content h1 {
        font-size: 20px;
    }
    .work-list .overlay-content {
        padding: 10px;
    }
    .icon img{
        width: 135px;
    }
    .left-slide {
        width: 80%;
        float: left;
        padding: 0px 0;
    }
    .intro-text h1 {
        font-size: 34px;
        margin-top: 10%;
    }
    .NextArrow {
        right: 4%;
    }

    .box::after {

        height: 180px;
        width: 180px;

    }

    .menu-area ul li a {
        padding: 39px 10px;
        font-size: 15px;
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .flex-container {
        display: grid;

    }

    .our-team{ margin-bottom: 30px; }
    .our-team .team-content:before,
    .our-team .team-content:after{
        height: 50px;
        top: -24px;
    }
    .our-team .title:before,
    .our-team .title:after{
        top: -85px;
        height: 102px;
    }
    .our-team .title:before{
        left: 35%;
    }
    .our-team .title:after{
        right: 35%;
    }
    .slider-text h2 {
        font-size: 35px;
    }
    .slider-content h2{
        font-size: 35px;
    }
     .project-area p{
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .box-2:after {
    height: 240px;
    width: 245px;
}
.br{display:none;}
.cursor{display: none;}
.sm-top-5{padding-top: 3rem!important;}
.mean-container .mean-nav ul li a{width: 93.7%;}
.main-navigation.sticky{position: absolute; background: none; transition:none; box-shadow:none;}
.rela .main-navigation.sticky{position: relative;}
.homw .rela .main-navigation.sticky{position:absolute;}
.main-navigation.sticky .head-fr{display: block;}
.main-navigation.sticky .logo-area {bottom: -20px;}
.hot-products .row {padding-left: 138px;}
.prd-nav ul li a{width: 123px;}
.box-img img{height: 172px;}
.dbox img{height: 153px;}
.cpbox img{height:148px;}
.imgbox img{height:209px;}
.cpimh img{width:100%; height:140px;}
.title-page {font-size: 16px;}
.quld{margin-top: 45px;}
.dbox p{font-size: 14px; line-height: 38px; height: 38px;}
.cpbox p{font-size: 14px; height: 40px; line-height: 40px;}
.dz-box .dbox {margin-top: 10px;}
.title-top{font-size: 38px; margin-bottom: 40px;}
.dzlie {margin-bottom: 40px;}
.dz-title h3{font-size: 18px;}
.contact-text p{font-size: 16px; line-height: 38px;}
.xlw .contact-text {margin-top: 15px;}
.prd-nav ul li a {height: 67px; font-size: 15px;}
.logo-area{bottom: -28px;}
.title-text h3 {font-size: 27px;margin-bottom: 50px;}
.mt {margin-top: 50px;}
.h-font {font-size: 13px;line-height: 27px;max-height: 265px;}
.h-news ul li a{font-size: 14px; height: 38px;}
.h-news ul li {margin-bottom: 20px;}
.mean-container .mean-nav ul li a {width: 93.6%;}
.more {text-align: center;margin-top: 35px;}
.md {margin-top: 60px;}
.footer .fot-nav a{font-size: 14px;}
.footer .fot-nav{padding-top: 35px;}
.fot-dr {height: 117px;overflow: inherit;}
.flie {max-width: 360px;}
.flie p {font-size: 12px;line-height: 23px;}
.fot-main{margin-top: 30px;}
.footer{padding-bottom: 45px;}

}

@media (min-width: 768px) and (max-width: 991px) {
	.box-img img{height: 172px;}
	.prd-nav ul li a {
    height: 36px;
    font-size: 12px;
	line-height: 36px;
}
	.mean-container .mean-nav ul li a {width: 91.3%;}
	.hed-logo{margin-top: 20px;}
	.hed-logo img {max-width: 150px;}
	.h-font{padding: 10px 25px 0px 25px; font-size: 12px;
    line-height: 24px;
    max-height: 223px;}
	.flie {max-width: 260px;}
	.flie p {font-size: 12px;line-height: 19px;}
	.fot-main img{max-width: 400px;}
}

/* small mobile :320px. */
@media (max-width: 768px) {

    .work-list .overlay-content p {
        font-size: 13px;
        margin-bottom: 0px;
    }
    .work-list .overlay-content h1 {
        font-size: 19px;
    }
    
    .intro-text h1 {font-size: 27px;}
    .service-box{    margin-bottom: 10px;  }
    .service-area{
        margin-top: -60px !important;
    }
    .intro-text h1 {
        font-size: 25px;
    }
    .intro-text {
        top: 55%;

    }
    .header-image-area::before {
        height: 75vh;
    }
    .header-image-area {
        height: 60vh;
    }
    .testimonial-area .section-title .head-text{
        padding: 0px 0px;
    }
    .testimonial-area .head-text h1 {
        font-size: 28px;
        font-weight: 500;
    }
    .testimonial-area .section-title {
        margin-bottom: 70px;
    }
    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 100%;
        max-width: 100%;
    }
	.dzlie .col-md-3{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 100%;
        max-width: 100%;
    }
	.dzlie .list .col-md-3{
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 100%;
        max-width: 100%;
		display: block;
    }
    .main-navigation .navbar-collapse {
        background-color: rgb(66, 79, 92);
        padding: 15px;
    }
    .intro-text h1 {
        width: 100%;
    }
    .intro-text {
        top: 100%;
    }
    .flex-container {
        flex-direction: column;
    }
    .flex-container>div {
        width: 90%;
    }
    .NextArrow{
        display: none !important;
    }
    .expertise-area .column-2 {
        margin-top: 1px !important;
    }
    .main-navigation.sticky{position: absolute; background: none; transition:none; box-shadow:none;}
	.rela .main-navigation.sticky{position: relative;}
	.homw .rela .main-navigation.sticky{position:absolute;}
	.main-navigation.sticky .head-fr{display: block;}
	.main-navigation.sticky .logo-area {bottom: -20px;}
	.mean-container .mean-nav ul li a {width: 88.3%;}
	.box-img img{height: 218px;}
	.title-top{font-size: 32px; margin-bottom: 32px;}
	.dz-title h3{font-size: 20px;}
	.dbox img{height: 373px;}
	.cpbox img{height: inherit;}
	.imgbox img{height:478px;}
	.cpimh img{width:100%; height:285px;}
	.contact-text p{line-height: 35px;}
	.prd-nav{position: relative; text-align: center; left: 0; width: 100%;}
	.prd-nav ul li a {
	width: 120px;	
    height: 44px;
    font-size: 14px;
    line-height: 44px;
	display: inline-block;
}
	.prd-nav ul li{ display: inline-block;}
	.hot-products .row{padding-left: 0;}
	.h-text{position: relative; padding-bottom: 30px;}
	.box-m img{width: 100%;}
	.h-news ul li a{font-size: 14px; height: 23px;}
	.h-news ul li {
    margin-bottom: 15px;
}
	.fot-main img{max-width: 100%;}
	.flie{width: 100%; padding-right:0; max-width: inherit; float: inherit;}
	.fot-dr{height: auto; overflow: hidden; padding-bottom: 30px;}
	.flie{padding-bottom: 0;}
	.erwei{margin-top: 20px; margin-left: auto; margin-right: auto; float: inherit;}
	.footer .fot-nav,.footer .fot-nav a{font-size: 12px;}
	.footer{padding-bottom: 45px;}
    .box::after {

        height: 178px;
        width: 162px;

    }
    .box-2::after {

       display:none;

    }
    .icon-box-2 img{
        display:none;
    }
    .padding {
        padding: 50px 0;
    }
    .br{
        display: none;
    }

      .our-team .team-content:before,
    .our-team .team-content:after{
        height: 75px;
    }
    .our-team .team-content:before{
        transform: rotate(8deg);
    }
    .our-team .team-content:after{
        transform: rotate(-8deg);
    }

      .project-area p{
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .box-2:after{
        height: 224px;
    width: 289px;
    }
    .icon-box-2 .content{
        width:100%;
    }
    .sm-top-5{padding-top: 3rem!important;}

	.h-about .col-md-4:nth-child(1), .h-about .col-md-4:nth-child(2) {
    margin-bottom: 10px;
}

}

@media (max-width: 767px) {
    .pcdis{display: none;}
	.modis{display: block;}
	.h-font .vide{position: relative;}
	.h-text{width:100%; left:0;}
}

@media (min-width: 630px) {
	/*.tuimd img{height:500px;}*/
}

/*Custom Screen*/
@media (min-width:556px) and (max-width: 992px){


    .logo-area {
        position: inherit;
        bottom:-20px;

    }
}
@media (max-width: 992px){
    .top-5{
        margin-top: 0px;
    }
    .mt-25{
        margin-top: 0px !important;
    }
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
 .slider-text h2{
        font-size: 32px;
    }
    .slider-content h2{
        font-size: 32px;
    }
    .service-text h2 {
        font-size: 14px !important;
    }
    .work-list .overlay-content {
        padding: 15px;
    }
    .work-list .overlay-content p {
        font-size: 13px;
        margin-bottom: -36px;
    }
    .header-image-area{
        height: 65vh;
    }
    .sm-mb-4{
        margin-bottom: 1.5rem !important;
    }
    .project-area p{
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

}
@media (max-width: 991px){
    .header-image-area{
        height: 75vh;
    }

    .icon-box-2 {
        box-shadow: 0px 0px 0px rgba(166, 166, 166, 0.25);

    }
    .text-area::after{
        display: none;
    }
    .text-area::before{
        display: none;
    }
    .work-list .overlay-content i{
        font-size: 16px;
        color: #FFAF14;
        padding: 10px 0;
    }

}

@media (max-width: 767px){
	.tud .col-md-6:nth-child(1) img{margin-bottom: 30px;}
}

@media (max-width: 480px){
    .box::after {
        height: 168px;
        width: 144px;
    }
    .error-text img{
        width: 80%;
    }
    .subcribe-form input{
        width: 75%;
    }
	.icon-box-2 .content {
    float: right;
    width: 100%;
    text-align: right;
}
    .author-info {
        display: block;
        overflow: initial;
    }
    .author-info p {
        font-style: italic;
        margin: 0;
        position: initial;
        overflow: visible;
    }
    .comment-form-area {
        padding-right: 10px;
    }
    .work-list .overlay-content {

        padding: 50px 25px;
    }
    .work-list .overlay-content p {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .box-2::after {
        height: 145px;
        width: 120px;
    }
    .sm-pt-25{
        padding-top: 25px;
    }

    .welcome {
        font-size: 20px;}
         .sm-mb-4{
        margin-bottom: 1.5rem !important;
    }
     .service-area{
        margin-top: -60px !important;
    }

     .our-team .title:before,
    .our-team .title:after{
        top: -83px;
    }
    .slider-area .owl-carousel .owl-dots{
        top: -20px;
    }
	.slider-area,.slider-img img{height: 45vh;}

    .slider-text p{
        font-size: 15px;
    }
    .slider-content p{
        font-size: 15px;
        line-height: 22px;
    }
    .slider-content h2{
        font-size: 27px;
    }
    .icon-box{
    min-height:220px;
}
.slider-text p{
    line-height: 22px;
}
.slider-text h2 {
    font-size: 27px;
}
	.prd-nav ul li a {
    width: 93px;
    height: 38px;
    font-size: 14px;
    display: inline-block;
	overflow: hidden;
}
	.hot-products .row .col-md-4{padding-right: 5px; padding-left: 5px;}
	.hot-products .row {position: relative; margin-right: -5px; margin-left: -5px;}
	.head-fr {
    padding: 13px 0 0px 0;
}
	.logo-area img {
    max-width: 75px;
}
	.mean-container .mean-nav ul li a {
    width: 93.3%;
}
	.title-text h3 {
    font-size: 20px;
    margin-bottom: 20px;
}
	.effect{background:url(../img/saq_0111.png) no-repeat center center; width:28px; height:32px; position:absolute; left:-25px; top:0;}
	.hisbox .hisli:nth-child(even) .effect {margin-right: -42px;}
    .hisli:hover .effect{background:url(../img/saq_0222.png) no-repeat center center;}
	.huigu-box .line-fl {
    position: absolute;
    top: 0;
    z-index: 0;
    width: 4px;
    height: 100%;
    border: solid 1px #c54347;
    border-radius: 30px;
}
	.hisli {
    position: relative;
    margin-bottom: 50px;
    padding-top: 12px;
}
	.hisli .hed-title {
    font-size: 23px;
	padding-bottom: 5px;
}
	.hisli .bot-title {
    font-size: 16px;
    color: #000;
    line-height: 26px;
}
	.tumbow img {
    max-width: 100%;
    margin-bottom: 10px;
}
	.mt {
    margin-top: 30px;
}
	.title-top {
    font-size: 28px;
    margin-bottom: 25px;
}
	.hisli .ms {
    font-size: 12px;
	line-height: 23px;
}
	.hisli .more{font-size: 14px;}
	.dz-title h3{height: 43px; line-height: 41px; padding-left: 15px; padding-right: 15px;}
	.dbox img{height: 281px;}
	.cpbox img{height: inherit;}
	.imgbox img{height:299px;}
	.cpimh img{width:100%; height:inherit;}
	.imgbox p {
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 45px;
}
	.hisbox .hisli:nth-child(2) {
    margin-top: 100px;
}
	.dz-box .dbox {margin-top: 10px;}
	.contact-text p{font-size: 16px;}
	.dbox p{font-size: 16px; line-height: 44px; height: 44px;}
	.xlw .contact-text {margin-top: 15px;}
	.dzlie {margin-bottom: 45px;}
	.xlw{padding-bottom: 20px;}
	.prd-nav ul li a{height: 32px; line-height: 32px;}
	.box-img img{height: 121px;}
	.hed-logo img {
    max-width: 150px;
}
.hed-logo {
    text-align: center;
    margin-top: 45px;
}
	.quld .cpbox {
    margin-bottom: 20px;
}
	.cp-box {
    margin-bottom: 20px;
    overflow: hidden;
}
	.dzlie {
    margin-bottom: 20px;
}
	.qxbox{padding: 30px 0 20px 0;}
	.qxbod{padding: 0 0 40px 0;}
	.qxtitle h2 {font-size: 18px;}
	.huigu-box{padding-bottom: 50px; padding-top: 45px;}
	.honor-box {
    margin-top: 50px;
}
	.moreload .more a{font-size: 20px;}
	.qifl img {
    width: 100%;
    max-width: 338px;
}
	.title-page {
    font-size: 13px;
}
	.page-box p {
    line-height: 35px;
}
	.page-box .qifr p {
    line-height: 32px;
}
	.page-box {
    overflow: hidden;
    padding: 20px 0 30px 0;
}
	.qifr {
    font-size: 18px;
    margin-bottom: 60px;
}
	.page-text {
    margin-bottom: 45px;
}
	.linebot{margin-top: 15px; background: #c54347; height: 3px;}
	.quld{margin-top: 20px;}
	.cpbox p{height: 58px; line-height: 58px;}
	.h-font {
    font-size: 13px;
    line-height: 28px;
	max-height: 265px;
}
	.dtxq .til h2 {
    font-size: 23px;
    line-height: 35px;
}
	.dtxq {
    overflow: hidden;
    padding: 25px 0 30px 0;
}
	.h-news ul li a {
    font-size: 13px;
    height: 23px;
	display:block;
	line-height:23px;
}
	img.conim {
    margin-bottom: 35px;
    margin-top: 20px;
    max-width: 280px;
}
	.more {
    text-align: center;
    margin-top: 0;
}
	.md {
    margin-top: 30px;
}
    #map{height:235px; margin-bottom: 30px;}
	.footer .fot-nav span{margin: 0 3px;}
	.footer .fot-nav {
    text-align: center;
    padding-top: 30px;
}
	.fot-main{margin-top: 25px;}
	.footer {
    padding-bottom: 20px;
}
	.flie p {
    font-size: 12px; line-height: 23px;
}
	.h-about .col-md-4:nth-child(1),.h-about .col-md-4:nth-child(2){margin-bottom: 10px;}
	.homw .rela .main-navigation{position:relative;}
	.mobile-menu {
    position: relative;
}
.homw .rela .main-navigation.sticky {
    position: inherit;
}
	.yih {
    position: absolute;
    right: 44px;
    top: -7px;
    display: block;
    font-size: 14px;
    z-index: 9;
}
    .yih a{font-size:14px;}
	.yih a.enfons{color:#e60005; margin-right:3px; margin-left:5px;}
	.yih a.chfons{margin-left:3px;}
	.yih img{height:13px; margin-top: -2px;}
	.mean-container a.meanmenu-reveal{margin-top: -34px;}
	.rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -2px;
    margin-left: -2px;
}
.flie:nth-child(2){padding-top: 0;}
.col-4{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 2px;
    padding-left: 2px;
}
.hdse{background:#e40000; padding:10px; height:147px; overflow:hidden;}
.hdse img{display:block; margin-left:auto; margin-right:auto; height:20px; width:inherit; max-width:100%; margin-bottom: 3px;}
.mdone{display:none;}
.fontd p {
    font-size: 12px;
    color: #fff;
    word-break: break-all;
    line-height: 15px;
    text-align: center;
    height: 103px;
    overflow: hidden;
}
.doned img {
    width: 100%;
}
.hdse img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 20px;
    width: inherit;
    max-width: 100%;
    margin-bottom: 3px;
}
.titnav span{display: none;}
.fot-dr{height: auto; overflow: hidden; border:0; padding-bottom: 0;}
.erwei{width:inherit;}
.erwei h4{float:left; margin-top: 57px; margin-bottom: 0;}
.erwei img{float:right; width:inherit; height:80px;}
#scrollUp{display:none !important;}
.fotxian{border-top:solid 1px #fff; border-bottom:solid 1px #fff; overflow:hidden; padding-bottom:10px;}
.h-news .more{display:none;}
.main-navigation.sticky .head-fr{display:none;}
.main-navigation.sticky .logo-area {
    bottom: -15px;
}
	.quld .cpbox:last-child{margin-bottom: 0;}
.fot-main img {
    max-width: 100%;
    height: 32px;
}
.slider-area, .slider-img img {
    height: 35vh;
}

}
/* small mobile :320px. */

@media only screen and (min-width: 320px) and (max-width: 574px) {
    .logo-area {
        position: inherit;
    }
    .fa-angle-down{display: none}
    .mean-container .mean-nav ul li a {
        padding: 11px 12px;
    }
    .comment-form-area input[type="text"], .comment-form-area textarea{
        width: 100%;
    }
    .float-mob-left{
        float: left !important;
    }
    .about-author {
        padding: 15px 0px 15px 0;
        display: inline-block;
    }
    .newsletter-area h1 {
        font-size: 23px;
    }
    #scrollUp {
        bottom: 5px;
    }
     .logo-area {
        position: inherit;
        bottom:-13px;

    }
    .slider-content p{
        font-size: 15px;
        line-height: 22px;
    }
    .slider-content h2{
        font-size: 27px;
    }
    .section-title .head-text h1{
        font-size:23px;
    }
    .section-title-3 h1{
        font-size:24px;
    }
    .others-page-title h1 {
        font-size: 26px;
        font-weight: 500;
    }
	.head-fr{display:none;}
}

/* Large Mobile :575px. */

@media only screen and (min-width: 575px) and (max-width: 768px) {
    .logo-area {
        position: inherit;

    }
    .fa-angle-down{display: none}

.icon-box{
    min-height:220px;
}

}
@media (max-width: 1024px) {

    blockquote {
      font-size: 14px;
    margin-left: 25px;
    margin-top: 20px;
    padding: 20px;
    border-left: 3px solid rgb(254, 104, 113);
    color: #7e7e7e;
    background-color: rgba(245, 105, 112, 0.14901960784313725);
}


    .sm-mb{
        margin-bottom: 15px;
    }
    .sm-pt-25 {
        padding-top: 25px;
    }
    .project-list .overlay-content{
        padding: 18px;
    }

}

@media (max-width: 375px){
	.dbox img {height: 252px;}
	.cpbox img{height: inherit;}
	.imgbox img{height: 269px;}
	.imgbox p {
		font-size: 18px;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 45px;
    }
	.qifl img {
    width: 100%;
    max-width: 300px;
    }
	.box-img img {
    height: 108px;
}
	.prd-nav ul li a{width: 83px;}
	.hdse {
    background: #e40000;
    padding: 10px;
    height: 132px;
    overflow: hidden;
}
.fontd p {
    height: 90px;
}
.slider-area, .slider-img img {
    height: 30vh;
}

}

@media (max-width: 360px){
  .prd-nav ul li a{width: 80px;}
  .hdse {
    background: #e40000;
    padding: 8px;
    height: 126px;
    overflow: hidden;
}
}

@media (max-width: 320px){
  .prd-nav ul li a{width: 69px;}
}