#box-1{background: url(../img/zuojinbeiguanb2.jpg) no-repeat center center;background-size: cover;}
#box-1 .content{border: 1px solid rgba(0, 71, 146, 0.7);padding: 0px 60px 60px 60px;border-radius: 30px;margin-top: 40px;}
#box-1 .content .title{margin-top: -50px;display: inline-block;position: relative;padding-bottom: 10px;}
#box-1 .content .title p{font-size: 56px;font-weight: bold;color: #003870;background: linear-gradient(90deg, #003870 0%, #004DA1 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;z-index: 2;position: relative;padding: 0 2rem;}
#box-1 .content .title::before{content: "";height: 100%;width: 92%;background: linear-gradient(0deg, #F5F6F8 0%, #F3F7F8 100%);position: absolute;left:4%;}
#box-1 .content .des{text-indent: 2em;font-size: 16px;line-height: 1.5;padding-top: 10px;text-align: justify;}
#box-1 .content .des p{padding-bottom: 10px;color: #555555;}
#box-1 .content .tD{margin-top: 25px;}
#box-1 .content .img{width: 65%;margin: auto;font-size:0;}
#box-1 .content img{width: 100%;}

#box-2{padding: 0;position: relative;display: flex;}
#box-2>img.PCBlock{min-height: 330px;}
#box-2 .box2{position: absolute;top: 0;width: 100%;top: 38%;}
.video_btn{text-align: center;}
.video_btn img{width: 100px;cursor: pointer;transition: all .5s;}
.video_btn img:hover {transform: rotate(360deg);}
.video_btn p{font-size: 28px;color: #fff;font-weight: bold;}
.fix_video {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;display: none;}
.fix_video .fix_bg {background: rgba(0, 0, 0, .7);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;}
.fix_video .fix_text {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;overflow: hidden;height: 100%;}
.fix_video .fix_text .video {width: 100%;background: #000;max-width: 50%;margin: 0 auto;}
.fix_video .fix_text .video video {width: 100%;position: relative;z-index: 100;}
.fix_video i {width: 50px;height: 50px;position: absolute;z-index: 999;background-color: #fff;cursor: pointer;}
.fix_video i:before {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(../img/x03.png) no-repeat center;z-index: 3;transition: all .5s;-webkit-transition: all .5s;}
.fix_video i:hover:before {transform: rotate(180deg);-webkit-transform: rotate(180deg);transition: all .5s;-webkit-transition: all .5s;}
.fix_video i:after {content: '';position: absolute;width: 100%;height: 0%;bottom: 0;left: 0;background: #e6e6e6;z-index: 2;transition: all .5s;-webkit-transition: all .5s;}
.fix_video i:hover:after {height: 100%;transition: all .5s;-webkit-transition: all .5s;}

@media (min-width:767px) and (max-width:1199px){
	#box-1 .content{padding: 0px 50px 50px 50px;margin-top: 15px;}
	#box-1 .content .title p{font-size: 46px;}
	#box-1 .content .des{font-size: 16px;padding-top: 10px;}
	#box-1 .content .des p{padding-bottom: 10px;}
	#box-2 .box2{top: 30%;}
	.fix_video .fix_text .video {max-width: 70%;margin-left: 13%;}
}
@media screen and (max-width: 767px){
	#box-1 .content{padding: 0px 20px 20px 20px;margin-top: 15px;border-radius: 15px;}
	#box-1 .content .title{padding-bottom: 0px;}
	#box-1 .content .title p{font-size: 34px;}
	#box-1 .content .des{font-size: 15px;padding-top: 20px;}
	#box-1 .content .des p{padding-bottom: 15px;}
	#box-1 .content .tD{margin-top: 15px;}
	#box-1 .content .img{width: 100%;}
	
	#box-2 .box2{top: 32%;}
	.video_btn img{width: 68px;}
	.video_btn p{font-size: 22px;color: #fff;font-weight: bold;}
	.fix_video i {width: 30px;height: 30px;}
	.fix_video .fix_text .video {max-width: 85%;margin-left: 4%;}
	.fix_video i:before{background-size: 80%;}
	
}
