/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;font-family: normal;font-weight: normal;}
body{ font-size:14px;color:#111;overflow-x: hidden;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}
*{box-sizing: border-box;}
input,select,textarea{outline: none;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{
	width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
	box-sizing: border-box;
}
@media only screen and (min-width: 1200px){
	.wapper{
		width: 80%;
		margin: 0 auto;
	}
}
@media only screen and (min-width: 1500px){
	.wapper1{
		width: 1500px;
		margin: 0 auto;
	}
}

/* 轮播图通用 */
.swiper {width: 100%;height: 100%;}
.swiper-slide
{
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: 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;
}
.swiper-slide img{
	width: 100%;
}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}



/* top */
.topbox{width: 100%;margin: 0 auto;}
.top{width: 100%;margin: 0 auto;padding: 15px 0;display: flex;}
.top .logo{display: flex;align-items: center;justify-content: center;width: 100%;font-size: 0;}
.top .logo img{max-width: 100%;width: auto;}
.top a{white-space: nowrap;font-size: 16px;color: #333;}


/* 导航 */
.headerbox{
	width: 100%;
	margin:  0 auto;
	background-color: #e20a17;
	padding: 5px 0;
}
.headerbox .header{
	display: flex;justify-content: space-between;align-items: center;
}
.headerbox .header .menu ul li{
	position: relative;
	display: inline-block;
}
.headerbox .header .menu ul li a{
	font-size: 16px;
    font-weight: 600;
    line-height: 1;
    padding: 10px 25px;
    color: #fff;
    display: flex;
    position: relative;
    text-decoration: none;
}
.headerbox .header .menu ul li a i{padding-left: 5px;}
.headerbox .header .menu ul li:hover>a{
	background-color: #ce0003;
}
.headerbox .header .menu ul li.curr a{
	background-color: #ce0003;
}
.headerbox .header .menu ul li .sub_menu{
	max-width: 220px;
	min-width: 100px;
	width: 200%;
    position: absolute;
    top: 80%;
    left: 0;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
    transition: all 400ms ease;
	padding: 12px 0;
	box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 32%);
	border-radius: 4px;
}
.headerbox .header .menu ul li:hover > dl {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.headerbox .header .menu ul li dd {
    position: relative;
    display: block;
	text-align: left;
}
.headerbox .header .menu dl dd>.three_menu{
	min-width: 100%;
    position: absolute;
    left: 100%;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    background: white;
	padding: 12px 0;
	box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 32%);
    transition: all 400ms ease;
	border-radius: 4px;
}
.headerbox .header .menu dl dd:hover>.three_menu {
    opacity: 1;
    visibility: visible;
    top: 0px;
}
.headerbox .header .menu ul li .sub_menu dd a i{position: absolute;top: 50%;transform: translateY(-50%);right: 20px;font-size: 18px;}
.headerbox .header .menu ul li dl dd a {
    font-size: 14px;
    line-height: 28px;
    font-weight: 500;
    color: #333;
	padding: 0;
    text-align: left;
    display: block;
    position: relative;
    text-decoration: none;
    outline: none;
	padding: 0 20px;
    text-transform: none;
    transition: all 400ms ease;
}
.headerbox .header .menu ul li dl dd:hover>a{
    color: #ff6a00;
    text-decoration: underline;
	background-color: #fafafa;
}


/* search */
.search{background: #fff;border-radius: 50px;overflow: hidden;min-width: 200px;}
.search form{width: 100%;display: flex;align-items: center;padding: 6px 0;}
.search form input{width: 80%;padding-left: 15px;}
.search form button{width: 20%;background-color: #fff;cursor: pointer;}




/*mMenu*/
.m_header{width: 100%;}
.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;z-index:999;width:100%;display: none;top: 0;}
.sp_logo{float:left;height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
/* 横杠 */
.sp_nav 
span{display:block;background:#000000;width:30px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:#fff;width:100%;height:calc(100% - 70px);font-size:14px;line-height:40px;top:70px;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;transition:all ease 0.35s}
.nav_show{display: block;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-bottom: 1px dashed #ddd;;position:relative;line-height:45px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom: 1px dashed #ddd;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #000000;}
.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}



/* banner */
.bannerbox{
	width: 100%;
}
.bannerbox .mySwiper1{
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a{
	display: block;
	font-size: 0;
	width: 100%;
}
.bannerbox .mySwiper1 .swiper-slide a img{
	width: 100%;
}
.bannerbox .mySwiper1 .prev_btn{
	font-size: 20px;
	position: absolute;
	top: 50%;
	z-index: 9;
	left: 0;
	line-height: 50px;
	height: 50px;
	width: 30px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background: rgba(0,0,0,.1);
}
.bannerbox .mySwiper1 .next_btn{
	font-size: 20px;
	position: absolute;
	top: 50%;
	z-index: 9;
	right: 0;
	line-height: 50px;
	height: 50px;
	width: 30px;
	text-align: center;
	margin-top: -25px;
	vertical-align: middle;
	cursor: pointer;
	color: white;
	background: rgba(0,0,0,.1);
}

.bannerbox .mySwiper1 .swiper-pagination-bullet {
    background: #ff6a00;
}



/* footer */
.footerbox{width: 100%;margin: 0 auto;}
.footer{width: 100%;margin: 0 auto;}
.f_top{width: 100%;margin: 0 auto;}
.f_menu{width: 100%;margin: 0 auto;padding: 40px 0;background-color: #fff;}
.f_menu ul{display: flex;flex-wrap: wrap;}
.f_menu ul li{width: 20%;padding: 0 20px;margin-bottom: 30px;}
.f_menu ul li h3{font-size: 16px;color: #222;margin-bottom: 20px;font-weight: 600;}
.f_menu ul li dl dd{margin-bottom: 20px;}
.f_menu ul li  dl dd a{font-size: 14px;color: #222;}

.f_center{width: 100%;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-bottom: 40px;}
.f_c_left{}
.f_c_left ul{display: flex;align-items: center;gap: 24px;}
.f_c_left ul li{}
.f_c_left ul li a{display: block;}
.f_c_left ul li a img{height: 28px;}

.f_c_right{display: flex;align-items: center;gap: 24px;}
.f_c_right p{font-size: 14px;color: #222;}
.f_c_right p a{text-decoration: underline;font-weight: 600;color: #222;}
.f_c_right img{height: 40px;}


.f_bottom{width: 100%;padding: 20px 30px;background-color: #f4f4f4;color: #666;display: flex;flex-wrap: wrap;gap: 12px;}
.f_list{width: 100%;}
.f_list ul{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.f_list ul li{position: relative;}
.f_list ul li:after{padding-right: 6px;content: "|";}
.f_list1 ul li:after{padding-right: 6px;content: "·";}
.f_list ul li:last-child:after{padding-right: 0px;content: "";}


.f_p{display: flex;align-items: center;justify-content: center;gap: 20px;width: 100%;}
.f_p p{font-size: 14px;color: #666;}
.f_p p img{height: 20px;}



/* 通用内页 */
.inbannerbox{
	width: 100%;
	margin: 0 auto;
}



.insidebox{
	width: 100%;
	margin: 0 auto;
}
.insidebox .inside{
	width: 100%;
	padding: 50px 0;
	box-sizing: border-box;
}



/* 侧边固定 */
.slide{position: fixed;right: 10px;top: 50%;padding: 16px 4px;background-color: #fff;transform: translateY(-50%);box-shadow: 0 2px 10px #0000001a;width: 70px;border-radius: 4px;}
.slide ul li{width: 100%;padding: 10px 0;}
.slide ul li a{display: block;width: 100%;}
.slide ul li a .imgbox{width: 100%;font-size: 0;display: flex;align-items: center;justify-content: center;}
.slide ul li a .imgbox img{max-width: 100%;width: auto;}
.slide ul li a .textbox{text-align: center;}
.slide ul li a .textbox p{font-size: 12px;color: #666;}
.slide ul li:hover a .textbox p{color: #FF7900;}
.slide ul li:hover{background-color: #fff0e5;}

.pd50{padding: 50px 0;}
.main_title{width: 100%;}
.main_title h1{position: relative;text-align: center;font-size: 50px;font-weight: bold;padding-bottom: 10px;}
.main_title h1:after{content: "";left: 50%;bottom: 0;width: 40%;height: 1px;background-color: #666;position: absolute;transform: translateX(-50%);}
.main_title h1:before{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -2px;height: 5px;width: 60px;background-color: #e20a17;z-index: 1;}

.main_title1 h1{color: #fff;}

/* index1 */
.index1box{width: 100%;margin: 0 auto;}
.index1{width: 100%;margin: 0 auto;}
.index1_content{margin-top: 40px;}
.index1_content ul{display: flex;flex-wrap: wrap;}
.index1_content ul li{width: 33.33%;padding: 0 10px;margin-bottom: 10px;}
.index1_content ul li a{display: block;width: 100%;border: 1px solid #ddd;border-radius: 10px;overflow: hidden;}
.index1_content ul li a .imgbox{width: 100%;font-size: 0;}
.index1_content ul li a .imgbox img{width: 100%;}
.index1_content ul li a .textbox{padding: 10px;background-color: #01072c;text-align: center;}
.index1_content ul li a .textbox h3{color: #fff;font-size: 27px;font-weight: bold;margin-bottom: 10px;}
.index1_content ul li a .textbox span{display: inline-block;text-align: center;border: 2px solid #fff;padding: 5px 10px;box-sizing: border-box;font-size: 14px;color: #fff;}



/* index2 */
.index2box{width: 100%;margin: 0 auto;}
.index2box img{width: 100%;}


/* index3 */
.index3box{width: 100%;margin: 0 auto;min-height: 800px;background-repeat: no-repeat;background-size: cover;}
.index3{width: 100%;margin: 0 auto;}

.index3 .desc{
	margin-top: 40px;
}
.index3 .desc p{
	font-size: 20px;color: #fff;line-height: 30px;letter-spacing: 1px;
}



/* number */
.numberbox{margin-top: -190px;width: 100%;}
.number{width: 100%;margin: 0 auto;background-color: rgb(0, 0, 0,0.5);padding: 50px 70px;}
.number ul{display: flex;flex-wrap: wrap;}
.number ul li{width: 25%;padding: 0 20px;box-sizing: border-box;color: #fff;text-align: center;}
.number ul li h1{font-size: 65px;font-weight: bold;margin-bottom: 10px;}
.number ul li h3{font-size: 25px;font-weight: bold;}



/* index4 */
.index4box{width: 100%;margin: 0 auto;}
.index4{width: 100%;margin: 0 auto;}
.index4_content{margin-top: 40px;}
.index4_content ul{display: flex;flex-wrap: wrap;}
.index4_content ul li{width: 25%;padding: 0 10px;box-sizing: border-box;margin-bottom: 10px;}
.index4_content ul li a{width: 100%;display: block;}
.index4_content ul li a img{width: 100%;height: 250px;object-fit: cover;}


/* index5 */
.index5box{background-color: #f7f7f7;width: 100%;margin: 0 auto;}
.index5{width: 100%;margin: 0 auto;}
.index5_content{margin-top: 40px;}
.index5_content img{width: 100%;}



/* index6 */
.index6box{width: 100%;margin: 0 auto;}
.index6{width: 100%;margin: 0 auto;}
.index6_content{width: 100%;margin: 0 auto;margin-top: 40px;}
.index6_content ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.index6_content ul li{width: 49%;margin-bottom: 10px;}
.index6_content ul li a{display: block;width: 100%;}
.index6_content ul li a img{width: 100%;}


.flex{display: flex;align-items: center;justify-content: center;width: 100%;}
/* index7 */
.index7box{width: 100%;margin: 0 auto;}
.index7{width: 100%;margin: 0 auto;}
.index7_title{width: 100%;text-align: center;}
.index7_title h1{font-size: 70px;font-weight: bold;background: linear-gradient(to bottom, #e8e8e8, transparent); -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.index7_title h3{font-size: 50px;font-weight: bold;color: #000;margin-bottom: 10px;margin-top: -50px;}
.index7_title {font-size: 14px;color: #666;}


.index7_content{width: 100%;margin: 0 auto;margin-top: 40px;}
.index7_content ul{display: flex;flex-wrap: wrap;justify-content: center;}
.index7_content ul li{margin-bottom: 10px;margin-right: 40px;}
.index7_content ul li:last-child{margin-right: 0;}
.index7_content ul li .imgbox{width: 200px;border: 1px solid #efefef;display: flex;align-items: center;justify-content: center;border-radius: 50%;height: 200px;position: relative;}
.index7_content ul li .imgbox:after{content: "";position: absolute;left: 50%;top: 50%;width: 110%;height: 110%;border: 1px solid #ddd;border-radius: 50%;transform: translate(-50%,-50%);}
.index7_content ul li .imgbox img{max-width: 100%;width: 100%;/*height: 100%;object-fit: cover;border-radius: 50% ;*/}
.index7_content ul li .textbox{padding: 10px 0;text-align: center;margin-top: 15px;}
.index7_content ul li .textbox h3{font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.index7_content ul li .textbox a{display: inline-block;color: #fff;background-color: #ce0003;padding: 5px 12px;border-radius: 50px;}



/* index8 */
.index8box{width: 100%;margin: 0 auto;background-color: #13204e;}
.index8{width: 100%;margin: 0 auto;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.index8 h1{font-size: 60px;color: #fff;font-weight: bold;}
.index8 .index8_center{padding: 0 30px;}
.index8 .index8_center h3{font-size: 35px;font-weight: bold;margin-bottom: 10px;color: #fff;}
.index8 .index8_center p{font-size: 16px;color: #fff;}
.index8 .index8_btn{display: flex;padding: 5px 15px;background-color: #fff;text-align: center;align-items: center;border-radius: 50px;}
.index8 .index8_btn img{max-width: 100%;width:auto;padding-right: 10px;}
.index8 .index8_btn span{color: #e20a17;font-size: 20px;}



/* index9 */
.index9box{width: 100%;margin:0 auto;}
.index9{width: 100%;margin:0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;border: 1px solid #dbe3ef;}
.index9_tab{width: 20%;background: #f7f8fa;}
.index9_box{width: 80%;}
.index9_tab ul li{width: 100%;height: 80px;padding: 20px;border-top: 1px solid #dbe3ef;text-align: center;cursor: pointer;border-right: 1px solid #dbe3ef;}
.index9_tab ul li:first-child{border-top: 0;}
.index9_tab ul li a{font-size: 14px;color: #333;}
.index9_tab ul li.on{background-color: #fff;border-right: 1px solid transparent;}

.index9_box ul li{width: 100%;padding: 20px;}




/* index10 */
.index10box{width: 100%;margin:0 auto;}
.index10{width: 100%;margin:0 auto;}
.index10 ul li{width: 100%;margin-bottom: 20px;}
.index10 ul li a{width: 100%;display: block;font-size: 0;}
.index10 ul li img{width: 100%;}




/* message */
.messagebox{width: 100%;margin: 0 auto;}
.message{border: 1px solid #efefef;width: 100%;margin: 0 auto;padding: 30px 0;text-align: center;}

.message h3{font-size: 16px;color: #000;text-align: center;margin-bottom: 25px;font-weight: bold;}
.message form{width: 100%;}
.message .item{display: flex;margin: 0 auto;width: 70%;flex-wrap: wrap;margin-bottom: 15px;}
.message .item label{font-size: 14px;color: #666;width: 25%;text-align: right;}
.message .item input{width: 74%;border: 0;padding: 5px;margin-left: 1%;}
.message .item label span{color: #ce0003;margin-right: 5px;}
.message .item textarea{border: 1px solid #efefef;width: 74%;padding: 5px;margin-left: 1%;}
.message input[type="checkbox"]:checked {
	background: #FF7900;
	color: #fff;
	border-color: #FF7900;
}


.message input[type="checkbox"] {
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: 0;
	background: transparent;
	height: 16px;
	width: 16px;
	border: 1px solid #333;
	color: #fff;box-sizing: border-box;
}

.message input[type="checkbox"]:after {
	content: ' ';
    position: relative;
    left: 38%;
    top: 20%;
    width: 28%;
    height: 50%;
    border: solid #fff;
    border-width: 0px 2px 2px 0px;
    transform: rotate(40deg);
	display: none;
}

.message input[type="checkbox"]:checked:after {
	display: block;
}

.message button{
	display: inline-block;
    font-size: 14px;
    height: 28px;
    line-height: 26px;
    margin: 0;
    padding: 0 24px;
	background-color: #ff6a00;
	color: #fff;
	margin-left: 1%;
	border-radius: 100px;
}
.message button:hover{background-color:#e35300;}

.message .item1{display: flex;margin: 0 auto;width: 70%;flex-wrap: wrap;margin-bottom: 15px;}
.message .item1 label{width: 25%;}
.message .item1 .item1_la{width: 74% !important;margin-left: 1%;text-align: left;display: flex;align-items: center;font-size: 12px;}
.message .item1 .item1_la input{margin-right: 5px;}



/* 公司档案 */
.pfixed{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;}

.profilebox{width: 100%;margin: 0 auto;background-color: #f5f5f5;}
.profile{width: 100%;margin: 0 auto;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.profile_left{width: 20%;}
.profile_left .nav-wrap{background: #fff;border-radius: 8px;box-shadow: 2px 4px 8px 0 rgb(0 0 0 / 5%);}
.profile_right{width: 78%;}
.profile_left.active .nav-wrap{position: fixed;top: 0;}


.profile_left ul li{width: 100%;}
.profile_left ul li .tab-item.active{color: #f60;border-color: #f60;}
.profile_left ul li .tab-item{
	border-left: 4px solid transparent;
	cursor: pointer;
	font-size: 14px;
	line-height: 20px;
	padding: 12px 20px;
	color: #333;
}
.profile_left ul li .tab-item{display: flex;align-items: center;}
.profile_left ul li .tab-item i img{max-width: 100%;width: auto;filter: brightness(0%) contrast(200%) invert(0%) opacity(100%);}
.profile_left ul li .tab-item i{margin-left: 5px;}
.profile_left ul li .tab-item:hover{background-color: #f6f6f6;color: #f60;}
.profile_left ul li .tab-item:hover i img{filter: none;}
.profile_left ul li .tab-item.active i img{filter: none;}

.file_right_top{padding: 20px;background-color: #fff;border-radius: 8px;display: flex;align-items: center;justify-content: space-between;margin-bottom: 15px;flex-wrap: wrap;}
.top_l{display: flex;align-items: center;}
.top_l p{font-size: 16px;color: #333;}
.file_right_top .a1{margin-right: 8px;min-width: 50px;background-color: #f5f5f5;text-align: center;border-radius: 20px;}
.file_right_top .a1 span{font-size: 16px;color: #333;}
.file_right_top .a1 span:nth-child(2){font-size: 12px;}

.top_r{display: flex;align-items: center;}
.top_r .a2{display: flex;align-items: center;margin-right: 10px;}
.top_r .a2 img{max-width: 100%;width: auto;}
.top_r .a2 span{font-size: 14px;color: #666;}

.top_r .r_btn{background-color: #ff6a00;color: #fff;font-size: 14px;height: 28px;line-height: 26px;margin: 0;padding: 0 24px;border-radius: 100px;transition: all .3s ease-out;}
.top_r .r_btn:hover{background-color: #e35300;}

#file1{padding: 20px;overflow: hidden;}
#file1,#file2,#file3,#file4{background-color: #fff;margin-bottom: 15px;border-radius: 10px;overflow: hidden;}
#file1 .content,#file2 .content,#file3 .content,#file4 .content{
	padding: 20px;
	
}


#file1 h3{font-size: 16px;margin-bottom: 16px;color: #333;font-weight: 700;}
#file1 .p{display: flex;align-items: center;color: #666;font-size: 14px;margin-bottom: 16px;}
#file1 .p span{font-size: 14px;color: #c9c9c9;}
#file1 .p img{margin-left: 5px;}



.file_title{line-height: 21px;overflow: hidden;padding: 20px;}
.file_title h3{color: #fff;font-size: 16px;font-weight: 700;}

#file3 .content h4{font-size: 14px;color: #666;font-weight: bold;margin-bottom: 10px;}
#file3 .content p{font-size: 14px;color: #333;}


.tablebox{width: 100%;margin-bottom: 20px;}
.tablebox h4{font-size: 14px;color: #666;font-weight: bold;margin-bottom: 14px;}
.tablebox table{width: 100%;border-collapse: collapse;border: 1px solid #f6f6f6;}
.tablebox table tr{
	color: #666;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}
.tablebox table tr td,.tablebox table tr th{
	overflow: hidden;
    padding: 12px 16px;
    text-overflow: ellipsis;
    word-break: break-all;
}
.tablebox thead tr{background-color: #fafafa;}
.tablebox1 tr{
	border-bottom: 1px solid #f4f4f4;
    color: #666;
    font-size: 12px;
    line-height: 1.4;
}
.tablebox1 tr td:first-child{
	background-color: #fafafa;
	max-width: 172px;
    width: 172px;
	border-right: 1px solid #f4f4f4;
}



.message1{background-color: #fff;margin-bottom: 15px;border-radius: 10px;padding: 20px;}
.message1 h3{text-align: left;font-weight: normal;}
.message button {cursor: pointer;}
 
#file5 .item{padding: 20px;background-color: #fff;margin-bottom: 15px;border-radius: 10px;}
#file5 .item h3{font-size: 16px;color: #333;font-weight: 700;}
#file5 .item ul{padding: 20px;display: flex;flex-wrap: wrap;}
#file5 .item ul li{padding-left: 30px;width: 33.33%;border-left: 1px solid #efefef;}
#file5 .item ul li:first-child{border-left: 1px solid transparent;}
#file5 .item ul li p{display: flex;align-items: center;font-size: 20px;color: #666;}
#file5 .item ul li p i{margin-right: 5px;}
#file5 .item ul li h4{font-size: 14px;color: #666;margin-bottom: 8px;}
#file5 .item1 ul li{width: 50%;}

.imglist{width: 100%;}
.imglist .imgul{width: 100%;position: relative;min-height: 240px;
}
.imglist .imgul li{position: absolute;left: 0;top: 0;overflow: hidden;}
.imglist .imgul li a img{max-width: 300px;width: auto;}

.content h4{color: #666;font-size: 14px;font-weight: 700;margin-bottom: 14px;}

.count{position: absolute;right: 0;bottom: 0;z-index: 1;background-color: #000;color: #fff;background: #333;border-radius: 8px;width: 49px;height: 18px;text-align: center;}
.tablebox2 table{width: 50%;}
.tablebox2{flex-wrap: wrap;}



.file1_content{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 30px;}
.file1_content .desc{height: 100px;overflow-y: auto;width: 50%;}
.file1_content .desc p{font-size: 14px;color: #999;}


.file1_content .desc::-webkit-scrollbar {
    background-color: #f3f3f3;
    border-radius: 3px;
    height: 8px;
    width: 5px;
}
.file1_content .desc::-webkit-scrollbar-thumb {
    background-color: #aaa;
    border-radius: 3px;
}
.file1_content .list{width: 47%;}
.file1_content .list ul li span{font-size: 12px;color: #666;}
.file1_content .list ul li i{margin-left: 10px;}




/* contact */
.contactbox{width: 100%;margin: 0 auto;background-color: #f5f5f5;padding: 20px 0;}
.contact{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;}

.contact_left{width: 78%;}
.contact_right{width: 20%;}
.contact_left .c_item{background-color: #fff;border-radius: 10px;padding: 20px;margin-bottom: 15px;}

.contact_left .c_item h3{
	font-size: 20px;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 24px;
    color: #000;
}
.contact_left .c_item .imgbox{width: 100%;margin-bottom: 20px;}
.contact_left .c_item .imgbox img{height: 60px;width: 60px;border-radius: 60px;border: 1px solid #ddd;margin-right: 16px;}

.c_list{width: 100%;}
.c_list ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.c_list ul li{width: 50%;text-align: left;display: flex;align-items: center;margin-bottom: 10px;}
.c_list ul li i{margin-right: 8px;}
.c_list ul li i img{height: 20px;width: 20px;}
.c_list ul li p{font-size: 14px;color: #222;margin-right: 11px;}
.c_list ul li a{color: #06c;font-size: 14px;}

.c_item .p{text-align: left;display: flex;align-items: center;margin-bottom: 10px;}
.c_item .p i{margin-right: 8px;}
.c_item .p i img{height: 20px;width: 20px;}
.c_item .p p{font-size: 14px;color: #222;margin-right: 11px;}


.contact_right{background-color: #fff;border-radius: 10px;padding: 20px;}
.contact_right h3{
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	margin-bottom: 24px;
	color: #000;
}
.contact_right .r_item{width: 100%;display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;}
.contact_right .r_item .imgbox{display: flex;align-items: center;justify-content: center;font-size: 0;border: 1px solid #ddd;widows: 48px;height: 48px;}
.contact_right .r_item .imgbox img{max-width: 48px;max-height: 48px;}
.contact_right .r_item .textbox{margin-left: 10px;}
.contact_right .r_item .textbox p{font-size: 14px;color: #333;}


.contact_right .r_btnbox{width: 100%;}
.contact_right .r_btnbox .btn{
	background-color: #f60;
    border: none;
    color: #fff;
    margin-bottom: 16px;
    width: 100%;
	display: block;
	text-align: center;
	border-radius: 32px;
    cursor: pointer;
    font-weight: 700;
    height: 40px;
    line-height: 38px;
    overflow: hidden;
    padding: 0 12px;
}
.contact_right .r_btnbox .btn.btn2{
	background-color: #fff;
	color: #222;
	border: 1px solid #222;
}


/* product */
.productbox{width: 100%;margin: 0 auto;padding: 20px 0;background-color: #f5f5f5;}
.product{width: 100%;margin: 0 auto;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}

.product_left{width: 20%;border: 1px solid #dbe3ef;background-color: #fff;}
.product_right{width: 78%;background-color: #fff;padding: 20px;}

.product_left .title{width: 100%;border-top: 2px solid #e20a17;padding: 12px 20px;text-align: center;border-bottom: 1px solid #dbe3ef;}
.product_left .title h3{color: #e20a17;font-size: 18px;}
.product_list{padding: 12px 0;font-size: 14px;line-height: 32px;}
.product_list ul li{width: 100%;padding: 0 20px;position: relative;}
.product_list ul li a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
.product_list ul li.erji a{display: flex;justify-content: space-between;align-items: center;}
.product_list ul li.erji a i{font-size: 20px;}
.product_list ul li.erji>dl{display: none;position: absolute;left: 100%;top: 0;width: 100%;background-color: #fff;z-index: 99;box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .32);padding: 12px 0;border-radius: 4px;}
.product_list ul li.erji:hover>dl{display: block;}
.product_list ul li.erji>dl dd{padding: 0 20px;}



.pro_top{width: 100%;}
.pro_top h3{font-size: 20px;margin-bottom: 8px;color: #222;font-weight: bold;}
.pro_choice{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.choice_left{display: flex;align-items: center;}
.select{border: 2px solid #222;background-color: #f4f4f4;font-weight: 600;display: flex;align-items: center;justify-content: space-between;cursor: pointer;position: relative;padding: 6px 16px;border-radius: 40px;}
.select h3{font-size: 14px;color: #333;margin-bottom: 0;}
.select i{margin-left: 8px;}
.select.active i{transform: rotateX(0deg);}
.select .selectbox{position: absolute;display: none;background-color: #fff;top: 35px;left: 0;padding: 20px;box-shadow: 0 2px 12px 2px rgb(0 0 0 / 20%);border-radius: 10px;}
.select .selectbox ul li{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 11px 20px;width: 240px;}
.select .selectbox ul li .text{font-size: 14px;color: #333;}
.select .selectbox.on{display: block;}
.circle{
	border: 1.5px solid #222;
    display: flex;
    justify-content: center;
    align-items: center;
	height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 20px;
}
.circle:after{
    height: 12px;
    width: 12px;
    background-color: #222;
    border-radius: 12px;
    display: block;
}
.selectbox ul li.active .circle:after{
	content: "";
}

.choice_right{display: flex;align-items: center;}
.choice_right a{
	margin-right: 12px;
    height: 24px;
    width: 24px;
    cursor: pointer;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
}
.choice_right .style1{background-image: url(../images/icon14.png);}
.choice_right .style1.on{background-image: url(../images/icon16.png);}

.choice_right .style2{background-image: url(../images/icon17.png);}
.choice_right .style2.on{background-image: url(../images/icon15.png);}



.pro_content{padding: 20px 0;box-sizing: border-box;width: 100%;margin: 0 auto;}
.pro_content ul{display: flex;flex-wrap: wrap;}
.pro_content ul li{width: 25%;padding: 0 10px;margin-bottom: 10px;}
.pro_content ul li a{width: 100%;display: block;}
.pro_content ul li a .imgbox{width: 100%;font-size: 0;}
.pro_content ul li a .imgbox img{width: 100%;}
.pro_content ul li a .textbox{margin-top: 10px;text-align: center;}
.pro_content ul li a .textbox h3{font-size: 16px;color: #333;margin-bottom: 5px;font-weight: 600;}
.pro_content ul li a .textbox p{display: none;}


.pro_content.style ul{display: flex;flex-wrap: wrap;}
.pro_content.style  ul li{width: 100%;padding: 0 10px;margin-bottom: 10px;}
.pro_content.style  ul li a{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro_content.style  ul li a .imgbox{width: 40%;font-size: 0;}
.pro_content.style  ul li a .imgbox img{width: 100%;}
.pro_content.style  ul li a .textbox{margin-top: 10px;text-align: left;width: 58%;}
.pro_content.style  ul li a .textbox h3{font-size: 16px;color: #333;margin-bottom: 5px;font-weight: 600;}
.pro_content.style  ul li a .textbox p{font-size: 14px;color: #333;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}











@media only screen and (max-width: 980px) {
	.headerbox{
		display: none;
	}
	.topbox{
		display: none;
	}
	.sp_header{ display:block;}
	.bannerbox,.inbannerbox{margin-top: 70px;}
	.f_top{display: none;}
	.f_p {flex-wrap: wrap;gap: 5px;}
	.pd50{padding: 25px 0;}
	.main_title h1{font-size: 30px;}
	.index7_title h1{font-size: 50px;}
	.index7_title h3{font-size: 30px;margin-top: -30px;}
	.index1_content ul li a .textbox h3 {
	    font-size: 18px;
	}
	.index1_content ul li a .textbox span {
	    font-size: 12px;
	}
	.message .item {width: 100%;}
	.message .item1 {width: 100%;}
	.index9_tab {width: 100%;}
	.index9_box {width: 100%;}
	.index8 h1 {
	    font-size: 40px;
		width: 100%;
		margin-bottom: 15px;
	}
	.index8 .index8_center{width: 100%;padding: 0;margin-bottom: 15px;}
	.index8 .index8_center h3 {
	    font-size: 25px;
	}
	.numberbox {
	    margin-top: 30px;
	}
	.number {padding: 20px;}
	.number ul li {
	    width: 50%;
		margin-bottom: 15px;
	}
	.number ul li h1 {
	    font-size: 30px;
	}
	.number ul li h3 {
	    font-size: 17px;
	}
	.profilebox{margin-top: 70px;}
	.contactbox{margin-top: 70px;}
	.productbox{margin-top: 70px;}
	.profile_left {
	    width: 100%;
		margin-bottom: 20px;
	}
	.profile_left.active .nav-wrap {
	    position: inherit;
	    top: 0;
	    width: 100%;
	}
	.profile_left .nav-wrap ul{display: flex;flex-wrap: wrap;}
	.profile_left ul li {
	    width: 50%;
	}
	.profile_right {
	    width: 100%;
	}
	.tablebox2 table{width: 100%;}
	#file5 .item ul li {
	    padding-left: 10px;
	}
	.contact_left{width: 100%;margin-bottom: 20px;}
	.contact_right{width: 100%;}
	.product_left{display: none;}
	.product_right{width: 100%;}
}


@media only screen and (max-width: 680px) {
	.main_title h1{font-size: 25px;}
	.index7_title h1{font-size: 38px;}
	.index7_title h3{font-size: 25px;}
	.index1_content ul li{width: 100%;}
	.index7_content ul li {width: 100%;margin-right: 0;margin-bottom: 15px;}
	.profile_left ul li {
	    width: 100%;
	}
	.file_right_top .top_l {width: 100%;margin-bottom: 10px;}
	.file_right_top .top_r{width: 100%;}
	.top_l p {
	    font-size: 13px;
	}
	.c_list ul li {
	    width: 100%;
	}
}