@import url(font/stylesheet.css);

/* 公共样式部分 */
html,
body {

	font-size: 14px;

	color: #000000;

	margin: 0px auto;

	padding: 0px;

	text-decoration: none;

	font-family: "HarmonyR";

	background: #fff;

	-webkit-text-size-adjust: none;


}

/* QZB20240527 */
*{padding: 0;margin: 0;}
.w100 {
	width: 100%;
	overflow: hidden;
    margin: 0 auto;

}


ul li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #000;
}

p {
	padding: 0px;
	margin: 0px;
}
ul {
	padding: 0px;
}
h1{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
h3{
    margin: 0;
    padding: 0;
    font-weight: normal;
}
table{border-spacing: 0;
    width: 100%;
    }
dd{
    list-style: none;
}

.w1680{
    margin: 0px auto;
    overflow: hidden;
    width: 1680px;
}
.w1660{
    margin-right: 0px;
    overflow: hidden;
    width: 1660px;
}
.w1400{
    width: 1680px;
    margin: 0 auto;
    overflow: hidden;
}
/* 头部 */
.header {
	background: url(../images/h-bg.jpg) no-repeat center/cover;
	overflow: hidden;
	height:91px
}
.header .container1{
	height: 100%;
	display: flex;
	display: -webkit-flex; 
	justify-content: space-between;
	width: 100%;
}
.header .logo {
	overflow: hidden;
	float: left
}

.header .logo a {
	display: block
}

.header .logo a img {
	display: block;
	float: left
}

.header .header-center {
	float: left;
	line-height: 91px;

}

.header .header-center h3 {
	font-size: 26px;
	color: #333;
	float: left;
	margin-right: 23px
}

.header .header-center h3 span {
	color: #d6001c;
	font-weight: bold
}

.header .header-center p {
	font-size: 26px;
	color: #333;
	float: left;
	font-family: arial;
	font-weight: bold
}

.header .header-right {
	float: right
}

.header .header-right ul {
	background: url("../images/h-right.png") no-repeat center center;
	width: 200px;
	text-align: center;
	height: 32px;
	padding: 0 10px;
	float:right
}

.header .header-right ul li {
	float: left;
	background: url("../images/line03.jpg") no-repeat center right;
	width: 49%;
	display: flex;
	display: -webkit-flex; 
    justify-content: center;
    align-items: center;
	height: 100%;
}

.header .header-right ul li a {
	color: #fff;
	line-height: 32px
}

.header .header-right .header-bottom {
	background: url("../images/h-phone.png") no-repeat center left;
	height: 36px;
	font-size: 30px;
	padding-left: 30px;
	font-family: "Balthazar",arial;
	float: right;
	padding-right: 10px;
	color: #333;
	display: flex;
	display: -webkit-flex; 
	justify-content: center;
	align-items: center;
}
.header .header-right .header-bottom span{
	margin-left: 30px;
}

.header .sousuo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.header .sousuo {
    width: 20px;
    height: 20px;
    cursor: pointer;
}
/* 头部结束 */
/* 导航栏部分 */
.nav {
    background: url(../images/n-bg.jpg) repeat-x center center;
    height: 50px;
}
.nav .container {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.nav ul {
    height: 50px;
    background: url(../images/line01.png) no-repeat center left;
	position: absolute;
}
.nav ul li {
    float: left;
    line-height: 50px;
    font-size: 16px;
    position: relative;
    width: 150px;
}
.nav ul .smenu{
	position: absolute;
	z-index: 999;
	display: none;
}
.nav ul li:hover .smenu{
	display: block;
}
.nav ul li:hover .smenu li{
	position: relative;
}

.nav ul li a {
    display: block;
    color: #fff;
    text-align: center;
    margin-left: -1px;
    background: url(../images/line01.png) no-repeat center right;
}
.nav ul li  .smenu li{
	background-color: rgba(85, 85, 85, .8);
	height: 40px;
	line-height: 40px;
}
.nav ul li  .smenu li a {
    background: 0;
}
.nav ul li  .smenu li:hover{
	background-color: #e70012;
}
.nav ul .active>a{
	background-color: #d6001c;
}
/* 内页banner 公共样式 */
.nbanner{
    height: 440px;
    

}
.nbannerAbout{
    margin: 0 auto;
    background: url('/template/default/images/gaunyu01.jpg') no-repeat center top;
}
.nbannerAbout a{
    display: block;
    height: 100%;
    width: 100%;
}
.proBanner{
    margin: 0 auto;
    background: url('/template/default/images/productBgc_02.png') no-repeat center top;
}
.nbannerVideo{
    margin: 0 auto;
    background: url(/template/default/images/videoBackground.png) no-repeat center top;
}
.newsBanner{
    margin: 0 auto;
    background: url('/template/default/images/newCenterBeijing.png')  no-repeat center top;
}
.customerBanner{
    margin: 0 auto;
    background: url('/template/default/images/customerBgc.png') no-repeat center top;
}
.honorBanner{
    margin: 0 auto;
    background: url('/template/default/images/honor.png') no-repeat center top;
}
.contactBanner{
    margin: 0 auto;
    background: url('/template/default/images/dizhi.png') no-repeat center top;
}
.proBanner .proPic {
    position: absolute;
    left: 50%;
}
.proBannerDe,.VideoBannerDe,.newsBannerDe,.customerBannerDe,.honorBannerDe{
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.titleEn{
    font-family: HarmonyB;
	font-size: 48px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #d6001c;
    height: 38px;
}

.titleCn{
    height: 38px;
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #211d1d;
    margin-top: 13px;
}
.customerBannerDe .titleCn{
    color: #fff;
}

/* 内页子导航栏和位置信息 */
.sonBanner2{
    height: 56px;
}
.sonBanner .sonBannerLeft li:first-child {
    background-color: #e70012;
}
.sonBanner .sonBannerLeft li:first-child a {
    color: #fff;
}
.sonBanner .sonBannerLeft li {
    float: left;
    width: 195px;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333;
}
.sonBanner ul .active a {
    color: #e70012;
    font-weight: bolder;
}
.sonBanner .sonBannerLeft{
    width: 60%;
    height: 100%;
}
.sonBanner2{
    display: flex;
    justify-content: space-between;
}
.sonBanner .sonBannerRight{
    width: 39%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
}
.sonBanner .sonBannerRight li{
    display: flex;
    align-items: center;
}
.sonBanner .sonBannerRight li img{
    margin-right: 10px;
}

.sonBanner .sonBannerRight li a, .sonBanner .sonBannerRight li {
    color: #999999;
}
/* 搜索按钮 */
.search{position: fixed;top: 0;background-color: rgba(0, 0, 0, 0.8);left: 0;width: 100%;height: 100vh;z-index: 999;padding: 10% 0;overflow: hidden;display: none;max-width: 1920px;
}
.search .cha{position: absolute;right: 10px;top: 10px;}
.search .cha img{display: block;width: 30px;}
.search form{width: 48%;
	height: 80px;
	box-sizing: border-box;display: flex;
	display: -webkit-flex; justify-content: space-between;margin: 0 auto;}

.search form input{width: 85%;padding-left: 10px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;border: 1px solid #ddd;line-height: 36px;}
.search form button{background: #d6001c;border: none;width: 15%;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border: 1px solid #ddd;}
.search form button img{width: 50%;margin: 0 auto;}
.remen{width: 47%;margin: 30px auto;}
.remen span{display: block;font-size: 14px;color: #666;line-height: 48px; 
font-weight: bold;}
.remen li{color: #fff;padding: 5px;border: 1px solid #ddd;margin: 5px 5px 5px;
	background-color: #fff;
}
.remen li a{color: #e70012;}
.remen ul{display: flex;
	display: -webkit-flex; justify-content: left;flex-wrap: wrap;}

/* 首页banner */
.banner{
    height: 800px;
}
.banner .swiper-container .swiper-wrapper .swiper-slide a:before{
    background: url(/template/default/images/start2.png) no-repeat center center;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    z-index: 99;
}
.banner  .swiper-pagination2{
	position: relative;
	text-align: center;
	top: -65px;
	z-index: 10;
}

.banner .swiper-pagination2 .swiper-pagination-bullet{
	width: 70px;
	height: 14px;
	border-radius: 20px;
	margin-left: 10px;
	/* opacity: 1; */
	background-color: rgba(0, 0, 0, .9);
	
}
.banner .swiper-pagination2 .swiper-pagination-bullet-active{
	width: 70px;
	background-color: #fff;
	opacity: 1;
	transition: 1s all linear 0s;
}

/* 首页产品 */
.indexAll{
    padding:75px 0;
    box-sizing: border-box;
}
.hasMoreTab{
    height: 845px;
}
.hasMoreTab .hd{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.hasMoreTab .hd .topLeft{
    width:35%;
}

.titleEn2{
	height: 46px;
	font-family: HarmonyB;
	font-size: 60px;
	font-weight: normal;
	font-style: italic;
	color: #e7e7e7;
}
.titleCn2{
	font-family: HarmonyB;
	font-size: 48px;
	font-weight: normal;
	color: #333333;
}
.index_pro2{
	margin: 0 auto;
	background: url(/template/default/images/beijing0.jpg) no-repeat center top ;
	overflow: hidden;
	background-size:cover;
}
.index_pro2 .hasMoreTab .hd .topRight {
    width: 50%;
    padding: 0px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}
.index_pro2 .hasMoreTab .hd li:hover {
    background-color: #e70012;
}
.index_pro2 .hasMoreTab .hd li:hover a{
    color: #fff;
    font-family: HarmonyB;
}
.index_pro2 .hasMoreTab .hd li {
    float: left;
    width: 194px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 20px;
    border: 2px solid #e70012;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
.index_pro2 .hasMoreTab .hd .on a {
    background-color: #e70012;
    color: #fff;
}
.index_pro2 .hasMoreTab .hd a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    border-radius: 18px;
}
.index_pro2 .hasMoreTab .hd .on a{
    font-family: HarmonyB;
}
.index_pro2 .bd {
    height: 650px;
}
.index_pro2 .bd .swiper-slide{
    display: flex;
    justify-content: space-between;
    margin-top: 55px;

}
.index_pro2 .bd .swiper-slide .fl{
    width: 32%;
    height: 530px;

}
.index_pro2 .bd .swiper-slide .fr{
    width: 65%;
    display: flex;
    justify-content: flex-end;
    height: 530px;
}
.index_pro2 .bd .swiper-slide .fr a{
    display: flex;
    width: 100%;
    height: auto;
    justify-content: flex-end;
}
.index_pro2 .bd .swiper-slide .fr a img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.index_pro2 .bd .swiper-slide .fl .flSpan{
    font-family: DDINB;
	font-size: 48px;
	font-weight: normal;
	line-height: 29px;
	color: #d6001c;
}
.index_pro2 .swiper-slide .grayLine{
    width: 56px;
    height: 4px;
    background-color: #c1c0c0;
    margin: 30px 0;
   
}
#swiperTwo .fl .productTable {
    width: 100%;
}
#swiperTwo .fl .productTable table {
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 20px;
}
#swiperTwo .fl .productTable table tr:nth-child(2n+1) td:first-child {
    background-color: #f4f4f4;
}
#swiperTwo .fl .productTable table tr td:first-child {
    width: 30%;
    text-align: right;
    font-family: HLight;
    font-size: 14px;
    font-stretch: normal;
    color: #000;
    padding: 0 10px 0 0;
    line-height: 45px;
    border-bottom: 1px solid #fff;
    letter-spacing: 1px;
    border-right: 1px solid #fff;
    font-weight: bold;
}
#swiperTwo .fl .productTable table tr:nth-child(2n+1) td:last-child {
    background-color: #f4f4f4;
    color: #000;
    border-bottom: 1px solid #fff;
    height: 55px;
    box-sizing: border-box;
    padding: 0 10px;
}
#swiperTwo .fl .productTable table tr td:nth-child(2) {
    font-family: HLight;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #211d1d;
    padding: 0 0 0 5px;
    border-left: none;
    text-align: left;
    border-bottom: 0;
}
#swiperTwo .fl .productTable table tr td {
    line-height: 34px;
    vertical-align: middle;
}
#swiperTwo .fl .more,.videoDisplay .Videoleft .more{
    width: 156px;
    height: 42px;
    text-align: right;
    background-color: #e70012;
    border-radius: 21px 0px 21px 21px;
    margin-top: 20px;
}
.videoDisplay .Videoleft .more{
    margin-top: 50px;
}
#swiperTwo .fl .more a,.videoDisplay .Videoleft .more a {
    height: 100%;
    width: 100%;
    color: #fff;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 21px 0px 21px 21px;
}

