@charset "utf-8";
/* CSS Document */
html{font-size:1px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.05208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"Montserrat","微软雅黑", Arial;
	font-size:16px;
	line-height:1.5;
	color:#222222;
	max-width:1920px;
	width: 90%;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
}
a {
	color:#222222;
	text-decoration:none;
}
a:hover {
	color:var(--linkColor);
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both; width:0px; height:0px;
}
.container {
	width: 90%;
	max-width:1600px;
	margin:0px auto;
	height:auto;

}

* {
	box-sizing: border-box;
}

.main{ overflow:hidden;}
.tpleft{ float:left;}
.tpright{ float:right;}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }
  :root{
	--linkColor:#7148a6;   
   }

   
/* 首页 */
.top_one{
	height: 174rem;
	padding: 34rem 70rem;
	align-items: flex-end;
}
.logo img{ height: 105rem; width: auto; }
.top_one .menu{ margin-bottom: 14rem;}
.top_one .menu a{ color: #7f7f7f; display: inline-block; line-height: 1; padding: 0rem 45rem; font-size: 30rem; position: relative;}
.top_one .menu a:before{
	 content: ""; position: absolute; right: 0px;top: 0px; width: 1px; height: 100%; background-color: #7f7f7f;
}
.top_one .menu a:hover{ color: var(--linkColor);}
.top_one .menu a:last-child:before{ display: none;}
.top_two{ background-color: #7148a6; border-radius: 10rem; overflow: hidden;}
.top_two ul li{ flex:1; display: flex; align-items: center; justify-content: center; height: 184rem;position: relative;}
.top_two ul li a{ color: #fff; font-size: 26rem; text-align: center; line-height: 1; display: flex;  justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; padding: 30rem 0rem; position: relative; z-index: 4; }
.top_two ul li a img{ height: 76rem; max-width: 91rem; margin-bottom: 20rem; display: inline-block;}
.top_two ul li a .tit{ display: block;width: 100%;}
.top_two ul li:before{display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
	transform: scale(.8);
    background-color: #4b237f; content: ""; transition: all .3s;}
.top_two ul li:hover:before{opacity: 1;transform: scale(1);}
.banner{ position: relative; z-index: 10; width: 100%;}
.banner ul li{ position: relative;}
.banner ul li img{ width: 100%;}
.banner .swiper-pagination-bullet-active{background-color: var(--linkColor);}
.part_1{ align-items: stretch;}
.part_1 .tea_right{ width: 34.5%;}
.part_1 .index_tearn{ flex:1; overflow: hidden;}
.part_1 .index_tearn ul{ flex-wrap: wrap; align-items: stretch;}
.part_1 .index_tearn ul li{width: calc(100% / 3);}
.part_1 .index_tearn ul li img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
 .part_1 .tea_right{ background-color: #ccc; padding: 88rem 56rem;}
 .part_1 .tea_right .search_1{ background-color: #fff; border-radius: 10rem; height: 70rem; padding: 0rem 19rem; margin-bottom: 50rem;}
 .part_1 .tea_right .search_1 .btn{ border: 0px; background: none; margin-right: 35rem;}
.part_1 .tea_right .search_1 .btn img{ width: 43rem; height: auto;}
.part_1 .tea_right .search_1 .formbit{ flex:1; height: 60rem; border: 0px; outline: none; line-height: normal; font-size: 34rem; overflow: hidden;}
.part_1 .tea_right .search_1 .formbit::-webkit-input-placeholder {
color:#b1b1b1;
}
.part_1 .tea_right .txt{ font-size: 24rem; padding-left: 14rem; margin-bottom: 18rem;}
.department ul{ display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3rem;
align-items: stretch;}
.department ul li{ display: flex; align-items: center; justify-content: center; background-color: #fff; height: 80rem;}
.department ul li a{display: flex; align-items: center; gap: 13rem; color: #9f9f9f; font-size: 22rem;}
.department ul li a img{ width: 66rem; height: auto;}
footer{ width: 95%; margin: 0px auto; color: #5b5b5b; padding-bottom: 68rem;}
footer .f_tit{ font-size: 34rem; text-align: center; line-height: 1; padding-top: 44rem; padding-bottom: 25rem; border-bottom: 2rem #454545 solid; margin-bottom: 60rem; color: #353535;}
footer .f_adr{ width: 98%; margin: 0px auto 86rem; display: flex; align-items: stretch; gap: 27rem;}
footer .f_adr .box1{ width: 26.9%;}
footer .f_adr .box2{ width: 35.6%;}
footer .f_adr .box1 img{ width: 100%; height: 100%;}
footer .f_adr .box2 img{ width: 100%; height: 100%;}
footer .f_adr .box3{ flex:1; display: flex; flex-direction: column; align-items: center; color: #1b1b1b; justify-content: center; margin-left: 1%;}
footer .f_adr .box3 .txt{ font-size: 34rem; font-weight: 600; line-height: 1; padding-bottom: 15rem; border-bottom: 2rem #969696 solid; width: 100%;}
footer .f_adr .box3 dl dd{ padding: 34rem 0rem 5rem;}
footer .f_adr .box3 dl{ width: 100%;}
footer .f_adr .box3 dl dd{ display: flex;align-items: flex-start; font-size: 29rem;}
footer .f_adr .box3 dl dd img{ width: 33rem; height: auto; margin-right: 2px;}
footer .f_adr .box3 dl dd .content{ flex:1;}
footer .f_adr .box3 dl dd .tel{ color: #6c3fa7; font-weight: 600; font-weight: 600;}
.f_menu ul{ display: flex; align-items: stretch;}
.f_menu ul li{ flex:1; text-align: center;}
.f_menu ul li .title{ font-weight: bold; font-size: 36rem; margin-bottom: 20rem;}
.f_menu ul li dl dd{ font-size: 32rem;}
.f_menu ul li dl dd a{color: #5b5b5b; display: block; line-height: 1.7;}
.f_menu ul li dl dd a:hover{ color: var(--linkColor);}

.f_end li { float: left; width: 220px; margin: 0 80px 0 80px;}
.f_endtp { background: url(../images/f_menu_03.png) no-repeat center top; }
.f_endtp:hover { background: url(../images/f_menu2_03.png) no-repeat center top; }
.f_endsiz { color: #787a81; font-size: 24px; text-align: center; margin-top: 70px;}
.f_end li a:hover { color: #fe3509;}
.f_end li a:hover a { color: #fe3509;}
.f_endjs {color: #787a81; font-size: 18px; line-height: 30px; padding-top: 10px;}
.f_endtp2 { background: url(../images/f_menu_05.png) no-repeat center top; }
.f_endtp2:hover { background: url(../images/f_menu2_05.png) no-repeat center top; }
.f_endtp3 { background: url(../images/f_menu_07.png) no-repeat center top; }
.f_endtp3:hover { background: url(../images/f_menu2_07.png) no-repeat center top; }
.f_endtp4 { background: url(../images/f_menu_09.png) no-repeat center top; }
.f_endtp4:hover { background: url(../images/f_menu2_09.png) no-repeat center top; }
.end_bg { background: #e1e1e1; padding: 27px 0 20px 0; width: 100%; margin-top: 40px; color: #666; text-align: center; line-height: 26px;}


.top_two.no2{ background-color: #fff; border-top: 1px #727272 solid; border-radius: 0px;}
.top_two.no2 ul li a{ color: var(--linkColor);}
.main{ width: 95%; margin: 0px auto; padding: 43rem 0rem;}
.main_bt{ color: var(--linkColor); padding-left: 29rem; font-size: 29rem; letter-spacing: 1px; gap: 20rem; margin-bottom: 23rem;}
.main_bt .eng{text-transform: uppercase; font-size: 18rem; letter-spacing: 0px;}
.brand_box{ gap: 80rem; align-items: flex-start;}
.brand_box .tab-content{font-size: 28rem;}
.brand_box .br_band{ width: 340rem;}
.brand_box .br_band ul li{ border-bottom: 1px #8c8c8c dashed; text-align: center;}
.brand_box .br_band ul li a{ font-size: 41rem; text-align: center; line-height: 3; color: #808080;}
.brand_box .br_band ul li.active a,
.brand_box .br_band ul li a:hover{ color: var(--linkColor);}
.brand_box .br_left{ flex:1; overflow: hidden;}
.top_two.no2 ul li .img2{ display: none;}
.top_two.no2 ul li:hover .img2{ display: block;}
.top_two.no2 ul li:hover .img1{ display: none;}
.top_two.no2 ul li:hover a{ color: #fff;}
.about_box{ background-image: url(../images/aboutbg.jpg); background-repeat: no-repeat; background-size: cover; padding: 90rem 73rem;}
.about_box ul li{ flex:1; overflow: hidden; text-align: center;}
.about_box ul li a .photo{ width: 100%; border-top: 6rem #a638e9 solid;border-bottom: 6rem #a638e9 solid;}
.about_box ul li a .photo img{ height: 211rem;object-fit: cover;
 object-position: center center; width: 100%;}
.about_box ul li a .content{font-weight: 600; margin-top: 40rem; }
.about_box ul li a .content .tit{ font-size: 33rem;}
.about_box ul li a .content .desc{ font-size: 20rem; line-height: 1.2;}
.about_box ul li a .icon{ margin: 3px 0px 5px;}
.about_box ul li a .icon img{ height: 45rem; width: auto;}
.about_box ul li:nth-child(1) a .photo{border-left: 6rem #a638e9 solid;}
.about_box ul li:last-child a .photo{border-right: 6rem #a638e9 solid;}
.about_box .about_tit{ text-align: center; margin-bottom: 52rem;}
.about_box .about_tit .txt img{ height: 102rem; width: auto;}
.about_box .about_tit .lab{ background-color: #7148a6; color: #fff; font-size: 24rem; display: inline-block; border-radius: 25rem; padding:7rem 17rem 11rem; letter-spacing: 2px; margin-top: 15rem; line-height: 1;}
.copyright{text-align: center; font-size: 32rem;}
.tab-contents .tab-content{display: none;}
.tab-contents .tab-content:nth-child(1){display: block;}
@media screen and (max-width: 1450px) {
	
	
}