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

.anchor { position: absolute; left: 0; top: -9.25em;}

.aboutBox {position: relative; z-index: 0;  margin-top: 1.8em; padding: 5em 0 8em;
background:#fefefe url(../images/about_bg.jpg) center center no-repeat;
background-size:cover;}
.aboutBox .tit { color: #e5140b; font-weight: bold; text-align: center;}
.aboutBox .tit::after { content: ""; display: block; margin: 0.3em auto 0; width: 2em;height: 2em;
background: url(../images/arrow.png) center center no-repeat;
background-size:contain ;}
.aboutBox .swiper-partner { margin-top: 1.7em;}

.aboutBox .con { display: flex; justify-content: space-between; align-items: flex-start;}
.aboutBox .conL {width: 49%; margin-top: 3em;}
.aboutBox .conR { width: 50%; margin-top: 3em;}

.aboutBox .conR .pic {  width: 100%; position: relative; z-index: 0; padding-top: 83%;overflow: hidden; }
.aboutBox .conR .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
.aboutBox .conL { text-align: left;}
.aboutBox .conL .intro {color: #000; line-height:1.4;}

.swiper-about .swiper-pagination { height:1.1em; padding: 0 0;
 bottom: 1.4em;    display: flex; justify-content: center; align-items: center;}
.swiper-about .swiper-pagination-bullet { width: 1.1em; height: 1.1em;
 background-color: #fff; margin: 0 0.4em !important;
  filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.swiper-about .swiper-pagination-bullet-active { position: relative; z-index: 0;
	 filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	 background-color: #e62118;}

.tsBox {position: relative; z-index: 0;  background-color: #870d1a; }
.tsBox ul {display: flex; justify-content: space-between; align-items: stretch;}
.tsBox li { height: 43.7vw; position: relative; z-index: 0; width: 25%; border-right: 1px solid #fff;}
.tsBox li:last-child { border-right: 0;}
.tsBox li .picBg { position: absolute;z-index: 0; width: 100%; height: 100%; left: 0; top: 0;
object-fit: cover;}
.tsBox li .txtb { position: absolute; z-index: 1; color: #fff; top: 2%; bottom: 2%; left: 2%; right: 2%;
 text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}

.tsBox li .txtb .pics { position: relative; z-index: 0; width: 4em; height: 4em; display: block; margin: 0 auto 1em;}
.tsBox li .txtb img { width: 4em; height: 4em; display: block; margin: 0 auto 0;}
.tsBox li .txtb img:nth-child(2) { position: absolute; left: 0; top: 0; z-index: 0; 
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;
}
.tsBox li .txtb .intro { display: none;margin: 1em 1em 0; }
.tsBox li:hover .txtb {margin-top: -2em;}	
.tsBox li:hover .txtb img:nth-child(2) {filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.tsBox li:hover .txtb .intro { display: block;}

.histBox { position: relative; z-index: 0; padding: 3em 0 11em;
background:#fefbf9 url(../images/hist_bg.png) center center no-repeat;
background-size:cover;}
.histBox .tit { color: #e5140b; font-weight: bold; text-align: center;}
.histBox .tit::after { content: ""; display: block; margin: 0.3em auto 0; width: 2em;height: 2em;
background: url(../images/arrow.png) center center no-repeat;
background-size:contain ;}

.histBox .list {}
.histBox .list ul { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start;}
.histBox .list li { margin-top: 3em; width: 23.4%; margin-right: 2.13%;}
.histBox .list li:nth-child(4n) { margin-right: 0;}

.histBox .list .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top:45.8% ;}
.histBox .list .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.histBox .list .line { margin-top: 4em;}
.histBox .list .line::before { content: ""; display: block; margin-left: 0;  margin-right: -10%; height: 1px;
background-color: #584e4a;}
.histBox .list li:nth-child(4n) .line::before { margin-right: 0;}
.histBox .list .dot {width: 1em; height: 1em; margin: -0.85em auto 0; 
border: 0.37em solid rgba(230,33,24,0.4);
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.histBox .list .dot span { display: block;
width: 1em; height: 1em;background-color: #e62118; 
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.histBox .list .txtb { margin-top: 2.6em; background-color: rgba(230,33,24,0.15); position: relative; z-index: 0;
padding: 2.2em 1em;}
.histBox .list .txtb::before { content: ""; display: block;
 position: absolute; width: 1.9em; height: 2.2em; left: 50%; margin-left: -0.95em;
top: -2.2em;
background: url(../images/arrow_8.png) center bottom no-repeat;
background-size:contain ;
filter:alpha(opacity=15);-moz-opacity:0.15; opacity:0.15;}
.histBox .list .txtb .year { margin-bottom: 0.3em; font-weight: bold; color: #e62118;}



.swiper-hist .swiper-slide { width: 23.5%;}
.swiper-hist .item { margin-top: 3em;}

.swiper-hist .item .pic { display: block; cursor: pointer; position: relative; z-index: 0; padding-top:45.8% ;}
.swiper-hist .item .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.swiper-hist .item .line { margin-top: 4em;}
.swiper-hist .item .line::before { content: ""; display: block; margin-left: 0;  margin-right: -10%; height: 1px;
background-color: #584e4a;}
.swiper-hist .item .dot {width: 1em; height: 1em; margin: -0.85em auto 0; 
border: 0.37em solid rgba(230,33,24,0.4);
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.swiper-hist .item .dot span { display: block;
width: 1em; height: 1em;background-color: #e62118; 
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.swiper-hist .item .txtb { margin-top: 2.6em; background-color: rgba(230,33,24,0.15); position: relative; z-index: 0;
padding: 2.2em 1em; height:120px;}
.swiper-hist .item .txtb::before { content: ""; display: block;
 position: absolute; width: 1.9em; height: 2.2em; left: 50%; margin-left: -0.95em;
top: -2.2em;
background: url(../images/arrow_8.png) center bottom no-repeat;
background-size:contain ;
filter:alpha(opacity=15);-moz-opacity:0.15; opacity:0.15;}
.swiper-hist .item .txtb .year { margin-bottom: 0.3em; font-weight: bold; color: #e62118;}

/*banner*/
.ins_banner { background-color: #f3ecec;}
.ins_banner .pic { position: relative; z-index: 0; padding-top:737px;}
@media only screen and (max-width:1556px) {
	.ins_banner .pic {  padding-top:47.3%;}
}

.ins_banner_s .pic { position: relative; z-index: 0; padding-top:637px;}
@media only screen and (max-width:1556px) {
	.ins_banner_s .pic {  padding-top:41%;}
}

.ins_banner .pic>img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
.ins_banner .txtb { position: absolute; z-index: 2; left: 0; top: 2.4vw; color: #fff;
bottom: 2.4vw;  right: 0; text-align: left;}
.ins_banner .txtb .name {font-weight: bold; padding-top: 7%; }
.ins_banner .txtb .intro { margin-top: 1em; width:600px;}

.ins_banner_s .txtb .con { height: 100%; display: flex; 
flex-direction: column; justify-content: center; align-items: flex-start;}
.ins_banner_s .txtb .txtc { width: 46.4%; margin: 0 auto 0 0; text-align: center;}
.ins_banner_s .txtb .name { padding-top: 0;}
.ins_banner_s .txtb .intro{ line-height: 1.9;}
.ins_banner_s .txtb .pics img { width: 4.1em; height: 4.1em; margin: 0 auto; display: block;}


.ins_banner_i .pic { position: relative; z-index: 0; padding-top:637px;}
@media only screen and (max-width:1556px) {
	.ins_banner_i .pic {  padding-top:41%;}
}

.ins_banner_i .txtb .con { height: 100%; display: flex; 
flex-direction: column; justify-content: center; align-items: flex-start;}
.ins_banner_i .txtb .txtc { width: 46.4%; margin: 0 auto 0 0; text-align: center;}
.ins_banner_i .txtb .name { padding-top: 0.6em;}
.ins_banner_i .txtb .intro{ line-height: 1.4;}
.ins_banner_i .txtb .pics img { width: 4.1em; height: 4.1em; margin: 0 auto; display: block;}

.indBox {  padding: 3.7em 0 3.5em;}
.indBox .tit { color: #e5140b; font-weight: bold; text-align: center;}
.indBox .tit::after { content: ""; display: block; margin: 0.3em auto 0; width: 2em;height: 2em;
background: url(../images/arrow.png) center center no-repeat;
background-size:contain ;}
.indBox .swiper-partner { margin-top: 1.7em;}

.indBox .con { display: flex; justify-content: space-between; align-items: flex-start;}
.indBox .conL {width: 59%; margin-top:2.3em;}
.indBox .conR { width: 35.1%; margin-top: 2.6em;}

.indBox .conR .pic {  width: 100%; position: relative; z-index: 0; padding-top: 83%;overflow: hidden;
 -moz-border-radius:1em; -webkit-border-radius:1em; border-radius:1em;}
.indBox .conR .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}

.indBox .conL { text-align: left;}
.indBox .conL .intro {color: #000; line-height:2;}

.staBox { background-color: #f3ecec;  padding: 4em 0 4em;}
.staBox .tit { color: #e5140b; font-weight: bold; text-align: center;}
.staBox .tit::after { content: ""; display: block; margin: 0.3em auto 0; width: 2em;height: 2em;
background: url(../images/arrow.png) center center no-repeat;
background-size:contain ;}
.staBox ul { margin-top: 2%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch;}
.staBox ul li { background-color: #fff; width: 24.1%; margin-right: 1.1%; margin-top: 1.1%;
line-height: 3.8em; padding-top: 0.1em; height: 3.9em; overflow: hidden;
-moz-border-radius:0.5em; -webkit-border-radius:0.5em; border-radius:0.5em;}
.staBox ul li:nth-child(4n) { margin-right: 0;}
.staBox ul li span { display: block; margin: 0 1em; height: 3.8em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; font-weight: bold; }

.devBox {  padding: 3.7em 0 3.5em;}
.devBox .tit { color: #e5140b; font-weight: bold; text-align: center;}
.devBox .tit::after { content: ""; display: block; margin: 0.3em auto 0; width: 2em;height: 2em;
background: url(../images/arrow.png) center center no-repeat;
background-size:contain ;}
.devBox .swiper-dev { margin-top: 2.2em;}

.devBox .swiper-dev .pic {  width: 100%; position: relative; z-index: 0; padding-top:100%;overflow: hidden; 
-moz-border-radius:0.3em; -webkit-border-radius:0.3em; border-radius:0.3em;}
.devBox .swiper-dev .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}

.swiper-dev .swiper-pagination { margin-top: 4em; position: static; height:1.1em; padding: 0 0;
 bottom: 1.4em;    display: flex; justify-content: center; align-items: center;}
.swiper-dev .swiper-pagination-bullet { width: 1.1em; height: 1.1em;
 background-color: #747575; margin: 0 0.4em !important;
  filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.swiper-dev .swiper-pagination-bullet-active { position: relative; z-index: 0;
	 filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	 background-color: #e62118;}

.serBox { padding: 2em 0 1em;}
.serBox .list {}
.serBox .list ul { display: flex; flex-wrap: wrap; justify-content: flex-start;
align-items: stretch; }
.serBox .list li{ margin-top: 4.1%; position: relative; z-index: 0; width: 32.3%;margin-right: 1.5%;
 background-color: #eeedec; text-align: left;}
 .serBox .list li:nth-child(3n) { margin-right: 0;}
.serBox .list .txtb { margin: 0 10.2%; padding: 2.8em 0 4em; height:150px;}
.serBox .list .txtb .name {  color: #000;}
.serBox .list .txtb .intro { margin-top: 1em; color: #777;}
.serBox .list .pic { position: relative; z-index: 0; padding-top:52.3% ; border-bottom: 0.85em solid #e62118 ;}
.serBox .list .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}

.serBox .list .pic2 { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.serBox .list .pic2 img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
.serBox .list .txtb2 { position: absolute; z-index: 11; left: 10.2%; right: 10.2%; top: 38%; bottom: 3%; color: #fff;
line-height: 2;
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
transition: all 0.5s;
-webkit-transition:all 0.5s;
}
.serBox .list li:hover .pic2 {filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
.serBox .list li:hover .txtb2 {filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}

.proBox { padding-bottom: 5em;}

.proBox .con{ display: flex; justify-content: space-between; align-items: flex-start;}
.proBox .conL{ margin-top: 2%; width: 23.8%;}
.proBox .conR{ width: 75.2%;}


.proBox .conL .proNav { border: 1px solid #e3e0e0;}
.proBox .conL .proNav .tit { border-bottom: 3px solid #d40f11; background-color: #f7f3f3; line-height:3.2; color: #000; text-align: center;}
.proBox .conL .proNav>ul { margin: 0 1em;  text-align: left;}
.proBox .conL .proNav>ul>li>.name { display: flex; justify-content: space-between; align-items: center;
border-bottom: 1px solid #dedede; line-height: 2.5em;}
.proBox .conL .proNav>ul>li>.name a { padding-left: 1.1em; background: url(../images/dot.png) 0 center no-repeat; 
background-size:0.66em auto ;
height: 2.5em; overflow: hidden; cursor: pointer;}
.proBox .conL .proNav>ul>li>.name a.cur{ color:#e62118; font-weight:bold}



.proBox .conL .proNav .subNav { margin: 0.5em 0; background-color: #efefef; line-height: 2.1em; display: none;}
.proBox .conL .proNav .subNav li { padding: 0.1em 1.3em 0; border-bottom: 1px dashed   #9c9d9d;}
.proBox .conL .proNav .subNav li:last-child{ border-bottom: 0;}
.proBox .conL .proNav .subNav li a  { display: block; cursor: pointer; height: 2.1em; overflow: hidden;
 padding-left: 1.4em;
background: url(../images/file.jpg) 0 center no-repeat;
background-size:1.1em auto ;}

.proBox .conL .proNav .more { cursor: pointer;}
.proBox .conL .proNav .more::before { width: 0.65em; height: 0.65em; position: relative; top: -0.05em; display: inline-block; content: "";
margin-right: 0.1em;
background: url(../images/arrow_3.png) 0 center no-repeat;
background-size:contain;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg); /* IE 9 */
-webkit-transform: rotate(-90deg); /* Safari and Chrome */
transition: all 0.2s;
-webkit-transition:all 0.2s;}

.proBox .conL .proNav li.show .more::before {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); /* IE 9 */
	-webkit-transform: rotate(0deg); /* Safari and Chrome */
}

.proBox .conR .list {}
.proBox .conR .list ul { display: flex; justify-content: flex-start; align-items: flex-start;
flex-wrap: wrap;}
.proBox .conR .list li { width: 30.7%; margin:2.6% 1.3% 0;}
.proBox .conR .list a { display: block; cursor: pointer;}
.proBox .conR .list .pic { padding-top: 100%; position: relative; z-index: 0; overflow: hidden;}
.proBox .conR .list .pic img{ display: block; position: absolute; left: 0; top: 0;
width: 100%; height: 100%; opacity: cover;}
.proBox .conR .list .name { background-color: #dbdbdb; color: #616262; padding: 0 1em; line-height: 2.6em; height: 2.6em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:1; }

.contBox { padding: 3.6em 0 5em; position: relative; z-index: 0;}
.contBox .tit { color: #e5140b; font-weight: bold; text-align: center;}
.contBox .tit::after { content: ""; display: block; margin: 0.3em auto 0; width: 2em;height: 2em;
background: url(../images/arrow.png) center center no-repeat;
background-size:contain ;}
.contBox .conC{ margin-top: 3em; display: flex; justify-content: space-between; align-items: flex-start;}

.contBox .conC .txtz { flex: 1; margin-right: 2%; display: flex; justify-content: space-between; align-items: stretch}
.contBox .conC .txt1 {flex: 1; margin-right: 4.6%; border-right:1px solid #e5e1e1; text-align: left;}
.contBox .conC .txt2 { flex: 1.2;border-right:1px solid #e5e1e1; text-align: left;}

.contBox .conC .txtp { padding: 0 1em;}

.contBox .conC .name { margin-bottom: 0.9em;}
.contBox .conC dl { padding: 0.4em 0; display: flex; justify-content: flex-start; align-items: flex-start;}
.contBox .conC dl dt img { margin-top: 0.1em; display: block; width: 1.1em; height: 1.1em;}
.contBox .conC dl dd { margin-left: 0.4em; flex: 1;}

.contBox .conC .ewm { width: 27em;}
.contBox .conC .ewm ul { padding: 0 1em; display: flex; justify-content: space-around; align-items: flex-start;}
.contBox .conC .ewm li { color: #7a7a7a;}
.contBox .conC .ewm img { border:1px solid #908a89; display: block; margin: 0 auto 1em; width: 10.3em;}

.contBox .gray { color: #b6b6b6;}

.messBox { position: relative; z-index: 0; background-color: #f3ecec; padding: 4.6em 0 7.8em;}
.messBox .tit { color: #e5140b; font-weight: bold; text-align: center;}
.messBox .tit::after { content: ""; display: block; margin: 0.3em auto 0; width: 2em;height: 2em;
background: url(../images/arrow.png) center center no-repeat;
background-size:contain ;}

.messBox .conM form { margin-top: 3em; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}

.messBox .conM form .conL { width: 49%;}

.messBox .conM form .conL dl { color: #707070; padding: 0.1em 1.6em 0; margin-bottom: 1.1em; background-color: #fff;
display: flex; justify-content: flex-start; align-items: center; line-height: 2.7em;}
.messBox .conM form .conL dl:last-child { margin-bottom: 0;}
.messBox .conM form .conL .input { margin: 0; padding: 0;  color: #707070; line-height: 2.7em;
width: 100%; font-size: 1em; margin-left: 1em; border: 0; outline-width: 0;}

.messBox .conM form .conR { width: 49%; background-color: #fff; display: flex; flex-direction: column;
 justify-content: center;
align-items: stretch;}
.messBox .conM form .conR .tW { flex: 1; padding: 1em 0;  margin: 0 1em;}
.messBox .conM form .conR  .textarea { width: 100%; height: 100%;
margin: 0; padding: 0;  color: #707070; line-height: 1.5em;
width: 100%; font-size: 1em; margin-left: 1em; border: 0; outline-width: 0;}

.messBox .conM form .btnW { width: 100%; margin-top: 4em;}