.index_pro2 .proArrow {
    position: relative;
    top: -70px;
    height: 60px;
    z-index: 9999;
   
}
.proArrow .iconfont {
    width: 30px;
}
.proArrow .icon-jiantou_qiehuanyou:hover, .proArrow .icon-jiantou_qiehuanyou:hover,.proArrow .icon-jiantou_qiehuanzuo:hover, .proArrow .icon-jiantou_qiehuanzuo:hover{
    color: #d6001c;
}
.videoDisplay .videoBtn .icon-jiantou_qiehuanyou:hover,.videoDisplay .videoBtn .icon-jiantou_qiehuanzuo:hover{
    color: #d6001c;
}

 .barndSwiper .brandBtn .icon-jiantou_qiehuanzuo:hover,.proArrow .iconfont, .videoBtn .iconfont, .coBrand .brandBtn .iconfont {
    font-size: 74px;
    font-weight: bold;
    color: #666;
    cursor: pointer;
}
.videoDisplay .videoDisplayDe{
    display: flex;
}
.videoDisplay .Videoleft{
    width: 29%;
    height: 100%;
}
.videoDisplay .Videoleft .redC,.newsCenter .hd .redC{
    color: #e70012;
}
.videoDisplay .VideoRight{
    width: 70%;
    overflow: hidden;
}
.videoDisplay .videoBtn{
    width: 264px;
    margin-top: 60px;
}

