﻿
/* CSS Document */

@media screen and (max-width:1440px) {
	.company-b{width: 100%;padding-top: 100px;padding-bottom:100px;}
	.company_intr_cont{padding-right: 3%;}
    .company_intr_cont{padding-left: 3%;}
	.company-right{width:50%;position: absolute;right: 0;background:url(../image/ico-about.jpg) left bottom no-repeat;height: 650px;top: 0;}
	.company-dl dl dt{font-size:25px;}




}





@media screen and (max-width:1366px) {
	.company-b{width: 100%;padding-top: 100px;padding-bottom:100px;}
	.company_intr_cont{padding-right: 3%;}
    .company_intr_cont{padding-left: 3%;}
	.company-right{width:50%;position: absolute;right: 0;background:url(../image/ico-about.jpg) left bottom no-repeat;height: 650px;top: 0;}
	.company-dl dl dt{font-size:25px;}




}




@media screen and (max-width:1024px) {
	.main-container{
		width: 97%;
		margin: 0 auto;
	}
	.layout{
		width: 100%;
		margin: 0 auto;
	}
	.nav-row{display: none;}
	.h-langu{display:none;}
}

@media screen and (max-width:768px) {
	.head{position:relative;}
	.main-container{
		width: 97%;
		margin: 0 auto;
	}
	.layout{
		width: 97%;
		margin: 0 auto;
	}
	.nav-row{display: none;position: absolute;background: #fff;width: 50%;right: 0;z-index: 999;height: auto;top: 70px;}
	.wap-menu{display: block;border: none;position: absolute;top: 20px;background: none;right: 10px;}
.wap-menu span{height: 3px;width: 30px;background: #0075b9;display:block;border: none;margin-bottom: 8px;}
.wap-menu span:last-child{margin-bottom: 0;}
.h-langu{display:none;}
#menu-head-nav{width:100%;display: block;height: 100%;}
#menu-head-nav li{padding:0 20px;/* height: 100%; */height: 42px;line-height: 42px;cursor:pointer;border-bottom: 1px dashed #ddd;}
#menu-head-nav li a{font-size: 18px;color:#000;text-transform: capitalize;}
.h-language{
    font-size: 18px;
	display: none;
}
.h-language span.map_ico{font-size: 18px;padding-left: 34px;}
.index_hd .hd_title{font-size:18px;font-family:"Eras Bold ITC";text-align:center;font-weight: bold;margin-bottom: 10px;letter-spacing: 1px;text-transform: uppercase;}
.index_hd .hd_title span{color: #0073b5;}
.index_product{padding: 30px 0;}
.index_hd .index-span{text-align: center;font-size:16px;width: 100%;display: flex;align-items: center;justify-content: space-between;}
#menu-product-nav{width: 100%;margin-top: 20px;display:flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
#menu-product-nav li{margin: 0;background: #e5e5e5;height: 40px;width:48%;line-height: 40px;text-align:center;font-size: 16px;margin-bottom: 10px;}
#menu-product-nav li a{font-size: 16px;}
.product_slider{margin-top:20px;}	
.index_product .product_item{width:48%;box-shadow: 1px 1px 12px 1px #7f7f7f;margin-bottom: 40px;text-align: center;background: #fff;}
.index_product .item_title{font-size: 14px;text-align:center;padding: 10px 15px;line-height: 28px;background: #f6f6f6;height: auto;}
.index-more{margin-top:0px;}
.index-more span a{color:#fff;font-size:18px;}
.index-more span{background:#0073b5;padding: 10px 40px;display: inline-block;border-radius: 30px;}
.index_app{width:100%;margin-top:20px;}
.app-nav{display: none;}
.app-nav dl{width: 120px;text-align: center;padding: 15px 0 5px;color: #000;position:relative;}
.app_list dl{width:48%;text-align:center;position:relative;margin-bottom: 15px;}
.app_list{width:100%;display: flex;margin-top: 40px;justify-content: space-between;flex-direction: row;flex-wrap: wrap;margin-bottom: 00px;}
.app_list dl p{width:100%;text-align:center;position:absolute;height:35px;line-height:35px;background: rgb(0 0 0 / 40%);bottom:0;color:#fff;font-size:16px;}
.index_bd1{width:100%;margin-top: 45px;position: relative;display: flex;flex-direction: column;}
.company_intr_desc{color:#fff;line-height:28px;font-size:16px;}
.company-right{width:100%;position:static;background:url(../image/ico-about.jpg) center right no-repeat;height: 810px;top: 0;}
.company-left{width: 100%;background: rgb(0 115 181 / 85%) url(../image/ABOUT.png) left center no-repeat;color: #fff;display: flex;justify-content: flex-end;z-index: 1111;position: relative;height: auto;align-items: center;margin-top: 5px;}
.company-b{width: 97%;padding-top: 10px;padding-bottom: 10px;}
.company_intr_cont{padding-right: 3%;}
.company_intr_cont h1{color:#fff;font-size: 22px;margin-bottom: 30px;background:url(../image/ico-img.png) left bottom no-repeat;line-height: 80px;}
.index_bd1{width:100%;margin-top: 45px;position: relative;display: flex;}
.company-dl{width:100%;display:flex;color: #fff;justify-content: space-between;margin-top: 40px;flex-direction: row;flex-wrap: wrap;}
.company-dl dl{display:flex;margin-bottom: 20px;}
.company-dl dl dt{color: #fff;font-size: 18px;}
.company-dl dl dd{color: #fff;font-size:15px;}
.company-dl dl .dl-img{margin-right:10px;}
.company-dl dl .dl-img img{width:20px}	
.index-honor{width: 100%;display: flex;flex-direction: column;flex-wrap: wrap;margin-top:30px;}
.index_company_intr{width: 100%;background:url(../image/index-bg_17.jpg) top center no-repeat;padding-top: 30px;padding-bottom: 30px;}
.index_news{width:100%; margin-top:20px;}
.index_news_list{width:100%;margin-top:20px;display: flex;justify-content: space-between;flex-direction: row;flex-wrap: wrap;}
.news_aside{width:100%;margin-bottom: 30px;}
.news_items{width:100%;}
footer{width: 100%;background: #000;margin-top: 20px;padding-bottom: 20px;clear: both;display: flex;flex-direction: column;}
.foot-language ul{display:flex;flex-direction: row;flex-wrap: wrap;}
.foot-language li{
    margin-bottom: 8px;
}
.foot{width:100%;display: flex;justify-content: space-between;margin-top: 39px;flex-direction: row;flex-wrap: wrap;}
.foot-nav{width:48%;margin-bottom: 30px;}
.f-nav li a{color:#fff;font-size:12px;}
.foot-nav:nth-child(3){width:100%;margin-bottom: 30px;}
.foot-nav:nth-child(4){width:100%;margin-bottom: 0px;}
.page-product{width:100%;display:flex;justify-content: space-between;flex-direction: column-reverse;flex-wrap: wrap;}
.product_cates{width: 100%;}
.product_list{width: 100%;}
.product_list .product_item {-webkit-box-flex: 0 0 50%;-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;width: 50%;float: left;margin-bottom: 10px;}
.product_list .product_item .item_title{font-size:14px;height:auto;}	
.product_item figcaption {padding: 10px 5px 0;text-align: center;}
.product_item .item_title a{font-size:14px;}
.product-intro{display:flex;flex-direction: column;}
.product-view {position: relative;width: 100%;float: left;}
.product-summary {width:100%;margin-top:40px;}
.product-summary .page_title {font-size: 20px;font-weight: normal;text-transform: capitalize;}
.tab-panel-wrap{padding:10px 5px;}
.pro_table table{width:100% !important;}
.inde_list dl{width: 48%;margin-bottom: 25px;text-align: center;margin-right:2.3%;float:left;}
.inde_list dl:nth-child(2n){margin-right:0;}
.inde_list dl img{width: 100%;height: 250px;object-fit: contain;}

.blog-item {position: relative;width: 100%;overflow: hidden;padding: 9px 10px;margin-bottom: 20px;}
.blog-item .item-wrap{width:100%;display:flex;flex-direction: column;margin: 0;}	
.item-info{margin:20px 0 0;}

.blog-item .item-info .item-title {height: auto;line-height: 1.3em;overflow: hidden;font-size: 18px;font-weight: normal;margin-bottom: 5px;}
.blog-item .item-info .item-detail {
	color: #666;
	line-height:28px;
	font-size: 14px;
}
.page_title {font-size:18px;line-height: 28px;}
.tabtitle{font-size:12px;}
.layer-bd dl{width: 48%;margin-bottom: 20px;float: left;margin-right: 2.3%;}
.layer-bd dl:nth-child(2n){margin-right:0;}
.contact-from{width: 100%;}
.product_list>ul{display:flex;flex-direction: row;flex-wrap: wrap;}
.pro_table>H3{font-size: 16px;}	
.tag_list{width:100%;display:flex;flex-direction: column;justify-content:space-between}
.tag_left{width: 100%;}
.tags_right{width: 100%;}
.tags_item_product{width: 100%;display:grid;grid-template-columns: repeat(2,1fr);gap: 20px;}






	
}



@media screen and (max-width:480px) {
	
	
}





@media screen and (max-width:320px) {
}






