*{ box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.main-title{ background:url(../images/d1.jpg)no-repeat; margin-bottom:5px;}
.main-title b{ line-height:30px; position: relative; padding-left:15px;font-size: 1.2rem; color: #fff;}

/*ban轮播广告*/
.ban1 {width: 100%;position: relative;}
#swiper10 .swiper-pagination1{bottom: 5px;text-align:center;}
#swiper10 .swiper-pagination-bullet{width: 13px;height: 13px; opacity: 1;background: #fff;}
#swiper10 .swiper-pagination-bullet-active{opacity: 1;background: #c22b0e;width: 13px;border-radius: 13px;}
.banner  { position: relative;  margin-left: auto;margin-right: auto;}
.banner .arrow-prev{background: url(../Images/13-1.png) no-repeat center center/100% 100%;width: 25px;height: 30px;position: absolute;z-index: 10;top: 50%;transform: translateY(-50%);left: 0;}
.banner .arrow-next{background: url(../Images/13-2.png) no-repeat center center/100% 100%;width: 25px;height: 30px;position: absolute;z-index: 10;top: 50%;transform: translateY(-50%);right: 0;}
.banner .arrow-prev:hover{background: url(../Images/13-1b.png) no-repeat center center/100% 100%;}
.banner .arrow-next:hover{background: url(../Images/13-2b.png) no-repeat center center/100% 100%;}


/*导航*/
nav{ background: #fff;overflow:hidden;  position:relative;margin-top:10px;padding:0 10px;}
nav:before{
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
}
nav li{background-image: url(../images/img1.png);
    background-repeat: no-repeat;
    background-size: contain;
	display: block;
	float: left;
	width: 30.2%;
	font: 1rem/2.92rem "microsoft yahei";
	height: 2.92rem;
	color: #2e2810;
	text-align: center;margin:5px;

}
nav a:nth-child(3n) li{
	border-right: none;
}


/*欧洲品质  国产价格*/
.g-qualtiy .quality-img{ }
.g-qualtiy .quality-img img{ width: 100%; }
.g-qualtiy dl{ padding: 0 4%; }
.g-qualtiy dt{ font-size: 1rem; color: #d0d0d0; text-transform: uppercase; margin-bottom: 0.83rem;}
.g-qualtiy dt b{  font-size: 1.2rem;display: block; padding-left: 7%; color: #0d5cc1;}
.g-qualtiy dd{ font-size: 1rem; line-height: 1.4rem; color: #666; }
.g-qualtiy .con:nth-child(1) dl dt b{ background: url("../Images/feature_icon1.jpg") no-repeat 0 0.3rem; background-size: 1.33rem; }
.g-qualtiy .con:nth-child(2) dl dt b{ background: url("../Images/feature_icon2.jpg") no-repeat 0 0.3rem; background-size: 1.33rem; }
.g-qualtiy .con:nth-child(3) dl dt b{ background: url("../Images/feature_icon3.jpg") no-repeat 0 0.3rem; background-size: 1.33rem; }
.g-qualtiy .con:nth-child(4) dl dt b{ background: url("../Images/feature_icon4.jpg") no-repeat 0 0.3rem; background-size: 1.33rem; }
.g-qualtiy .con:nth-child(5) dl dt b{ background: url("../Images/feature_icon5.jpg") no-repeat 0 0.3rem; background-size: 1.33rem; }
.g-qualtiy .m-cnt{ height: 2.42rem; text-align: center; margin: 1.58rem 0; }
.g-qualtiy .m-cnt li{ width: 2.42rem; height: 2.42rem; background: #b8b7b9; border-radius: 3rem; display: inline-block; text-align: center; line-height: 2.42rem; font-size: 1.2rem; color: #fff; margin-left: 1.3rem; }
.g-qualtiy .m-cnt li:first-child{ margin-left: 0; }
.g-qualtiy .m-cnt li.z-on{ background: #0d5cc1; }

.drop,.drop_container {display: grid;}
.drop {height: 100vh; align-items: center; justify-content: center;}
.drop_container { row-gap: 0.5rem;padding: 1rem; box-shadow: 4px 4px 16px #e1e1e1;}
.drop_card,.drop_data {display: flex;  align-items: center;}
.drop_card {
	width: 100%;
	justify-content: space-between;
	padding: 0.75rem 1.25rem.75rem 0.75rem;
	background-color: var(--first-color-lighten);
	border: 1px solid #0d5cc1;
}
.drop_img { width: 55px;  margin-right: 1rem;}
.drop_name { font-size:18px;color: #000; font-weight: 600;}
.drop_profession { font-size: 14px; color: #888;}
.drop_social {  margin: 0 0.375rem; color: var(--first-color-light);transition: 0.4s;}
.drop_social:hover {  color: var(--first-color);}


/*产品分类*/
.subnav_index {

	width:490px;
	float:left;
	height:39px;

	margin:20px 0 15px 0;

	background:url(../Images/sub1.jpg) repeat-x;

}

.subnav_index .sub {

	float:left;

}

.subnav_index .sub .span_h3 {

	background:url(../Images/sub2.jpg) repeat-x;

	height:39px;

	padding:0 3px;

	display:inline-block;

}

.subnav_index .sub .span_h3 p {

	display:inline-block;

	font-size:20px;

	color:#cc6600;

	line-height:35px;

	background:url(../Images/logo_tx.jpg) no-repeat;

	padding:0 0 4px 40px;

}

.subnav_index .sub .span_english {

	font-family:Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	color:#d6d6d6;

	font-size:12px;

	padding-left:5px;

}

.prod_menu{  }
.prod_menu ul{ margin-top: 1.2rem;overflow: hidden; text-align: center;}
.prod_menu li{ display: inline-block; height: 2.583rem; line-height: 2.583rem; background: #e7e7e7; font-size: 1rem; color: #565458; width: 32%; text-align: center; overflow: hidden;}

.g-prod{ padding: 0 2.96875%; margin-top: 1rem; }
.g-prod .con{ width: 100%; display: block; float: left; }
.g-prod .con li{ width: 47%; float: left;text-align: center; margin: 1.5%; position: relative; line-height: 0;}
.g-prod .con li img{ width: auto; height:125px;}
.g-prod .con li span{ display: block; height: 2rem; line-height: 2rem; background: rgba(0,0,0,.5); text-align: center; font-size:1rem; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%;  }
.g-prod .con a:nth-child(2n) li{ float: right; }
.arrow{ margin-top: 0.25rem; height: 1.5rem; text-align: center; }
.arrow .prev,.arrow .next{ width: 0.67rem; height: 1.5rem; display: inline-block; }
.arrow .prev img,.arrow .next img{ width: 100%; }
.arrow .prev{ margin-right: 1.5rem; }

/*定制*/
.g-custom{ background: url("../Images/custom_bg.jpg") no-repeat center 0; background-size: 100%; height: 33.875rem; overflow: hidden; margin-top: 2.25rem;  color: #fff; padding: 0 7.1875%;}
.g-custom .main-title,.g-custom .main-title span{ color: #fff; }
.g-custom .main-title{ margin: 3rem 0 2.1rem; }
.g-custom dl{ float: left; width: 38%; text-align: center; margin-bottom: 3.5rem;}
.g-custom dt{ width: 6.75rem; margin: 0 auto; }
.g-custom dt img{ width: 100%; }
.g-custom dd{ font-size: 1rem; margin-top: 0.8rem; }
.g-custom dl.none{ float: right; }


/*专业工程师服务团队*/
.g-team{ background: #f4f4f4; padding: 0 2.96875% 4.625rem; }
.g-team .main-title{ padding: 2.7rem 0 1.5rem; margin: 0;}
.g-team dt{ line-height: 0; }
.g-team dt img{ width: 100%; }
.g-team dd{ border: 1px solid #6f6f6f; padding: 0 6.64%; height: 13rem;}
.g-team dd ul{ padding: 0.7rem 0; }
.g-team dd li{ font-size: 1rem; color: #565458; line-height: 2.5rem; border-bottom: 1px dashed #cdcccd; position: relative; padding-left: 5%;}
.g-team dd li:last-child{ border-bottom: none; }
.g-team dd li:before{ content: ''; width: 0.33rem; height: 0.33rem; background: #b7b7b7; border-radius: 0.5rem; position: absolute; left: 0; top: 1.1rem; }
.g-team dd .prod-btn{ height: 2.67rem; text-align: center; }
.g-team dd .prod-btn a{ width: 9.375rem; height: 2.67rem; line-height: 2.67rem; text-align: center; background: #565458; font-size: 1rem; font-weight: bold; color: #fff; display: inline-block; }
.g-team dd .prod-btn a:first-child{ background: #0d5cc1; margin-right: 1rem; }


/*经典案例展示*/
.g-case{ padding: 0 2.96875%; margin-top: 3rem; }
.g-case .case-menu{ overflow: hidden; margin-bottom: 1rem; border: 1px solid #ccc;border-bottom: none;border-right: none;}
.g-case .case-menu li{ width: 33.33%; float: left; font-size: 0.83rem; color: #666; line-height: 2rem; border-right: 1px solid #ccc;text-align: center;border-bottom: 1px solid #ccc;}
.g-case .con{ width: 100%; display: block; float: left; }
.g-case .con li{ width: 100%; margin-bottom: 1.2rem; position: relative; line-height: 0;}
.g-case .con li img{ width: 100%; }
.g-case .con li span{ display: block; height: 2rem; line-height: 2rem; background: rgba(0,0,0,.5); text-align: center; font-size:1rem; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%;  }
.g-case .con a:nth-child(2n) li{ float: right; }
.more-case{ height: 3.625rem; line-height: 3.625rem; background: #565458; text-align: center; font-size: 1rem; color: #fff; margin-top: 1.29rem; outline: 1px solid #8b8a8c; outline-offset: -0.29rem; display: block; }


/*荣誉客户*/
.g-partner{  padding: 0 2.96875%;  }
.g-partner h2{ text-align: center; background: url("../Images/partner_title_bg.jpg") no-repeat center center; background-size: 21.96rem 0.125rem; font-size: 1.5rem; color: #000000; margin: 3.125rem 0 1.42rem; font-weight: bold; }
.g-partner ul{ border: 1px solid #dfdfdf; overflow: hidden; border-left: none; border-bottom: none;}
.g-partner li{ width: 33.33%; float: left; line-height: 0;}
.g-partner li img{ width: 100%; border-left: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf;}
.g-partner .partner-more {margin-top: 1.25rem;text-align: center;font-size: 1rem;}
.g-partner .partner-more a{  color: #565458; border-bottom: 1px solid #565458; }


/*优势*/
.g-advantage{ background: url("../Images/advantage_bg.jpg") no-repeat center 0; background-size: 100%; overflow: hidden; margin: 2.875rem 0 0; padding:0 9.53125%; height: 36rem;}
.g-advantage .main-title,.g-advantage .main-title span{ color: #fff; }
.g-advantage .con{ width: 100%; display: inline; float: left;}
.g-advantage dl{overflow: hidden; padding: 0.75rem; background: #0d5cc1; height:21rem}
.g-advantage dt{ margin-bottom: 1rem; }
.g-advantage dt img{ width: 100%; }
.g-advantage dd h3{font-size: 1.25rem; height: 2rem; font-weight: bold;color: #fff;margin-bottom: 0.2rem; border-bottom: 1px dashed #ecce91;}
.g-advantage dd p{ font-size: 1rem; line-height: 1.5rem; color: #faf2e3; }
.g-advantage dd a{ display: block; font-size: 1rem; color: #fff; margin: 1rem 0; }
.g-advantage .m-cnt{ height: 2.42rem; text-align: center; margin-top: 1.58rem; }
.g-advantage .m-cnt li{ width: 2.42rem; height: 2.42rem; background: #b8b7b9; border-radius: 3rem; display: inline-block; text-align: center; line-height: 2.42rem; font-size: 1.2rem; color: #fff; margin-left: 1.3rem; }
.g-advantage .m-cnt li:first-child{ margin-left: 0; }
.g-advantage .m-cnt li.z-on{ background: #565458; }


/*公司介绍*/
.g-company{  overflow: hidden; }
.g-company dt{width: 100%;margin: 0 auto 1.5rem;}
.g-company dt img{display: block;width: 100%;}
.g-company dd{ padding: 0 3.25%;}
.g-company dd h3{font-size: 1.2rem;font-weight: bold;color: #333;margin-bottom: 0.6rem;}
.g-company dd p{ color: #6f6f6f;font-size: 1rem;line-height: 1.5rem; margin-bottom: 2.29rem;}
.g-company dd p a{ color: #565458; }


/*相册*/
.g-album{ height:22rem; background: #eeeeee; padding: 0 2.96875% 2.29rem; overflow: hidden; margin-bottom: 2.875rem; overflow:hidden;}

.g-album .album-list{height: 2.75rem; margin-bottom: 1.33rem;}
.g-album .album-list li{ height: 2.75rem; line-height: 2.75rem; background: #fff; font-size: 1rem; color: #555458; text-align: center; width: 33.33%; float: left;}
.g-album .album-list li.z-on{ background: #0d5cc1; font-weight: bold; color: #fff; }
.g-album .album-style .page{ width: 100%; float: left; display: inline;}
.g-album .album-style .page li{ width: 47.67%; float: left; margin-bottom: 1.2rem; position: relative; line-height: 0;}
.g-album .album-style .page li img{ width: 100%; }
.g-album .album-style .page li span{ display: block; height: 2rem; line-height: 2rem; background: rgba(0,0,0,.5); text-align: center; font-size:1rem; color: #fff; position: absolute; left: 0; bottom: 0; width: 100%;  }
.g-album .album-style a:nth-child(2n) li{ float: right; }
.g-album .arrow{ margin-bottom:3rem;}

/*新闻资讯*/
.g-news{ overflow: hidden; padding: 0 2.96875%; margin-bottom: 2.5rem;}
.g-news .m-cnt{ height: 3.5rem; line-height:3.5rem; margin-bottom: 1.92rem;}
.g-news .m-cnt li{ font-size: 1.25rem;color: #555458; float: left; width: 49.83%; text-align: center; background: #e7e7e7; height: 3.5rem;}
.g-news .m-cnt li.z-on{ border-top: 0.25rem solid #0d5cc1; font-weight: bold; color: #000000;}
.g-news .m-cnt li:first-child{ margin-right: 1px; }

.g-news .con{ float: left; display: inline; width: 100%;}
.g-news .con dl{ overflow: hidden; margin-bottom: 0.5rem; }
.g-news .con dt{ width: 26.578%; float: left; }
.g-news .con dt img{ width: 100%; }
.g-news .con dd{ width: 66.445%; float: right; }
.g-news .con dd h3{ font-size: 1rem; color: #555458; font-weight: bold; margin-bottom: 0.5rem;}
.g-news .con dd p{ font-size: 1rem;  line-height: 1.5rem; color: #565458; }
.g-news .con ul li{ padding-left: 1.25rem; height:2.46rem; line-height: 2.46rem; font-size: 1rem; overflow: hidden; border-bottom: 1px solid #e0e0e0; position: relative; }
.g-news .con ul li a{ color: #6b3906;}
.g-news .con ul li:before{ content: ''; width: 0.29rem; height: 0.083rem; background: #555458; position: absolute; top: 1.2rem; left: 0;}
.g-news .con ul a:last-child li{ border-bottom: 0;}
.g-news .con ul li span{ float: right; font-size: 1rem; color: #c1c1c1;}


.g-news .more{ padding-top:10%;}
.g-news .more font{ position: absolute; left:0;}
.g-news .more center a{ text-indent:44px; color:#cc6600; display:inline-block; text-align:left; font-size:16px; background-image:url(../images/more_bg.png); background-size: 100%;background-repeat:no-repeat; width:128px; line-height:50px;}




@media screen and (min-width:320px) {
	html { font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:414px) {
	html { font-size:96%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}
}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}