@charset "UTF-8";

@media screen and (max-width: 1640px){
    .index-advantagelist li .con{padding: 0 30px;}
}
@media (max-width: 1550px){
    .index-aboutus .box .title img {
        width: 300px;
    }
}
@media screen and (max-width: 1320px){
    .index-advantagelist li h3{font-size: 20px;}
}

@media screen and (max-width: 1200px){
    .navbtn{display: block;}
    #nav{
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width:70%;
		right: inherit;
        background: #0073a8 url(../images/logo.png) no-repeat center 18px;
        padding-top: 90px;
        height: 0;opacity: 0;
        visibility: hidden;
        transition: height .5s ease .4s, opacity .5s ease .4s;
	}
	#nav a{
		display: block;
		color: #fff;
        height: 54px;line-height: 54px;
        margin: 0;transition: all ease .3s;
    }
    #nav a i{display: none;}
    #nav a.active, #nav a:hover{color: #0073a8;background: #fff;}
    body.open #header.mini #nav a{height: 54px;line-height: 54px;}
    body.open #nav{
        opacity: 1;height: 100%;visibility: visible;
    }
    .index-advantagelist li{width: 50%;height: 50%;}
    .index-advantagelist li .li-icon{width: 100px;}
    .index-advantagelist li h3{margin-top: 30px;}
    .index-advantagelist li p{margin-top: 2px;}
    .index-advantagelist:hover li:hover{background:#0c0c15 url(../images/h2.jpg) center center;background-size: cover;}
    
}
@media screen and (max-width: 980px){
    .index-advantagelist li .more{display: none;}
    .maincase li{padding: 0 20px;}
    .index-aboutus .box{padding: 0 30px;}
    .maincase li p{line-height: 1.6;max-height: 70px;}
}

@media screen and (max-width: 768px){
    #header .logo{padding: 0 10px;}
    #header .logo img{height: 40px;}
    .navbtn::before{font-size: 16px;width: 52px;}
    .navbtn{width: 105px;}
    .navbtn .line{margin: 17px 0 0 60px;}
    #nav{
        background-size: auto 47px;
    }
    .section2{padding-top: 0px;}
    .index-advantagelist li{ width:50%;display:block;}
    .index-advantagelist li h3{ margin-top:10px;font-size: 16px;}
	.index-advantagelist li p{font-size: 12px;line-height: 2;}
	.index-advantagelist li .li-icon img{ width:60%;}
    .index-advantagelist:hover li:hover{background:#0c0c15 url(../images/h3.jpg) center center;background-size:cover;}
    .maincase li{padding: 0 15px;margin-bottom: 10px;}
    .maintitle h2{font-size: 28px;}
    .maintitle p{font-size: 12px;}
    /* .casewrap{padding: 15px 20px 0;} */
    #menu{left: 0;}
    .index-advantagelist li .con{padding: 0 10px;}
    .section4 .maintitle{margin-bottom: 10px;}
    .section4{padding-top: 0px;}
    .appwrap li p{font-size: 12px;}
    .appwrap li .pic{margin-bottom: 4px;}
    .appmore{margin-top: 20px;}
    .index-aboutus .box .title img {
        max-width: 220px;
    }
    .index-aboutus .box .txt{font-size: 12px;line-height: 1.8;}
    .index-aboutus .indexmore{margin-top: 20px;}
    .index-aboutus{padding: 50px 0 0;}
    .index-aboutus .add{margin-top: 15px;background-size: 64px auto;padding-top: 86px;height: auto;}
    .index-aboutus .box .title{padding-top: 0;}
    .appwrap li .bg img{max-width: 50%;}
    .appwrap li a:hover .bg{opacity: 0;display: none;}
    .appwrap li a:hover .pic{border:1px #0093ea solid;}
    .maincase li a:hover .con{opacity: 0;filter:alpha(opacity=0);display: none; }
}
@media screen and (max-width:540px){
    .maincase li{width: 50%;padding: 0 10px;}
    .index-aboutus .box .title img{width: 100px;}
    .index-aboutus .box .txt{margin-top: 10px;}
    .mainwrap2{padding: 0 45px;}
    .appmore{margin-top: 10px;}
    .maintitle h2{font-size: 24px;}
    .appmore{height: 32px;line-height: 30px;width: 110px;font-size: 12px;}
    .section4 .maintitle{margin-bottom: 5px;}
    .index-advantagelist li{padding: 0;}
    .index-advantagelist li a{padding-top: 20px;}
    
    
}
@media screen and (max-height:800px){
    .index-advantagelist li{padding: 0;}
    /* .index-advantagelist li a{top: 0;transform: translateY(0);} */
    /* .section2{padding-top: 80px;} */
}
@media screen and (max-width: 375px){
    #nav{width: 65%;}
    /* .casewrap{padding: 15px 40px 0;} */
}
@media screen and (max-height: 570px){
	.index-advantagelist li p{max-height: 72px;overflow: hidden;}
}
@media screen and (min-height: 800px) and (max-width:412px){
    .index-footer .wrap{position: relative;top: 8%;}
}
@media screen and (max-height: 640px){
    .index-footer .info-2 .c2wm .pic{width: 90px;}
    .index-footer .info .tel-phone{margin-top: 10px;}
    .index-footer .info-2 .c2wm{margin-top: 10px;}
    .index-footer .info .contact{margin-top: 8px;}
    .index-footer .info .address{margin-top: 8px;}

}

@media screen and (max-height: 600px) and (max-width:330px){
    .section3{padding-top: 56px;}
    .casewrap{padding: 10px 38px 0;}
    .maintitle{padding-bottom: 0;}
    .maintitle h2{font-size: 24px;}
    .mainwrap2{padding: 0 50px;}
    .appmore{margin-top: 14px;height: 36px;line-height: 34px;font-size: 14px;}
    
}