@charset "utf-8";
/* CSS Document */

.proIBox { margin-top: -3%; padding: 5.6% 0 7.3%; background-color: #f8f9fb;}
.appIBox { padding: 5.7% 0 5.7%;}
.proIBox .cateList ul {display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
.proIBox .cateList li{  margin-top: 4.1%; width: 30.6%; margin-right: 4.1%;  background-color: #fff; 
transition: all 0.5s;
-webkit-transition:all 0.5s;
display: flex; justify-content: center; align-items: stretch; flex-direction: column;
-moz-box-shadow: 0 0.4em 1.72em rgba(0, 39, 54, .05);
-webkit-box-shadow: 0 0.4em 1.72em rgba(0, 0, 0, .05);
box-shadow: 0 0.4em 1.72em rgba(0, 0, 0, .05)}
.proIBox .cateList li:hover {
	background-color: #ee352a;
}
 .proIBox .cateList li:nth-child(3n) { margin-right: 0;}
 .proIBox .cateList .lib { cursor: pointer; display: flex; height: 100%; justify-content: flex-start;
 align-items:center; text-align: left; padding: 8.7% 7.8%;  flex: 1;}
.proIBox .cateList .picb {
	display: block; cursor: pointer; 
 width: 23.2%;
}
.proIBox .cateList .pic {
	position: relative;
    display: block;
    width: 100%;
}
.proIBox .cateList .pic img {
	width: 100%; filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.proIBox .cateList .pic img:nth-child(2) {
	position: absolute; z-index: 1; left: 0; top: 0;
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
}
.proIBox .cateList li:hover .pic img:nth-child(1) { filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
.proIBox .cateList li:hover .pic img:nth-child(2) {filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}

.proIBox .cateList .txtb { flex: 1; margin-left: 10%; }
.proIBox .cateList .txtb .name { height: 1.5em; line-height: 1.5em;overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}
.proIBox .cateList .txtb .intro { margin-top: 5%; 
height: 5.1em; line-height: 1.7em; overflow: hidden;
text-overflow:ellipsis; color: #666;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3; 
}
.proIBox .cateList .txtb .nameEn { margin-top: 5.5%; 
height: 1.5em; line-height: 1.5em;  
}
.proIBox .cateList  li:hover .txtb .name a,
.proIBox .cateList  li:hover .txtb .name { color: #fff;}
.proIBox .cateList  li:hover .txtb .intro { color: #fff;}
.proIBox .cateList  li:hover .txtb .nameEn { color: #fff;}

@media only screen and (max-width:828px) {
	.proIBox .cateList li{  margin-top: 2%; width: 49%; margin-right: 2%; }
	.proIBox .cateList li:nth-child(3n) { margin-right: 2%;}
	.proIBox .cateList li:nth-child(2n) { margin-right: 0;}
	.proIBox .cateList .picb { display: block; cursor: pointer;
	 width:3em;  }
	/* .proIBox .cateList li{  padding: 1em 0 1.5em;  }
	.proIBox .cateList li .lib { flex-wrap: wrap; margin: 0 1em; align-items: flex-start;} 
	.proIBox .picb { width: 100%; margin-bottom: 1.5em;}
	.proIBox .date { margin: 0 1em 0 0;}
	.proIBox .txtb .intro { font-size: 12px; line-height: 1.5; height: 3em; margin-top: 0.7em;} */
}
@media only screen and (max-width:500px) {
	.proIBox .cateList li{  margin-top: 4%; width: 100%; margin-right:0; }
	.proIBox .cateList li:nth-child(3n) { margin-right: 0;}
}


.newIBox { padding: 3.6% 0 5.2%;}
.tab  { margin-top: -0.3em; text-align: center; flex-wrap: wrap; display: flex; justify-content: center; align-items: center; }
.tab li { display: inline-block;}
.tab a { padding: 0 2.1em; margin: 0.3em 0.55em 0; 
 line-height: 2.66; color: #222; border: 1px solid #ddd; display: inline-block;
transition: all 0.5s;
-webkit-transition:all 0.5s;
-moz-border-radius:1.6em; -webkit-border-radius:1.6em; border-radius:1.6em;}

.tab ul:hover a.cur {color: #222; border: 1px solid #ddd; background-color: transparent;}
.tab a:hover,
.tab a.cur,.tab ul:hover a.cur:hover{color: #fff;   border: 1px solid #ee352a;
background-color: #ee352a; }

.newIBox .list { margin-top: 4.16%;}
.newIBox .list li{  padding: 3.54% 0;  }
 .newIBox .list li:nth-child(2n+1) { background-color: #f5f5f7;}
 .newIBox .list .lib {
	display: flex;  justify-content: flex-start;
 align-items:center; text-align: left;
}
.newIBox .picb {
	align-self: start;
	display: block; cursor: pointer; 
 width: 30.66%;  }
.newIBox .pic {
     display: block;
     width: 100%;
	}
.newIBox .pic img {

width: 100%;
}
.newIBox .date { margin: 0 7.5%; color: #000; text-align: center; line-height: 1.1; }
.newIBox .date .dd { font-weight: bold;} 
.newIBox .txtb { flex: 1; margin-right: 1em; }
.newIBox .txtb .name { font-weight: bold; height: 1.5em; line-height: 1.5em;overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; 
}
.newIBox .txtb .intro { margin-top: 4.4%; height: 4em; line-height: 2em; overflow: hidden;
text-overflow:ellipsis; color: #666;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.newIBox .txtb .moreBtn {padding: 0 2em; line-height: 2.5; margin-top: 8.8%;}
.newIBox li:hover .date .dd {color: #ee352a;}
.newIBox li:hover .date .yymm {color: #ee352a;}
.newIBox li:hover .txtb .name a {color: #ee352a;}

@media only screen and (max-width:828px) {
	.newIBox .list li{  padding: 1em 0 1.5em;  }
	.newIBox .list li .lib { flex-wrap: wrap; margin: 0 1em; align-items: flex-start;} 
	.newIBox .picb { width: 100%; margin-bottom: 1.5em;}
	.newIBox .date { margin: 0 1em 0 0;}
	.newIBox .txtb .name { font-size: 18px;}
	.newIBox .txtb .intro { font-size: 12px; line-height: 1.5; height: 3em; margin-top: 0.7em;}
	.newIBox .txtb .moreBtn { font-size: 12px; margin-top: 1.2em;}
.tab  { margin-top: -0.6em;}
.tab ul { display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.tab li { width: 50%;}
.tab a { display: block;  padding: 0 0.5em; margin: 0.6em 4% 0; }
}

.contBox { margin: 3.6% 0 7.5%;  }
.contBox .con  { overflow: visible;}
.contBox .name { line-height: 1.3; color: #222; font-weight: bold;}
.contBox .nameEn {margin-top: 3.4%;  line-height: 1.4; color: #ee352a; font-weight: bold;}
.contBox .txt { margin-top: 0.6em; line-height: 1.3;}

.addList ul { display: flex; justify-content: space-between; align-items: stretch;}
.addList li{ margin-top: 4.2%; width: 47.3%; background-color: #f5f5f5;  }
.addList .picb { 
	display: block;
 position: relative; z-index: 0;
}
.addList .picb img {
	display: block; width: 100%;
}
.addList .contact_map {
	width: 100%;
}
.addList .contact_map>div{
	width: 100%; height: 24.75em;
}

.addList .txtb { text-align: left; padding: 4.8% 8.8%;}
.addList .txtb .name { font-weight: bold; 

}
.addList .txtb .intro { margin-top: 0.4em; }
@media only screen and (max-width:828px) {
	.contBox { margin: 2em 0 2em;  }
	.addList ul { display: block;}
	.addList li{ margin-top: 4.2%; width: 100%; }
}

.messBox { margin-top: 4.5%;
	-moz-box-shadow: 0 0.4em 1.72em rgba(0, 39, 54, .13);
	-webkit-box-shadow: 0 0.4em 1.72em rgba(0, 0, 0, .13);
	box-shadow: 0 0.4em 1.72em rgba(0, 0, 0, .13); text-align: left;
}
.messBox .conM { padding: 4% 4% 5.4%;}
.messBox .txt { }
.messBox .item { margin-top:1.8%;}
.messBox .radioZ .radio  { position: relative; z-index: 0; top: -2px; vertical-align: middle;}
.messBox .radioZ span {
	color: #666; 
	/* vertical-align: middle; */
}
.messBox .tit_1 { color: #ee352a; font-weight: bold;}
.messBox .textareaW { margin-top:1.8%; border: 1px solid #ddd; padding: 1.1em;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.messBox .textareaW .textarea { border: 0; outline-width: 0; width: 100%;
padding: 0; margin: 0; line-height: 1.4em; height: 9.8em;}
.messBox .items { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.messBox .items dl { width: 30.5%; color: #666;}
.messBox .items dt { margin-top: 5.3%;}
.messBox .items .iW {margin-top:2%; border: 1px solid #ddd; padding:0 1.2em;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.messBox .items .input { font-size: 1em; border: 0; outline-width: 0; width: 100%;
padding: 0; margin: 0; line-height: 3.3em; height: 3.3em; }

.messBox .items .iY { position: relative; z-index: 0; margin-top: 17.8%; padding-right: 7em;}
.messBox .items .iY .wpcf7-captchac { position: absolute; right: 1em; top: 50%; margin-top: -1em;
 width: 5em; height: 2em; object-fit: contain;}
.messBox .wpcf7-submit { 
	width: 100%; font-size: 1.04vw; outline: 0; border: none;
	margin-top: 17.8%; cursor: pointer; color: #fff; background-color: #ee352a; line-height: 2.8em;
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em; text-align: center;
}
.messBox .wpcf7-spinner {
	display: none;
}

@media only screen and (max-width:828px) {
.messBox .items dl { width: 100%;}
.messBox .items .iY { margin-top: 5.3%;}
.messBox .wpcf7-submit { margin-top: 5.3%;}
.messBox .item { margin-top:5.3%;}
}

.jobBox { margin-top: 5%;}
.jobBox .list {}
.jobBox .list dl { margin-top: 2.6%; background-color: #fff; color: #222;
-moz-box-shadow: 0 0.4em 1.72em rgba(0, 39, 54, .13);
-webkit-box-shadow: 0 0.4em 1.72em rgba(0, 0, 0, .13);
box-shadow: 0 0.4em 1.72em rgba(0, 0, 0, .13);
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.jobBox .list dl.show { background-color: #ee352a; color: #fff;}
.jobBox .list dl dt {cursor: pointer; padding: 2.2% 4.7%;
 display: flex; justify-content: space-between; align-items: center;}
.jobBox .list dl.show dt {padding: 3.2% 4.7%;
transition: padding 0.5s;
-webkit-transition:padding 0.5s; }
.jobBox .list dl dt .t_1 { flex: 1; text-align: left;}
.jobBox .list dl dt .t_2 { flex: 1;text-align: left;}
.jobBox .list dl dt .t_3 { flex: 1;text-align: left;}
.jobBox .list dl dt .t_4 {}
.jobBox .list dl dt .icon { margin-left: 0.3em; position: relative; top: -1px;
	vertical-align: middle;
 width: 1em; height: 1em; display: inline-block;
background: url(../images/plus.png) center center no-repeat;
background-size:contain;}
.jobBox .list dl.show dt .icon {
	background-image:url(../images/subt.png) ;
}
.jobBox .list dl dd { display: none;padding: 0 4.7% 1.3%;}
.jobBox .list dl dd .item {text-align: left; border-top: 1px solid rgba(255,255,255,0.5);
padding: 3.3% 0; position: relative; z-index: 0;
	display: flex; justify-content: flex-start; align-items: flex-start;}
.jobBox .list dl dd .itemT {width: 11.4%; margin-right: 2%;}
.jobBox .list dl dd .itemD { line-height: 2.2em; flex: 1;}
.jobBox .list dl dd .btnSend { position: absolute; bottom: -1em; right: 0; margin-bottom: 3.3%;
line-height: 3em;padding:0 2.4em; 
background-color: #fff; display: inline-block; cursor: pointer; color: #ee352a;
-moz-border-radius:1.5em; -webkit-border-radius:1.5em; border-radius:1.5em;}
.jobBox .list dl dd .btnSend i { width: 1.3em; height: 1em; position: relative; top: -1px;
display: inline-block; vertical-align: middle; margin-right: 0.6em;
background: url(../images/send.png) center center no-repeat;
background-size:contain ;}

@media only screen and (max-width:828px) { 
	.jobBox .list dl dt  { flex-wrap: wrap;}
	.jobBox .list dl dt .t_1 { margin-bottom: 0.3em; width: 100%; flex:initial;}
	.jobBox .list dl dt .t_2 { width: 100%;flex:initial;}
	.jobBox .list dl dd .item { display: block;}
	.jobBox .list dl dd .itemT { width: 100%; margin-right: 0;}
	.jobBox .list dl dd .itemD { font-size: 12px;}
}



.videoBox { padding:0 0 5.1%;}

.videoBox .list { margin-top: 1.6%; }
.videoBox .list ul { flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: flex-start;
}
.videoBox .list li { width: 31.2%; margin: 3.2% 3.2% 0 0;}
.videoBox .list li:nth-child(3n) { margin-right: 0;}
.videoBox .list .pic { padding-top: 59.57%; position: relative; z-index: 0;}
.videoBox .list .pic img { position: absolute; z-index: 0; left: 0; top: 0;
width: 100%; height: 100%;
object-fit: cover;}
.videoBox .list .pic::before { content: ""; display: block; position: absolute; z-index: 1; left: 0; top: 0;
width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
.videoBox .list .pic .btnPlay { position: absolute; z-index: 2; width: 12.76%; padding-top: 12.76%;
left: 43.62%; top: 50%; margin-top: -6.38%;
background: url(../images/play.png) center center no-repeat;
background-size:contain ;}
.videoBox .list .txt { margin-top: 5.2%; margin-bottom:1%; text-align: left; line-height: 1.5em; height: 1.5em;
overflow: hidden;}

@media only screen and (max-width:828px) { 
	.videoBox .list li { width: 48.5%; margin: 3% 3% 0 0;}
	.videoBox .list li:nth-child(3n) { margin-right: 3%;}
	.videoBox .list li:nth-child(2n) { margin-right: 0;}
}

@media only screen and (max-width:420px) { 
	.videoBox .list li { width: 100%; margin: 3% 0 0 0;}
}

.manuBox { margin-top: 4.5%;}
.manuBox .list li { margin-top: 2%; background-color: #f8fafb; padding: 2.5% 2.7%;
 display: flex; justify-content: space-between; align-items: center;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.manuBox .list li:hover {background-color: #ee352a;}
.manuBox .list li .txt { text-align: left; height: 1.5em; overflow: hidden; flex: 1; margin-right: 1em;}
.manuBox .list li .txt span { color: #000;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.manuBox .list li:hover .txt { color: #fff;}
.manuBox .list li:hover .txt span { color: #fff;}
.manuBox .list li .btnW { text-align: right;}
.manuBox .list li .btnView { cursor: pointer; margin-right: 2.2vw; width: 2em; height: 2em; display: inline-block;
background: url(../images/view.png) center center no-repeat;
background-size:contain ;}
.manuBox .list li .btnDown { cursor: pointer;width: 2em; height: 2em; display: inline-block;
background: url(../images/down.png) center center no-repeat;
background-size:contain ;}

.manuBox .list li:hover .btnView {background-image: url(../images/view_2.png);}
.manuBox .list li:hover .btnDown {background-image: url(../images/down_2.png);}
@media only screen and (max-width:828px) { 
	.manuBox .list li { margin-top: 0.9em; padding: 1.2em 2.7%;}
	.manuBox .list li .btnW {  font-size: 10px;} 
}

.faqBox { margin-top: 5%;}
.faqBox .list {}
.faqBox .list dl { margin-top: 2.6%; background-color: #f8fafb; color: #222;

transition: all 0.5s;
-webkit-transition:all 0.5s;}
.faqBox .list dl.show { background-color: #ee352a; color: #fff;}
.faqBox .list dl dt {cursor: pointer; padding: 2% 4%;
 display: flex; justify-content: space-between; align-items: center;}
.faqBox .list dl.show dt {padding: 2% 4%;
transition: padding 0.5s;
-webkit-transition:padding 0.5s; }
.faqBox .list dl dt .tit { display: flex; flex: 1;
justify-content: flex-start; align-items: center;
 text-align: left;}
.faqBox .list dl dt .icon_q { width: 2.77em; height: 2.77em;
background: #ee352a url(../images/q2.png) center center no-repeat;
background-size:50% auto ;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
 .faqBox .list dl.show dt .icon_q { background-color: #fff;
 background-image: url(../images/q.png);}
.faqBox .list dl dt .tit .name { margin-left: 1.9em; flex: 1;}
.faqBox .list dl dt .icon { margin-left: 0.3em; position: relative; top: -1px;
	vertical-align: middle;
 width: 1em; height: 1em; display: inline-block;
background: url(../images/plus2.png) center center no-repeat;
background-size:contain;}
.faqBox .list dl.show dt .icon {background-image: url(../images/subt.png)}
.faqBox .list dl dd { display: none; margin-top: -0.8%; padding: 0 4% 2.1%; text-align: left;
}
.faqBox .list dl dd .txtb { display: flex; justify-content: flex-start; align-items: flex-start;}
.faqBox .list dl dd .icon_a { margin-top: 0.1em; width: 2.77em; height: 2.77em;
background: #ee352a url(../images/a2.png) center center no-repeat;
background-size:50% auto ;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
 .faqBox .list dl.show dd .icon_a { background-color: #fff;
 background-image: url(../images/a.png);}
 .faqBox .list dl dd .txtb .txt { flex: 1; margin-left: 2.1em; line-height: 1.6;}

@media only screen and (max-width:828px) { 
	.faqBox .list dl dt  { flex-wrap: wrap;}

}


.faqBox2 { margin-top: 5%;}
.faqBox2 .list {}
.faqBox2 .list dl { margin-top: 2%; background-color: #f8fafb; color: #222;

transition: all 0.5s;
-webkit-transition:all 0.5s;}
.faqBox2 .list dl dt {cursor: pointer; padding: 2.1% 4%;
 display: flex; justify-content: space-between; align-items: center;}
.faqBox2 .list dl.show dt {padding: 2.q% 4%;
}
.faqBox2 .list dl dt .tit { display: flex; flex: 1;
justify-content: flex-start; align-items: center;
 text-align: left;}
.faqBox2 .list dl dt .icon_q { width: 2.77em; height: 2.77em;
background: #ee352a url(../images/q2.png) center center no-repeat;
background-size:50% auto ;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

.faqBox2 .list dl dt .tit .name { margin-left: 1.9em; flex: 1;}

.faqBox2 .list dl.show dt .tit .name { color: #000; font-weight: bold;}
.faqBox2 .list dl dt .icon { margin-left: 0.3em; position: relative; top: -1px;
	vertical-align: middle;
 width: 1em; height: 1em; display: inline-block;
background: url(../images/plus2.png) center center no-repeat;
background-size:contain;}
.faqBox2 .list dl.show dt .icon { background-image:url(../images/subt_2.png) ;}
.faqBox2 .list dl dd { display: none; margin-top: -0.8%; padding: 0 4% 2.1%; text-align: left;
}
.faqBox2 .list dl dd .txtb { display: flex; justify-content: flex-start; align-items: flex-start;}
.faqBox2 .list dl dd .icon_a { margin-top: 0.1em; width: 2.77em; height: 2.77em;
background: #80ae53 url(../images/a2.png) center center no-repeat;
background-size:50% auto ;
 -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}

 .faqBox2 .list dl dd .txtb .txt { flex: 1; margin-left: 2.1em; line-height: 1.6;}

@media only screen and (max-width:828px) { 
	.faqBox2 .list dl dt  { flex-wrap: wrap;}

}


.addDeBox { padding: 4.6% 0 6.7%;}
.addDeBox .tit {}
.addDeBox .tit_2 { font-weight: bold; color: #ca2a1f;}
.addDeBox .tit_3 { font-weight: bold; color: #ca2a1f;}
.addDeBox .content { text-align: left; overflow: hidden;}
.addDeBox .content img{ max-width: 100%; height: auto;}
.addDeBox .item { padding: 3.3% 0;  border-bottom:1px solid #ddd ;}
.addDeBox .item:last-child { border-bottom: 0; padding-bottom: 0;}
.addDeBox .item .txt { margin-top: 2.5%; line-height: 2;}
.addDeBox .table { margin-top: 3.6%; border: 1px solid #ddd;
border-collapse:collapse; text-align: left; line-height: 2;}
.addDeBox .table th{ background-color: #ca2a1f; color: #fff; border: 1px solid #ddd;
 padding: 0.7em 2.8% 0.6em; font-weight: normal;}
.addDeBox .table th:nth-child(1) { text-align: center;padding: 0 1%;}
.addDeBox .table td { border: 1px solid #ddd; padding: 1.4em 2.8%;}
.addDeBox .table td:nth-child(1) { width: 13.3%; text-align: center;padding: 0 1%;}
.addDeBox .table td:nth-child(2) {width: 24%;}
.addDeBox .table td:nth-child(3) {width: 19%;}
.addDeBox .table td:nth-child(4) {width: 19%;}
.addDeBox .table td:nth-child(5) {width: 24%;}
@media only screen and (max-width:828px) {
	.addDeBox .table  { font-size: 12px;}
}

.proLiBox { padding: 2.6% 0 0; display: flex; justify-content: space-between; align-items: flex-start;}
.proLiBox .sideP{ width: 24%;}
.proLiBox .mainP{ width: 71.3%;}
.proLiBox .sideP { border-top: 1px solid #ddd;}
.proLiBox .sideP dl { width: 100%; text-align: left;}
.proLiBox .sideP dl dt { display: flex; justify-content: space-between; align-items: center;
border: 1px solid #ddd; border-top: 0;
padding: 3.9% 6% 3.9%;
transition: all 0.5s;
-webkit-transition:all 0.5s; cursor: pointer;}
.proLiBox .sideP dl.show dt {  background-color: #ee352a; color: #fff;}
.proLiBox .sideP dl dt .pics { width: 1.5em; height: 1.5em; position: relative; z-index: 0;}
.proLiBox .sideP dl dt .pics img { position: absolute; left: 0;
top: 0; width: 100%; height: 100%; object-fit: contain;}
.proLiBox .sideP dl dt .pics img:nth-child(2) {
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
}
.proLiBox .sideP dl.show dt .pics img:nth-child(1) {
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	}
.proLiBox .sideP dl.show dt .pics img:nth-child(2) {
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	}
.proLiBox .sideP dl dt .name { margin: 0 1em; flex: 1; padding: 0.3em 0 0.2em; color: #000;}
.proLiBox .sideP dl dt .arrow {width: 1em; height: 1em;
background: url(../images/arrow_4.png) center center no-repeat;
background-size:contain;}
.proLiBox .sideP dl.show dt .name {
	color: #fff;
}
.proLiBox .sideP dl.show dt .arrow { background-image: url(../images/arrow_5.png);
transform: rotate(90deg);
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Safari and Chrome */}
.proLiBox .sideP dl dd {
	border: 1px solid #ddd; border-top: 0; padding: 8% 6% 4%;
	font-size: 0.833vw; line-height: 1.5; display: none;
}

.proLiBox .sideP dl dd .item {
	margin-bottom: 10px;
}
.proLiBox .sideP dl dd .item .t { 
	display: flex; align-items: center;
}
.proLiBox .sideP dl dd .item .t a { 
	color: #666; font-weight: 500;
	
}
.proLiBox .sideP dl dd .item .t svg { 
	margin-left: auto;
	flex-shrink: 0;
	cursor: pointer;
	width: 0.73vw; height: 0.73vw;
}
.proLiBox .sideP dl dd .item .t svg path{ 
	fill: #666;
}
/* 三级 */
.proLiBox .sideP dl dd .item>ul {
	display: none; line-height: 2;
	padding-left: 1.04vw;
}
.proLiBox .sideP dl dd .item>ul a.cur{
	color: #ee352a;
}
.proLiBox .sideP dl dd .item.cur .t a:hover,
.proLiBox .sideP dl dd .item.cur .t a{ color: #ee352a; font-weight: bold;}
.proLiBox .sideP dl dd .item.cur .t svg {
	transform: rotate(90deg);
}
.proLiBox .sideP dl dd .item.cur .t svg path{
	fill: #ee352a;
}
/* .proLiBox .sideP dl dd .item.cur>ul {
	display: block;
} */

.proLiBox .mainP  { text-align: left;}
.proLiBox .mainP .tit{ color: #ee352a; font-weight: bold;}
.proLiBox .mainP .txt { margin-top: 1.6%; color: #666; line-height: 1.7;}
.proLiBox .mainP .btnW { margin-top: 2%;}
.proLiBox .mainP .btnW .moreBtn { margin: 0.4em 1.2em 0 0; padding: 0 1.5em; line-height: 2.3em;}
.proLiBox .mainP .boxZ { margin-top: 5.4%;}
.proLiBox .mainP .boxs {
	margin-bottom: 5px;
}
.proLiBox .mainP .boxs .tits { padding: 0 1.2em 0 1.5em; display: flex; justify-content: space-between; align-items: center;
 background-color: #f2f2f2; line-height: 2.75;
 }
.proLiBox .mainP .boxs .tits .name { font-weight: bold;}
.proLiBox .mainP .boxs .tits .more { cursor: pointer; user-select: none; font-weight: bold;}

.proLiBox .mainP .boxs .list li { border-bottom: 1px solid #eee; 
  display: flex; justify-content: space-between; align-items: center; padding: 0.8em 1.2em 0.7em 1.5em;}
.proLiBox .mainP .boxs.boxs_slide .list li {display: none;}
.proLiBox .mainP .boxs.boxs_slide .list li:nth-child(1),
.proLiBox .mainP .boxs.boxs_slide .list li:nth-child(2),
.proLiBox .mainP .boxs.boxs_slide .list li:nth-child(3),
.proLiBox .mainP .boxs.boxs_slide .list li:nth-child(4),
.proLiBox .mainP .boxs.boxs_slide .list li:nth-child(5){display: flex;}
.proLiBox .mainP .boxs .list li .name { 
	flex: 1; margin-right: 1em;
	display: flex; align-items: center;  gap: 10px;
overflow:hidden;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap;
}
.proLiBox .mainP .boxs .list li .name img {
	width: 12px; height: 12px;
}
.proLiBox .mainP .boxs.showMore .list li {display: flex !important;}
@media only screen and (max-width:828px) {
	.proLiBox { padding: 2em 0 0;display: block;}
	.proLiBox .sideP{ width: 100%; display: none;}
	.proLiBox .mainP{ width: 100%;}
}
	
.proTBox { padding: 4.8% 0 0; display: flex; justify-content: flex-start; align-items: flex-start;}
.proTBox .picb { width: 46.66%; }
.proTBox .txtb { text-align: left; margin-left: 6.5%; width: 41.5%;}
.proTBox .txtb .tit{ line-height: 1.3; font-weight: normal; margin-right: -10%;}
.proTBox .txtb .tit_2 { line-height: 1.3; margin-top: 0.4em;}
.proTBox .txtb .tit_3 { margin-top: 0.7em; color: #666;}
.proTBox .txtb .tit_3 span { font-weight: bold; color: #ee352a;}
.proTBox .txtb  .line { margin: 6% auto 0 0; width: 3em; height: 3px; background-color: #ee352a;}

.proTBox .table { width: 100%; margin-top: 6%; border: 1px solid #ddd;
border-collapse:collapse;  line-height: 2;text-align: center;}
.proTBox .table th{ background-color: #ee352a; color: #fff; border: 1px solid #ddd; vertical-align: middle;
 padding: 1em;  text-align: center;}
.proTBox .table th:nth-child(1) { text-align: center;padding: 0 1%;}
.proTBox .table td { border: 1px solid #ddd; padding: 1em;}
.proTBox .table td:nth-child(1) { width: 25%;}
.proTBox .table td:nth-child(2) {width: 25%;}
.proTBox .table td:nth-child(3) {width: 25%;}
.proTBox .table td:nth-child(3) a {font-weight: bold;}
.proTBox .table td:nth-child(4) {width: 25%;}
.proTBox .btnCons { color: #ee352a; cursor: pointer;}
.proTBox .btnAddCert { line-height: 1.2em; font-size: 1.7em; cursor: pointer;}
.proTBox .btnAddCert:hover {color: #ee352a; }

.proTBox .btnW { margin-top: 4.2%;}
.proTBox .btnDown { margin-top: 1.3em; margin-right: 1.3em; padding: 0 1.3em; 
border: 1px solid #ee352a; line-height: 3;
  background-color: #ee352a; color: #fff; font-weight: bold; display: inline-block;
  transition: all 0.5s;
  -webkit-transition:all 0.5s;}
  .proTBox .btnDown:hover { background-color: #fff; color: #ee352a;}
    .proTBox .btnDown::before { margin-right: 0.9em; content: ""; display: inline-block; width: 1.3em;
	 height: 1.3em;
	 background: url(../images/down_2.png) center center no-repeat;
	 background-size:contain; position: relative; top: 0.2em;}
  .proTBox .btnDown:hover::before {
	  background-image: url(../images/down.png);
  }
.proTBox .btnInquiry { margin-top: 1.3em;  padding: 0 1.3em; border: 1px solid #ddd; line-height: 3;
  background-color: #ffffff; color: #222;  display: inline-block;
  transition: all 0.5s;
  -webkit-transition:all 0.5s;}
  .proTBox .btnInquiry span { text-decoration: underline; color:#ee352a ;}
.proTBox .btnInquiry:hover {  background-color: #ee352a; color: #fff;}
  .proTBox .btnInquiry:hover span { color: #fff;}

@media only screen and (max-width:828px) {
	.proTBox { display: block;}
	.proTBox .picb {  margin-left: 0; width: 100%;}
	.proTBox .txtb {  margin-left: 0; margin-top: 1.5em; width: 100%;}
}

.swiper-pro {position: relative; z-index: 0;background-color: #f8fafb;}
.swiper-pro .pic { position: relative; z-index: 0; padding-top: 68.57%;}
.swiper-pro .pic  img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: contain;}
.swiper-pro  .swiper-pagination {bottom: 0; margin-bottom: 4.2%;}
.swiper-pro .swiper-pagination-bullet { width: 5em; height: 3px;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0; background-color: rgba(0,0,0,0.1);
-moz-border-radius:0; -webkit-border-radius:0; border-radius:0; margin: 0 0.6em !important;
}
.swiper-pro .swiper-pagination-bullet-active { background-color: #ee352a;
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}

.proDeBox { margin-top: 5.3%;}
.proDeBox .tab { background-color: #f8fafb; line-height: 3.3;
display: flex; justify-content: flex-start; align-items: stretch;}
.proDeBox .tab li { cursor: pointer; margin-right: 1.8em; padding: 0.3em 2.5em 0;}
.proDeBox .tab li:hover { color: #ee352a;}
.proDeBox .tab .cur { background-color: #ee352a; color: #fff;}
.proDeBox .tab li.cur:hover {color: #fff;}

@media only screen and (max-width:828px) {
		.proDeBox { margin-top:3em;}
	.proDeBox .tab li { flex: 1;margin-right: 0; padding: 0; padding-top: 0.1em; }
}

.proDeBox .conDZ {}
.proDeBox .conD { display: none;}
.proDeBox .conD:first-child{ display: block;}

.proDeBox .conD .deBox { text-align: left; line-height: 2;}
.proDeBox .conD .deBox .item { padding: 3.7% 0 4%; border-bottom: 1px solid #ddd;}
.proDeBox .conD .deBox .item .tit{ font-weight: bold; color: #ee352a;}
.proDeBox .conD .deBox .item .content { margin-top: 1.6%; overflow: hidden;}

.proDeBox .table-responsive {
	box-sizing: border-box;
}
.proDeBox .table-responsive *,
.proDeBox .table-responsive::before,
.proDeBox .table-responsive::after {
	box-sizing: border-box;
}
.proDeBox table {
	text-indent: 0;
	/* 1 */
	border-color: inherit;
	/* 2 */
	border-collapse: collapse;
	/* 3 */
}
.proDeBox table.table-bordered {
	border-top: transparent;
}
.proDeBox table td {
	white-space: nowrap;
	font-size: 14px; padding: 1em !important;
}
.proDeBox table thead {
	background: #ee352a; color: #fff;
}
@media only screen and (max-width:828px) {
	.proDeBox table td {
		font-size: 14px; padding: 10px !important;
	}
}

/* .proDeBox .table { 
	width: 100%; margin: 0; margin-top: 1%; border: 1px solid #ddd; border-collapse:collapse;  line-height: 2; text-align: left;
}
.proDeBox .table thead {
	background: #ee352a;
	color: #fff;
}
.proDeBox .table thead td {
}
.proDeBox .table th{ 
	border: 1px solid #ddd; 
 padding: 0.7em 1% 0.6em; 
}

.proDeBox .table td { border: 1px solid #ddd; padding: 0.7em 1% 0.6em; word-break: break-all;} */

.proDeBox .searchBoxW { margin-top: 4.5%;}
.proDeBox .searchBoxW .con { width: 80%;}
.proDeBox .searchBox { 
margin: 0 auto;
border: 1px solid #ddd;
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
box-shadow: 0 0 0;
}

@media only screen and (max-width:828px) {
	.proDeBox .searchBoxW .con { width: auto;}
}

.aboutIBox {  padding: 6.3% 0;}
.aboutIBox .con { overflow: visible;}
.aboutIBox .conA { display: flex; justify-content: space-between; align-items: center;}
.aboutIBox .conA  .picb { width: 50%;}
.aboutIBox .conA  .picb .pic { display: block; padding-top: 69.33%; position: relative; z-index: 0;}
.aboutIBox .conA  .picb .pic .btnPlay { position: absolute; z-index: 2; width: 12.76%; padding-top: 12.76%;
left: 43.62%; top: 50%; margin-top: -6.38%;
background: url(../images/play.png) center center no-repeat;
background-size:contain ;}
.aboutIBox .conA  .picb  .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%;
object-fit: cover;}
.aboutIBox .conA  .txtb { flex: 1; margin-right: 8.6%;
position: relative; z-index: 1; 
}
.aboutIBox .conA  .txtb .txtc {  text-align: left;}
.aboutIBox .conA  .txtb .name { font-weight: bold;}
.aboutIBox .conA  .txtb .nameEn  {font-weight: bold; color: #ee352a;}
.aboutIBox .conA  .txtb .txt { line-height: 1.8; margin-top: 6.5%; color: #666;}
.aboutIBox .conA  .txtb .moreBtn {margin: 5.8% auto 0 0; line-height: 2.5;}

@media only screen and (max-width:828px) {
	.aboutIBox { padding: 1em 0 3em;}
	.aboutIBox .conA  { display: block;}
	.aboutIBox .conA  .picb { margin-top:1.5em ; width: 100%;}
	.aboutIBox .conA  .txtb { margin-top: 4%; margin-left: 0;}
}

.point { position: absolute; top: -3vw;}

.cultBox { position: relative; z-index: 0; padding: 4.2% 0 4.7%; background: #010614 url(../images/cultBox.jpg) center center no-repeat;
background-size:cover; color: #fff;}
.cultBox .tit { font-weight: bold;}
.cultBox .list ul { margin-top: 7%; display: flex;
 justify-content: space-between; align-items: flex-start;}
.cultBox .list ul li { flex: 1; border-right:1px solid rgba(255,255,255,0.5) ;}
.cultBox .list ul li:nth-child(3n) { border-right:0}
.cultBox .list .pic img { display: block; margin: 0 auto; width: 5em; height: 5em;
object-fit: contain;}
.cultBox .list .name { margin-top: 5.9%; line-height: 1.8em; color: #fff;}
.cultBox .list .intro { margin-top: 0.7em; line-height: 1.8em;}

@media only screen and (max-width:828px) { 
	.cultBox { padding: 2.8em 0;}
	.cultBox .list ul { flex-wrap:wrap;}
	.cultBox .list ul li { margin-top: 2em; width: 100%; flex: initial;}
	.cultBox .list ul li:first-child { margin-top: 0.5em;}
	.cultBox .list .pic img { width: 2.4em; height: 2.4em;}
	.cultBox .list .name { margin-top: 0.3em;}
	.cultBox .list .intro { font-size: 14px; margin-top: 0.4em;}
}

.honorBox {  position: relative; z-index: 0;padding: 4.8% 0 5.8% 0;}
.honorBox .tit { font-weight: bold;}
.honorBox .con { overflow: visible;}
.honorBox .swiper-honor{ position: relative; z-index: 0; margin: 3% -1.6% 0;}
.honorBox .swiper-container { padding-bottom: 4.3%;}
.honorBox .swiper-container .swiper-slide { width: 25%;}
.honorBox .item { display: block; width: 88%; margin: 1.2em auto ; padding: 6% 0 0.6em;
-moz-box-shadow: 0 0.3em 1.2em rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0.3em 1.2em rgba(0, 0, 0, .1);
box-shadow: 0 0.3em 1.2em rgba(0, 0, 0, .1);}
.honorBox .item .pic { position: relative; z-index: 0; padding-top: 105.9%; width: 77.6%; margin: 0 auto; overflow: hidden;}
.honorBox .item .pic img {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%; object-fit: contain;
	transition: all 1s;
}
.honorBox .item .name { margin: 0.8em 1em 0; font-weight: normal; height: 1.5em; overflow: hidden;}
.honorBox .item:hover .pic img {
	transform: scale(1.1);
}


.honorBox .swiper-pagination { bottom: 0;}
.honorBox .swiper-pagination-bullet { background-color: #ccc;
	-moz-border-radius:0.52vw; -webkit-border-radius:0.52vw; border-radius:0.52vw;
	width: 0.52vw; height: 0.52vw; background-color: #ccc;
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	margin: 0 0.32vw !important;}
.honorBox .swiper-pagination-bullet-active { width: 1.35vw; background-color: #ee352a;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}

.honorBox .btnNext,.honorBox .btnPrev {
	position: absolute; z-index: 10; left: auto; top: 50%; margin-top: -1.4vw;
	right: -5.2%; cursor: pointer;
	width: 2.8vw; height: 2.8vw; border: 1px solid #dfdfdf;
	background: rgba(255,255,255,0.5) url(../images/arrow_6.png) center center no-repeat;
	background-size: 20% auto;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
} 
.honorBox .btnPrev { left:-5.2%; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.honorBox .btnNext:hover,.honorBox .btnPrev:hover {
	background-color: #ee352a;
	background-image: url(../images/arrow.png) ;
}
.honorBox .swiper-button-disabled,
.honorBox .swiper-button-disabled:hover{ cursor: default;
	background-color: rgba(255,255,255,0.5);
	background-image:url(../images/arrow_6.png);
	filter:alpha(opacity=60);-moz-opacity:.6; opacity:0.6;
	
}

@media only screen and (max-width:828px) { 
	.honorBox { padding: 2.8em 0;}
	.honorBox .btnNext,.honorBox .btnPrev { margin-top: -0.9em; width: 1.8em; height: 1.8em;right: -0.3em;}
	.honorBox .btnPrev { left:-0.3em; }
	.honorBox .swiper-pagination-bullet { background-color: #ccc;
		-moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em;
		width: 0.4em; height: 0.4em; margin-left: 0.18em !important; margin-right: 0.18em !important;;}
	.honorBox .swiper-pagination-bullet-active { width: 1em; background-color: #ee352a;}
}

.histBox { position: relative; z-index: 0; padding: 4.8% 0 3.5% 0;
background:#f7fafc url(../images/hist_bg.jpg) center bottom no-repeat;
background-size:100% auto ;}
.histBox .tit { font-weight: bold;}
.histBox .swiper-hist{ position: relative; z-index: 0; margin: 3% 0 0; overflow: hidden;}
.histBox .swiper-hist-year {position: relative; z-index: 0;}
.histBox .swiper-hist-year::after { content: ""; display: block;
height: 1px; width: 100%; position: absolute; top: 61%; left: 0; right: 0;
background-color: #ddd;
}
.histBox .item .txtb { position: relative; z-index: 0;
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.histBox .swiper-slide { width: 33.3%;}
.histBox .swiper-slide-active .item .txtb {
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}
.histBox .swiper-slide .year { margin-top: 1em; color: #666; font-weight: bold; cursor: pointer; display: inline-block;
}

.histBox .swiper-slide-active .year { font-size: 1.3em; color: #ee352a; font-weight: normal;}
.histBox .item .txtb .yearbg { text-align: center; 
 font-size: 17vw; font-weight: bold; color: #ee352a; line-height: 1.3;
filter:alpha(opacity=10);-moz-opacity:0.1; opacity:0.1;}
.histBox .item .txtb .txt { font-size: 1.56vw; position: absolute; left: 0; top: 0; right: 0; bottom: 0;
display: flex; justify-content: center; align-items: center;
 line-height: 2em;}
 
 .histBox .item  .line {position: relative; z-index: 0; 
 margin-top: 16%; }
.histBox .swiper-slide .line::before {content: ""; display: block; 
position: absolute; top: -0.625em;
width: 1em; height: 1em; left: 50%; margin-left: -0.625em;

-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;

background-color: #999; border: 0.25em solid #d9dcde;
}

.histBox .swiper-slide-active .line::before {
	background-color: #ee352a;border: 0.25em solid #f1bdbc; cursor: pointer;
}

.histBox .swiper-pagination { bottom: 0;}
.histBox .swiper-pagination-bullet { background-color: #ccc;
	-moz-border-radius:0.52vw; -webkit-border-radius:0.52vw; border-radius:0.52vw;
	width: 0.52vw; height: 0.52vw; background-color: #ccc;
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	margin: 0 0.32vw !important;}
.histBox .swiper-pagination-bullet-active { width: 1.35vw; background-color: #ee352a;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}

.histBox .btnNext,.histBox .btnPrev {
	position: absolute; z-index: 10; left: auto; top: 50%; margin-top: -1.4vw;
	right: 5.2%; cursor: pointer;
	width: 2.8vw; height: 2.8vw; border: 1px solid #dfdfdf;
	background: rgba(255,255,255,0.5) url(../images/arrow_6.png) center center no-repeat;
	background-size: 20% auto;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
} 
.histBox .btnPrev { left:5.2%; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.histBox .btnNext:hover,.histBox .btnPrev:hover {
	background-color: #ee352a;
	background-image: url(../images/arrow.png) ;
}
@media only screen and (max-width:828px) { 
	.histBox { padding: 2.8em 0;}
	.histBox .item .txtb .yearbg { font-size: 25vw; margin-left: 0;}
	.histBox .swiper-hist-year::after{ top: 30%;}
	.histBox .btnNext,.histBox .btnPrev { width: 1.8em; height: 1.8em; margin-top: -0.9em;}
	.histBox .item .txtb .txt { font-size: 14px;}
}
.aboutUsBox { margin: 3.6% 0 0;  }

.mBox {padding:3.5% 0 6.4%;}
.searchReBox { margin-top: -2.6%; padding: 6% 0 5.1%; background-color: #f8f9fb;}
.searchReBox .tab { justify-content: flex-start;}
.searchReBox .tab li:first-child a { margin-left: 0;}
.searchReBox .manuBox { margin-top: 1.8%;} 
.searchReBox .manuBox .list li { margin-top: 1.56%; background-color: #fff; 
padding-top: 1.75%; padding-bottom: 1.7%;}
.searchReBox .manuBox .list li:hover {background-color: #ee352a;}

.proSeBox { margin-top: 2%;}
.proSeBox .list li { margin-top: 2%; background-color: #f8fafb; padding: 2%;
 display: flex; justify-content: space-between; align-items: stretch;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.proSeBox .list li:hover {background-color: #ee352a;}
.proSeBox .list li .picb { display: block; cursor: pointer; width: 5.55em; }
.proSeBox .list li .picb .pic { position: relative; z-index: 0; padding-top: 100%;}
.proSeBox .list li .picb .pic img { position: absolute; left: 0;
 top: 0; width: 100%; height: 100%; object-fit: contain; background-color: #fff;}
 .proSeBox .list li .txtb { margin-left: 1.6em; flex: 1; text-align: left;
 display: flex; flex-direction: column; justify-content: space-between; align-items: stretch;}
.proSeBox .list li .name { text-align: left; max-height: 3em; 
overflow: hidden; }
.proSeBox .list li .name a {
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.proSeBox .list li:hover .name a { color: #fff;}
.proSeBox .list li .btnDetail { transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.proSeBox .list li:hover .btnDetail {color: #fff;}

@media only screen and (max-width:828px) { 
	
}