@charset "UTF-8";


@media (max-width: 1201px){

.panel-img-list .panel-sm {
    width: 390px;
    height: 390px;
  }
.panel-img-list .panel-sm .pic {
    position: absolute;
    overflow: hidden;
    width: 390px;
    height: 390px;
  }
.panel-img-list .panel-big {
    width: 640px;
    height: 390px;
  }
.panel-img-list .panel-big .pic {
    position: absolute;
    overflow: hidden;
    width: 640px;
    height: 390px;
  }
.container-tech .panel-img-list-mobile{
	 margin-right: 1rem;
     display:none;
  }
  

}

@media (max-width: 1101px){
.panel-img-list .panel-sm {
    width: 390px;
    height: 390px;
  }
.panel-img-list .panel-sm .pic {
    position: absolute;
    overflow: hidden;
    width: 390px;
    height: 390px;
  }
.panel-img-list .panel-big {
    width: 550px;
    height: 390px;
  }
.panel-img-list .panel-big .pic {
    position: absolute;
    overflow: hidden;
    width: 550px;
    height: 390px;
  }
.container-tech .panel-img-list-mobile{
	 margin-right: 1rem;
     display:none;
  }

}



@media (max-width: 1024px){

	.sub-nav-box{

		display: none;
	}
	.not-fix header{
		position: fixed;
	}
	.not-fix .clearfixed{
		display: block;
	}
	.pc-nav,
	.header-nav .divide,
	.index-page .header-nav .divide{
		display: none;
	}
	.index-page header{
		width: 100%;
		height: 2.1rem;
		background-color: #fff;
	}
	.index-page header .logo #site-logo{
	    background: url(../images/logo.png) no-repeat center;
        background-size: contain;
        margin-top: -5px;
        margin-left: -25px;
	}
	header .logo #site-logo{
	    background: url(../images/logo.png) no-repeat center;
        background-size: contain;
        margin-top: 9px;
        margin-left: -25px;
	}
	header.headroom--unpinned,
	.index-page header.headroom--unpinned{
		top: -2.1rem;
	}
	.index-page header .logo{
		margin-top: .5rem;
		width: 2.625rem;
	}
	.index-page header .header-right .tit{
		line-height: 2.1rem;
		height: 2.1rem;
	}
	.index-page header .header-right .item.search-box .tit{
		height: 2.1rem;
	}
	header .header-right .nav-btn-box{
		display: inline-block;
	}
	.nav-btn{
		display: block;
		position: relative;
		width: .85rem;
		height: .725rem;
		padding: 0;
		margin-top: -40px;
	}
	.nav-btn .line {
	    width: 100%;
	    height: 2px;
	    position: absolute;
	    left: 0;
	    background-color: #383838;
	    transition: all .2s;
	    transform-origin: center;
	}
	.nav-btn .line1 {
	    top: 0;
	}
	.nav-btn .line2 {
	    top: 50%;
	    margin-top: -1px;
	}
	.nav-btn .line3 {
	    bottom: 0;
	}
	.nav-btn.cur .line{
		top: 50%;
	    bottom: auto;
	    margin-top: -1px;
	}
	.nav-btn.cur .line1{
		transform: rotate(45deg);
	}
	.nav-btn.cur .line2{
		opacity: 0;
		filter: alpha(opacity=0);
	}
	.nav-btn.cur .line3{
		transform: rotate(-45deg);
	}
	header{
		border-bottom: 1px solid #e5e5e5
	}
	header .header-nav{
		border: none;
	}


	.m-nav{
		position: fixed;
		top: 2.1rem;
		width: 100%;
		z-index: 50;
		box-sizing: border-box;
		padding: 0 4.17%;
		background-color: rgba(255,255,255,.95);
	}
	.m-nav li{
		border-bottom: 1px solid #dcdcdc;
	}
	.m-nav li:last-child{
		border-bottom: none;
	}
	.m-nav li .tit{
		display: block;
		font-size: .6rem;
		padding: .3rem 0 .3rem .3rem;
		color: #333;
		position: relative;
	}
	.m-nav li .tit:before{
		content: "";
		position: absolute;
		right: 5px;
		width: 15px;
	    height: 15px;
	    margin-top: -10px;
	    background-repeat: no-repeat;
	    background-position: center;
	    background-size: cover;
	    background-image: url('../images/m-nav-jia.png');
	    top: 50%;
	    transition: all .2s;
	}
	.m-nav li:nth-child(1) .tit:before,
	.m-nav li:last-child .tit:before{
		display: none;
	}
	.m-nav li.on .tit:before{
		transform: rotate(45deg);
	}
	.m-nav li .navson{
		padding-bottom: .3rem;
		display: none;
	}
	.m-nav li .navson a{
		display: block;
		font-size: .5rem;
		line-height: 1rem;
		padding: 0 1rem;
		color: #333;
	}
	.banner .btns{
	    display:none;
	}

	.container-tech .panel-img-list{
	    display:none;
	}
	.container-tech .panel-img-list-mobile{
	    display:block;
	    margin-left: 1rem;
        margin-right: 1rem;
        margin-top: 10px;
	}
	.panel-img-list-mobile .btns{
	    position: relative;
        margin-top: -50px;
	}
	.panel-img-list-mobile .panel-img-box .text{
	    padding-left: 20px;
        padding-top: 0;
        top: 10rem;
        font-size: 26px;
	}
	.index-product{
	    margin-top:1rem;
	    padding-top:0;
	}
	.tech2-list .con-box .text .tit{
	    font-size: .6rem;
	    line-height: .6rem;
	}
	.tech2-list .con-box .text .con{
	    font-size: 12px;
        line-height: 12px;
        margin-top: .2rem;
	}
	.newscon{
	    margin-top: 2rem;
	}
	.newscon .container-custom h1{
	    font-size: 26px;
	}
	.newscon .news-detail-box .news-detail-content{
	    padding-top:2%;
	}

	.news-box .bread{
		display:block;
		padding-top: 45px;
	}
	.news-box .stitle{
		display:none;
	}
	.container-custom .link-info{
		display:none;
	}

	.container-custom .btm-link{
		display:none;
	}
	.container-custom .m-related{
		display:block;
	}
	.container-custom .related-title{
		padding-top: 20px;
	}
	.container-custom .related-title:before{
		position: absolute;
        left: 0;
        top: 1px;
        width: 3px;
        height: calc(100% - 2px);
        content: "";
        background-color: var(--theme-color);
        background-image: -o-linear-gradient(top,rgba(255,255,255,.15),transparent);
        background-image: linear-gradient(180deg,rgba(255,255,255,.15),transparent);
        border-radius: 3px;
	}
	.container-custom .related-content{
		margin-top: -10px;
        margin-bottom: 20px;
	}
	.container-custom .item{
		padding: 15px 0;
        display: flex;
        border-bottom: 1px solid rgba(239,239,239,.8);
        overflow: hidden;
        height: 75px;
	}
	.container-custom .item-img{
		position: relative;
        width: 33%;
        overflow: hidden;
        border-radius: 4px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
	}
	.container-custom .item-img-inner{
		position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
	}
	.container-custom img{
		width: 100%;
        height: 100%;
        object-fit: cover;
	}
	.container-custom .item-content{
		position: relative;
        width: 100%;
        padding-left: 10px;
        margin-top: -10px;
	}
	.container-custom a{
		color:black;
	}
	.container-custom .item-meta{
		color:gray;
	}



}

