﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿﻿
/*关于我们引导页*/

.aboutweb{overflow: hidden; display: block; background: #fff; position: relative;}

.aboutweb .tmnnbt{overflow: hidden; display: block; width: 100%; position: relative;}
.aboutweb .tmnnbt img{max-width: 100%;}


.aboutweb .tmnnbt .imgts{width: 350px; height: 350px; border: 6px solid #9D9D9D; float: left; padding: 15px;}
.aboutweb .tmnnbt .imgts .bing{width: 100%; margin-top: 30px; font-size:30px;  color: #103770;font-family: "SourceHanSans-Heavy";}
.aboutweb .tmnnbt .imgts .bixtxt{width: 100%; margin-top: 20px; font-size: 16px; color: #103770;}

.aboutweb .tmnnbt .nnimg{float: right; margin-top: -200px; display: block; position: relative; }
.aboutweb .tmnnbt .nnimg img{max-width: 100%;}

@media  (max-width:720px) {	
.aboutweb .tmnnbt .imgts{width: 100%; height: auto; margin-top: 0px;}
.aboutweb .tmnnbt .imgts .bing{ font-size:24px;margin-top: 10px; margin-bottom: 10px; }
.aboutweb .tmnnbt .imgts .bixtxt{margin-bottom: 10px;margin-top: 10px;}
.aboutweb .tmnnbt .nnimg{ width: 100%; margin-top: 20px; display: block; }

}






.aboutweb .tmnnbt .indexnb{position: absolute; right: 0; width: 30%; bottom:0 ;}
.aboutweb .tmnnbt .indexnb ul li{width: 80%; margin: auto; margin-bottom: 14%; }
.aboutweb .tmnnbt .indexnb ul li .text-num{ color:#fff;text-align: center; border-bottom: 1px solid #fff;}
.aboutweb .tmnnbt .indexnb ul li .text-num span{font-size:36px;line-height:60px;height:60px; color: #fff; font-weight: bold;}
.aboutweb .tmnnbt .indexnb ul li .text-num em{font-style:normal; font-size:24px;}
.aboutweb .tmnnbt .indexnb ul li .text-cont{font-size:14px; color:#fff;  text-align:center; margin-top: 10px;}



.aboutweb .chaleen{font-size: 16px;  line-height: 30px; color: #323232; margin-top: 3%; font-weight:bold ;}
.aboutweb .chaleenbb{font-size: 16px;  line-height: 40px; color: #323232;}
.aboutweb .checn{width: 40px;height: 2px;background: #9D2328; margin-top: 1%;}
.aboutweb .audrt{overflow: hidden; display: block; width: 100%; position: relative; margin-top: 15px;}
.aboutweb .audrt p{font-size: 14px; line-height: 24px; color: #6D6D6D;}
.aboutweb .audrt p img{max-width: 100%;}




.aboutwh{overflow: hidden; display: block; background: #fff; position: relative;margin-top: 30px;}
.aboutwh ul{zoom: 1;}
.aboutwh ul li{width: 49%; margin-right: 2%; margin-bottom: 1%; float: left; display: block; position: relative;}
.aboutwh ul li:nth-child(2n){margin-right: 0;}
.aboutwh ul li .timg{width: 588px; height: 318px; overflow: hidden;}
.aboutwh ul li .timg img{max-width: 100%;transition: all 0.5s ease 0s;height: auto; overflow: hidden;}
.aboutwh ul li:hover .timg img{transform: scale(1.1,1.1)}
.aboutwh ul li .textr{width: 40%;position: absolute;left: 0;top:0; bottom: 0%; z-index: 999; transition: all .2s ease; }
.aboutwh ul li .textr .rtbnt{font-size: 18px; color: #fff; text-align: center; margin-top: 35%;}
.aboutwh ul li .textr .rtiing{width: 80px; margin: auto; height: 2px;background: #fff; margin-top: 20px;}
.aboutwh ul li:nth-child(2) .textr,.aboutwh ul li:nth-child(4) .textr,.aboutwh ul li:nth-child(6) .textr{right: 0; left: auto;}


@media  (max-width:1200px) {	
.aboutwh ul li .timg{width: 100%; height: auto; overflow: hidden;}
.aboutwh ul li .textr{bottom: 2%; }
}
@media  (max-width:992px) {	

.aboutweb .chaleen{font-size: 14px;  line-height: 26px; margin-top: 3%; font-weight:100 ;}	
.aboutweb .audrt p{font-size: 13px; line-height: 20px; color: #6D6D6D;}	

.aboutweb .tmnnbt .indexnb{position: relative; right: 0; width:100%; bottom:0 ; margin-top: 20px;}	
.aboutweb .tmnnbt .indexnb ul li{width: 50%; float: left; margin-bottom: 3%; }
.aboutweb .tmnnbt .indexnb ul li .text-num{ width: 80%; margin: auto; color:#666;text-align: center; border-bottom: 1px solid #666;}
.aboutweb .tmnnbt .indexnb ul li .text-num span{font-size:22px;line-height:50px;height:50px; color: #666;}
.aboutweb .tmnnbt .indexnb ul li .text-num em{font-style:normal; font-size:18px;}
.aboutweb .tmnnbt .indexnb ul li .text-cont{font-size:14px; color:#666;  text-align:center; margin-top: 5px;}	
	
}	
	
@media  (max-width:640px) {	
.aboutwh ul li{width: 100%;}	
.aboutwh ul li .textr .rtbnt{font-size: 16px;}	
.aboutwh ul li .textr{ bottom: 4%;}
.about .ableft .chaleen{font-size: 16px;}
.aboutweb .chaleen{font-size: 16px;}
.aboutweb .audrt{margin-top: 15px;}
}		







/*关于我们引导页*/


.aboutte{overflow: hidden; display: block; background: #fff; position: relative;}
.aboutte img{max-width: 100%;}
.aboutte .imgts{width: 350px; height: 350px; border: 6px solid #9D9D9D; float: left; padding: 15px;}
.aboutte .imgts .bing{width: 100%; margin-top: 30px; font-size:30px;     line-height: 36px; color: #103770;font-family: "SourceHanSans-Heavy";}
.aboutte .imgts .bixtxt{width: 100%; margin-top: 20px; font-size: 16px; color: #103770;}
.aboutte .nnimg{float: right; margin-top: -200px; display: block; position: relative; }
.aboutte .nnimg img{max-width: 100%;}
.ttimgst{display: block; position: absolute; left: 30px; right: 50%;  top: 50px; text-align:justify; text-indent: 30px;}
.ttimgst p{line-height: 24px; font-size: 14px;color: #000;}
@media  (max-width:1100px) {
	
.ttimgst p{line-height: 20px; font-size: 14px;}		
}
@media  (max-width:950px) {	
.ttimgst{ position: relative; width: 100%; left: 0; right: 0; top: 0; margin-top: 20px; text-align: left;}
.ttimgst p{line-height: 20px; font-size: 14px;}	
}

@media  (max-width:720px) {	
.aboutte .imgts{width: 100%; height: auto; margin-top: 0px;}
.aboutte .imgts .bing{ font-size:24px;margin-top: 10px; margin-bottom: 10px; }
.aboutte .imgts .bixtxt{margin-bottom: 10px;margin-top: 10px;}
.aboutte .nnimg{ width: 100%; margin-top: 20px;display: block; }
.tsting { width: 100%; margin-top: 20px;display: block !important; }
.ttimgst p{line-height: 20px; font-size: 13px;}	
}


.abouste{overflow: hidden; display: block; background: #fff; position: relative;margin-top: 50px;}
.abouste ul{zoom: 1;}
.abouste ul li{width: 31%; margin-right: 3.5%; margin-bottom: 1%; float: left; display: block;background: #103770; position: relative;cursor:pointer;  }
.abouste ul li:nth-child(3n){margin-right: 0;}
.abouste ul li .timg{width: 100%; height: auto; overflow: hidden;}
.abouste ul li .timg img{max-width: 100%;height: auto; overflow: hidden;}

.abouste ul li .rtbnt{width: 100%;position: relative;height: 46px; line-height:46px; overflow: hidden;  font-size: 20px; text-align: center;}
.abouste ul li .rttwbnt{
	display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
	text-align:center; margin-top:10px;width: 100%;position: relative; line-height:20px; min-height: 130px; padding: 0px 18px 10px;  overflow: hidden;  font-size: 14px; color: #fff;}
.abouste ul li .rttwbnt p{text-align:left}

@media  (max-width:950px) {	
.abouste ul li .rttwbnt{ padding: 0 10px 10px;  font-size: 14px; }

}

@media  (max-width:620px) {	
.abouste ul li{width: 100%; margin-right: 0; margin-bottom: 30px;}
.abouste ul li .timg{ text-align: center;}
.abouste ul li .timg img{text-align: center;}
}


.abohw{overflow: hidden;display: block;width: 100%;position: relative;margin-top: 30px;}
.abohw p{font-size: 16px; line-height: 34px; color: #6D6D6D;}
.abohw p img{max-width: 100%;}

@media  (max-width:720px) {	
.abohw p{font-size: 10px; line-height: 20px; color: #6D6D6D;}
.abouste ul li .rttwbnt{padding: 0 10px 10px; }
}


/*企业文化*/

.abohwtts{overflow: hidden;display: block;width: 100%;position: relative;margin-top: 30px;}
.abohwtts .rings{width: 100%; overflow: hidden; position: relative; display: block; margin-bottom:0px ;}
.abohwtts .rings span{font-weight:bolder; font-size: 17px; color: #9D2328 ;float: left; height: 30px; line-height: 30px;}
.abohwtts .rings .ttin{ color: #103770 ; margin-right: 10px;}
.abohwtts .rings .tiitt{ height: 1px; background: #999; width: calc(100% - 235px); margin-top: 15px;}
.abohwtts .rings .tistitt{ height: 1px; background: #999; width: calc(100% - 260px); margin-top: 15px;}
.congt{overflow: hidden;display: block;width: 100%;position: relative;margin-top: 30px;}
.congt p{font-size: 14px; line-height: 24px; color: #6d6d6d;}
.congt p img{max-width: 100%;}


.pointtgs{width:1200px;margin:0 auto; overflow: hidden; display: block; position: relative; margin-top:20px ;}
.pointtgs ul{zoom:1 ;}
.pointtgs ul li{float:left;display: block;vertical-align:middle;width:23.8%; min-height: 270px; position:relative ; margin-right: 1.6%;cursor:pointer}
.pointtgs ul li:nth-child(4){margin-right: 0;}
.pointtgs ul li .rtbntt{font-size: 16px;color: #fff;padding: 10px 0 20px;}
.pointtgs ul li .rttwbnt{font-size: 14px;line-height: 25px;position: relative;height: 125px;overflow: hidden;color: #fff;text-align: left;}
.pointtgs ul li .rttwbnt:after{content:'';display: block;width: 45px;height: 3px;background: #fff;position: absolute;top:3px;}
.pointtgs ul li .rttwbnt:before{content:'';display: block;width: 100%;height: 1px;background: #fff;margin-bottom: 20px;margin-top: 4px;}

.pointtgs ul li .ttoindds{position: relative; padding: 20px; height: auto; background-color: rgba(16, 55, 112, 0.6)   }

@media  (max-width:1240px) {	
.pointtgs{width: 100%;}
.pointtgs ul li .rtbntt{font-size: 16px;color: #fff;padding: 0px 0 10px;}

}



@media  (max-width:780px) {	
.congt{margin-top: 15px;}
.abohwtts .rings span{font-size: 17px; height: auto; }

.pointtgs ul li .ttoindds{padding: 10px;}
.pointtgs ul li .rtbntt{font-size: 16px;    padding: 0px 0 10px;}
.pointtgs ul li .rttwbnt{line-height: 20px;height: auto; font-size: 13px;}
}
@media  (max-width:720px) {	
.pointtgs ul li .rttwbnt:before{margin-bottom: 10px;}
.pointtgs ul li{width:100%; min-height: auto; margin-bottom: 20px; margin-right: 0%;}
.pointtgs ul li:nth-child(2n){margin-right: 0;}
.congt p{font-size: 13px; line-height: 23px; color: #6D6D6D;}
}
/*企业文化*/

/*集团介绍*/



.about{overflow: hidden; display: block; background: #fff; position: relative;}
.about .tmnnbt{overflow: hidden; display: block; width: 100%; position: relative;}
.about .tmnnbt img{max-width: 100%;}


.about .tmnnbt .imgts{width: 350px; height: 350px; border: 6px solid #9D9D9D; float: left; padding: 15px;}
.about .tmnnbt .imgts .bing{width: 100%; margin-top: 30px; font-size:30px;  color: #103770;font-family: "SourceHanSans-Heavy";}
.about .tmnnbt .imgts .bixtxt{width: 100%; margin-top: 20px; font-size: 16px; color: #103770;}
.about .tmnnbt .nnimg{float: right; margin-top: -200px; display: block; position: relative; }
.about .tmnnbt .nnimg img{max-width: 100%;}

@media  (max-width:720px) {	
.about .tmnnbt .imgts{width: 100%; height: auto; margin-top: 0px;}
.about .tmnnbt .imgts .bing{ font-size:24px;margin-top: 10px; margin-bottom: 10px; }
.about .tmnnbt .imgts .bixtxt{margin-bottom: 10px;margin-top: 10px;}
.about .tmnnbt .nnimg{ width: 100%; margin-top: 20px; }

}




.about .tmnnbt .indexnb{position: absolute; right: 0; width: 30%; bottom:0 ;}
.about .tmnnbt .indexnb ul li{width: 80%; margin: auto; margin-bottom: 13%; }
.about .tmnnbt .indexnb ul li .text-num{ color:#fff;text-align: center; border-bottom: 1px solid #fff;}
.about .tmnnbt .indexnb ul li .text-num span{font-size:36px;line-height:60px;height:60px; color: #fff; font-weight: bold;}
.about .tmnnbt .indexnb ul li .text-num em{font-style:normal; font-size:28px;}
.about .tmnnbt .indexnb ul li .text-cont{font-size:14px; color:#fff;  text-align:center; margin-top: 10px;}

.about .tmnnbt .binng{position: absolute; right: 0; width: 30%; top:30px ;}
.about .tmnnbt .binng .lreeb{height: 26px; line-height: 26px;overflow: hidden; float: right;}
.about .tmnnbt .binng .lreeb span{float:left;display:inline-block;height:26px; width:26px; background:url(../images/enimg.png) no-repeat center;margin-right:3px;}
.about .tmnnbt .binng .lreebtt{height: 26px; line-height: 26px;overflow: hidden; float: right;}
.about .tmnnbt .binng .lreebtt span{float:left;display:inline-block;height:26px; width:26px; background:url(../images/viovs.png) no-repeat center;margin-right:3px;}
.about .tmnnbt .binng a:hover{color: #9D2328;}

.bingti{width: 100%; overflow: hidden; display: block; position: relative;margin-top: 3%;}

.about .abright{width: 50%;  float:right; overflow: hidden;display: block; position: relative;margin-top: 3%;} 
.about .abright .tnbhnd{ margin-left:50px;  position: relative; display: table-cell;float: right; }
.about .abright .tnbhnd img{width: 60px; }
.about .abright .tnbhnd .bingt{font-size: 15px; text-align: center;}
.about .abright .tnbhnd .bingt:hover{color: #9D2328;}

.txtimg{display: block;}
.txting{display: none;}
.about .abright .tnbhnd:hover .txtimg{display: none;}
.about .abright .tnbhnd:hover .txting{display: block;}




.about .ableft{width: 45%; margin-right: 5%; float:left;display: block; overflow: hidden; position: relative;} 
.about .ableft .abimg{width: 100%; overflow: hidden;}
.about .ableft .abimg img{max-width: 100%;}
.about .ableft .chaleen{font-size: 16px;  line-height: 30px; color: #323232;  font-weight:bold ;}
.about .ableft .chaleenbb{font-size: 16px;  line-height: 30px; color: #323232;}
.about .ableft .checn{width: 40px;height: 2px;background: #9D2328; margin-top: 1%;}


.about .audrt{overflow: hidden; display: block; width: 100%; position: relative; margin-top: 30px;}
.about .audrt p{font-size: 14px; line-height: 24px; color: #6D6D6D;}
.about .audrt p img{max-width: 100%;}



@media  (max-width:992px) {	
.about .tmnnbt .binng{display: none;}	

.about .abright{width: 100%; margin-top: 3%;} 
.about .abright .tnbhnd{ margin-left:2%; width: 23.5%; float: left; }
.about .abright .tnbhnd:first-child{margin-left: 0;}
.about .abright .tnbhnd img{width: 50px; margin: auto;}
.about .ableft{width: 100%; margin-right: 0%;  margin-top: 3%; } 


.about .ableft .chaleen{font-size: 15px;  line-height: 30px;  margin-top: 1%; font-weight:100 ;}
.about .ableft .chaleenbb{font-size: 15px; line-height: 26px; }	



.about .tmnnbt .indexnb{position: relative; right: 0; width:100%; bottom:0 ; margin-top: 20px;}	
.about .tmnnbt .indexnb ul li{width: 50%; float: left; margin-bottom: 3%; }
.about .tmnnbt .indexnb ul li .text-num{ width: 80%; margin: auto; color:#666;text-align: center; border-bottom: 1px solid #666;}
.about .tmnnbt .indexnb ul li .text-num span{font-size:22px;line-height:40px;height:40px; color: #666; }
.about .tmnnbt .indexnb ul li .text-num em{font-style:normal; font-size:18px;}
.about .tmnnbt .indexnb ul li .text-cont{font-size:14px; color:#666;  text-align:center; margin-top: 5px;}	
	
}	




.binngyy{overflow: hidden; display: block;  position: relative;margin-top: 3%;}
.binngyy .inghbn{overflow: hidden; display: block; position: relative;width: 100%;}
.binngyy .inghbn img{max-width: 100%;}

.ovspin{position: absolute; right: 0; top: 0; width: 570px; height: 350px;}
.contain-media {width: 570px; margin: 0 auto;}
.comPro-media{height:350px;position:relative;margin:0px 0 0;}
.comPro-media .imgtsu{width: 570px; height: 350px; overflow: hidden;}
.comPro-media .imgtsu img{max-width: 100%; transition: all 0.5s ease 0s;}
.comPro-media .imgtsu:hover img{transform: scale(1.02,1.02)}
.cpMedia-box .btn {-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.cpMedia-box{width:100%;text-align:center;position:absolute;left:0px;top:40.66666666666667%;}
.cpMedia-box .btn{ margin: 0 auto;display: block;width:50px;height:51px;background:url(../images/icon-media3.png) no-repeat center center / cover;}

.cpMedia-box .c{/*line-height:69px;font-size:48px;*/height:51px;color:#fff;margin:25px 0 0;}
.cpMedia-box .c img{width:auto;height:100%;}
.cpMedia-con{width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:2;display:none;}
.cpMedia-con video,
.cpMedia-con .mejs-container,
.cpMedia-con .mejs-overlay-play,
.cpMedia-con .mejs-poster,
.cpMedia-con .mejs-layers,
.cpMedia-con .mejs-overlay{width:100% !important;height:100% !important;}

@media  (max-width:1150px) {	
.ovspin{width: 50%; height: auto; margin: auto;}
.comPro-media .imgtsu{width: 100%; height: auto;}
.contain-media {width: 100%;margin: 0 auto;}
.comPro-media{height:250px;position:relative;margin:0px 0 0; background-size:100%;}
.cpMedia-box{width:100%;text-align:center;position:absolute;left:0px;top:34.66666666666667%;}
.cpMedia-box .btn{ width:50px;height:51px;}

}

@media  (max-width:780px) {	
	.about .tmnnbt .nnimg{display: block;}
	.binngyy .inghbn{display: none;}
.ovspin{position: relative;width: 570px; height: 350px; margin: auto;}
.contain-media {width: 100%;margin: 0 auto;}
.comPro-media{height:300px;position:relative;margin:20px 0 0; background-size:100%;}
.cpMedia-box{width:100%;text-align:center;position:absolute;left:0px;top:34.66666666666667%;}
.cpMedia-box .btn{ width:50px;height:50px;}
.about .audrt p{font-size: 13px; line-height: 20px; color: #6D6D6D;}
}
@media  (max-width:540px) {	
.ovspin{position: relative;width:100%; height: 250px; margin: auto;}
.comPro-media{height:250px;}



	
}



.media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:9999;display:none;opacity:0;}
.media-modal .mediaModal-contain{width:960px;height:540px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-300px 0 0 -480px;display:none;}
.mediaModal-contain .mediaModal-box,
.mediaModal-contain iframe,
.mediaModal-contain .mejs-container,
.mediaModal-contain .mejs-overlay-play,
.mediaModal-contain .mejs-poster,
.mediaModal-contain .mejs-layers,
.mediaModal-contain .mejs-overlay{width:100% !important;height:100% !important;}
.mediaModal-contain .close{display:block;width:32px;height:32px;background:url(../images/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.mediaModal-contain:hover .close{opacity:1;}
@media all and (max-width:980px){.mediaModal-contain .close{opacity:1;}}



@media all and (max-width:1200px){/*1260*/

	.media-modal .mediaModal-contain{width:90%;max-height:90%;margin-left:-45%;}

}





/*集团介绍*/



/*发展历程*/


.historylist{ display: block; position: relative; width: 100%; overflow: hidden; min-height: 550px; margin-top: 30px;} 
.historylist .abimg{width: 280px; left: 0; position: absolute; top: 0;}
.historylist .abimg img{max-width: 100%;}
.historylist ul{width: 100%;display: block; position: relative;overflow: hidden; }
.historylist ul li{float: left;cursor:pointer; position: relative; height: 550px;}
.historylist ul li .imgtbn{display: block; background: url(../images/nod.png);width: 23px; height: 23px;  position: absolute;left: 0;}
.historylist ul li:hover .imgtbn{background: url(../images/nnod.png);-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;}
	
.historylist ul li .txttbn{height: 24px; line-height: 24px; width: 100%; color: #103770; font-size: 16px; margin-bottom: 5px;}
.historylist ul li .contbn{line-height: 20px; height: 100px; overflow: hidden;   font-size: 14px; color: #333;}
.historylist ul li .txttbn:hover{transition: all 0.5s ease 0s;margin-left:10px;color: #9D2328;}
.historylist ul li .contbn:hover{color: #9D2328;}

.historylist ul li:nth-child(1){width: 135px; padding-top: 200px; margin-left: 15px;}
.historylist ul li:nth-child(1) .imgtbn{ bottom: 180px;}

.historylist ul li:nth-child(2){width: 180px; padding-top: 380px; margin-left:-65px;}
.historylist ul li:nth-child(2) .imgtbn{ bottom: 175px;}

.historylist ul li:nth-child(3){width: 130px; padding-top: 172px; margin-left: -100px;}
.historylist ul li:nth-child(3) .imgtbn{ bottom: 217px;}


.historylist ul li:nth-child(4){width: 130px; padding-top: 323px; margin-left:0px;}
.historylist ul li:nth-child(4) .imgtbn{ bottom: 233px;}

.historylist ul li:nth-child(5){width: 130px; padding-top: 153px; margin-left: -110px;}
.historylist ul li:nth-child(5) .imgtbn{ bottom: 260px;}

.historylist ul li:nth-child(6){width: 130px; padding-top: 323px; margin-left:0px;}
.historylist ul li:nth-child(6) .imgtbn{ bottom: 272px;}

.historylist ul li:nth-child(7){width: 130px; padding-top: 268px; margin-left:-14px;}
.historylist ul li:nth-child(7) .imgtbn{ bottom: 292px;}

.historylist ul li:nth-child(8){width: 180px; padding-top: 33px; margin-left:-50px;}
.historylist ul li:nth-child(8) .imgtbn{ bottom: 364px;}

.historylist ul li:nth-child(9){width: 180px; padding-top: 278px; margin-left:-106px;}
.historylist ul li:nth-child(9) .imgtbn{ bottom: 328px;}

.historylist ul li:nth-child(10){width: 130px; padding-top: 92px; margin-left: -65px;animation-delay: 1.1s !important;}
.historylist ul li:nth-child(10) .imgtbn{ bottom: 310px;}

.historylist ul li:nth-child(11){width: 130px; padding-top: 240px; margin-left:-65px;animation-delay: 1.2s !important;}
.historylist ul li:nth-child(11) .imgtbn{ bottom: 319px;}

.historylist ul li:nth-child(12){width: 150px; padding-top: 184px; margin-left: 12px;animation-delay: 1.3s !important;}
.historylist ul li:nth-child(12) .imgtbn{ bottom: 389px; left: -8px;}

.historylist ul li:nth-child(13){width: 130px; padding-top: 6px; margin-left: -168px;animation-delay: 1.4s !important;}
.historylist ul li:nth-child(13) .imgtbn{ bottom: 411px;left: 30px;}



@media  (max-width:1240px) {	
.historylist{display: block; background-image: none !important;}
.historylist .abimg{width: auto; left: 0; position: relative; top: 0; margin-bottom: 20px;}

.historylist ul li{width: 100% !important; padding-top: 0 !important; margin-left: 0 !important; height: 40px !important;line-height: 40px;  margin-bottom: 20px;}
.historylist ul li .imgtbn{ bottom: 0 !important; display: block; position: relative; float: left; margin-right: 10px; margin-top: 5px;left:0 !important;}
.historylist ul li .txttbn{height: auto;line-height: 40px;  float: left; width: auto;}
.historylist ul li .contbn{height: auto;line-height: 40px;  float: left;}
}


@media  (max-width:720px) {	

.historylist ul li{ height: auto !important;  margin-bottom: 20px;}
.historylist ul li .imgtbn{ bottom: 0 !important; display: block; position: relative; float: left; margin-right: 10px; margin-top: 5px;}
.historylist ul li .txttbn{height: auto;line-height: 30px;  float: left; width: auto;}
.historylist ul li .contbn{height: auto;line-height: 20px;  float: left; width: 100%;}
}











/*发展历程*/







/*管理理念*/
.adbotdse{overflow: hidden; display: block; background: #fff; position: relative; margin: 3% 0; }
.fnav{ position: relative; width:100%; height:28px; margin-top: 20px; margin-bottom: 50px;overflow: hidden; }
.fnav span{ width:25%;float:left; height:28px; line-height: 28px; position:relative; color: #b8b8b8;text-align: center;font-size: 14px;
cursor:pointer}
.fnav span:before{ content:""; position:absolute; top:0; right:0; width:2px; height:100%; background:#9d9d9d;}
.fnav span:last-child:before{ background:none;}
.fnav span.active{color: #103770;}

@media  (max-width:1200px) {
.fnav{  width:100%; height:auto;  }		
.fnav span{ width:50%;margin-bottom: 10px;height:auto; line-height: 28px;}
.fnav span:nth-child(2n):before{ background:none;}		
}
@media  (max-width:940px) {	
.fnav span{  font-size: 14px;width:auto;  display: inline-block; margin-right: 10px; padding-right: 10px;}
	
}
@media  (max-width:720px) {	
.fnav{height: auto;}
.fnav span{  font-size: 14px;width:100%; margin-bottom: 5px;  display: block; margin-right: 0px; color: #333;padding-right: 0px;background: #dcdcdc;}
.fnav span:nth-child(1n):before{ background:none;}	
}

.poings{width:1200px;margin:0 auto; overflow: hidden; display: block; position: relative; margin-top:20px ;}
.poings ul{zoom:1 ;}
.poings ul li{margin-top:10px;float:left;display: inline-block;vertical-align:middle;width:32%; min-height: 270px; position:relative ; box-sizing: border-box; margin-right: 2%;cursor:pointer}

.poings ul li img{max-width: 100%; display: block; overflow: hidden; position: relative;}
.poings ul li .timg{display: block;width: 46px;height: 46px;margin-bottom:20px;}
.poings ul li .timg img{max-width: 100%;}
.poings ul li .rtbnt{font-size: 15px;color: #103770;padding: 10px 0 30px;}
.poings ul li .rtbntt{font-size: 15px;color: #103770;padding: 10px 0 20px;}
.poings ul li .rttwbnt{font-size: 14px;line-height: 25px;position: relative;height: 20px;overflow: hidden;color: white;text-align: left;}
.poings ul li .rttwbnt:after{content:'';display: block;width: 45px;height: 3px;background: #103770;position: absolute;top:3px;}
.poings ul li .rttwbnt:before{content:'';display: block;width: 100%;height: 1px;background: #d8e0e5;margin-bottom: 20px;margin-top: 4px;}
.poings ul li:nth-child(3){margin-right: 0;}

.poings ul li:hover .rttwbnt{height: 150px;transform: translateY(-10px);}
.poings ul li:hover .rtbnt{transform: scaleY(0);opacity: 0;margin-top: -70px;}
.poings ul li:hover .rtbntt{transform: scaleY(1);opacity: 1;margin-top: -10px; color: #fff;}
.poings ul li:hover .rttwbnt:after{background: white;}

.poings ul li .ttoind{position: absolute; padding: 30px; height: 100%;  top: 0;  }
.poings ul li:hover .ttoind{display: none;}
.poings ul li .ttoindds{position: absolute; padding: 30px; height: 100%; background-color: rgba(0, 0, 0, 0.6); top: 100%; -webkit-transition: top 0.7s ease; -moz-transition: top 0.7s ease; -o-transition: top 0.7s ease; transition: top 0.7s ease;  }
.poings ul li:hover .ttoindds{top: 0; display: block;}


@media  (max-width:1240px) {	
.poings{width: 100%; margin: auto;}
.poings ul li{ min-height: auto;}	
}


@media  (max-width:1024px) {
	.poings ul li .ttoind{padding: 15px;}	
.poings ul li .ttoindds{padding: 15px;}
.poings ul li .rtbnt{font-size: 15px;}
.poings ul li .rtbntt{font-size: 15px;}

}
@media  (max-width:908px) {
.poings ul li .ttoind{padding: 10px;}	
.poings ul li .ttoindds{padding: 10px;}
.poings ul li .rtbnt{font-size: 15px;padding: 10px 0 10px;}
.poings ul li .rtbntt{font-size: 15px;padding: 10px 0 10px; display: none;}
.poings ul li .rttwbnt:before{margin-bottom: 10px;}
.poings ul li .rttwbnt{font-size: 14px;line-height: 20px;position: relative;height: 20px; }

}
@media  (max-width:800px) {
.poings ul li .ttoindds{display: none !important;}
.poings ul li .rtbntt{display: none;}
.poings ul li .rttwbnt:before{margin-bottom: 10px;}
.poings ul li .rttwbnt{font-size: 14px;line-height: 20px;position: relative;height: 20px; }

}
@media  (max-width:620px) {
	.poings ul li .ttoind{padding: 20px;}	
.poings ul li .ttoindds{padding: 20px; display: block !important;}
.poings ul li .rtbntt{display: block;}
.poings ul li{width:100%; margin-right: 0; overflow: hidden;}
.poings ul li .rtbnt{font-size: 14px;padding: 10px 0 20px;}
.poings ul li .rtbntt{font-size: 14px;padding: 10px 0 20px; }

}
.tiitdn{width:1200px;margin:0 auto; overflow: hidden; display: block; position: relative; margin-top:20px ;}
.tiitdn img{max-width: 100%;}

@media  (max-width:1240px) {	
.tiitdn{width: 100%; margin: auto;}
	
}



.pungh{width:1200px;margin:0 auto; overflow: hidden; display: block; position: relative; margin-top:20px ;}
.pungh .ttings{ font-size: 16px;line-height: 30px;color: #103770;}
.pungh .tngs{ font-size: 16px;line-height: 26px;color: #787878; font-weight: bold;}
.pungh .tiings{ font-size: 14px;line-height: 24px;color: #999; margin-bottom: 10px; margin-top: 15px;}

.pungh ul{zoom:1 ;}
.pungh ul li{margin-top:10px;float:left;display: inline-block;vertical-align:middle;width:47%; min-height: 270px; position:relative ; box-sizing: border-box; margin-right: 6%;cursor:pointer}

.pungh ul li img{max-width: 100%; display: block; overflow: hidden; position: relative;}
.pungh ul li .timg{display: block;width: 46px;height: 46px;margin-bottom:20px;}
.pungh ul li .timg img{max-width: 100%;}
.pungh ul li .rtbnt{font-size: 15px;color: #103770;padding: 10px 0 30px;}
.pungh ul li .rtbntt{font-size: 15px;color: #103770;padding: 10px 0 20px;}
.pungh ul li .rttwbnt{font-size: 14px;line-height: 25px;position: relative;height: 20px;overflow: hidden;color: white;text-align: left;}
.pungh ul li .rttwbnt:after{content:'';display: block;width: 45px;height: 3px;background: #103770;position: absolute;top:3px;}
.pungh ul li .rttwbnt:before{content:'';display: block;width: 100%;height: 1px;background: #d8e0e5;margin-bottom: 20px;margin-top: 4px;}
.pungh ul li:nth-child(2){margin-right: 0;}

.pungh ul li:hover .rttwbnt{height: 150px;transform: translateY(-10px);}
.pungh ul li:hover .rtbnt{transform: scaleY(0);opacity: 0;margin-top: -70px;}
.pungh ul li:hover .rtbntt{transform: scaleY(1);opacity: 1;margin-top: -10px; color: #fff;}
.pungh ul li:hover .rttwbnt:after{background: white;}

.pungh ul li .ttoind{position: absolute; padding: 30px; height: 100%;  top: 0;  }
.pungh ul li:hover .ttoind{display: none;}
.pungh ul li .ttoindds{position: absolute; padding: 30px; height: 100%; background-color: rgba(0, 0, 0, 0.6); top: 100%; -webkit-transition: top 0.7s ease; -moz-transition: top 0.7s ease; -o-transition: top 0.7s ease; transition: top 0.7s ease;  }
.pungh ul li:hover .ttoindds{top: 0; display: block;}


@media  (max-width:1240px) {	
.pungh{width: 100%; margin: auto;}
.pungh ul li{ min-height: auto;  }	
}

@media  (max-width:1024px) {	
	.pungh ul li .ttoind{padding: 15px; }	
.pungh ul li .ttoindds{padding: 15px;    }
.pungh ul li .rtbnt{font-size: 16px;padding: 10px 0 15px}
.pungh ul li .rtbntt{font-size: 16px;padding: 10px 0 15px}
}
@media  (max-width:908px) {	
.pungh ul li .timg{margin-bottom: 10px;}
.pungh ul li .rttwbnt:before{margin-bottom: 10px;}
.pungh ul li .rttwbnt{height: 20px; line-height: 20px;}
}
@media  (max-width:780px) {	
.pungh ul li .ttoindds{display: none !important;}
.pungh .ttings{ font-size: 20px;line-height: 30px;color: #103770;}
.pungh .tngs{font-size: 16px;font-weight:100}
}

@media  (max-width:620px) {
.pungh ul li .ttoindds{display: block !important; position: relative;}
.pungh ul li .rttwbnt{height: auto;}
.pungh ul li{ width: 100%;  margin-right: 0; overflow: hidden; }
	.pungh ul li .ttoind{padding:15px; }	
.pungh ul li .ttoindds{padding: 15px;    }
.pungh ul li .rtbnt{font-size: 16px;padding: 10px 0 15px}
.pungh ul li .rtbntt{font-size: 16px;padding: 10px 0 15px}	
}



.puuih{width:1200px;margin:0 auto; overflow: hidden; display: block; position: relative; margin-top:20px ;}
.puuih .poleft{width: 46%; float: left; margin-right: 8%;overflow: hidden;}
.puuih .poleft .puuihs{ font-size: 16px;line-height: 24px;color: #103770;}
.puuih .poleft .tpuhs{ font-size: 16px;line-height: 24px;color: #787878; font-weight: bold;}
.puuih .poleft .puugs{ font-size: 14px;line-height: 20px;color: #999; margin-bottom: 10px; margin-top: 6%; text-indent:30px ;}
.puuih .poright{width: 46%; float: left; overflow: hidden; }
.puuih .poright img{ max-width: 100%;}




@media  (max-width:1240px) {	
.puuih{width: 100%; margin: auto;}

}
@media  (max-width:780px) {	
	.puuih .poleft .puuihs{ font-size: 16px;line-height: 24px;color: #103770;}
.puuih .poleft{width: 100%; margin-right: 0; margin-bottom: 30px;} 
.puuih .poright{width: 100%;}
.puuih .poleft .tpuhs{font-size: 16px;font-weight:100}
.puuih .poleft .puugs{font-size: 15px;line-height: 24px;}
}


.ttinf { display: none; }
.ttinf.active { display: block; }


/*管理理念*/














/*在线留言*/
.feedback01 { padding: 36px 0;color: #333;}
.feedbacktips em { color: #9D2328; }
.feedback1 {  border-top: 1px solid #ddd; padding: 3% 0%;margin-top: 2%;}
.feedback1 ul li {  padding-bottom: 3%;}
.feedback1 ul li:nth-child(2n) {float: initial;}
.feedback1 ul li label {display: block; padding-top: 6px;}
.feedbacklabel { display: block;}
.feedbacklabel em {color: #9D2328;margin-right: 8px;}
.feedbacktext {width: 100%; height: 35px; border: 1px solid #ddd;  padding-left: 12px;background: #fff;}
.feedbackarea { width: 100%; height: 126px;border: 1px solid #ddd; background: #fff; padding: 12px;}
.feedback1 ul li.lastfeedback {width: 100%;}
.feedbackbtn { text-align: center;}
.feedbackbtn input { width: 48%; float: left; margin-right: 4%; height: 35px; background: #9D2328; font-size: 18px;color: #fff; line-height: 35px;cursor: pointer;margin-bottom: 3%;}
.feedbackbtn input:nth-child(2){margin-right: 0;}
.feedbackbtn input.feedbackrebtn {background: #9D2328;}
.feedbackcode { border: 1px solid #ddd; width: 100%;height: 38px;background: #fff; position: relative;}
.feedbackcode input { width: 100%;height: 36px;}
.feedbackcodeimg { display: block;  position: absolute;  top: 0px; right: 0;}
.feedbackcodeimg img { display: block; width: 83px;height: 36px;}
.feedbacktips{text-align: center;font-size: 14px;}

/**/
@media (min-width: 768px){
	.feedback1 {  padding: 3% 5%;}
  .feedback1 ul li { width: 42%; float: left;}
    .feedback1 ul li:nth-child(2n) {float: right;   }
    .feedbackarea {height: 232px; }
    .feedbackbtn input {width: 119px;margin-bottom: 0; margin-right: 0;}
    .feedbackbtn input.feedbackrebtn { margin-left: 20px; }
    .feedbackcode { width: 217px; }
.feedbacktips{text-align: center;font-size: 16px;}
}


/*在线留言*/



.aboutuss{width: 100%; display: block; overflow: hidden; position: relative;}
.aboutuss p{ line-height: 28px; margin-bottom: 10px; font-size: 16px; }
.aboutuss p img{margin: 10px 0; max-width: 100%;}



/*联系我们*/

.NyContentus { padding: 20px 0; }
.NyContentus dt img { display: block; width: 100%; margin: 0 auto; }
.NyContentus dd h3.name {font-weight:bolder; font-size: 16px;  color: #9D2328; line-height: 26px; text-transform: uppercase; margin-bottom: 15px; }
.NyContentus dd p {padding-top:5px; margin-bottom: 10px; background-position: left 5px; background-repeat: no-repeat; padding-left: 33px; line-height: 26px; }
.NyContentus dd .p1 { background-image: url(../images/icon3.png); }
.NyContentus dd .p2 { background-image: url(../images/contact02.jpg); }
.NyContentus dd .p3 { background-image: url(../images/icon4.png); }
.NyContentus dd .p4 { background-image: url(../images/icon6.png); }
.NyContentus dd .p5 { background-image: url(../images/icon7.png); }

@media (min-width: 768px) {
    .nybanner img { height: auto; width: 100%; }
    .NyContentus dd h3.name {font-weight:bolder; margin-bottom: 6px; }
    .NyContentus dd p { margin-bottom: 0; }
    .NyContentus dt { float: left; width: 50%; }
    .NyContentus dd { float: left; width: 50%; }
}

@media (min-width: 1024px) {
    .NyContentus dd h3.name {font-weight:bolder; font-size: 16px; line-height: 30px; }
    
    .NyContentus dd { padding: 0 30px 0 0px; }
    .NyContentus dd h3.name { margin-bottom: 20px; }
    .NyContentus dd p { font-size: 15px; line-height: 30px; background-position: left 10px; }
}

@media (min-width: 1199px) {
    .nybanner .text h2 { font-size: 40px; line-height: 50px; }
    .nybanner .text p { font-size: 24px; }
}
.contactMap {height: 350px; width: 100%; float: left;  overflow: hidden;}
#map {width: 100%; height: 100%;}

/*联系我们*/





/*社会责任*/


.poiablu{width: 100%; display: block; overflow: hidden; position: relative; padding: -10px;}
.poiablu ul{zoom: 1; padding:  10px 0 10px 0; overflow: hidden;}
.poiablu ul li{width: 32%; float: left;margin-right: 2%; overflow: hidden; display: block; margin-bottom: 25px;transition:all .3s linear; cursor: pointer;}
.poiablu ul li:hover{	box-shadow:0 2px 8px rgba(0,0,0,.3);
	transform:translatey(-6px);
	-webkit-transform:translatey(-6px);
	-moz-transform:translatey(-6px);
	-ms-transform:translatey(-6px);
	-o-transform:translatey(-6px);}
.poiablu ul li:nth-child(3n){margin-right:0px;}
.poiablu ul li .img{width: 100%; height: auto; overflow: hidden;}
.poiablu ul li .img img{display:block; max-width:100%;transition: all 1s;overflow: hidden;}
.poiablu ul li .img:hover img{transform:scale(1.1);}
//.poiablu ul li .tdnri{ height:80px; overflow: hidden; padding-left: 10px;  padding-right:50px ;background: #103770 url(../images/yin_ico07.png) no-repeat right }
.poiablu ul li .tdnri:hover{ background-color: #9D2328;}
.poiablu ul li .tdnri .rtbntt{font-size: 14px;color: #fff;line-height: 20px; text-align:center}
//.poiablu ul li .tdnri .rtbntt p{text-align:left}

.poiablu ul li .tdnri {
    display: flex;
    justify-content: center;/*实现水平居中*/
    align-items:center; /*实现垂直居中*/
	height:100%;overflow: hidden;  background: #103770 url(../images/yin_ico07.png) no-repeat right; vertical-align:middle; text-align: center; padding-left: 10px;  padding-right:50px ;}
.poiablu ul li .tdnri .rtbntt p {
    display: flex;
    justify-content: center;/*实现水平居中*/
    align-items:center; /*实现垂直居中*/
	margin-top:10px;margin-bottom:10px;height:100%;  text-align: left; vertical-align:middle;  display: inline-block  }

@media (max-width: 920px){
.poiablu ul li{width: 48%;margin-right: 4%;}
.poiablu ul li:nth-child(3n){margin-right:4%;}
.poiablu ul li:nth-child(2n){margin-right:0px;}
.poiablu ul li .tdnri{ height:auto; padding-bottom: 10px;}
}

@media (max-width: 480px){
.poiablu ul li{width: 100%;margin-right: 0%;}


}



/*社会责任*/























