@charset "utf-8";
/* CSS Document */
.banner{background: url(../images/jion_banner.jpg) no-repeat center; width: 100%; height: 363px; 
	background-size: cover;}
.about{padding: 75px 0 50px 0; position: relative;}

.news_tab{padding-bottom: 60px; display: flex; justify-content: center;}
.news_tab li{float: left; height: 24px; padding: 8px 15px; font-size: 18px; color: #595757; cursor: pointer;}
.news_tab>div{float: left; margin-top:12px; width: 1px; height: 20px; background-color: #595757;}
.tab_bg{background-color: #4c88de; color: #fff!important;}
.logo_bg1{position: absolute; right: 50px; top: 284px;}
.logo_bg2{position: absolute; bottom: 50px; left: 80px;}
.logo_bg3{position: absolute; bottom: 10px; right: 50px;}
.tit_cn{font-size: 50px; color: #000; text-align: center;}
.tit_en{font-size: 24px; color: #6b6b6b; text-align: center; text-transform: uppercase; padding-bottom: 30px;}
.line{width: 64px; height: 2px; background-color: #4284e2; margin:0 auto;}
.about .miaoshu{font-size: 16px; color: #666; line-height: 30px; padding-top: 30px;}
.about2{background-color: #f1f1f1; padding: 60px 0 54px 0; position: relative;}
.about2 .tit_cn2{font-size: 30px; color: #4284e2; font-weight: bold; text-align: center;}
.about2 .line2{width: 64px; height: 2px; background-color: #4284e2; margin:0 auto;}
.about2 .con2{font-size: 16px; color: #666; padding-top: 40px; line-height: 30px;}
.about3{padding: 60px 0 54px 0; position: relative;}
.about3 .tit_cn2{font-size: 30px; color: #4284e2; font-weight: bold; text-align: center;}
.about3 .line2{width: 64px; height: 2px; background-color: #4284e2; margin:0 auto;}
.leibie_menu{width: 793px; margin:0 auto; padding-top: 30px;}
.leibie_menu li{float: left; width: 243px; height: 207px; margin-right: 32px; text-align: center; cursor: pointer;}
.leibie_menu li:last-child{margin-right: 0;}
.li1 div{width: 84px; height: 99px; background:url(../images/xiangmu1.png) no-repeat center; background-size: cover;
	margin:26px auto 24px;}
.li2 div{width: 84px; height: 99px; background:url(../images/xiangmu2.png) no-repeat center; background-size: cover;
	margin:26px auto 24px;}
.li3 div{width: 84px; height: 99px; background:url(../images/xiangmu3.png) no-repeat center; background-size: cover;
	margin:26px auto 24px;}
.leibie_menu li p{font-size: 18px; color: #5590e5;}
.leibie_bg{background-color: #4284e2;}
.h_icon1{background:url(../images/xiangmu1_h.png) no-repeat center!important; background-size: cover!important;}
.h_icon2{background:url(../images/xiangmu2_h.png) no-repeat center!important; background-size: cover!important;}
.h_icon3{background:url(../images/xiangmu3_h.png) no-repeat center!important; background-size: cover!important;}
.p_color{color: #fff!important;}
.leibie_inner{padding: 0 6px;}
.leibie_inner>div{display: none;}
.leibie_inner .inner1{border:1px solid #4284e2; padding: 20px 183px 20px 200px;}
.leibie_inner .inner1 .tit{font-size: 18px; color: #5590e5;}
.leibie_inner .inner1 .nr{font-size: 14px; color: #666; line-height: 28px; padding-top: 15px;}
.leibie_inner .inner2{border:1px solid #4284e2; padding: 20px 183px 20px 200px;}
.leibie_inner .inner2 .tit{font-size: 18px; color: #5590e5;}
.leibie_inner .inner2 .nr{font-size: 14px; color: #666; line-height: 28px; padding-top: 15px;}
.leibie_inner .inner3{border:1px solid #4284e2; padding: 20px 183px 20px 200px;}
.leibie_inner .inner3 .tit{font-size: 18px; color: #5590e5;}
.leibie_inner .inner3 .nr{font-size: 14px; color: #666; line-height: 28px; padding-top: 15px;}

.itemClass{padding-top: 40px;}
.itemClass .item{width: 48.57%; margin-right: 2.86%; position: relative;}
.itemClass .item:nth-child(2n){margin-right: 0;}
.itemClass .item>img{display: block; width: 100%;}
.itemClass .item .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;
	background-color: rgba(66,131,224,.8); padding: 40px 50px; box-sizing: border-box; transition: .3s;}
.itemClass .item .bg .tit{font-size: 30px; color: #fff; text-align: center;}
.itemClass .item .bg .drag{width: 62px; height: 2px; background-color: #fff; margin: 20px auto;}
.itemClass .item .bg .con{font-size: 18px; color: #fff; line-height: 32px; text-align: justify;}
.itemClass .item:hover .bg{background-color: rgba(66,131,224,1);}
@media screen and (max-width: 1440px){
    .logo_bg1{width: 400px; right: 0;}
    .logo_bg2{width: 400px; left: 0;}
    .logo_bg3{width: 400px; right: 0;}
}

@media screen and (max-width: 800px){
	.about{padding: 30px 0;}
	.news_tab{display: none;}
	.tit_cn{font-size: 18px;}
	.tit_en{font-size: 12px; padding-bottom: 20px;}
	.line{width: 40px;}
	.about .miaoshu{font-size: 14px; line-height: 26px;}
	.about2{padding: 30px 0;}
	.about2 .tit_cn2{font-size: 18px;}
	.about2 .line2{width: 40px;}
	.about2 .con2{font-size: 14px; line-height: 26px; padding-top: 20px;}
	.about3{padding: 30px 0;}
	.about3 .tit_cn2{font-size: 18px;}
	.about3 .line2{width: 40px;}
	.leibie_menu{width: 100%;}
	.leibie_menu li{width: 33.3%; height: 125px; margin-right: 0;}
	.leibie_inner{padding: 0;}
	.leibie_inner .inner1{padding:10px 4px;}
	.leibie_inner .inner2{padding:10px 4px;}
	.leibie_inner .inner3{padding:10px 4px;}
	.li1 div{width: 60px; height: 71px; margin:10px auto 10px;}
	.li2 div{width: 60px; height: 71px; margin:10px auto 10px;}
	.li3 div{width: 60px; height: 71px; margin:10px auto 10px;}
	.leibie_menu li p{font-size: 16px;}
	.leibie_inner .inner1 .tit{font-size: 16px;}
	.leibie_inner .inner1 .nr{line-height: 26px; padding-top: 8px;}
	.leibie_inner .inner2 .tit{font-size: 16px;}
	.leibie_inner .inner2 .nr{line-height: 26px; padding-top: 8px;}
	.leibie_inner .inner3 .tit{font-size: 16px;}
	.leibie_inner .inner3 .nr{line-height: 26px; padding-top: 8px;}
	.wap_banner{background: url(../images/wap_join_banner.png) no-repeat center; background-size: cover;
		width: 100%; height: 160px;}
	.about2 img{width: 100%!important; height: auto!important;}
	
	.itemClass{padding-top: 20px;}
	.itemClass .item{width: 100%; margin-right: 0; margin-bottom: 10px;}
	.itemClass .item .bg{padding: 15px;}
	.itemClass .item .bg .tit{font-size: 16px;}
	.itemClass .item .bg .drag{width: 30px; height: 1px; margin: 10px auto;}
	.itemClass .item .bg .con{font-size: 14px; line-height: 24px;}
}