@charset "utf-8";
/* CSS Document */

body,div,img,form,input,ul,li,h1,h2,a,span{margin: 0; padding: 0; border: none; box-sizing: border-box; }
ul,li{list-style: none;}
body,input,h1,h2{font-family: "微软雅黑", "黑体"; font-size: 16px; line-height: 30px; font-weight: normal;}
body{background: #f1f9fc; margin: 0 auto; }
a{color: #000; text-decoration: none;}
a:hover{color: #D92636;}
.left{float: left;}
.right{float: right;}
.clearfix:after{content: ""; display: block; visibility: hidden; clear: both;}
.mycl{clear: both;}

.bg { /*background: url(20230418bg.gif) no-repeat center bottom;*/ height: 900px; z-index: 1; position: relative;}
.container { width: 1200px; height: 820px;/* margin: 0 auto; */position: relative;}

.home { padding-top: 87px;}
.logo {text-align: center; position: relative;}
.logo:nth-of-type(1) { margin-bottom: 73px;}
.logo:nth-of-type(2) { margin-bottom:10px;}
.l-1 { position: absolute; top: 0; left: 289px;}
.l-3 { position: absolute; top: 74px; left: 161px;}
.l-4 { position: absolute; top: -67px; right: 161px;}

.title { padding-top: 40px; margin-bottom: 27px; text-align: center;}
.t-1 { width: 50%; float: left; text-align: right; padding-right: 30px;}
.t-2 { width: 50%; float: right; text-align: left;}
.content-1 { background: url(dg_bg_01.png) no-repeat center top; height: 676px;}
.content-2 { background: url(dg_bg_02.png) no-repeat center bottom; height: 638px;}

.nav { width: 150px; height: 516px; background: url(dg_nav_bg.png) no-repeat center top; position: absolute; top: 196px; left: -160px; text-align: center;}
.nav ul { margin-top: 150px;}
.nav ul li { width: 150px; height: 50px; background: url(dg_nav_li_bg.png) no-repeat center top; font-size: 20px;font-weight: bold; line-height: 49px; color: white; margin-bottom: 12px;}
.btn-back { margin-top: 12px;}

.p1 {}

.p1-swiper { width: 897px; height: 287px; background: url(dg_bg_03.png) no-repeat right top; margin: 35px auto 45px auto; position: relative;}
.p1-slide img { width: 411px; height: 255px; margin: 16px 0;}
.p1-sword { float: right; width: 407px; margin: 50px 30px;}
.p1-sword h3 { font-size: 22px; color: white; margin: 0; line-height: 33px;}
.p1-sword p { font-size: 12px; color: white; text-indent: 2em; margin: 0;}
.p1-prev { position: absolute; right: 76px; bottom: 16px;}
.p1-next { position: absolute; right: 56px; bottom: 16px;}
.p1-list { width: 897px; margin: 0 auto;}
.p1-list ul li { float: left; width: 440px; font-size: 18px; line-height: 46px;}
.p1-list ul li:nth-of-type(odd) { float: right;}

.p2 {}
/*.p2-bl { width: 403px; height: 249px; background: url(dg_bg_04.png) no-repeat center bottom; text-align: center; line-height: 0; float: left; position: relative;}
.p2-bl { margin-left: 45px; margin-right: 129px; margin-top: 61px;}
.p2-bl:nth-of-type(odd) { margin-left: 129px; margin-right: 45px;}
.p2-bl:nth-of-type(3) { margin-top: 40px;}
.p2-bl:nth-of-type(4) { margin-top: 40px;}
.p2-bl img { width: 365px; height: 213px;}*/

.p2-bl { width: 300px; height: 200px; background: url(dg_bg_04.png) no-repeat center bottom; text-align: center; line-height: 0; float: left; position: relative;}
.p2-bl { margin-left: 73px; margin-top: 61px;}
.p2-bl img { width: 280px; height: 180px;}


.p2-bl p { font-size: 17px; line-height: 30px; margin: 0;}
.p2-prev { position: absolute; right: 136px; bottom: 37px;}
.p2-next { position: absolute; right: 116px; bottom: 37px;}

.p3 {}
.p3-bl { width: 476px; height: 195px; border-bottom: 1px dashed #2322b4; padding: 30px 7px; float: left; margin-left: 98px; margin-right: 25px;}
.p3-bl:nth-of-type(even) { margin-left: 25px; margin-right: 98px;}
.p3-bl:nth-of-type(1) { margin-top: 40px;}
.p3-bl:nth-of-type(2) { margin-top: 40px;}
.p3-bl h3 { font-size: 20px; font-weight: bold; line-height: 46px; margin: 0;}
.p3-bl img { width: 137px; height: 95px; }
.p3-bl p { width: 292px; font-size: 12px; line-height: 30px; margin: 0; float: right;}
.p3-bl p a { color: #df0000;}
.p3-list { width: 970px; margin: 45px auto;}
.p3-list ul li { float: left; width: 440px; font-size: 18px; line-height: 46px;}
.p3-list ul li:nth-of-type(odd) { float: right;}

.p4 {}
.p4-bl-wrap { width: 619px; padding: 0 80px; float: left; margin-top: 24px;}
.p4-bl { width: 476px; height: 195px; border-bottom: 1px dashed #2322b4; padding: 30px 7px; float: left; }
.p4-bl:nth-last-of-type(1) { border: none;}
.p4-bl h3 { font-size: 20px; font-weight: bold; line-height: 46px; margin: 0;}
.p4-bl img { width: 137px; height: 95px; }
.p4-bl p { width: 292px; font-size: 12px; line-height: 30px; margin: 0; float: right;}
.p4-bl p a { color: #df0000;}
.p4-list { width: 550px; float: right; padding-top: 103px; padding-left: 40px;  margin-top: 24px;}
.p4-list ul li { float: left; width: 440px; font-size: 16px; line-height: 32px;}

.p5 {}

.p6 {}
.p6-bl { width: 283px; text-align: center; float: left; margin-top: 122px;}
.p6-bl:nth-of-type(1) { margin-left: 33px;}
.p6-bl:nth-last-of-type(1) { margin-right: 33px;}
.p6-bl img { width: 263px; height: 372px;}
.p6-bl p { font-size: 17px; margin: 0; color: #4c5558;}




div{/*-webkit-text-size-adjust: none*/ }
html {/*-webkit-text-size-adjust: none;*/ /* Prevent font scaling in landscape */ }
.p1-topic{width: 900px; height: 140px; margin: auto}
.p1-sword{margin-top: 25px;}
.p1-sword p{line-height: 32px; padding-top: 10px;}


.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-2s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-3s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-4s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}




/*竖屏*/
@media screen and (orientation:landscape){
.p1-topic { text-align: center; padding-top: 40px;}
.p1-topic h3 { font-size: 35px; line-height: 58px; color: #151dac; margin: 0;}
.p1-topic h3 a{color: #151dac}
.p1-topic p { font-size: 12px; color: #7a7a7a; margin: 0; text-align: left; line-height: 20px; text-indent: 2em;}
.nav{left:-80px;}
#p_home{width: 1200px; position: absolute; left:10%;}
}




/*放大缩小*/
.suofang{
animation: suofang_zx 3s infinite linear;
-webkit-animation: suofang_zx 3s infinite linear;
}
@-webkit-keyframes suofang_zx {
	0% {-webkit-transform: scale(1);}
	25% {-webkit-transform: scale(0.95);}
	50% {-webkit-transform: scale(1);}
	75% {-webkit-transform: scale(1.05);}
	100% {-webkit-transform: scale(1);}
}

@keyframes suofang_zx {
	0% {-webkit-transform: scale(1);}
	25% {-webkit-transform: scale(0.95);}
	50% {-webkit-transform: scale(1);}
	75% {-webkit-transform: scale(1.05);}
	100% {-webkit-transform: scale(1);}
}


/*逐步放大*/
.suofang2{
animation: suofang_zx2 5 infinite linear;
-webkit-animation: suofang_zx2 5s infinite linear;
}
@-webkit-keyframes suofang_zx2 {
	0% {-webkit-transform: scale(1.15);}
	25% {-webkit-transform: scale(1);}
	50% {-webkit-transform: scale(1);}
	75% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(1);}
}
@keyframes suofang_zx2 {
	0% {-webkit-transform: scale(1.15);}
	25% {-webkit-transform: scale(1);}
	50% {-webkit-transform: scale(1);}
	75% {-webkit-transform: scale(1);}
	100% {-webkit-transform: scale(1);}
}