.videoDisplay .videoSwiper .swiper-wrapper .swiper-slide {
    width: 253px;
    height: 378px;
}
.videoDisplay .videoSwiper .swiper-wrapper .swiper-slide ul li .box {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    box-shadow: 0px 2px 12px 9px rgba(0, 0, 0, .3);
    border-radius: 10px;
}
.videoDisplay .videoSwiper .swiper-wrapper .swiper-slide .box::before{
    background: url(/template/default/images/start2.png) no-repeat center center;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    z-index: 99;
}
.videoDisplay .videoSwiper .swiper-slide img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block;
    border-radius: 10px;
}
.videoDisplay .videoSwiper .swiper-wrapper .swiper-slide .box::after {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
}
.videoDisplay .swiper-slide{
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}
.videoDisplay .swiper-slide.swiper-slide-active {
    transform: scale(1);
}

.videoDisplay .videoSwiper .swiper-wrapper .swiper-slide .box::after {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
}
.videoDisplay .videoSwiper .swiper-wrapper .swiper-slide.swiper-slide-active .box::after {
    background: url(/template/default/images/start2.png) no-repeat center center;
}

/* 首页方案 */
.fangan {
    background: url(/template/default/images/beijing666.jpg) no-repeat center center;
    height: 307px;
}
.fanganDe{
    height: 100%;
}
.fangan .logo2{
    width: 100%;
    display: flex;
    height: 65px;
}
.fangan .logo2 .logoFr{
    font-family: HLight;
	font-size: 40px;
	font-weight: normal;
	line-height: 29px;
	color: #ffffff;
    line-height: 40px;
}
.fangan .nextLine{
    font-family: HarmonyM;
	font-size: 40px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 2px;
	color: #ffffff;
}
.fangan .nextLine .num{
    font-family: DDINB;
	font-size: 67px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 29px;
	color: #ffffff;
}
/*首页我们的客户 */
.coBrand{
    background-color: #f5f5f5;
    height: 100%;
}
.barndSwiper {
    width: 100%;
    height: 60%;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
}
.barndSwiper .brandSlide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: 100px;
    width: 190px !important;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-top: 15px !important;
}
.barndSwiper .brandSlide img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.barndSwiper .brandSwiperWrapper {
    display: flex;
    display: -webkit-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    height: 100%;
}
.coBrand .brandLeft{
    width: 40%;
}
.coBrand .brandRight{
    width: 58%;
    display: flex;
    justify-content: flex-end;
}
.brandAll{
    display: flex;
    align-items: flex-end;
}
.coBrand .brandBtn .iconfont:hover{
    color: #e70012;
}
/* 首页关于我们 */
.aboutUs{
    width: 100%;
    height: 750px;
    background: url(/template/default/images/aboutus2.jpg) no-repeat center/cover;
    background-size: contain;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
.aboutUs .fanganText .more a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
.aboutUs .fanganText .more .moreText {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
.aboutUs .fanganText .more {
    width: 132px;
    height: 41px;
    border: 2px solid #ccc;
    margin-top: 460px;
    text-align: center;
    vertical-align: middle;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.aboutUs .fanganText .more img {
    margin-left: 11px;
}

/* 首页新闻中心 */
.newsCenter{
    background-color: #fafafa;
}
.newsCenter .newsCenterDe .hd{
    display: flex;
    justify-content: space-between;
}
.newsCenter .newsCenterDe .bd .conWrap{
    width: 100%;
}
.newsCenter .newsCenterDe .bd .conWrap .swiper-container{
    width: 100%;
}

.newsCenter .topFl{
    width: 35%;
}
.newsCenter .topFr{
    width: 60%;
    display: flex;
    
}
.newsCenter .topFr .newsUl{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}
.newsCenter .topFr ul li {
    width: 25%;
    height: 40px;
    border-radius: 20px;
    float: left;
    border: solid 2px #e70012;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    margin-left: 60px;
    font-size: 20px;
}
.newsCenter .topFr  ul .on a {
    background-color: #e70012;
    color: #fff;
    font-weight: bold;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-family: HarmonyB;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    color: #333333;
    border-radius: 18px;
    color: #fff;
    
}




.newsCenter .bd .newsUl2{width:100%;display: flex;-webkit-display:flex;-ms-display:flex;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;
    flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;
    margin-top: 45px;
}
.newsCenter .bd .newsUl2 .newsLi2 img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    
}
.newsCenter .bd .newsUl2::after{content:"";flex: 1 0 auto;display: block;}    
.newsCenter .bd .newsUl2 li{flex:0 0 calc(100% / 4);border: 10px solid #fafafa;overflow: hidden;width: 24.5%;height:100%;margin-bottom: 20px;padding:5px;position: relative;box-sizing: border-box;}
.newsCenter .bd .newsUl2 .newsLi2 .pic{
    height: 312px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.newsCenter .bd .newsUl2 .newsLi2 .newsTitle{
    font-family: HarmonyB;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	color: #333333;
    margin-top: 10px;
}
.newsCenter .bd .newsUl2 .newsLi2 .wenzhang small,.newsCenter .bd .newsUl2 .newsLi2 .newsDate{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	color: #999999;
}
.newsCenter .bd .newsUl2 .newsLi2 .wenzhang {
    margin: 10px 0;
}

/* 网页底部 */
.footer{
    background-color: #252525;
   
}
.footer .footTop{
    height: 180px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    border-bottom: 1px solid #363636;
}
.footer .topLeft,.footer .topRight{
    width: 49%;
    display: flex;
    align-items: center;
}
.footer .topRight{
    justify-content: flex-end;
}
.footer .topRight .telImg{
    display: flex;
    align-items: center;
}
.footer .topRight .telImg .telnumber{
    font-family: HarmonyB;
	font-size: 30px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 1px;
	color: #ffffff;
    position: relative;
    left: -65px;
    margin-bottom: 10px;
} 
.footer .footCenter{
    padding: 60px 0;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
}
.footer .footCenter{
    display: flex;
    
}
.footer .footCenter .footerCenterLeft{
    width: 77%;
}
.footer .footCenter .footerCenterRight{
    width: 22%;
}
.footer .footCenter .footerCenterLeft .topDl dt{
    margin-bottom: 36px;
}
.footer .footCenter .footerCenterLeft .topDl:first-child{
    width: 35%;
}
.footer .footCenter .footerCenterLeft .topDl:first-child dd{
    width: 90%;
    display: flex;
    flex-wrap: wrap;
}
.footer .footCenter .footerCenterLeft .topDl:first-child dd a{
    width: 33%;

   
}
.footer .footCenter .footerCenterLeft .topDl:first-child dd a:last-child{
    width: 45%;
}
.footer .footCenter .footerCenterLeft .topDl:first-child dd h3{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #676767;
    margin-right: 46px;
}
.footer .footCenter .footerCenterLeft{
    display: flex;
}
.footer .footCenter .footerCenterLeft .topDl dt a h3{
	font-size: 20px;
	font-weight: normal;
	line-height: 29px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.6;
}
.footer .footCenter .footerCenterLeft .topDl{
    width: 17%;
}

.footer .footCenter .footerCenterLeft .topDl2 dd{
    display: flex;
    flex-direction: column;
}
.footer .footCenter .footerCenterLeft .topDl2 dd h3{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #676767;
    margin-bottom: 19px;
}
.footerCenterRight{
    display: flex;
}
.footerCenterRight img{
    width: 80%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.footerCenterRight  .leftCode,.footerCenterRight  .rightCode{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.footerCenterRight p{
    font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 29px;
	color: #ffffff;
	opacity: 0.6;
    text-align: center;
    width: 100%;
    letter-spacing: 3px;
}
.footerCenterRight .pic{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 15px;
}

.footer .lianxi{
    width: 100%;
    height: 105px;
    display: flex;
    border-top:1px solid #363636 ;
    border-bottom:1px solid #363636 ;
} 
.footer .lianxi .lianxi2{
    width: 33.3%;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.footer .lianxi .lianxi2 img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.footer .lianxi .lianxi2 .mailText{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #454545;
}
.copyrightAll,.copyrightAll a{
    height: 70px;
    line-height: 70px;
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #454545;
}
/* 关于瑞志内页 */
.aboutDetail{
    padding: 80px 0 80px 13%;
    box-sizing: border-box;
    margin: 0 auto;

}
.aboutContent{
    display: flex;
}
.aboutContent .aboutText .aboutTitle {
    font-family: Alima;
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 55px;
    color: #211d1d;
}
.aboutContent .aboutText .textOne {
    height: 47px;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #211d1d;
    margin-top: 38px;
}
.aboutContent .aboutText .aboutPic {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:40px 0 ;
}
.aboutContent .aboutText{
    width: 71%;
}
.aboutContent .aboutText .aboutPic  li:first-child{
   background:url(/template/default/images/keji.png) no-repeat center center;
}
.aboutContent .aboutText .aboutPic  li:nth-child(2){
    background:url(/template/default/images/zhizao22.png) no-repeat center center;
 }
 .aboutContent .aboutText .aboutPic  li:nth-child(3){
    background:url(/template/default/images/yinxiao22.png) no-repeat center center;
 }
.aboutContent .aboutText .aboutPic  li{
    width: 20%;
    height: 45px;
}
.aboutContent .aboutText .aboutPic  li {
    display: flex;
    justify-content: center;
    align-items: center;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #211d1d;
}
.aboutContent .aboutText .aboutPic  li:nth-child(3) span{
    margin-left: 10px;
}

.aboutContent .aboutText .jieshao div {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #211d1d;
    margin-bottom: 30px;
}
.aboutContentRight{
    width: 28%;
}
.aboutContent .aboutBiao{
    height: 100%;
}
.aboutContent .aboutBiao ul{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.aboutContent  .aboutBiao ul li:first-child {
    /* opacity: 0; */
}
.aboutContent .aboutBiao ul li:nth-child(2), .aboutContent .aboutBiao ul li:nth-child(3), .aboutContent .aboutBiao ul li:nth-child(6) {
    background-color: #f4f4f4;
}
.aboutContent .aboutBiao ul li {
    height: 33%;
    width: 45%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.aboutContent .aboutBiao ul li .aboutOne span {
    font-family: HarmonyB;
    font-size: 50px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #e70012;
}
.aboutContent .aboutBiao ul li .aboutTwo{
    font-family: HarmonyB;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 23px;
}
.aboutContent .aboutBiao ul li .aboutThree {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #999999;
    margin-top: 12px;
    padding: 0 10px;
    box-sizing: border-box;
}
.aboutContent .gongsiTitle{
    font-family: HarmonyB;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #333333;
}
.aboutContent .gongsiTitle span {
    font-family: HarmonyB;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #e70012;
}
.aboutContent .gongsiTitle .titleEn {
    margin-top: 20px;
    font-family: HarmonyB;
    font-size: 35px;
    font-weight: bold;
    font-style: italic;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #f5f5f5;
}

.fanan{
    height: 325px;
}
.fanan .fananPic{
    width: 100%;
    height: 261px;
    background: url(/template/default/images/fanan.jpg) no-repeat center center;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    flex-direction: column;
}
.fanan .fananPic span{
    margin-top: 42px;
    text-align: center;
    font-family: SourceBold;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: -1px;
    color: #ffffff;
}
.fanan .fananPic abbr {
    margin-top: 15px;
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 1px;
    color: #ffffff;
}
.fanan ul {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    padding: 0px;
    position: relative;
    top: -105px;
    height: 170px;
}
.fanan ul li{
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.fanan ul li:first-child{
    background-color:#eb001f;
}
.fanan ul li:last-child{
    background-color:#d6001c;
}
.fanan ul li b {
    font-family: DDINB;
    font-size: 60px;
    font-weight: bold;
    font-style: italic;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: -1px;
    color: #ffffff;
}
.fanan ul li p {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #ffffff;
    margin-top: 20px;
}
.fanan  ul li div{
    font-family: DDINB;
    font-style: italic;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #ffffff;
}
.history .redText {
    display: block;
    text-align: center;
    font-family: SourceBold;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #211d1d;
    margin: 26px 0;

}
.history .redText .red {
    color: #d6001c;
}
.history ul{
    height: 100%;

    margin: 0px;
    background-color: #f7f7f7;
    box-sizing: border-box;
    overflow: hidden;
}
.history  ul li {
    position: relative;
    margin-bottom: 56px;
    padding: 34px 0 0 286px;
}

.history ul li::before {
    content: '';
    width: 1px;
    height: calc(100% + 20px);
    background: linear-gradient(to bottom, transparent, #ecc7cc);
    display: block;
    position: absolute;
    left: 267px;
    top: 90px;
}
.history ul li span {
    position: absolute;
    left: 120px;
    font-family: D-DIN-Bold;
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: -1px;
    color: #211d1d;
}
.history ul li p {
    padding: 0px;
    margin: 0px;
    position: relative;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 30px;
    letter-spacing: 0px;
    color: #211d1d;
    top: 20px;
    left: 20px;
}
.history ul li:first-child .dian::after{
    width: 40px;
    height: 40px;
    background: url(/template/default/images/yuan.png);
    border-radius: 5px;
    content: '';
    display: block;
    position: absolute;
    left: 228px;
    top: 40px;
    z-index: 10;
}
.history ul li .dian{
    position: absolute;
    top: 20px;
    left: 20px;
}
.history ul li .dian::before{
    width: 8px;
    height: 8px;
    background: #c51b31;
    border-radius: 5px;
    content: '';
    display: block;
    position: absolute;
    left: 244px;
    top: 55px;
    z-index: 9;
}
/* 产品列表内页 */
.prolist{
    background-color: #fefcfc;
    padding:40px 0 ;
    box-sizing: border-box;
}
.prolist ul{
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.prolist ul li {
    flex: 0 0 calc(100% / 4);
    border: 10px solid #fefcfc;
    overflow: hidden;
    width: 22%;
    height: 350px;
    position: relative;
    box-sizing: border-box;
    background-color: #f2f2f2;
}
.prolist ul::after{content:"";flex: 1 0 auto;display: block;}   
.prolist ul li .img img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.prolist .card-item a {
    height: 100%;
    width: 100%;
    display: flex;
    /* display: -webkit-flex; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.prolist .card-item .img {
    height: 80%;
    max-width: 90%;
    display: flex;
    align-items: center;
    transition: all linear .3s;
}
.prolist .card-item:hover .img{
    transform: scale(1.1);
}
.prolist .card-item .text h2{
    font-size: 18px;
}
.page{
    width: 100%;
    float: left;
    text-align: center;
}
.page a {
    color: #333;
    margin: 2px;
    padding: 0 12px;
    line-height: 24px;
    display: inline-table;
}
.page .page-num-current {
    border: 1px solid #e70012;
    border-radius: 2px;
}
.prolist .page{
    margin-top: 40px;
}
/* 产品详情页 */
.proDe{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 60px 0;
    box-sizing: border-box;
}
.proDe .jianjie p iframe{
    height: 500px !important;
}
.proDe .jianjie p img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.proDe .proDeLeft{
    width: 70%;
}
.proDe .proDeLeft p{
    margin-top: 10px;
}
.proDe .proDeRight{
    width: 29%;
}
.proDe .proDeRight ul li img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.proDe .proDeRight .list2Title span {
    font-family: HarmonyB;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #211d1d;
    margin-left: 8px;
}
.proDe .proDeRight  ul li{
    width: 350px;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px;
}
.proDe .proDeRight  ul li a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #f2f2f2;
}
.proDe .proDeRight  ul{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}
.proDe .proName{
    font-family: D-DIN-Bold;
    font-size: 48px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #211d1d;
    display: block;
}
.proDe .more{
    margin-top: 23px;
}

.proDe .more a{
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
    margin-right: 27px;
}
.proDe .more a img {
    margin-right: 9px;
}
.proDe .slideTxtBox{
    margin-top: 43px;
}

.slideTxtBox .hd ul {
	width: 100%;
	display: flex;
	display: -webkit-flex; 
	justify-content: space-between;
	text-align: center;
}

.slideTxtBox .hd ul li.on::after {
	border-bottom: 15px solid #fff;
}

.slideTxtBox .hd ul li::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 0px solid #fff;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	transition: .3s;
}

.slideTxtBox .hd ul li.on {
	background-color: #d6001c;
	color: #fff;
	font-weight: bold;
}



.slideTxtBox .bd ul:nth-child(2) td:nth-child(1) {
	width: 31%;
	box-sizing: border-box;
	background-color: #d6001c;
	color: #fff;
	text-align: right;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #f6f6f6;
	padding-right: 14px;
	vertical-align: middle;
    border: 1px solid #fff;
}

.slideTxtBox .bd ul:nth-child(2) tr:nth-child(2n-1) td:nth-child(2),
.slideTxtBox .bd ul:nth-child(2) tr:nth-child(2n) td:nth-child(2),.slideTxtBox .bd ul:nth-child(2) tr:nth-child(2n-1) td:nth-child(3),.slideTxtBox .bd ul:nth-child(2) tr:nth-child(2n) td:nth-child(3) {
	padding-left: 23px;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #211d1d;
	background-color: #f6f6f6;
	line-height: 48px;
    border: 1px solid #fff;
}

 
.slideTxtBox .bd ul:nth-child(2) tr:nth-child(2n-1) td:nth-child(3) {
	padding-left: 23px;
	background-color: #cfcdcd;
}
.slideTxtBox .bd ul:nth-child(2) tr:nth-child(2n-1) td:nth-child(2) {
	padding-left: 23px;
	background-color: #cfcdcd;
}

.slideTxtBox .bd ul:nth-child(3) tr:nth-child(2n) {
	background-color: #cfcdcd;
}

.slideTxtBox .bd ul:nth-child(3) tr:nth-child(2n-1) {
	background-color: #f6f6f6;
}

.slideTxtBox .bd ul:nth-child(3) tr:nth-child(1) {
	background-color: #d6001c;
	color: #fff;
}

.slideTxtBox .bd ul:nth-child(3) tr td {
	height: 48px;
	line-height: 48px;
    border: 1px solid #fff;
}
.slideTxtBox .hd ul li {
	text-align: center;
	line-height: 60px;
	width: 33%;
	height: 60px;
	float: left;
	background-color: #f4f4f4;
	position: relative;
}
.slideTxtBox .bd ul p{
    font-size: 16px;
    color: #666;
}
/* 搜索页 */
.searchList{
    padding: 80px 0;
    box-sizing: border-box;
    background-color: #fefcfc;
}
.searchList .img img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.searchList .searchlistDe{
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
} 
.searchList .searchlistDe li{
    flex: 0 0 calc(100% / 4);
    border: 10px solid #fefcfc;
    overflow: hidden;
    width: 22%;
    height: 350px;
    position: relative;
    box-sizing: border-box;
    background-color: #f2f2f2;
}
.searchList .searchlistDe li a{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 100%;
}
.searchList .searchlistDe li a .text{
    font-size: 18px;
}
.searchList .searchlistDe::after {
    content: "";
    flex: 1 0 auto;
    display: block;
}
/* 客户视频详情页 */
.videolist{
    display: flex;
    justify-content: space-between;
}
 .videoListLeft{
    width: 23%;
    background: url(/template/default/images/videoLeft.png);
}
.videolist .videoListRight{
    width: 76%;
}
.videoListLeft ul li {
    height: 58px;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    padding-left: 45%;
}
.videoListLeft ul {
    height: 100%;
}
.videoListLeft ul h3 a{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 29px;
	color: #ffffff;
}

.videolist .videoListRight ul{
    overflow: hidden;
    padding: 0px 0 0 50px;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.videolist .videoListRight ul li{
    flex: 0 0 calc(70% / 3);
    border: 10px solid #fff;
    overflow: hidden;
    width: 30%;
    height: 378px;
    position: relative;
    box-sizing: border-box;
}
.videolist .videoListRight ul::after {
    content: "";
    flex: 1 0 auto;
    display: block;
}
.videolist .videoListRight ul li  a{
    height: 100%;
    width: 100%;
    border-radius: 20px;
    display:block;
}
.videolist .videoListRight ul li .box {
    height: 100%;
    width: 100%;
    border-radius: 20px;
}
.videolist .videoListRight ul li .box img{
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    border-radius: 20px;
}
.videolist .videoListRight ul li .box::before,.videolist .videoListRight ul li .box::after{
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
    border-radius: 20px;
}
.videolist .videoListRight ul li .box::before {
    background: url(/template/default/images/start2.png) no-repeat center center;
}
.videolist .videoListRight ul li .box::after {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
}
.videolist .videoListRight ul li:hover .box  img{
    transform: scale(1.1);
    transition: all 0.3s linear 0s;
}
.videolist .videoListRight ul li a:hover .box::after{
    background-image: none;
}
/* 视频播放页 */
.videoDetail{
    display: flex;
}
.videoDetail .newsxq{
    width: 76%;
    float: left;
    margin-left: 50px;
    margin-top: 50px;
}
.videoDetail .newsxq iframe {
    width: 100%;
    min-height: 695px;
}
/* 新闻详情页 */
.newsCenterList{
    padding:65px 0 ;
    box-sizing: border-box;
    background-color: #fafafa;
}
.newsCenterList .list ul{
    overflow: hidden;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}
.newsCenterList .list ul li{
    flex: 0 0 calc(100% / 4);
    border: 10px solid #fafafa;
    overflow: hidden;
    width: 24.5%;
    height: 378px;
    position: relative;
    box-sizing: border-box;
   

}
.newsCenterList .list ul li img{
    max-width: 100%;
    max-height: 90%;
    width: auto;
    height: auto;
}
.newsCenterList .list ul li a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 271px;
    background-color: #fff;
}
.newsCenterList .list ul::after {
    content: "";
    flex: 1 0 auto;
    display: block;
}
.newsCenterList .list .newsCenterTitle {
    font-family: HarmonyB;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #333333;
    margin-top: 10px;
}
.newsCenterList .list .newsCenterDate {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 29px;
    letter-spacing: 0px;
    color: #999999;
}
.newsCenterList blockquote small{
    color: #999999;
}
/* 新闻详情页 */
.newsDetail{
    height: 180px;
    background-color: #fafafa;
  
} 
.newsDetail .newsDetailTop{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.newsDetail .fl {
    width: 49%;
}
.newsDetail .fl .title{
    font-family: HarmonyB;
    font-size: 32px;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #211d1d;
}
.newsDetail .fl .date{
    font-size: 16px;
    font-weight: normal;
    color: #bebebe;
}
.newsDetail .fr{
    width: 49%;
    display: flex;
    justify-content: flex-end;
}
.newsContent{
    display: flex;
    justify-content: space-between;
    padding:26px 0 ;
    box-sizing: border-box;
}
.newsContent .newsLeft{
    width: 70%;
} 
.newsContent .newsRight{
    width: 26%;

}
.newsContent .newsRight .box{
    border: 1px solid #efefef;
    height: 130px;
    padding: 22px;
    box-sizing: border-box;
}
.newsContent .newsRight .box span{
    font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	color: #211d1d;
}
.newsContent .newsRight .box .title{
    font-family: HarmonyB;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #211d1d;
}
.newsContent .newsRight .next{
    margin-top: 30px;
}
.newsContent .newsRight .box .date{
    font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #bebebe;
}
/* 我们的客户详情页 */
.caselist{
    padding: 55px 0;
    box-sizing: border-box;
    background-color: #fefdfd;
}
.caselist .title{
    margin-top: 57px;

}
.caselist .title,.caselist span{
    font-family: HarmonyB;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #211d1d;
    text-align: center;
}
.caselist  span {
    color: #d6001c;
}
.caselist  p {
    width: 960px;
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    line-height: 30px;
    margin: 20px auto;
    text-align: center;
}
.caselistDe .list ul{
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.caselist .list ul li {
    flex: 0 0 calc(100% / 8);
    overflow: hidden;
    width: 24.5%;
    height: 150px;
    margin-bottom: 20px;
    padding: 5px;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
    border: 10px solid #fefdfd;
}
.caselist .list ul::after {
    content: "";
    flex: 1 0 auto;
    display: block;
}
.caselist .card-item a {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}
.caselist .card-item img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    background-color: #fff;
}
/* 荣誉详情页 */
.honorlist{
    background-color: #fdfcfc;
    padding: 60px 0;
    box-sizing: border-box;
} 
.honorlist .ulOne{
    width: 100%;
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
}
.honorlist .ulOne li{
    flex: 0 0 calc(100% / 4);
    overflow: hidden;
    width: 24.5%;
    height: auto;
    margin-bottom: 20px;
    padding: 5px;
    position: relative;
    box-sizing: border-box;
    border: 10px solid #fdfcfc;
    background-color: #fafafa;
}
.honorlist .ulOne::after {
    content: "";
    flex: 1 0 auto;
    display: block;
}
.honorlist .ulOne li .img {
    width: 100%;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;

}
.honorlist .ulOne li .img img{
    max-width: 80%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.honorlist .ulOne li .title{
    height: 65px;
    width: 100%;
    text-align: center;
    line-height: 65px;
    border-top: 2px solid #fff;
}
/* 联系我们详情页 */
.contactUs {
	background-color: #fefdfd;
	width: 100%;
	height: 100%;
	padding: 50px 0;
}
.contactUs .contactForm {
	height: 100%;
}


.contactUs .companyName {
	width: 400px;
	height: 40px;
	font-family: SourceHanSansCN-Bold;
	font-size: 40px;
	font-weight: bold;
	font-stretch: normal;
	line-height: 55px;
	letter-spacing: 0px;
	color: #211d1d;
}

.contactUs .comMsg {
	position: relative;
	display: flex;
	display: -webkit-flex; 
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.comMsg a{
	color: #666;
}

.contactUs .comMsg li {
	float: left;
	margin-right: 140px;
	width: 320px;
	display: flex;
	display: -webkit-flex; 
	align-items: center;
	margin-top: 35px;
}

.contactUs .comMsg li img {
	display: block;
	margin-right: 14px;
}

.contactUs .comMsg li a {
	box-sizing: border-box;
}



.contactUs .companyMsg {
	height: 300px;
}

.contactUs .gongsilist {
	height: 300px;
}

.contactUs .gongsilist ul li {
	width:49%;
	height: 156px;
	float: left;
	display: flex;
	display: -webkit-flex; 
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	background-color: #f2f2f2;
	margin-bottom: 19px;
	padding-left: 33px;
	box-sizing: border-box;
}

.contactUs .gongsilist ul li:nth-child(odd) {
	margin-right: 20px;

}

.contactUs .gongsilist ul li span {
	display: block;
	font-family: HarmonyB;
	font-size: 28px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #211d1d;
	margin-bottom: 23px;
}

.contactUs .gongsilist ul li abbr {
	display: flex;
	display: -webkit-flex; 
	align-items: center;

}

.contactUs .gongsilist ul li img {
	display: block;
	margin-right: 16px;
	margin-top: -10px;
}



.contactForm .title {
	text-align: center;
}
.contactForm .yanzhengma{
	margin: 2% 0;
}
.contactForm .yanzhengma input{
	width: 200px;
}

.contactForm  input{

	outline: none;
}
.contactForm textarea{
	outline: none;
}
.contactForm .title .titleOne span {
	font-family: SourceHanSansCN-Bold;
	font-size: 40px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #d6001c;
}

.contactForm .title .titleOne {
	font-family: SourceHanSansCN-Bold;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 0px;
	color: #211d1d;
	margin: 60px 0 26px 0;
}

.contactForm .title .titleTwo {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #211d1d;
}

.contactForm form {
	margin-top: 53px;
}

.contactForm form input {
	float: left;
	display: block;
	width: 45%;
	height: 56px;
	margin-right: 32px;
	margin-bottom: 30px;
	border-radius: 30px;
	border: solid 2px #dddddd;
	color: #211d1d;
	padding-left: 20px;
	box-sizing: border-box;
}

.contactForm form input:nth-child(even) {
	margin-right: 0px;
}

.contactForm form textarea {
	display: block;
	width: 92%;
	height: 233px;
	background-color: #ffffff;
	border-radius: 36px;
	border: solid 2px #dddddd;
	padding-left: 20px;
	padding-top: 30px;
	box-sizing: border-box;
	resize: none;
}

.contactForm form button {
	width: 183px;
	height: 57px;
	cursor: pointer;
	background-color: #d6001c;
	border-radius: 29px;
	border: none;
	font-family: SourceHanSansCN-Bold;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 60px;
	display: table;
}

/* 尺寸<1680 */
@media screen and (max-width:1680px){
    .w1400 {
        width: 100%;
    }
    .w1680{
        width: 100%;
        padding: 0 40px;
        box-sizing: border-box;
    }
    .sonBanner .sonBannerLeft li{
        width: 15%;
    }
}
/* 尺寸<1441 */
@media screen and (max-width:1441px){
  
    .header .header-center h3{
        font-size: 20px;
    }
    .header .header-center p{
        font-size: 20px;
    }
    .header .header-center{
        display: flex;
    }
    .header .header-right .header-bottom{
        font-size: 23px;
    }
    .banner .swiper-container .swiper-slide img{
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        object-fit: contain;
    }
    .banner{
        height: 600px;
    }
    .indexAll{
        padding: 75px 30px;

    }
    .titleEn2{
        font-size: 50px;
    }
    .w1680{
        width: 100%;
    }
    .aboutUs{
        height: 580px;
    }
    .aboutUs .fanganText .more{
        margin-top: 175px;
    }
    .footer .footCenter .footerCenterLeft .topDl:first-child{
        width: 45%;
    }
    .footer{
        box-sizing: border-box;
        padding: 0 30px;
    }
    .footerCenterRight .pic{
        height: 195px;
        width: auto;
    }
    .proDe,.prolist,.newsCenterList,.caselistDe,.honorlist,.contactUs,.searchList {
        padding:30px;
        box-sizing: border-box;
    }
    .videoDetail{
        padding: 0 30px;
        box-sizing: border-box;
    }
    .videolist{
        padding:0 30px;
        box-sizing: border-box;
    }
    .sonBanner2{
        padding:0 30px;
        box-sizing: border-box;
    }
    .aboutContent .aboutBiao ul li{
        width: 50%;
    }
    .proBannerDe, .VideoBannerDe, .newsBannerDe, .customerBannerDe, .honorBannerDe{
        padding-left: 60px;
        box-sizing: border-box;
    }
    .w1400{
        width: 100%;
    }
    .videolist .videoListRight ul li{
        height: 300px;
    }
    .aboutContent .aboutBiao ul li .aboutOne span{
        font-size: 40px;
    }
    .index_pro2 .proArrow{
        top: -25px;
    }
    .sonBanner .sonBannerLeft li{
        width: 20%;
        font-size: 15px;
    }
 
}
/* 尺寸<1367 */
@media screen and (max-width:1367px){
    .aboutUs{
        height: 543px;
    }
}

/* 尺寸<1201 */
@media screen and (max-width:1201px){
    .w1400{
        width: 100%;
    }
    .banner{
        height: 500px;
    }
    .hasMoreTab .hd .topLeft{
        width: 42%;
    }
    .index_pro2 .hasMoreTab .hd li{
        width: 160px;
    }
    .index_pro2 .hasMoreTab .hd a{
        font-size: 16px;
    }
    .aboutUs .fanganText .more{
        margin-top: 0px;
    }
    .aboutUs{
        height: 480px;
    }
    .newsCenter .topFr ul .on a{
        font-size: 16px;
    }
    .newsCenter .topFr ul li{
        font-size: 16px;
    }
    .newsCenter .bd .newsUl2 li{
        flex: 0 0 calc(100% / 3);
    }
    .footer .footCenter .footerCenterLeft .topDl:first-child{
        width: 55%;
    }
    /* .footerCenterRight img{
        height: 135px;
    } */
    .footerCenterRight .pic{
        height: 150px;
        width: auto;
    }
    .header .logo a img{
        max-width: 100%;
    }
    .header .header-right .header-bottom span{
        margin-left: 10px;
    }
    .header .header-right .header-bottom span{
        font-size: 19px;
    }
    .header .header-center h3{
        margin-right: 0px;
    }
    .header .header-center h3,.header .header-center p{
        font-size: 16px;
    }
    .nav ul li{
        width: 130px;;
    }
    .videolist .videoListRight ul li{
        height: 248px;
    }
    .proBanner .proPic{
        left: 40%;
    }
  
}
@media screen and (max-width:1000px){
    .sonBanner .sonBannerLeft li{
        width: 125px;
        font-size: 14px;
    }
}