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

.mod-bner, .mod-bner2{width: 100%; overflow: hidden; /*height: 600px;*/ background: no-repeat center center / 100%;}
.mod-bner2{height:550px; background-size: cover;}

.show-page{margin: 0 auto; max-width: 1440px; position: relative; color: #444; text-align: justify;  line-height: 2em;}

.article-tit2, .article-tit3{ font-weight: 100; padding: 60px 0; text-align: center; font-size: 36px;}
.article-detail{ font-size: 14px;}
.picScroll { margin: 10px auto; position: relative; padding: 10px 40px 10px 40px; background: #fff; overflow: hidden; }
.picScroll .prev,.picScroll .next{ display: block; position: absolute; top: 90px; width: 20px; height: 40px; background: url(../images/icon.png) no-repeat; }
.picScroll .prev { left: 0;background-position: -0px -0px;}	
.picScroll .next { right: 0;background-position: -0px -40px;}
.picScroll .prev:hover { background-position: -30px -0px;}
.picScroll .next:hover { background-position: -30px -40px;}
.picScroll ul { overflow: hidden;zoom: 1; }
.picScroll ul li { width: 342px; float: left; overflow: hidden; text-align: center; line-height: 60px; }
.picScroll ul li img { width: 322px; height: 218px; }
.about_pic{float: left; width: 50%; }
.about_pic img{width: 100%;}
.about_pic_r{width: 45%; float: right;}
.about_pic_r .name{font-size: 22px; text-align: center;padding-top: 70px; padding-bottom: 40px; }
.about_pic_r .intor{line-height: 1.5em; text-align: justify; font-size: 14px;}
.about_pic_r .intor strong{font-weight:700; line-height: 2.5em; }

.contact_top, .contact_center, .contact_bottom{overflow: hidden;  color: #333333;}
.contact_top{padding: 40px 0 50px 0; background-color: #f3f3f3; margin-top: 50px; font-size: 18px;display: flex;justify-content: center;}
.contact_top i{ width: 87px; height: 71px; margin: 0 auto; background: url(../images/about.png) no-repeat; display: block;}
.contact_top .n1 i{ background-position: 0 0;}
.contact_top .n2 i{ background-position: 0 -80px;}
.contact_top .n3 i{ background-position: 0 -160px;}
.contact_top .n4 i{ background-position: 0 -240px;}
.contact_top p{padding-top: 15px;}
.contact_top li{ float: left; text-align: center;}
.contact_top li.n1{width: 18%;}
.contact_top li.n2{width: 30.5%;}
.contact_top li.n3{width: 22%;}
.contact_top li.n4{width: 27.5%;}
.contact_top .n2 p, .contact_top .n4 p{padding-left: 5%; padding-right: 5%;}

.contact_center{margin-top: 50px;display: flex; flex-wrap: wrap; justify-content: center;}
.contact_center dl{float: left; text-align: center; width: 33.33%; margin: 25px 0; }
.contact_center dl:nth-child(3n+2){border-left: 1px solid #e0e0e0; /*border-right: 1px solid #e0e0e0;*/}
.contact_center dl dt{font-size: 24px; line-height: 42px;}
.contact_center dl dd b{font-size: 16px; line-height: 60px; margin-top: 20px;}
.contact_center dl dd p{line-height: 30px;font-size: 15px;}
.contact_bottom{background: url(../images/contact_bottom.jpg) repeat-x bottom center #f2f2f2; margin-top: 50px; min-height: 300px; }
.contact_bottom li {float: right; margin-left: 14px;}
.contact_bottom ul li:first-child{float: left; margin-left:0px;}
.contact_bottom .c_img {clear: both; text-align: center; padding-top:20px;}
.contact_bottom	.fr{width:380px; padding: 0 70px;border-left: #dadada 1px solid; }
.contact_bottom	.fl{width: 66.66%; padding: 0px 5% 0 5%; text-align: center; font-size: 16px;}
.contact_bottom	.intor{background-color: rgba(0,0,0,.05); overflow: hidden; padding-bottom: 30px; margin-top:65px; padding-top:30px;}
.contact_center dl dd strong{ color: #666666;}

.welfare-list {overflow: hidden; padding-bottom:80px; text-align: center;}
.welfare-list div{width: 160px; display: inline-block;  margin: 0 2%; padding-top: 160px; background:url(../images/welfare.jpg) no-repeat top center; vertical-align: top; padding-bottom: 50px; min-height: 80px;}
.welfare-list div.no1{ background-position: 0 0; }
.welfare-list div.no2{ background-position: -201px 0;}
.welfare-list div.no3{ background-position: -402px 0;}
.welfare-list div.no4{ background-position: -603px 0;}
.welfare-list div.no5{ background-position: -804px 0;}
.welfare-list div h4{ font-size: 20px; line-height: 50px; text-align: center;}
.welfare-list div p{ font-size: 12px; line-height: 20px; text-align: left;}
.join-bg2{width: 100%; overflow:hidden; height:444px; background:url(../images/join-bg2.jpg) no-repeat center center; cursor:pointer;}
.join-bg2 a{display:none;}

.article-tit3{padding-bottom:10px; line-height: 1em;}
.bk-b{height:2px; border:none; border-top:2px solid #44a8f2; margin:0 auto; width:7%; }
.article-detail2, .article-detail3{font-size: 16px; padding-top: 20px; padding-bottom: 30px; line-height: 24px; text-align: center; clear: both;}
.article-detail3{padding-top: 30px; text-align: justify;}
.icon {width: 40px; height: 40px; margin: 0 auto; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; fill: #333; stroke:#333;}
.active .icon { fill: #44a8f2; stroke:#44a8f2; }
.title-tab ul{padding-top: 50px; text-align: center; padding-bottom: 10px;}
.title-tab ul li {width: 30%; line-height: 50px; color: #333; cursor: pointer;  text-align: center; display: inline-block; -webkit-transition: all .2s ease-out; transition: all .2s ease-out; -webkit-transition: all 0.15s ease-in; transition: all 0.15s ease-in; }
.title-tab ul li.active { color:#44a8f2; }
#b_news1tab .icon{padding-top: 8px;}
#c_news1tab .icon{padding-top: 7px;}

.slide{width: 33.33%; float: left; position: relative; overflow: hidden; color: #fff; border: 5px solid #fff;}
.tabcon {display: none;}
.tabcon.active {display: block;}
.card-thumb {overflow: hidden; width: 100%;}
.card-thumb .img img{width: 100%; position: absolute;}
.card-thumb .img { z-index: 1; width: 100%; height: 0; padding-bottom: calc(350 / 560 * 100%); }
.slide:hover .card-thumb .img {-webkit-transform: scale(1.1); transform: scale(1.1);}
	
.mask{background-color: #000; height: 100%; width: 100%; position: absolute; opacity: 0; top: 0; z-index: 2;}
.slide:hover .card-thumb .mask{opacity: 0.3;}
.mask, .card-thumb .img{-webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, -webkit-transform 0.5s;}

.cont-a{position: absolute; z-index: 3; text-align: right; bottom: 15px; right: 20px; }
.cont-a h4{font-size: 22px; border-right: 2px solid #44a8f2; line-height: 18px; padding-right: 8px; margin-bottom: 5px; }
.cont-a p{font-size: 14px; padding-right: 12px;}
	
.cont-b{position: absolute; z-index: 3; text-align: center; width: 100%; transition: all 0.3s  0.1s ease-out ; left: -100%;}
.cont-b h5{position: absolute; width: 100%; font-size: 16px; line-height: 50px; margin-top: 10%;}
.cont-b	div{width: 100%; position: absolute; font-size: 14px; left: -100%;}
.cont-b hr{height: 2px; border: none; border-top: 2px solid #44a8f2; margin: 0 auto; width: 7%;}
.cont-b .con1{margin-top: 22%;  transition: all 0.3s 0.2s ease-out ;}
.cont-b .con2{width: 100%; font-size: 13px; line-height: 22px; height: 44px; overflow: hidden; margin-top: 28%; padding: 0 5%; transition: all 0.3s 0.3s ease-out ;	display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.cont-b .con3{margin-top: 45%; transition: all 0.3s 0.4s ease-out;}
.bt-black{line-height: 28px; padding: 0 23px; background-color: rgba(0,0,0,.3); font-size: 14px; display: inline-block; color: #fff; border: 1px solid rgba(255,255,255,.75); border-radius: 2px;}
.bt-black:hover{background-color: rgba(255,255,255,.9); border-color: #fff; }


.custom_us{line-height: 2em;}
.custom_us_list {

	margin-top: 30px
}
.custom_us_list li{	list-style: disc;
	list-style-position: inside;}
.custom_us_item_list {
	margin-left: 2.5rem
}

.custom_us_item_list li {
	list-style: circle;
	list-style-position: inside;
}

@media only screen and (max-width:1200px){
	.mod-bner{height:550px; background-size:auto 100%;}
	.mod-bner2{height:460px; background-size:auto 100%;}
	.join-bg2{height:340px; background-size:auto 100%;}
	.show-page{padding: 0 2%; width: 100%;}
	.contact_bottom	.fl { width: 100%;}
	.contact_bottom	.fr { border-left: 0; float: none; margin: 0 auto;}
	.list-paddingleft-2 { width: 240px; margin: 0 auto; }
}

@media only screen and (max-width:1000px){
	.mod-bner{height:420px;}
	.mod-bner2{height:360px;}
	.join-bg2{height:300px;}
	.show-page{padding: 0 2%; width: 100%;}
	.contact_top p{font-size:15px;}
	
	.slide{width: 50%; }
	.cont-b h5{margin-top: 8%; font-size: 15px;}
}

@media screen and (max-width: 768px) {
	.mod-bner{height:280px;}
	.mod-bner2{height:230px;}
	.contcat{height:320px;}
	.join-bg2{height:260px;}
	.about_pic, .about_pic_r{width: 100%;}
	.about_pic{padding: 0;}
	.contact_top{padding: 5px 4% 5px 4%;; margin: 10px 0;flex-direction: column;}
	.contact_top p{ text-align: left;}
	.contact_top li.n1, .contact_top li.n2, .contact_top li.n3, .contact_top li.n4{width: 100%; padding-bottom: 15px;display: flex;align-items: center;}
	.contact_top i{float: left; /*margin-right: 4%;*/ margin: unset; min-width: 80px;}
	.contact_center dl {width: 100%; border-bottom: 1px solid #e0e0e0; padding: 20px 0;margin-top: 0;}
	.contact_center dl.n2 {border-left:0; border-right:0;}
	.article-tit2, .article-tit3 { padding: 40px 0 15px 0; font-size: 30px; }
	.article-detail{line-height: 1.8em; }
	.welfare-list {padding-bottom:30px; padding-top: 30px;}
	
	.wap-hide{display: none;}
	.article-detail2, .article-detail3{font-size: 13px; text-align:left;}
	.bk-b {width: 17%;}
	.contact_center {
		margin-top: 0;
	}
	.contact_top p {
		padding-top: 0;
	}
}

@media screen and (max-width: 480px) {
	.mod-bner{height:240px;}
	.mod-bner2{height:190px;}
	.contcat{height:280px;background-size: 300%;}
	.join-bg2{height:230px;}
	.contact_top .n2 p, .contact_top .n4 p{padding: 0;}
	.contact_top .n2 p{line-height: 1.8em;}
	.contact_top .n4 p{line-height: 1.8em;}
	.about_pic_r .name { font-size: 18px;}
	
	.slide{width: 100%; border: 0; border-bottom: 10px solid #fff;}
	.cont-a {display: none;}
	.cont-b,.cont-b	div {left: 0; }
	.mask{opacity: 0.3;}
	
}

@media screen and (max-width: 425px) {
	.contact_top i{margin-top: 6px;}

}