@charset "utf-8";
/* CSS Document */
.banner{background: url(../images/peiyang_banner.jpg) no-repeat center; width: 100%; height: 363px; 
	background-size: cover;}
.about{padding: 75px 0 59px 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; top: 284px; 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;}
.linian1{font-size: 16px; color: #666; line-height: 30px; padding-top: 30px; text-align: justify;}
.linian1 p{font-size: 16px; color: #666; line-height: 30px;}
.linian1 img{max-width: 100%;}
.about2{padding: 58px 0; background-color: #f1f1f1;}
.about2 .tit{font-size: 30px; color: #4284e2; text-align: center; font-weight: bold;}
.about2 .nr{font-size: 19px; color: #666; line-height: 32px; padding-top: 30px; padding-bottom: 36px;}
.about2 .linianpic1{width: 100%; text-align: center;}
.logo_bg2{position: absolute; bottom:76px; left: 50px;}
.about3{padding: 58px 0;}
.about3 .tit{font-size: 30px; color: #4284e2; text-align: center; font-weight: bold;}
.about3 .nr{font-size: 19px; color: #666; line-height: 32px; padding-top: 30px; padding-bottom: 36px;}
.peiyang{width: 1156px; margin:0 auto;}
.peiyang>div{float: left; width: 259px; height: 256px; margin-right: 40px; position: relative; cursor:pointer;}
.peiyang>div:last-child{margin-right: 0;}
.peiyang>div .peiyang1{background:url(../images/linian_pic2.png) no-repeat center; width: 192px; height: 189px;
	background-size: cover; transition: .5s; position: absolute; top:33.5px; left: 33.5px;}
.peiyang>div .peiyang1 .bt{font-size: 30px; color: #fff; text-align: center; line-height: 189px;}
.peiyang>div .peiyang1 .h_bt{text-align: center; position: absolute; top:0; left: 0; width: 192px; height: 189px;}
.peiyang>div .peiyang1 .h_bt p{ font-size: 19px; color: #fff;}
.peiyang>div .h_peiyang1{background:url(../images/h_1.png) no-repeat center; width: 259px; height: 256px;
	background-size: cover; position: absolute; top:0; left: 0; display: none;}
.peiyang>div .h_peiyang1 .h_bt{font-size: 19px; color: #fff; text-align: center; padding-top: 34px;}
.peiyang>div .h_peiyang1 .h_con{font-size: 19px; color: #fff; line-height: 28px; padding: 4px 18px 0;}

.peiyang>div:nth-child(2) .peiyang1{background:url(../images/linian_pic3.png);}
.peiyang>div:nth-child(2) .h_peiyang1{background:url(../images/h_2.png);}
.peiyang>div:nth-child(3) .peiyang1{background:url(../images/linian_pic4.png);}
.peiyang>div:nth-child(3) .h_peiyang1{background:url(../images/h_3.png);}
.peiyang>div:nth-child(4) .peiyang1{background:url(../images/linian_pic5.png);}
.peiyang>div:nth-child(4) .h_peiyang1{background:url(../images/h_4.png);}

.about4{padding: 58px 0; background-color: #f1f1f1;}
.about4 .tit{font-size: 30px; color: #4284e2; text-align: center; font-weight: bold;}
.about4 .nr{font-size: 19px; color: #666; line-height: 32px; padding-top: 30px; padding-bottom: 36px; text-align: center;}
.fangshi{padding-bottom: 30px;}
.fangshi .fangshi1{float: left; width: 369px; height: 257px; border:1px solid #4284e2; margin-right: 37px;
	background-color: #fff;}
.fangshi .fangshi1:last-child{margin-right: 0;}
.fangshi .fangshi1>p{font-size: 29px; color: #000; text-align: center; padding: 30px 0 20px 0;}
.fangshi .fangshi1>div{font-size:16px; color: #666; line-height: 30px; padding:0 36px;}
table{width: 100%;}
table tr td{border:1px solid #4284e2; height: 64px; line-height: 64px; background-color: #fff; font-size: 16px;
	color: #4284e0; text-align: center;}
table tr td:first-child{background-color: #4284e0; color: #fff; border-bottom: 1px solid #fff;}
table tr:last-child td:first-child{border-bottom:1px solid #4284e2;}

.zhaosheng{background-color: #f1f1f1; padding: 65px 0; position: relative;}
.zhaosheng .tit{font-size: 30px; color: #4284e2; text-align: center;}
.zhaosheng .line{width: 64px; height: 2px; background-color: #4284e2; margin: 20px auto 30px;}
.zhaosheng .con{font-size: 16px; color: #666; line-height: 30px; text-align: justify;}
.zhaosheng .con p{font-size: 16px; color: #666; line-height: 30px;}
.zhaosheng .con img{max-width: 100%;}
.zhaosheng .imgbox{padding-top: 50px;}
.zhaosheng .imgbox .img{width: 32.15%; margin-right: 1.775%; margin-bottom: 20px; overflow: hidden;}
.zhaosheng .imgbox .img:nth-child(3n){margin-right: 0;}
.zhaosheng .imgbox .img>img{display: block; width: 100%; transition: .3s;}
.zhaosheng .imgbox .img:hover>img{transform: scale(1.1);}
.jianzhang{padding: 65px 0 36px; position: relative;}
.jianzhang .tit{font-size: 30px; color: #4284e2; text-align: center;}
.jianzhang .line{width: 64px; height: 2px; background-color: #4284e2; margin: 20px auto 30px;}
.logo_bg3{position: absolute; bottom: 77px; right: 50px;}
.jianzhang .jz_box .jz_list{width: 100%; margin-bottom: 34px; background: linear-gradient(to right,#f2f2f2,#ffffff); border-radius: 25px 0 0 25px;}
.jianzhang .jz_box .jz_list .bt{font-size: 20px; color: #fff; background-color: #4284e2; width: 12%; border-radius: 25px; text-align: center; line-height: 50px;}
.jianzhang .jz_box .jz_list .nr{width: 86%; font-size: 18px; color: #333; padding: 12px 0;}
.jidi{background-color: #f1f1f1; padding: 65px 0;}
.jidi .tit{font-size: 30px; color: #4284e2; text-align: center;}
.jidi .line{width: 64px; height: 2px; background-color: #4284e2; margin: 20px auto 30px;}
.jidi .content .text{width: 47%; font-size: 16px; color: #666; line-height: 30px; text-align: justify;}
.jidi .content .text p{font-size: 16px; color: #666; line-height: 30px;}
.jidi .content .text img{max-width: 100%;}
.jidi .content .pic{width: 47%;}
.jidi .content .pic>img{width: 100%;}
.huanjing{background-color: #f1f1f1; padding: 65px 0 45px;}
.huanjing .tit{font-size: 30px; color: #4284e2; text-align: center;}
.huanjing .line{width: 64px; height: 2px; background-color: #4284e2; margin: 20px auto 30px;}
.huanjing .con img{max-width: 100%;}
.huanjing .imgbox{padding-top: 50px;}
.huanjing .imgbox .img{width: 32.15%; margin-right: 1.775%; margin-bottom: 20px; overflow: hidden;}
.huanjing .imgbox .img:nth-child(3n){margin-right: 0;}
.huanjing .imgbox .img>img{display: block; width: 100%; transition: .3s;}
.huanjing .imgbox .img:hover>img{transform: scale(1.1);}
.contact{width: 100%; height: 543px; background: url(../images/peiyang5.jpg) no-repeat center; background-size: cover;
	padding: 65px 0; box-sizing: border-box;}
.contact .tit{font-size: 30px; color: #4284e2; text-align: center;}
.contact .line{width: 64px; height: 2px; background-color: #4284e2; margin: 20px auto 30px;}
.contact .information{padding-top: 30px;}
.contact .information .info_list{width: 50%; margin: 0 0 25px 32%;}
.contact .information .info_list>img{float: left; margin-top: 4px; margin-right: 8px;}
.contact .information .info_list>p{float: left; font-size: 18px; color: #676767;}
.contact .information .info_list>p>span{font-weight: bold;}

@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){
	.news_tab{display: none;}
	.about{padding: 30px 0;}
	.tit_cn{font-size: 18px;}
	.tit_en{font-size: 12px; padding-bottom: 20px;}
	.line{width: 40px;}
	.linian1{padding-top: 20px; width: 100%; font-size: 16px; line-height: 28px; font-weight: normal;}
	.linian1 p{font-size: 16px; line-height: 28px;}
	.about2{padding: 30px 0;}
	.about2 .tit{font-size: 18px;}
	.about2 .nr{padding: 20px 0; font-size: 14px; line-height: 26px;}
	.about2 .linianpic1 img{width: 100%;}
	.about2 .nr img{width: 100%; height: auto!important;}

	.about3{padding: 30px 0;}
	.about3 .tit{font-size: 18px;}
	.about3 .nr{padding: 30px 0; font-size: 14px; line-height: 26px;}
	.peiyang{width: 100%;}
	.peiyang>div{width: 48%; height: 180px; margin-right: 2%; margin-bottom: 10px;}
	.peiyang>div:nth-child(2n){margin-right: 0;}
	.peiyang>div .peiyang1{width: 100%; height: 180px; top:0; left: 0;}
	.peiyang>div:nth-child(2) .peiyang1{background-size: cover;}
	.peiyang>div:nth-child(3) .peiyang1{background-size: cover;}
	.peiyang>div:nth-child(4) .peiyang1{background-size: cover;}
	.peiyang>div .peiyang1 .bt{line-height: 180px; font-size: 18px;}
	.peiyang>div .h_peiyang1{width: 100%; height: 100%;}
	.peiyang>div:nth-child(2) .h_peiyang1{background-size: cover;}
	.peiyang>div:nth-child(3) .h_peiyang1{background-size: cover;}
	.peiyang>div:nth-child(4) .h_peiyang1{background-size: cover;}
	.peiyang>div .h_peiyang1 .h_bt{font-size: 14px; padding-top: 20px;}
	.peiyang>div .h_peiyang1 .h_con{padding: 8px 8px 0; font-size: 12px; line-height: 26px;}

	.about4{padding: 30px 0;}
	.about4 .tit{font-size: 18px;}
	.about4 .nr{font-size: 14px; line-height: 26px; padding: 20px 0;}
	.fangshi .fangshi1{width: 100%; margin-right: 0; height: auto; padding-bottom: 20px; margin-bottom: 10px;}
	.fangshi .fangshi1>p{padding: 20px 0 10px 0; font-size: 16px;}
	.fangshi .fangshi1>div{font-size: 14px; line-height: 26px;}
	.logo_bg4{display: none;}
	table tr td{font-size: 14px; height: auto; line-height: 1; padding: 10px 6px;}
	.fangshi{padding-bottom: 20px;}
	.wap_banner{background: url(../images/wap_peiyang_banner.png) no-repeat center; background-size: cover;
		width: 100%; height: 160px;}
	.zhaosheng{padding: 30px 0 20px;}
	.zhaosheng .tit{font-size: 20px;}
	.zhaosheng .line{width: 40px; margin: 20px auto;}
	.zhaosheng .con{font-size: 16px; line-height: 28px;}
	.zhaosheng .imgbox{padding-top: 20px;}
	.zhaosheng .imgbox .img{width: 49%; margin-right: 2%; margin-bottom: 10px;}
	.zhaosheng .imgbox .img:nth-child(3n){margin-right: 2%;}
	.zhaosheng .imgbox .img:nth-child(2n){margin-right: 0;}
	.jianzhang{padding: 30px 0 20px;}
	.jianzhang .tit{font-size: 20px;}
	.jianzhang .line{width: 40px; margin: 20px auto;}
	.jianzhang .jz_box .jz_list{border-radius: 0; margin-bottom: 15px;}
	.jianzhang .jz_box .jz_list .bt{font-size: 18px; width: 100%; line-height: 40px; border-radius: 0;}
	.jianzhang .jz_box .jz_list .nr{width: 100%; font-size: 16px; padding: 12px 10px; box-sizing: border-box;
		line-height: 28px;}
	.jidi{padding: 30px 0;}
	.jidi .tit{font-size: 20px;}
	.jidi .line{width: 40px; margin: 20px auto;}
	.jidi .content .text{width: 100%; font-size: 16px; line-height: 28px;}
	.jidi .content .pic{width: 100%; margin-top: 10px;}
	.huanjing{padding: 30px 0 20px;}
	.huanjing .tit{font-size: 20px;}
	.huanjing .line{width: 40px; margin: 20px auto;}
	.huanjing .imgbox{padding-top: 20px;}
	.huanjing .imgbox .img{width: 49%; margin-right: 2%; margin-bottom: 10px;}
	.huanjing .imgbox .img:nth-child(3n){margin-right: 2%;}
	.huanjing .imgbox .img:nth-child(2n){margin-right: 0;}
	.contact{padding: 30px 0; height: auto; background: #fff;}
	.contact .tit{font-size: 20px;}
	.contact .line{width: 40px; margin: 20px auto;}
	.contact .information{padding-top: 0;}
	.contact .information .info_list{width: 100%; margin: 0 0 20px 0%;}
	.contact .information .info_list>p{font-size: 16px; width: 90%;}
	.contact .information .info_list>img{margin-top: 2px;}
}
@media screen and (max-width: 375px){
	.peiyang>div{height: 163px;}
	.peiyang>div .peiyang1{ height: 163px; }
	.peiyang>div .peiyang1 .bt{line-height: 163px;}
	.peiyang>div .h_peiyang1 .h_bt{ padding-top: 10px;}
}
@media screen and (max-width: 360px){
	.peiyang>div{height: 156px;}
	.peiyang>div .peiyang1{ height: 156px; }
	.peiyang>div .peiyang1 .bt{line-height: 156px;}
	.peiyang>div .h_peiyang1 .h_bt{ padding-top: 10px;}
	.peiyang>div .h_peiyang1 .h_con{padding: 4px 8px 0; line-height: 22px;}
}