/**/
@media (max-width: 991px){
	


}




/*手机端*/
@media (max-width: 767px){

	.news-box .bread{
		display:block;
		padding-top: 20px;
	}
	.news-box .stitle{
		display:none;
	}
	.view{
		padding: 0 .3rem;
	}
	footer{
	    display:none;
	}
	header{
		width: 100%;
		height: 5rem;
	}	
	.index-page header{
		width: 100%;
		height: 5rem;
		background-color: #fff;
	}
	
	.index-page header .logo #site-logo {
        background: url(../images/logo.png) no-repeat center;
        background-size: contain;
        margin-top: 2px;
        margin-left:0;
    }
    header .logo #site-logo{
	    margin-top: 2px;
	    margin-left:0;
	}
    
	.index-page .clearfixed{
		display: block;
	}
	
	header .logo,
	.index-page header .logo{
		width: 1.06rem;
		margin-top: .3rem;
	}
	.index-page header .header-right .tit{
		line-height: 1rem;
		height: 1rem;
	}
	.index-page header .header-right .item.search-box .tit{
		height: 1rem;
	}


	header .header-right .item{
		margin-left: .3rem;
	}
	header .header-right .tit{
		line-height: 1rem;
		font-size: .24rem;
		background-size: .3rem;
		padding-left: .4rem;
		height: 1rem;
	}
	header .header-right .item.lang-box .tit span{
		background-size: .2rem;
	}
	header .header-right .item.search-box .tit{
		height: 1rem;
		width: .3rem;
	}

	header .header-right .search-boxnew{
		display:none;
	}
	header .header-right .search-box{
		display:inline-block;
	}
	header.headroom--unpinned,
	.index-page header.headroom--unpinned{
		top: -1rem;
	}

	.nav-btn {
	    width: 1.8rem;
        height: 1.5rem;
        margin-top: -.5rem;
        margin-right: 1rem;
	}
	.m-nav{
		padding: 0 .3rem;
		top: 5rem;
		overflow: auto;
		height: calc(100% - 1rem);
	}
	.m-nav li .tit{
		font-size: 1.6rem;
        padding: 1.3rem 0 1.3rem 3rem;
	}
	.m-nav li .navson a{
		font-size: 1.4rem;
        line-height: 2.5rem;
        padding: 0 4rem;
	}
	.m-nav li .tit:before{
		width: 1.5rem;
		height: 1.5rem;
	}

	.index-page header .header-right .tit{
		line-height: 1rem;
		background-size: .3rem;
	}
	.index-page header .header-right .item:nth-child(3) .tit{
		height: 1rem;
		background-size: .3rem;
	}
	.clearfixed{
		height: 1rem;
	}
	.banner .swiper-slide{
		height: 64.5%;
	}
	.banner .swiper-slide .pc-img{
		display: none;
	}
	.banner .swiper-slide .m-img{
		display: block;
		margin-top:4rem;
	}
	.banner .btns{
		display:none;
	}
	.banner .btns .swiper-pagination-bullet{
		display: inline-block;
		*display: inline;
		zoom: 1;
		width: .16rem;
		height: .16rem;
		margin: 0 .09rem;
	}
	.container-tech .panel-img-list{
	    display:none;
	}
	.container-tech .panel-img-list-mobile{
	    margin-left: 1rem;
        margin-right: 1rem;
        margin-top: 3rem;
	}	
	.panel-img-list-mobile .panel-img-box{
	    margin:0;
	}
	.panel-img-list-mobile-slide img{
	    width:100%;
	}
	.panel-img-list-mobile .btns{
	    position:relative;
		margin-top:-30px;
	}
	.panel-img-list-mobile .btns .swiper-pagination-bullet{
		width: 1rem;
	    height: 1rem;
	    margin: 0 .5rem;
	}
	.panel-img-list-mobile .panel-img-box .text{
	   padding-left:10px;
	   padding-top:0;
	   /*top:20rem;*/
	   font-size:26px;
	}
	.index-product-box{
		display:none;
	}
    .container-news .row {
        display: block;
        width: 92%;
    }
    .container-news .row .col-item {
        margin-bottom: 1rem;
    }
	.news-item a h4 {
       font-size: 16px;
       margin-bottom: 10px;
       margin-top: 15px;
    }
    .container-services{
        display: none;
    }

	footer .view {
	    display: none;
	}
	.mfoot{	
	    display: block;
        background-color: #0d8dc0;
        height: 18rem;
        text-align: center;
        color: white;
	}
	.mfoot .mfot-logo{
        padding-top: 1.5rem;
    }
    .mfoot .mfot-tel{
        padding-top: 1rem;
        font-size: 20px;
    }
    .mfoot .mfot-copy{
        padding-top: 2rem;
    }
    .mfoot  a{
        color:white;
    }
    
    /*频道页Banner文字*/
    .sub-banner .txt{
        font-size: 20px;
        line-height: .5rem;
    }
    .tech-banner .txt{
        font-size: 20px;
        line-height: .5rem;
    }
    /*兰洋介绍*/
    .profile-wrap .icon{
        width: 160px;
    }
    .profile-wrap .text .tit{
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 20px;
    }
    .pub-con{
        font-size:14px;
    }
    .profile-wrap .text .pub-con{
        line-height: 2rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .profile-wrap .num-box .num{
        font-size:30px;
    }
    .profile-wrap .num-box .unit{
        line-height: 1rem;
        font-size: 1.2rem;
    }
    .profile-wrap .num-box .txt{
        margin-top:1.5rem;
        font-size: 1.2rem;
    }
    /*专利护航*/
    .talk-container{
        padding-top: 4rem;
    }
    .talk-tab-box .talk-tit .tit{
        font-size: 20px;
        padding-bottom: 2rem;
        padding-top: 1rem;
    }
    .talk-tab-box .bimg-tab .swiper-slide{
        width: 90%;
    }
    .talk-tab-box .prev, .talk-tab-box .next{
        width: 0rem;
        height: 0rem;
        background-size: .5rem;
    }
    .talk-tab-box .simg-tab .swiper-slide{
        width:50%;
    }
    /*企业动态 媒体报道*/
    .news-box{
        padding-top:5rem;
    }	
    .news-box .news-tit{
        font-size: 14px;
        line-height: 14px;
    }
    .news-box .time-box .time{
        font-size:12px;
    }
    .news-box .news-list .text{
        padding: 1rem .8rem;
    }
    .news-box .news-list .item .text .reg-more{
        display:none;
    }
    /*散热技术*/
    .tech1-list{
        display: block;
    }
    
    .tech1-list-tit .tit{
        font-size: 20px;
    }
    .tech1_desc{
        font-size: 16px;
    }
    .tech1-img{
        margin-top:1rem;
    }
    .tech2-list-tit .tit{
        font-size: 20px;
        padding-top:2rem;
    }
    .tech3-tit .tit{
        font-size: 20px;
        padding-bottom: 1rem;
    }
    .tech2-list .con-box .text{
        height: auto;
    }
    .tech2-list .con-box .text .tit{
        font-size: 18px;
        line-height: 18px;
        height: 18px;
    }
    .tech2-list .con-box .text .con{
        font-size: 14px;
        line-height: 14px;
        margin-top: 2px;
    }
    .solution-tab .con-box .text{
        height: 14px;
    }
    .solution-tab .con-box .tit{
        font-size: 14px;
        line-height: 14px;
    }
    /*合作模式*/
    .ban-order{
        display:none;
    }
    .quality-box{
        padding-top:6rem;
    }
    .order-tit{
        font-size: 20px;
        line-height: 20px;
    }
    .order-desc{
        display:none;
    }
    .step-box{
        display:none;
    }
    .services_list{
        display:block;
    }
    .services_list .news-box{
        padding-top:0;
    }
    .services_list .news-box .news-list .item{
        padding:0;
        background-color: #f2f4f5;
    }
    .services_list .news-box .news-list .img{
        height: 160px;
    }
    .services_list .news-box .news-list .text{
        padding-bottom: 2rem;
    }
    .services_list .news-box .news-tit{
        font-weight: 300;
    }
    .services_list .news-box .news-list .item .type span{
        font-size:16px;
    }
    /*文章内容页*/
    .newscon{
        margin-top: 40px;
    }
    .newscon h1{
        font-size: 18px;
        padding-left: 1px;
        padding-right: 1px;
    }
    .newscon .info{
        font-size:14px;
    }
    .newscon .list-unstyled{
        margin-bottom:0;
    }
    .newscon .news-detail-box .news-detail-content{
        padding-left: 1px;
        padding-right: 1px;
    }
    .news-detail-content{
        font-size:18px;
    }
    .news-detail-content img{
       width: 100%;
    }
    
    /*产品内页*/
    .proinfo-box{padding-top: 60px;}
    .about-more{
        width: 100px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        margin-left: 15px;
        margin-top: 15px;
    }
    .proinfo-view{
        width: 100%;
        margin-top:20px;
    }
    .proinfo-view2{
         width: 100%;
     }
    .proinfo .left{
        float: none;
        width: 100%;
        text-align: center;
    }
    .proinfo .right{
        float: none;
        width: 100%;
        margin-top: 15px;
    }
    .proinfo .bimg-box img{
        width:96%;
    }
    .proinfo .right .tit{
        font-size: 20px;
        line-height: 20px;
        margin-left: 10px;
    }
    .proinfo .right .dec{
        font-size: 16px;
        line-height: 16px;
        margin-left: 10px;
    }
    .proinfo .proinfo-text{
        display: none;
    }
    .proinfo .buy-btn{
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        margin-left: 10px;
        margin-right: 10px;
        background-color:gray;
    }
    .proinfo-nav-box{
        height:50px;
    }
    .proinfo-nav a{
        font-size:18px;
        line-height: 50px;
    }
    .proinfo-bottom-box{
        padding-bottom:1rem;
    }

	.container-custom .link-info{
		display:none;
	}

	.container-custom .btm-link{
		display:none;
	}
	.container-custom .m-related{
		display:block;
	}
	.container-custom .related-title{
		padding-top: 2rem;
	}
	.container-custom .related-title:before{
		position: absolute;
        left: 0;
        top: 1px;
        width: 3px;
        height: calc(100% - 2px);
        content: "";
        background-color: var(--theme-color);
        background-image: -o-linear-gradient(top,rgba(255,255,255,.15),transparent);
        background-image: linear-gradient(180deg,rgba(255,255,255,.15),transparent);
        border-radius: 3px;
	}
	.container-custom .related-content{
		margin-top: -10px;
        margin-bottom: 20px;
	}
	.container-custom .item{
		padding: 15px 0;
        display: flex;
        border-bottom: 1px solid rgba(239,239,239,.8);
        overflow: hidden;
        height: 75px;
	}
	.container-custom .item-img{
		position: relative;
        width: 33%;
        overflow: hidden;
        border-radius: 4px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
	}
	.container-custom .item-img-inner{
		position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
	}
	.container-custom img{
	    width: 100%;
        height: 100%;
        object-fit: cover;
	}
	.container-custom .item-content{
		position: relative;
        width: 100%;
        padding-left: 10px;
        margin-top: -10px;
	}
	.container-custom a{
		color:black;
	}
	.container-custom .item-meta{
		color:gray;
	}
	.page li{
		width: 20px;
		height: 20px;
		line-height: 20px;
		font-size: 16px;
	}


}