html,body{ background-color: #9ff4f2; width: 100%; min-width: 1200px; font-family:"\5FAE\8F6F\96C5\9ED1"; position: relative;}
.cjwhysj_main{ width: 1200px; margin: 0 auto; padding: 0 35px; background-image:linear-gradient(to bottom,#cbf2f7,#e4feec,#cff4f7) ;}
area{outline: none;}
.cjwhysj_bg2{ background:url(../images/cjwhysj_1.jpg) center 0 no-repeat;  background-size: 100% 100%;}

.blank60{ height:60px; font-size:1px; clear:both;overflow:hidden;}


.cjwhysj_zbg1{width: 1400px;position: absolute;left: 50%;margin-left: -700px;text-align: center;height: 100vh;}

.cjwhysj_video{ position: absolute; z-index: 0; object-fit: fill; width: 100%; height: 100vh;}

.cjwhysj_wmw_bg{ width: 100%; position: relative; height: calc(100vh - 5px); overflow: hidden;}

.cjwhysj_p1_1{ background: url(../images/cjwhysj_12.png) no-repeat; height:297px; width: 812px; margin: 5vh auto 0;}
.cjwhysj_p1_2{ background: url(../images/cjwhysj_13.png) no-repeat; height: 83px; width: 1024px; margin: 5vh auto 0;}
.cjwhysj_p1_3{ background: url(../images/cjwhysj_wmw_1.png) no-repeat; height: 74px; width: 184px; margin: 5vh auto 0;}
.cjwhysj_p1_5{height: 39px;font-size: 40px;font-weight: bold;color: #11427b;position: absolute;bottom: 5vh;left: calc(50% - 150px);}


.cjwhysj_wmw_lmbt{ text-align: center;}

.cjwhysj_h1{ text-align: center; margin-bottom: 20px;}
.cjwhysj_h1 h1{ font-size: 42px; margin-bottom: 20px;}
.cjwhysj_h1 h1 a{color: #000;}
.cjwhysj_h1 span{ font-size: 18px; color: #000;}
.cjwhysj_h1 span a{ color: #000; margin: 0 5px;}

.sygs_spqh{ width:750px; float:left; overflow:hidden; height:420px; position:relative;}
.sygs_spqh .bd ul li{ width:750px; height:420px; position:relative; overflow:hidden;}
.sygs_spqh .bd ul li img{width:750px; height:420px;}
.sygs_spqh .bd ul li .bg{ width:100%; height:50px; position:absolute; overflow:hidden; left:0; bottom:0;  background:#000; filter: alpha(opacity=50);	-moz-opacity: 0.5;opacity: 0.5;	z-index:1;}
.sygs_spqh .bd ul li .bt{ width:530px; text-align: left; height:50px; padding:0 10px; line-height:50px; font-size:18px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:15; font-family:"\5FAE\8F6F\96C5\9ED1";}
.sygs_spqh .bd ul li .bt a{ color:#fff;}
.sygs_spqh .hd{ position:absolute; right:5px; bottom:19px;z-index:16;}
.sygs_spqh .hd ul li{ float:left; width:12px; height:12px; border-radius: 50%; line-height:28px; font-size:0; cursor:pointer; background:#fff; overflow:hidden;  margin-right:8px; display:inline; z-index:16; color:#d20404;}
.sygs_spqh .hd ul .on{  background:#164aab; }

.cjwhysj_ppyw{ float: right; width: 430px; height: 420px; overflow: hidden; text-align: left;}
.cjwhysj_ppyw ul{ margin-top: -5px;}
.cjwhysj_ppyw ul li{font-size: 18px;border-bottom: 1px dashed #ccc;height: 47px;line-height: 47px;overflow: hidden;}
.cjwhysj_ppyw ul li:last-child{ border: none; }
.cjwhysj_ppyw ul li a{}

.cjwhysj_ckgd{ margin-top: 10px; text-align: right;}

.cjwhysj_wmw_nav{ background: url(../images/cjwhysj_1.jpg) repeat-x; height: 79px; line-height: 79px; padding: 7px 0 8px;}
.cjwhysj_wmw_nav img{ float: left;}
.cjwhysj_wmw_nav .nav1{ font-size: 34px; font-weight: bold; float: left;}
.cjwhysj_wmw_nav .nav1 a{  color: #fff; display: inline-block; margin: 0 60px;}


.cjwhysj_wmw_img{}
.cjwhysj_wmw_img ul li{ width: 380px; height: 280px; margin-bottom: 10px; float: left; margin-right: 30px;}
.cjwhysj_wmw_img ul li:nth-child(3n){margin-right: 0;}
.cjwhysj_wmw_img ul li img{ width: 380px; height: 215px;}
.cjwhysj_wmw_img ul li p{ display: flex; align-items: center; justify-content: center; font-size: 20px; height: 60px; line-height: 30px; overflow: hidden;}
.cjwhysj_wmw_img ul li a{color: #000;}

.cjwhysj_wmw_sp{ position: relative;}
.swiper3{ width: 1200px;overflow: hidden; position: relative;}
.swiper3 .swiper-slide{width: 770px !important;height: 550px; position: relative; opacity: 0.5; transition: all 0.35s;}
.swiper3 .swiper-slide img{ width: 770px; height: 485px;}
.swiper3 .swiper-slide p{ position: absolute; left: 0; bottom: 0; width: 770px; height: 50px; line-height: 50px; font-size: 20px; font-weight: bold; text-align: center; display: none;}


.prev2,.next2{ width: 35px; height: 70px; position: absolute; top: 205px; cursor: pointer; z-index: 99;}
.prev2{ left: 180px; background: url(../images/cjwhysj_10.png) no-repeat;}
.next2{ right: 180px; background: url(../images/cjwhysj_11.png) no-repeat;}
.swiper3 .swiper-slide-active{ opacity: 1;}
.swiper3 .swiper-slide-active p{ display: block;}





.cjwhysj_ylyj_ul{}
.cjwhysj_ylyj_ul ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.cjwhysj_ylyj_ul ul li{background: url(../images/cjwhysj_7.png) no-repeat;width: 470px;height: 48px;padding: 24px 25px 24px 79px;line-height: 24px;overflow: hidden;font-size: 18px;margin-bottom: 15px;text-align: left;display: flex;align-items: center;}
.cjwhysj_ylyj_ul ul li a{ text-decoration: none;}

::-webkit-scrollbar {
    width: 6px;
}
 
::-webkit-scrollbar-thumb {
    background-color: #1f8ebd;
    border-radius: 3px;
}
 
::-webkit-scrollbar-track {
    background-color: white;
    border-radius: 3px;
}


@media (max-height: 1000px) {
	.cjwhysj_p1_1,.cjwhysj_p1_2,.cjwhysj_p1_3,.jjd_nav1{ margin: 3.5vh auto 0;}	
}
@media (max-height: 900px) {
    .cjwhysj_zbg1 {transform: scale(0.9) translateY(-5%);}
	
	.cjwhysj_p1_5{bottom: -5vh;}

}
@media (max-height: 850px) {
	.cjwhysj_p1_1{ margin: 0 auto;}
    .cjwhysj_zbg1 {transform: scale(0.85) translateY(-8%);}
	
	.cjwhysj_p1_5{bottom: -13vh;}
}
@media (max-height: 780px) {
    .cjwhysj_zbg1{transform: scale(0.8) translateY(-10%);}
	
}
@media (max-height: 700px) {
    .cjwhysj_zbg1{transform: scale(0.7) translateY(-15%);}
	
	.cjwhysj_p1_5{bottom: -30vh;}
}
@media (max-height: 650px) {
    .cjwhysj_zbg1{transform: scale(0.6) translateY(-20%);}
	
	.cjwhysj_p1_5{bottom: -47vh;}
}
@media (max-height: 600px) {
.cjwhysj_p1_1{ margin: -2vh auto;}
}
@media (max-height: 550px) {
    .cjwhysj_zbg1{
       transform: scale(0.5) translateY(-25%);
	   
    }
	.cjwhysj_p1_1{ margin: 0 auto;}
	.cjwhysj_p1_5{bottom: -65vh;}
}

.i01{animate-delay: 0.4s;-moz-animation-delay: 0.4s;-webkit-animation-delay: 0.4s;}
.i02{animate-delay: 0.8s;-moz-animation-delay: 0.8s;-webkit-animation-delay: 0.8s;}
.i03{animate-delay: 1.2s;-moz-animation-delay: 1.5s;-webkit-animation-delay: 1.5s;}
.i04{animate-delay: 1.6s;-moz-animation-delay: 1.6s;-webkit-animation-delay: 1.6s;}
.i05{animate-delay: 2s;-moz-animation-delay: 2s;-webkit-animation-delay: 2s;}
.i06{animate-delay: 2.4s;-moz-animation-delay: 2.4s;-webkit-animation-delay: 2.4s;}
.i07{animate-delay: 2.8s;-moz-animation-delay: 2.8s;-webkit-animation-delay: 2.8s;}
.i08{animate-delay: 3.2s;-moz-animation-delay: 3.2s;-webkit-animation-delay: 3.2s;}
.i09{animate-delay: 3.6s;-moz-animation-delay: 3.6s;-webkit-animation-delay: 3.6s;}
.i10{animate-delay: 4s;-moz-animation-delay: 4s;-webkit-animation-delay: 4s;}
.i11{animate-delay: 4.4s;-moz-animation-delay: 4.4s;-webkit-animation-delay: 4.4s;}

.t01{animate-delay: 3s;-moz-animation-delay: 3s;-webkit-animation-delay: 3s;}
.t02{animate-delay: 3.5s;-moz-animation-delay: 3.5s;-webkit-animation-delay: 3.5s;}
.t03{animate-delay: 4s;-moz-animation-delay: 4s;-webkit-animation-delay: 4s;}
.t04{animate-delay: 4.5s;-moz-animation-delay: 4.5s;-webkit-animation-delay: 4.5s;}
.t05{animate-delay: 5s;-moz-animation-delay: 5s;-webkit-animation-delay: 5s;}
.t06{animate-delay: 5.5s;-moz-animation-delay: 5.5s;-webkit-animation-delay: 5.5s;}