@charset "gb2312";

/* CSS Document */

html,body {	position: relative;	height: 100%;}

*{ margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: transparent;}

body { font: 12px/24px "Microsoft Yahei", "寰?蒋闆呴粦", sans-serif, Arial, Helvetica; color: #fff; min-width: 1200px; background: #fff; letter-spacing: 1px; }

table {border-collapse: collapse;border-spacing: 0;}

fieldset, img {border: 0; vertical-align:top; max-width: 100%;}

address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}

ul, ol, li { list-style: none; margin: 0; padding: 0; }

caption, th {text-align: left}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }

q:before, q:afer {content:''}

abbr, acronym {border: 0}

a { text-decoration: none; color: #fff;}

a:link { text-decoration: none;}

a:hover { text-decoration: none; color: #000;}

a:active { text-decoration: none;}

input::-webkit-input-placeholder{color:#fff;}

input::-moz-placeholder{color:#fff;				  /* Mozilla Firefox 19+ */}

input:-moz-placeholder{color:#fff;				  /* Mozilla Firefox 4 to 18 */}

input:-ms-input-placeholder{color:#fff;			/* Internet Explorer 10-11 */}





.ejnav{width:230px;margin:0 auto;overflow:hidden;padding-top:30px;}

.ejnav ul li{height:35px;line-height:35px;text-align:center;float:left;background:#07bcad;margin-right:30px;width:80px;}

.ejnav ul li a{font-size:14px;}

.ejnav ul li a:hover{color:#fff;}





.width{ width: 1200px; margin: 0 auto; clear:both; }



/************ 澶撮儴 start ***********/

.ad{ width: 100%; overflow: hidden; height: 70px; background: url(/pc2022/images/dzjj4/ad1.jpg) no-repeat center;background-size: 100% 100%; display: flex; align-items: center;}

.ad a{display: block; float: right; margin-right: 60px; width: 140px; line-height: 32px; color: #cb221c; font-size: 15px; text-align: center; background: #fff; border-radius: 20px; transition: all 0.5s linear; font-weight: bold; animation:big 1s infinite;}

@keyframes big{

0%{ transform: scale(1);}

50% {transform: scale(1.2);}

100%{ transform: scale(1);}

}

.ad a:hover{ background: #cb221c; color: #fff; }

.header-bg{ background: url(/pc2022/images/dzjj4/header-bg.png) repeat-x;}

.header{ padding: 30px 0; display: flex; justify-content: space-between;}

.header-logo{ width: 200px;}

.header-photo{ width: 170px; color: #000; font-size: 17px; line-height: 53px;}

.header-photo:before{ content: ""; display: inline-block;vertical-align:middle; width: 25px; height: 53px; background: url(/pc2022/images/dzjj4/header-photo.png) no-repeat center; margin-right: 10px;}

.nav{ border-top: 1px solid #eaeaea;}

.nav ul{ display: flex; justify-content: space-between;}

.nav ul li{ text-align: center;}

.nav ul li a{ display: inline-block; color: #000; padding: 0 20px; font-size: 18px; line-height: 60px; }

.nav ul li a:hover{ color: #cb221c;}

.nav ul li.sp a{ color: #cb221c;}

/************ 澶撮儴 end***********/



/************ banner start ***********/

.banner{ width: 100%;clear: both; overflow: hidden;}

.banner .swiper-container {width: 100%;height: 100%;}

.banner .swiper-slide {text-align: center; font-size: 18px; background: #000;display: flex;justify-content: center;	align-items: center;}

.banner img{ width: 100%;} 

.banner .swiper-pagination-bullet { width: 15px; height: 15px; border-radius: 15px; display: inline-block; background: #fff; opacity: 1;}

.banner .swiper-pagination-bullet-active { background: #cb221c; width: 48px;}

/************ banner end***********/



/************ 鍙戝睍鍓嶆櫙 start ***********/

.msectionbg-com{ width: 100%; clear: both; padding-top: 60px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%;}

.main-title{ width: 100%; height: 89px; overflow: hidden; display: flex; align-items: center; background: url(/pc2022/images/dzjj4/main-title.png) no-repeat center center; font-size: 30px; justify-content: center;}

.main-button{width: 100%; margin-top: 40px; clear: both; text-align: center;  }

.main-button a{ color: #fff; font-size: 32px; line-height: 108px; display: inline-block; width: 424px; background: url(/pc2022/images/dzjj4/button1.png) no-repeat center; transition: all 0.5s;}

.main-button a:hover{transform: translateY(20px);}

.msectionbg1{ height: 1060px; background-image: url(/pc2022/images/dzjj4/mainbg1.jpg);}

.msection1-txt{ margin-top: 35px; padding: 0 60px; margin-bottom: 30px;}

.msection1-txt p{font-size: 18px; text-align: justify; line-height: 36px; text-indent: 2em;}



.msection1-img{ overflow: hidden; clear: both;}

.msection1-img ul{ display: flex; justify-content: space-between;}

.msection1-img ul li{flex-shrink: 0; width: 31%; padding: 10px 6px 30px; background: rgba(28,157,165,0.3); text-align: center; overflow: hidden;}

.msection1-img ul li .tit{ width: 100%; color: #fff1a2; font-size: 26px; line-height: 36px; padding: 10px 0;}



.msection1-img ul li p{ margin-top: 0px;}

.msection1-img ul li p img{ width: 100%;}

/************ 鍙戝睍鍓嶆櫙 end***********/



/************ 鏁欒偛鏂瑰悜 start ***********/

.msectionbg2{ height: 983px; background-image: url(/pc2022/images/dzjj4/mainbg2.jpg);}

.msection2{}

.msection2 ul{ margin-top: 50px; display: flex; justify-content: space-between;}

.msection2 ul li{ flex-shrink: 0; width: 360px; padding: 20px; background: #2f2ca3; }

.msection2 ul li a{ color: #fff;}

.msection2 ul li .xh{ width: 56px; margin: 0 auto; font-size: 40px; text-align: center; line-height: 90px; color: #cb221c; background: url(/pc2022/images/dzjj4/msection2-1.png) no-repeat center; background-size: 100% 100%;}

.msection2 ul li .bt{ text-align: center; font-size: 24px; line-height: 40px; margin-top: 10px; font-weight: bold;}





.msection2 ul li p{ font-size: 16px;line-height: 30px; margin-top: 10px; text-align: justify;}



.msection2 ul li .slt{ width: 100%; margin-top: 15px; overflow: hidden; }

.msection2 ul li .slt img{ display: block; width: 100%; transition: all 0.5s;}

.msection2 ul li .slt:hover img{ transform: scale(1.2);}



.msection2-txt{ width: 100%; margin-top: 50px; font-size: 30px; line-height: 40px; text-align: center; letter-spacing: 4px; font-weight: bold;}



.msectionbg3{ height: 1117px; background-image: url(/pc2022/images/dzjj4/mainbg3.jpg);}

.msection3-txt{ margin-top: 35px; padding: 0 60px;}

.msection3-txt p{font-size: 18px; text-align: justify; line-height: 36px;}



.msection3{}

.msection3 ul{ margin-top: 40px; display: flex; justify-content: space-between;}

.msection3 ul li{ flex-shrink: 0; width: 580px; padding: 30px; border: 3px solid #0777ae; background-color: rgba(1,33,62,0.5); border-radius: 10px;}



.msection3 ul li .jd{line-height: 60px; font-size: 28px; letter-spacing: 5px; font-weight:  bold;}

.msection3 ul li .jd span{ font-size: 32px; color: #fff1a2;}



.msection3 dl{ margin-top: 30px; display: flex; justify-content: space-between;}

.msection3 dl dt{ overflow: hidden;}

.msection3 dl dt img{ transition: all 0.5s;}

.msection3 dl dt:hover img{ transform: scale(1.2);}

.msection3 dl dd{font-size: 20px; line-height: 36px; text-align: center;}



.msectionbg4{ height: 1499px; background-image: url(/pc2022/images/dzjj4/mainbg4.jpg);}

.msection4{ padding-bottom: 70px;}

.msection4-txt{ margin: 30px 0; padding: 30px; border: 2px solid #074b70; border-radius: 10px; background-color: rgba(32,38,53,0.5);}

.msection4-txt p{font-size: 18px; text-align: justify; line-height: 36px;}

.msection4-img{ width: 100%;}

.msection4 ul{ margin-top: 30px; display: flex; justify-content: space-between;}

.msection4 ul li{ flex-shrink: 0; width: 210px; line-height: 70px; background: url(/pc2022/images/dzjj4/msection4-2.png) no-repeat center; font-size: 20px; text-align: center; font-weight: bold;}

/************ 鏁欏?浼樺娍 end***********/



/************ 瀛︿範鐜?? start ***********/

#msection5{position: relative; width: 1200px; margin: 0 auto; padding: 50px 0 0;}

#msection5 .swiper-container{padding: 10px 0 40px;}

#msection5 .swiper-slide{	width: 550px; background: #fff; box-shadow: 0 0 10px #fff;}

#msection5 .swiper-slide img{display:block;}

/************ 瀛︿範鐜?? end***********/



/************ 澶氶噸閫夋嫨 start ***********/

.msectionbg6{ height: 624px; background-image: url(/pc2022/images/dzjj4/mainbg6.jpg);}

.msection6-img { width: 1200px; height: 426px; background: #101010; padding: 20px; margin-top: 40px;}

.msection6-img .swiper-container{width: 100%; height: 100%;}

.msection6-img .swiper-slide { text-align: center; font-size: 18px; display: flex; justify-content: space-around; align-items: center; position: relative;}

.msection6-img .swiper-slide img{ display: block; position: absolute; left: 0; top: 0;}

.msection6-img .swiper-slide dl{ width: 100%; position: absolute; left: 0; bottom: 0;background: rgba(0,0,0,0.4); padding: 35px 0; text-align: center;}

.msection6-img .swiper-slide dl dt{ font-size: 22px; line-height: 40px;}

.msection6-img .swiper-slide dl dd{ font-size: 16px; line-height: 30px;}

/************ 澶氶噸閫夋嫨 end***********/





/*******  鏂伴椈璧勮? start  *******/

.index_news{

	height:500px;

	background-image: url(/pc2022/images/dzjj4/mainbg6.jpg);

	background-size:cover;

}

.index_news .basewidth{

	width:1200px;

	overflow:hidden;

	margin:0 auto;

}

.index_news .basewidth .tit{

	width: 100%;

	height: 89px;

	overflow: hidden;

	display: flex;

	align-items: center;

	background: url(/pc2022/images/dzjj4/main-title.png) no-repeat center center;

	font-size: 30px;

	justify-content: center;

	margin-top:45px;

	margin-bottom:45px;

}

.index_news .basewidth .newcon{

	overflow:hidden;

}

.index_news .basewidth .newcon ul{display: flex; justify-content: space-between; flex-wrap: wrap;	}



.index_news .basewidth .newcon ul li{ flex-shrink: 0;	width:48%; display: flex; justify-content: space-between; align-items: center;}

.index_news .basewidth .newcon ul li a{	font-size:16px; line-height: 40px; flex-shrink: 0; width: 80%; color:#fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.index_news .basewidth .newcon ul li a:hover{	color:#cb221c;}

.index_news .basewidth .newcon ul li span{ flex-shrink: 0; width: 20%; text-align: right;	font-size:14px;}

.index_news .basewidth .btn{

	width:130px;

	height:35px;

	line-height:35px;

	text-align:center;

	background:#2fb6b9;

	margin:0 auto;

	margin-top:35px;

}

.index_news .basewidth .btn a{

	color:#fff;

	font-size:14px;

}







/*******  鏂伴椈璧勮? end *******/



/************ 鍚堜綔浼欎即 start ***********/

.msectionbg7{ height: 550px; padding-top: 50px; background-image: url(/pc2022/images/dzjj4/mainbg7.jpg);}

.msection7-img{ margin-top: 30px;}

.msection7-img ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.msection7-img ul li{flex-shrink: 0; width: 13%; padding: 20px;  display: flex; align-items: center; text-align: center; text-shadow: 2px 2px 10px #fff; }

/************ 鍚堜綔浼欎即 end***********/



/************ 鍔犲叆鐢电珵琛屼笟 start ***********/

.msectionbg8{ height: 822px; background-image: url(/pc2022/images/dzjj4/mainbg8.jpg);}

.msection8-form{width: 900px; background: rgba(58,123,197,0.21);  margin: 75px auto 0; padding: 140px 200px 60px;  border-radius: 20px;}

.msection8 ul{}

.msection8 ul li{ width: 100%; margin-bottom: 50px; overflow: hidden; background-color: rgba(0,18,37,0.65); border-radius: 10px; border: 1px solid #fff;}

.msection8 ul li label,.msection8 ul li input{display: block; float: left; font-size: 24px;  line-height: 65px; color: #fff;}

.msection8 ul li label{ width: 35%; text-align: right; letter-spacing: 10px; font-weight: bold;}

.msection8 ul li input{width: 100%; border: none; text-align: center; background: transparent;  outline: none; }

.msection8 ul li button{display: block; width: 100%; line-height: 65px; border: none; font-size: 26px; font-weight: bold; letter-spacing: 3px; outline: none; text-align: center; background-color: #cb221c; color: #fff; border-radius: 10px; }

.msection8 ul li button:hover{ background-color: #a80000;}

/************ 鍔犲叆鐢电珵琛屼笟 end***********/

		

/************ 搴曢儴 start ***********/

.footer{ background: #cb221c; width: 100%; padding: 50px 0;}

.footer-t .weixin .wx{display:none;}

.footer-t .weixin:hover .wx{display:block;width:110px;height:110px;}



.footer-t a{ display: inline-block; width: 40px; margin-right: 20px;}

.footer-c{border-top: 2px solid #a80000; border-bottom: 2px solid #a80000; padding: 35px 0;  margin-top: 20px; overflow: hidden; clear: both;}

.footer-l{ width: 800px; float: left; text-align: left;}

.footer-l ul{ width: 160px; float: left;}

.footer-l ul li{}

.footer-l ul li a{ font-size: 14px; line-height: 30px;}

.footer-l ul li a:hover{ color: #fff;}

.footer-r{ width: 300px; float: right; text-align: left;}

.footer-r img{ display: block;}

.footer-r p{ margin-top: 10px; font-size: 12px; line-height: 18px;}

.footer-b{font-size: 12px; line-height: 14px; padding: 20px 0 0;}

.footer-b span{ padding: 0 20px; border-right: 1px solid #fff;font-size:14px;}

.footer-b span a:hover{color:#fff;}

.footer-b span:last-child{ border: none;}

/************ 搴曢儴 end***********/

		

/************ 鏍忕洰banner start ***********/

.listbanner{ width: 100%; overflow: hidden; clear: both; text-align: center;}

.listbanner img{ width: 100%;}

.listbanner2{ width: 100%; overflow: hidden; clear: both; text-align: center; position: relative; z-index: -1;}

.listbanner2 img{ width: 100%;}

.listbanner2 h2{ position: absolute; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; left: 0; top: 0; font-size: 50px;font-size: 60px; font-weight: bold; letter-spacing: 10px; text-shadow: 3px 3px 10px #000;}





/************ 鏍忕洰banner end***********/



/************ 鏍″洯鐜?? start ***********/

.huanjing1{ box-shadow: 0 0 20px #9dafcc; border-radius: 5px; margin-top: 25px; background-color: #fff; padding: 20px 0; text-align: center;}

.huanjing1 dl dd{ margin-top: 15px;}

.huanjing1 dl dd span{ display: inline-block; width: 256px; font-size: 30px; line-height: 40px; color: #cb221c; letter-spacing: 2px; font-weight: bold;}



.huanjing2{ width: 100%; overflow: hidden; clear: both; margin-top: 50px;}

.huanjing2 h2{font-size: 35px; letter-spacing: 3px; line-height: 70px; color: #000; text-align: center; font-weight: bold;}

.huanjing2-img{}

.huanjing2-img .swiper-container{width: 100%; padding-top: 50px; padding-bottom: 50px;}

.huanjing2-img .swiper-slide{ background-position: center; background-size: cover; width: 403px; height: 505px; border-radius: 20px; position: relative; text-align: center;}

.huanjing2-img .swiper-slide span{ display: none; width: 260px; background-color: rgba(203,34,28,0.6); border-radius: 10px; font-size: 24px; line-height: 60px; letter-spacing: 3px; position: absolute; left: 72px; bottom: 30px; color: #fff;}

.huanjing2-img .swiper-slide-active span{ display: inline-block;}

.huanjing2-txt{padding: 80px 0;  display: flex; align-items: center; }

.huanjing2-txt h3{ width: 280px; height: 280px; border-radius: 100%; overflow: hidden; flex-shrink: 0;}

.huanjing2-txt h3 img{ width: 100%;}

.huanjing2-txt p{font-size: 24px; color: #000; line-height: 60px; text-align: justify; margin-left: 40px;}



.huanjing3-bg{background-image: linear-gradient(to right, #cb221c 0%,#cb221c 50%,#fff 50%,#fff 100%); overflow: hidden; padding: 60px 0;}

.huanjing3{ position: relative; height: 760px;}

.huanjing3 .swiper-container { width: 100%;}

.huanjing3 .swiper-slide { }

.huanjing3-t{display: flex; align-items: center; justify-content: space-between;}

.huanjing3-t h2{width: 200px; flex-shrink: 0; border-bottom: 3px solid #fff; font-size: 50px; line-height: 70px; padding-bottom: 15px;}

.huanjing3-b{ margin-top: 65px;}

.huanjing3 .gallery-top { position: absolute; left: 0; top: 0; overflow: hidden; height: 100%; width: 100%;}



.huanjing3 .gallery-thumbs { position: absolute; right: 0; bottom: 10px; width: 470px; background: #cb221c; padding: 12px 0; }

.huanjing3 .gallery-thumbs .swiper-wrapper{justify-content: center;}

.huanjing3 .gallery-thumbs .swiper-slide{  width: 83px !important; height: 83px; border-radius: 100%; border: 3px solid #a80000; opacity: 0.6;background-size: cover;

    background-position: center; transition: .5s opacity; cursor: pointer;}

.huanjing3 .gallery-thumbs .swiper-slide-thumb-active{ opacity: 1;}



.huanjing4{ margin-top: 50px;}

.huanjing4 h2{font-size: 35px; letter-spacing: 3px; line-height: 70px; color: #000; text-align: center; font-weight: bold;}

.huanjing4-img{ width: 100%; margin-top: 40px; }

.huanjing4-img .hd{ overflow: hidden;}

.huanjing4-img .hd ul{ display: flex; justify-content: space-around; }

.huanjing4-img .hd ul li{ border-radius: 50px; padding: 0 70px; cursor: pointer; border: 2px solid #666; text-align: center; line-height: 50px; font-size: 26px; background: #fff; color: #000;}

.huanjing4-img .hd ul li.on{ background: #cb221c; border: 2px solid #cb221c; color: #fff; }

.huanjing4-img .bd{ margin-top: 50px; border-top:0; }

.huanjing4-img .bd ul{ overflow:hidden; text-align: center; }

.huanjing4-img .bd ul li{ float: left; width: 50%; height: auto; margin-bottom: 20px; padding: 0 10px;}

.huanjing4-img .bd ul li.sp100{ width: 100%; }

.huanjing4-img .bd ul li.sp33{ width: 33.3333%; }

.huanjing4-img .bd ul li dl{ width: 100%; border-radius: 15px; overflow: hidden; position: relative;}

.huanjing4-img .bd ul li dl dt{ transition: all .5s; }

.huanjing4-img .bd ul li dl dt:hover{ transform: scale(1.2);}

.huanjing4-img .bd ul li dl dd{ position: absolute; left: 0; bottom: 0; width: 100%;background: rgba(0,0,0,0.5); display: none; justify-content: center; align-items: center; padding: 24px 0; text-align: center; transition: all .5s;}

.huanjing4-img .bd ul li dl dd span{ max-width: 80%; padding: 8px 30px; display: inline-block; line-height: 30px; font-size: 20px;font-weight: bold; background: #cb221c; border-radius: 10px;}

/************ 鏍″洯鐜?? end***********/



/************ 涓撲笟鏂瑰悜 start ***********/

.zhuanye1-bg{ width: 100%; padding: 50px 0 100px; overflow: hidden; clear: both; background: url(/pc2022/images/dzjj4/zhuanye-bg.jpg) no-repeat center bottom;}

.zhuanye1{ color: #000; text-align: center;}

.zhuanye1-t h2{ font-size: 36px; line-height: 50px; font-weight: bold; text-align: center;}

.zhuanye1-t p{ margin-top: 15px; font-size: 18px; line-height: 30px; padding: 0 150px; }

.zhuanye1 ul{ margin-top: 50px; color: #fff;}

.zhuanye1 ul li{ margin-bottom: 60px; width: 1200px; height: 400px; background-repeat: no-repeat; background-position: center center; padding: 30px; display: flex; justify-content: space-between; border-radius: 15px;}

.zhuanye1 ul li:nth-child(1){ background-image: url(/pc2022/images/dzjj4/zhuanye1-11.png);}

.zhuanye1 ul li:nth-child(2){ background-image: url(/pc2022/images/dzjj4/zhuanye1-22.png);}

.zhuanye1 ul li:nth-child(3){ background-image: url(/pc2022/images/dzjj4/zhuanye1-33.png);}

.zhuanye1 ul li p{ flex-shrink: 0; width: 610px; border-radius: 15px; overflow: hidden; box-shadow: 5px 5px 10px #000;}

.zhuanye1 ul li dl{flex-shrink: 0; width: 400px; display: flex; align-items: center; justify-content: center; flex-direction: column;}

.zhuanye1 ul li dl dt{font-size: 36px; font-weight: bold; line-height: 50px; text-shadow: 5px 2px 1px #000;}

.zhuanye1 ul li dl dd{margin-top: 40px;}

.zhuanye1 ul li dl dd a{ display: inline-block; width: 250px; background: #cb221c; color: #fff; font-size: 20px; line-height: 40px; border-radius: 5px; }

.zhuanye1 ul li dl dd a:hover{ background: #a80000;}

/************ 涓撲笟鏂瑰悜 end***********/



/************ 鍚堜綔闄㈡牎 end***********/

.yuanxiaobg{ width: 100%; padding: 60px 0; background: url(/pc2022/images/dzjj4/yuanxiaobg.jpg) no-repeat center;}



.yuanxiao table{ width: 100%;}

.yuanxiao table td{ border: 1px solid #cb221c; font-size: 16px; line-height: 50px; text-align: center;}

.yuanxiao thead{ font-size: 20px; font-weight: bold; letter-spacing: 3px;}

.yuanxiao thead tr:first-child td{ font-size: 26px; line-height: 80px; font-weight: bold; letter-spacing: 3px;}





/************ 鍚堜綔闄㈡牎 end***********/



/************ 鏂伴椈鐑?偣 start ***********/

.news1 ul{ margin-top: 30px;}

.news1 ul li{ margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed #ddd; overflow: hidden; clear: both; display: flex; justify-content: flex-start;}

.news1-img{ width: 210px; height: 130px; overflow: hidden; flex-shrink: 0;}

.news1-txt{ color: #000; padding: 0 100px 0 30px; }

.news1-txt h2{ font-size: 20px; font-weight: bold; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news1-txt h2 a{ color: #000; }

.news1-txt h2 a:hover{ color: #cb221c; }

.news1-txt p{ font-size: 15px; line-height: 24px; height: 48px; margin-top: 6px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.news1-txt h3{ display: inline-block; margin-top: 20px;  color: #666; font-size: 14px; line-height: 16px;}

.news1-txt h3:before{ content: ""; display: inline-block; width: 12px; height: 12px; background: url(/pc2022/images/dzjj4/time.png) no-repeat center center; margin-right: 10px;}



.page{ width: 100%; margin: 60px 0; clear: both; text-align: center; }

.page ul{ display: inline-block; padding: 0 6px; font-size: 18px; font-weight: bold; color: #222; line-height: 52px;}

.page ul a,.page ul b{ display: inline-block; padding: 0 20px; letter-spacing: 2px; border: 1px solid #ddd; border-radius: 6px; margin: 0 10px;	}

.page ul a b{ padding: 0; background: none; border: none; color: #000;}

.page ul a{color: #000;}

.page ul a:hover,.page ul b{color: #fff; background: #cb221c;}

/************ 鏂伴椈鐑?偣 end***********/



/************ 鏂伴椈鐑?偣璇︽儏椤?start ***********/

.bread{color: #666; font-size: 16px; line-height: 22px; letter-spacing: 4px; margin-top: 30px;}

.bread a{ color: #666;}

.bread a:hover{ color: #cb221c;}

.article-t{ margin-top: 40px; text-align: center; border-bottom: 1px solid #666; padding-bottom: 20px;}

.article-t h1{ font-size: 24px; line-height: 48px; font-weight: bold; color: #000;}

.article-t p{ color: #666; font-size: 16px; line-height: 24px; margin-top: 20px;}



.article-nr{ width: 80%; margin: 50px auto; color: #000;}

.article-nr a{ color: #cb221c;}

.article-nr a:hover{ text-decoration: underline;}



.article-nr p,.article-nr div,.article-nr li{ font-size: 17px; line-height: 32px; margin-bottom: 10px; text-indent:34px;}
.article-nr h2{ height:40px; line-height: 40px; font-size:24px; margin-bottom: 10px;}
.article-nr h3{ height:36px; line-height:36px; font-size:20px; margin-bottom: 10px;}
.article-nr ul{ margin-bottom: 10px;}
.article-nr img{ height: auto;}



.page2{ margin-top: 100px;}

.page2 ul{ width: 80%; margin: 0 auto; border-top: 1px dashed #666; padding: 40px 0 60px;}

.page2 ul li{ color: #000;font-size: 18px; line-height: 40px;}

.page2 ul li a{color: #000; }

.page2 ul li a:hover{color: #cb221c;}

/************ 鏂伴椈鐑?偣璇︽儏椤?end***********/



/************ 甯堣祫鍥㈤槦 start ***********/

.jiaoshi1{}

.jiaoshi1 ul{ margin-top: 60px;}

.jiaoshi1 ul li{ width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }

.jiaoshi1-l{overflow: hidden; clear: both; display: flex; justify-content: flex-start; position: relative; padding: 30px;}

.jiaoshi1-l:hover{box-shadow: 0 0 5px #a80000;}

.jiaoshi1-img{ width: 203px; height: 203px; border-radius: 100%; overflow: hidden; flex-shrink: 0;}

.jiaoshi1-txt{ color: #000; padding-left: 100px; }

.jiaoshi1-txt h2{ font-size: 24px; font-weight: bold; line-height: 50px; color: #cb221c; }

.jiaoshi1-txt p{ font-size: 16px; line-height: 30px; color: #666;  }

.jiaoshi1-txt a{ position: absolute; right: 30px; bottom: 30px; display: none; background: #cb221c; color: #fff; padding: 0 20px; font-size: 16px; line-height: 40px;}

.jiaoshi1-txt a:hover{background: #a80000;}

/************ 甯堣祫鍥㈤槦 end***********/



/************ 鐢电珵鏁欒偛 start ***********/

.jiaoyu-title{ overflow: hidden; clear: both;}

.jiaoyu-title span{ display: block; width: 260px; height: 8px; margin-top: 22px;}

.jiaoyu-title span.hxl{ background: url(/pc2022/images/dzjj4/jiaoyu-titlel.png) no-repeat center; float: left;}

.jiaoyu-title span.hxr{ background: url(/pc2022/images/dzjj4/jiaoyu-titler.png) no-repeat center; float: right;}

.jiaoyu-title h2{line-height: 50px; font-size: 36px; width: 680px; padding: 0 20px; float: left; letter-spacing: 3px; color: #000; text-align: center;}

.jiaoyu-title h2 strong{ color: #cb221c;}

.jiaoyu-title p{ width: 100%; overflow: hidden; float: left; text-align: center; padding: 0 20px; color: #000;font-size: 18px; margin-top: 15px; line-height: 30px;}

.jiaoyu-titlew h2,.jiaoyu-titlew p{ color: #fff;}



.jiaoyu1,.jiaoyu2-bg,.jiaoyu3,.jiaoyu4-bg,.jiaoyu5,.jiaoyu6-bg,.jiaoyu7{ padding: 50px 0;}

.jiaoyu1-l{ margin-top: 40px;}

.jiaoyu1-l a{color: #000; }

.jiaoyu1-l ul{ display: flex; justify-content: space-between;}

.jiaoyu1-l ul li{box-shadow: 0 0 5px #ddd;flex-shrink: 0; width: 30%; padding: 30px 20px;}

.jiaoyu1-l ul li h3{background: url(/pc2022/images/dzjj4/jiaoyu1-1.png)no-repeat center; width: 80px; height: 80px; margin: 0 auto;}

.jiaoyu1-l ul li:nth-child(1) h3{ background-position: 0 0;}

.jiaoyu1-l ul li:nth-child(2) h3{ background-position: -240px 0;}

.jiaoyu1-l ul li:nth-child(3) h3{ background-position: -320px 0;}

.jiaoyu1-l ul li h2{font-size: 22px; line-height: 50px; color: #cb221c; text-align: center; margin-top: 15px;}

.jiaoyu1-l ul li p{ font-size: 16px; line-height: 30px; margin-top: 20px; text-align: justify;}

.jiaoyu1-b,.jiaoyu2-b{ width: 100%; overflow: hidden; clear: both;text-align: center; margin-top: 40px;}

.jiaoyu1-b a{display: inline-block; border: 2px solid #cb221c;  border-radius: 30px; line-height: 60px; font-size: 22px; color: #000; font-weight: bold; padding: 0 50px;}

.jiaoyu1-b a:before{ content: "";display: inline-block; vertical-align: middle; width: 45px; height: 43px; background: url(/pc2022/images/dzjj4/jiaoyu1-2.png) center; margin-right: 10px;}

.jiaoyu1-b a:hover{ background: #c40000; color: #fff; }



.jiaoyu2-bg{ width: 100%; background: url(/pc2022/images/dzjj4/jiaoyu2-1.jpg) no-repeat center;}

.jiaoyu2-l { margin-top: 40px;}

.jiaoyu2-l .swiper-container{width: 100%; height: 100%;}

.jiaoyu2-l .swiper-slide { background: #fff; padding: 30px 15px; cursor: pointer;}

.jiaoyu2-l .swiper-slide img{ width: 203px; height: 203px; margin: 0 auto; display: block;}

.jiaoyu2-l .swiper-slide h2{ font-size: 22px; line-height: 40px; color: #cb221c; margin-top: 20px; text-align: center; }

.jiaoyu2-l .swiper-slide p {font-size: 14px; line-height: 24px; color: #595f6f; margin-top: 10px; text-align: justify;}

.jiaoyu2-b a{display: inline-block; width: 360px; line-height: 70px; font-size: 30px; background: #cb221c; border-radius: 10px; color: #fff; font-weight: bold;}

.jiaoyu2-b a:hover{ background: #c40000; }



.jiaoyu3-l{ width: 100%; margin-top: 40px; }

.jiaoyu3-l .hd{ overflow: hidden;}

.jiaoyu3-l .hd ul{ display: flex; justify-content: space-around; }

.jiaoyu3-l .hd ul li{ border-radius: 10px; width: 350px; cursor: pointer; border: 2px solid #c40000; text-align: center; line-height: 60px; font-size: 26px; background: #fff; color: #000;}

.jiaoyu3-l .hd ul li.on{ background: #cb221c; color: #fff; }

.jiaoyu3-l .bd{ margin-top: 50px; border-top:0; }

.jiaoyu3-l .bd ul{ overflow:hidden; text-align: center; }

.jiaoyu3-l .bd ul li{ margin-bottom: 20px; }



.jiaoyu4-bg{ height: 728px; width: 100%; background: url(/pc2022/images/dzjj4/jiaoyu4-1.jpg) no-repeat top center; padding-top: 120px;}

.jiaoyu4-l{ width: 100%; margin-top: 40px; }

.jiaoyu4-l ul{ display: flex; justify-content: space-between;}



.jiaoyu5-l{width: 100%; margin-top: 40px;}



.jiaoyu6-bg{ height: 727px; width: 100%; background: url(/pc2022/images/dzjj4/jiaoyu2-1.jpg) no-repeat top center; }

.jiaoyu6-l{ width: 100%; margin-top: 40px; }

.jiaoyu6-l ul{display: flex; justify-content: space-between; margin-bottom: 20px;}

.jiaoyu6-l ul li{ flex-shrink: 0; width: 385px;}



.jiaoyu7-l{ width: 100%; margin-top: 40px; display: flex; justify-content: space-between;}

.jiaoyu7-img{ flex-shrink: 0; width: 590px;}

.jiaoyu7-img img{ width: 100%;}

.jiaoyu7-form{ flex-shrink: 0; width: 520px; margin-top: 40px; }

.jiaoyu7-form ul{}

.jiaoyu7-form ul li{ width: 100%; margin-bottom: 50px; overflow: hidden; background: #cb221c;; border-radius: 10px; border: 1px solid #c40000;}

.jiaoyu7-form ul li label,.jiaoyu7-form ul li input{display: block; float: left; font-size: 24px;  line-height: 65px; color: #fff;}

.jiaoyu7-form ul li label{ width: 25%; text-align: right; letter-spacing: 10px; font-weight: bold;}

.jiaoyu7-form ul li input{width: 100%; text-align: center; border: none; background: transparent;  outline: none; }

.jiaoyu7-form ul li button{display: block; width: 100%; line-height: 65px; border: none; font-size: 26px; font-weight: bold; letter-spacing: 3px; outline: none; text-align: center; background-color: #cb221c; color: #fff; border-radius: 10px; }

.jiaoyu7-form ul li button:hover{ background-color: #a80000;}

/************ 鐢电珵鏁欒偛 end***********/



/************ 淇变箰閮ㄨ繍钀ョ?鐞?start ***********/

.guanli1{ padding: 60px 0; text-align: center;}



.guanli1-t{ background: url(/pc2022/images/dzjj4/guanli1-1.png) no-repeat center;}

.guanli1-t h2{ width: 390px; margin: 0 auto; font-size: 30px; line-height: 45px; color: #000; font-weight: bold; padding: 0 20px; text-align: center;  }

.guanli1-t h2 p{font-size: 16px; line-height: 20px; text-transform: uppercase; margin-top: 5px;}

.guanli1-t2{ background: url(/pc2022/images/dzjj4/guanli1-2.png) no-repeat center;}

.guanli1-t2 h2{ width: 390px; margin: 0 auto; font-size: 30px; line-height: 45px; font-weight: bold; padding: 0 20px; text-align: center;  }

.guanli1-t2 h2 p{font-size: 16px; line-height: 20px; text-transform: uppercase; margin-top: 5px;}

.guanli1-txt{font-size: 18px; color: #666; margin-top: 25px; line-height: 30px; padding: 0 50px 25px;  text-align: center;}



.guanli1 ul{display: flex; justify-content: space-around; color: #000;}

.guanli1 ul li{}

.guanli1 ul li span{ display: block; width: 125px; height: 125px; margin: 40px auto; background: url(/pc2022/images/dzjj4/guanli1-3.png) no-repeat;}

.guanli1 ul li span.gl1{ background-position: 0 0;}

.guanli1 ul li span.gl2{ background-position: -131px 0;}

.guanli1 ul li span.gl3{ background-position: -259px 0;}

.guanli1 ul li span.gl4{ background-position: -388px 0;}

.guanli1 ul li span.gl5{ background-position: -517px 0;}

.guanli1 ul li span.gl6{ background-position: -646px 0;}

.guanli1 ul li span.gl7{ background-position: -774px 0;}

.guanli1 ul li span.gl8{ background-position: -903px 0;}

.guanli1 ul li h2{ font-size: 18px; line-height: 36px; font-weight: bold;}

.guanli1 ul li p{font-size: 18px; font-weight: bold; line-height: 26px; color: #4c4c4c; margin-top: 5px;}



.guanli2-bg{ background: url(/pc2022/images/dzjj4/guanli2-2.jpg) no-repeat center bottom; padding: 20px 0 100px;}

.guanli2-img{ text-align: center; margin-top: 180px; padding-bottom: 100px;}



.guanli3-l{ margin-top: 80px; overflow: hidden;}

.guanli3-l ul{ display: flex; justify-content: space-between;}

.guanli3-l ul li{ border: 2px solid #000; border-radius: 5px; padding: 20px; flex-shrink: 0; width: 280px; color: #000; text-align: center;}

.guanli3-l ul li img{ display: block; width: 100%;}

.guanli3-l ul li h2{ font-size: 16px; line-height: 32px; font-weight: bold; margin-top: 10px;}

.guanli3-l ul li span{ display: block; width: 150px; height: 2px; margin: 10px auto;}

.guanli3-l ul li span.gl1{background: #f9ab30;}

.guanli3-l ul li span.gl2{background: #448aca;}

.guanli3-l ul li span.gl3{background: #666;}

.guanli3-l ul li span.gl4{background: #6cc8bc;}

.guanli3-l ul li p{font-size: 15px; line-height: 24px; color: #4c4c4c;}



.guanli4-bg{ height: 729px; overflow: hidden; background: url(/pc2022/images/dzjj4/guanli4-1.jpg) no-repeat center top; padding-top: 60px;}

.guanli4-l{ margin-top: 130px;}

.guanli4-l ul{ position: relative;}

.guanli4-l ul li{ position: absolute; width: 246px; height: 215px; overflow: hidden; cursor: pointer;}

.guanli4-l ul li:nth-child(1){ left: 0; top: 110px;; background: url(/pc2022/images/dzjj4/guanli4-2.png) no-repeat center;}

.guanli4-l ul li:nth-child(2){ left: 190px; top: 0; background: url(/pc2022/images/dzjj4/guanli4-3.png) no-repeat center;}

.guanli4-l ul li:nth-child(3){ left: 380px; top: 110px; background: url(/pc2022/images/dzjj4/guanli4-4.png) no-repeat center;}

.guanli4-l ul li:nth-child(4){ left: 570px; top: 0; background: url(/pc2022/images/dzjj4/guanli4-5.png) no-repeat center;}

.guanli4-l ul li:nth-child(5){ left: 760px; top: 110px; background: url(/pc2022/images/dzjj4/guanli4-6.png) no-repeat center;}

.guanli4-l ul li:nth-child(6){ left: 950px; top: 0; background: url(/pc2022/images/dzjj4/guanli4-7.png) no-repeat center;}

.guanli4-l ul li h2,.guanli4-l ul li p{ width: 246px; height: 215px; display: flex; align-items: center; justify-content: center; text-align: center; text-shadow: 2px 2px 2px #333;}

.guanli4-l ul li h2{ padding: 0 38px; font-size: 20px; line-height: 30px; }

.guanli4-l ul li p{ display: none; padding: 0 30px; font-size: 15px; line-height: 24px;}



.guanli5{ padding: 80px 0;}

.guanli5-l{ margin-top: 30px;}

.guanli5-l ul{ display: flex; justify-content: space-between;}

.guanli5-l ul li{ flex-shrink: 0; width: 184px; height: 515px; overflow: hidden; background-repeat: no-repeat; background-position: center top;}

.guanli5-l ul li:nth-child(1){ background-image: url(/pc2022/images/dzjj4/guanli5-1.png); color: #52a4cb;}

.guanli5-l ul li:nth-child(2){ background-image: url(/pc2022/images/dzjj4/guanli5-2.png); color: #dd2e30; margin-top: 110px;}

.guanli5-l ul li:nth-child(3){ background-image: url(/pc2022/images/dzjj4/guanli5-3.png); color: #f9ab30; margin-top: 220px;}

.guanli5-l ul li:nth-child(4){ background-image: url(/pc2022/images/dzjj4/guanli5-4.png); color: #9963c7; margin-top: 110px;}

.guanli5-l ul li:nth-child(5){ background-image: url(/pc2022/images/dzjj4/guanli5-5.png); color: #009944;}

.guanli5-l ul li h2{ width: 100%; height: 184px; padding: 0 40px; display: flex; align-items: center; justify-content: center;font-size: 22px; line-height: 30px; font-weight: bold; text-align: center;}



.guanli6{ padding-bottom: 60px;}

.guanli6-l{ margin-top: 60px;display: flex; justify-content: space-between;}

.guanli6-txt{ flex-shrink: 0; width: 30%; background-repeat: no-repeat; background-position: center top; color: #000;}

.guanli6-txt h4{ text-align: center;}

.guanli6-txt img{ display: inline-block;}

.guanli6-txt h2{ text-align: center; font-size: 20px; line-height: 30px; margin-top: 15px; font-weight: bold;}

.guanli6-txt h3{ text-align: center; font-size: 18px; line-height: 20px; color: #666; margin-top: 10px;}

.guanli6-txt span{ display: block; width: 50px; height: 3px; background: #cb221c;  margin: 10px auto;}

.guanli6-txt ul{}

.guanli6-txt ul li{margin-top: 5px; display: flex; justify-content: flex-start; font-size: 16px; line-height: 26px; }

.guanli6-txt ul li i{display: block; margin-top: 11px; flex-shrink: 0; width: 6px; height: 6px; border-radius: 100%; background: #666; margin-right: 15px;}

.guanli6-txt ul li p{color: #808080; text-align: justify;}



.guanli7-bg{ height: 482px; overflow: hidden; background: url(/pc2022/images/dzjj4/guanli7-1.jpg) no-repeat center top; padding-top: 60px;}

.guanli7{text-shadow: 2px 2px 2px #000;}

.guanli7 h2{ font-size: 30px; line-height: 50px; font-weight: bold; text-align: center;}

.guanli7 h2 span{ color: #cb221c;}

.guanli7 form{width: 500px; margin: 40px auto 0; }

.guanli7 ul li{ width: 100%; margin-bottom: 30px; overflow: hidden; }

.guanli7 ul li input,.guanli7 ul li button{display: block; width: 100%; line-height: 50px;  font-size: 22px; color: #fff; border: none; outline: none; text-align: center; border-radius: 10px;  border: 1px solid #fff; letter-spacing: 5px;}

.guanli7 ul li input{  background-color: rgba(0,18,37,0.65); }

.guanli7 ul li button{ font-weight: bold; background-color: #cb221c; }

.guanli7orm ul li button:hover{ background-color: #a80000;}

/************ 淇变箰閮ㄨ繍钀ョ?鐞?end***********/



/************ 鐢靛瓙绔炴妧璧涗簨绛栧垝 start ***********/

.cehuatitle-t{ color: #000; text-align: center; }

.cehuatitle-t h2{ font-size: 36px; line-height: 60px; font-weight: bold; padding-bottom: 20px; background: url(/pc2022/images/dzjj4/cehua1-1.png) no-repeat center bottom;}

.cehuatitle-t p{font-size: 22px; line-height: 20px; margin-top: 15px; font-weight: bold;}

.cehuatitle-txt{font-size: 18px; font-weight: bold; color: #000; margin-top: 25px; line-height: 30px; padding: 0 100px;  text-align: center;}

.cehuatitle-t2{ text-align: center;}

.cehuatitle-t2 h2{font-size: 36px; line-height: 80px; font-weight: bold; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}



.cehuatitle-t3{ color: #fff; text-align: center; }

.cehuatitle-t3 h2{ font-size: 36px; line-height: 60px; font-weight: bold; padding-bottom: 20px; background: url(/pc2022/images/dzjj4/cehua1-2.png) no-repeat center bottom;}

.cehuatitle-t3 p{font-size: 22px; line-height: 20px; margin-top: 15px; font-weight: bold;}



.cehua1-bg{ width: 100%; padding: 80px 0; overflow: hidden; clear: both; background: url(/pc2022/images/dzjj4/cehua1-0.png) no-repeat center top;}

.cehua1-img{ padding: 80px 0 0;}

.cehua1-img .swiper-container {width: 100%; height: 100%; padding-bottom: 80px;}

.cehua1-img .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}

.cehua1-img .swiper-pagination-bullet { width: 50px; height: 10px; border-radius: 5px; text-indent: 999px; opacity: 1; background: #000;}

.cehua1-img .swiper-pagination-bullet-active {background: #cb221c;}

.cehua1-txt{ width: 100%; padding-top: 10px; overflow: hidden; font-size: 16px; line-height: 32px; font-weight: bold; text-align: center; color: #000;}



.cehua2{ overflow: hidden; padding: 80px 0; color: #000;}



.cehua2-img{color: #fff; text-shadow: 2px 2px 2px #000;}

.cehua2-img ul{ margin-top: 60px; display: flex; justify-content: space-between;}

.cehua2-img ul li{ flex-shrink: 0; width: 372px; height: 372px; background-repeat: no-repeat; background-position: center; cursor: pointer; overflow: hidden; text-align: center;}

.cehua2-img ul li:nth-child(1){ background-image: url(/pc2022/images/dzjj4/cehua2-1.png);}

.cehua2-img ul li:nth-child(2){ background-image: url(/pc2022/images/dzjj4/cehua2-2.png);}

.cehua2-img ul li:nth-child(3){ background-image: url(/pc2022/images/dzjj4/cehua2-3.png);}

.cehua2-img ul li:nth-child(4){ background-image: url(/pc2022/images/dzjj4/cehua2-4.png);}

.cehua2-img ul li:nth-child(5){ background-image: url(/pc2022/images/dzjj4/cehua2-5.png);}

.cehua2-img ul li:nth-child(6){ background-image: url(/pc2022/images/dzjj4/cehua2-6.png);}



.cehua2-img ul li span{ display: block; width: 155px; height: 78px; margin: 0 auto; background-image: url(/pc2022/images/dzjj4/cehua2-7.png); margin-bottom: 40px; margin-top: 110px;}

.cehua2-img ul li.sp1{ background-position: 0 0;}

.cehua2-img ul li.sp2{ background-position: -160px 0;}

.cehua2-img ul li.sp3{ background-position: -320px 0;}

.cehua2-img ul li.sp4{ background-position: -500px 0;}

.cehua2-img ul li.sp5{ background-position: -657px 0;}

.cehua2-img ul li.sp6{ background-position: -820px 0;}

.cehua2-img ul li h2{ font-size: 18px; font-weight: bold; line-height: 40px;}

.cehua2-img ul li h3{ font-size: 16px; line-height: 20px; margin-top: 5px; padding: 0 50px;}

.cehua2-img ul li p{ font-size: 15px; margin-top: 80px; line-height: 24px; padding: 0 60px;}



.cehua3-bg{ width: 100%; height: 758px; padding: 60px 0; overflow: hidden; clear: both; background: url(/pc2022/images/dzjj4/cehua3-1.jpg) no-repeat center top;}

.cehua3-l{ margin-top: 50px; text-align: center;}

.cehua3-l ul{ display: flex; justify-content: space-between;}

.cehua3-l ul li{ flex-shrink: 0; width: 280px; padding: 15px; border: 3px solid #fff; border-radius: 5px; position: relative;}

.cehua3-l ul li img{ display: block; width: 100%; border-radius: 5px;}

.cehua3-l ul li h3{position: absolute; left: 95px; top: 196px;  width: 85px; height: 84px; background: url(/pc2022/images/dzjj4/cehua3-2.png)no-repeat; font-size: 35px;line-height: 84px; }

.cehua3-l ul li h2{padding-top: 60px; font-size: 18px; line-height: 30px; font-weight: bold; letter-spacing: 0;}

.cehua3-l ul li span{ display: block; width: 100px; height: 1px; background-color: #fff; margin: 10px auto;}

.cehua3-l ul li p{font-size: 16px; line-height: 24px; padding: 0 20px;}



.cehua4-bg{ width: 100%; padding: 80px 0; margin-bottom: 100px; border-bottom: 10px solid #cb221c;overflow: hidden; clear: both; background: url(/pc2022/images/dzjj4/cehua1-0.png) no-repeat center top;}

.cehua4-img{ margin-top: 100px;}

.cehua4-img ul{ display: flex; justify-content: space-between;}

.cehua4-img ul li{ flex-shrink: 0; width: 191px; height: 414px; display: flex; align-items: center; background-repeat: no-repeat; background-position: center;box-shadow: 5px 5px 20px #7c7c7c; border-radius: 10px;}

.cehua4-img ul li:nth-child(1){ background-image: url(/pc2022/images/dzjj4/cehua4-1.jpg); margin-top: 75px;}

.cehua4-img ul li:nth-child(2){ background-image: url(/pc2022/images/dzjj4/cehua4-2.jpg);}

.cehua4-img ul li:nth-child(3){ background-image: url(/pc2022/images/dzjj4/cehua4-3.jpg); margin-top: 75px;}

.cehua4-img ul li:nth-child(4){ background-image: url(/pc2022/images/dzjj4/cehua4-4.jpg);}

.cehua4-img ul li:nth-child(5){ background-image: url(/pc2022/images/dzjj4/cehua4-5.jpg); margin-top: 75px;}

.cehua4-img ul li h2{width: 100%;line-height: 40px; font-size: 20px; background-color: #fff; color: #000; font-weight: bold; text-align: center;}

/************ 鐢靛瓙绔炴妧璧涗簨绛栧垝 end***********/



/************ 鐢电珵璧涗簨 start ***********/

.saishi-title{ overflow: hidden; clear: both;}

.saishi-title span{ display: block; width: 355px; height: 9px; margin-top: 22px;}

.saishi-title span.hxl{ background: url(/pc2022/images/dzjj4/saishi-titlel.png) no-repeat center; float: left;}

.saishi-title span.hxr{ background: url(/pc2022/images/dzjj4/saishi-titler.png) no-repeat center; float: right;}

.saishi-title h2{line-height: 50px; font-size:22px; width: 490px; padding: 0 20px; float: left; letter-spacing: 5px; color: #000; text-align: center;}

.saishi-title h2 strong{ color: #cb221c;}

.saishi-txt{font-size: 18px; color: #000; margin-top: 25px; line-height: 30px; padding: 0 20px;  text-align: center;}



.saishi1,.saishi2,.saishi3-bg,.saishi4-bg,.saishi5-bg{ padding: 80px 0;}

.saishi1-l{ margin-top: 30px;}

.saishi1-l ul{ display: flex; text-align: center; justify-content: space-between;}

.saishi1-l ul li{}

.saishi1-t{ width: 285px; height: 285px; background: url(/pc2022/images/dzjj4/saishi1-1.png) no-repeat center; position: relative;}

.saishi1-t h2{font-size: 30px; line-height: 40px; color: #cb221c; padding-top: 25px; font-weight: bold; letter-spacing: 0;}

.saishi1-t p{font-size: 15px; line-height: 22px; padding: 0 30px; color: #666; margin-top: 10px;}

.saishi1-t span{ display: block; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; color: #eb4f38; border: 1px solid #d1d1d1; margin: 0 auto; font-size: 20px; position: absolute; left: 128px; bottom: 20px;}

.saishi1-b{ text-align: center; color: #000; margin-top: 20px; font-size: 18px; line-height: 24px;}

.saishi1-b span{display: inline-block; width: 62px; height: 24px; background: url(/pc2022/images/dzjj4/saishi1-2.png) no-repeat center; font-size: 14px; color: #fff; margin-right: 10px;}



.saishi2-l{ margin-top: 50px;}

.saishi2-l .swiper-container{width: 100%;height: 100%;	margin-left: auto;	margin-right: auto;}

.saishi2-l .swiper-slide{font-size: 18px;	background: #fff; padding: 0 42px;}

.saishi2-l .swiper-button-next,.saishi2-l .swiper-button-prev{ position: absolute; background: url(/pc2022/images/dzjj4/saishi2-1.png)no-repeat; width: 91px; height: 73px;}

.saishi2-l .swiper-button-next{background-position: -155px 0; right: 0;}

.saishi2-l .swiper-button-prev{background-position: 0 0; left: 0;}

.saishi2-l .swiper-button-next:after,.saishi2-l .swiper-button-prev:after{ display: none;}

.saishi2-l .swiper-slide img{ display: block;}

.saishi2-l-txt{width: 500px; height: 300px; padding: 50px 70px; position: absolute; right: 42px; top: 90px; box-shadow: 0 0 5px #727272; z-index: 3; background: #fff; color: #000;}

.saishi2-l-txt h2{ padding-bottom: 10px; border-bottom: 1px solid #000; width: 110px; font-size: 26px; line-height: 32px;}

.saishi2-l-txt p{ font-size: 20px; line-height: 32px; margin-top: 35px;}



.saishi3-bg{ background: #ededed;}

.saishi3-img{ margin-top: 50px;}

.saishi3-img ul{ display: flex; justify-content: space-between;}

.saishi3-img ul li{ flex-shrink: 0; width: 378px;}

.saishi3-img ul li img{ display: block; width: 100%;}

.saishi3-img ul li img:first-child{ margin-bottom: 33px;}



.saishi4-bg{ background: linear-gradient(to bottom, #fff 20%,#fff 60%, #ddd 100%);}

.saishi4-img{ margin-top: 50px;}

.saishi4-img ul{ display: flex; justify-content: space-between;}

.saishi4-img ul li{ background: #fff;}

.saishi4-img ul li img{ display: block; width: 100%;}

.saishi4-img ul li h2{ font-size: 24px; color: #cb221c; line-height: 100px; text-align: center; font-weight: bold;}



.saishi5-bg{ background: #cb221c;}

.saishi5-bg .saishi-title h2 strong{ color: #091350;}

.saishi5-img{ margin-top: 50px; text-align: center; padding: 50px 30px;}

/************ 鐢电珵璧涗簨 end***********/



/************ 鑱旂郴鎴戜滑 start ***********/

.about1,.about2-bg{ padding: 80px 0; color: #000;}

.about1-t,.about1-c{ margin-top: 60px;}

.about1-t{ display: flex; justify-content: space-between;}

.about1-t h2{ flex-shrink: 0; width: 440px;}

.about1-t p{ flex-shrink: 0; width: 650px; font-size: 20px; line-height: 50px; text-align: justify;}

.about1-c ul li{ margin-bottom: 20px; display: flex; justify-content: space-between; }

.about1-c ul li img{ display: block; }

.about1-b p{font-size: 20px; margin-top: 30px; line-height: 40px;}

.about1-b p strong{ font-size: 26px;}



.about2-bg{ background: #ddd}

.about2-l{}

.about2-l ul{ display: flex; justify-content: space-around; margin-top: 50px;}

.about2-l ul li{ flex-shrink: 0; width: 500px; background: #fff; padding: 40px; border-radius: 15px;}

.about2-l ul li dl{ padding-left: 90px; background-repeat: no-repeat; background-position: left center;}

.about2-l ul li.ab1 dl{background-image: url(/pc2022/images/dzjj4/about2-1.png)}

.about2-l ul li.ab2 dl{background-image: url(/pc2022/images/dzjj4/about2-2.png)}

.about2-l ul li.ab3 dl{background-image: url(/pc2022/images/dzjj4/about2-3.png)}

.about2-l ul li.ab4 dl{background-image: url(/pc2022/images/dzjj4/about2-4.png)}

.about2-l dl dt{ font-size: 20px; line-height: 36px; margin-bottom: 10px; font-weight: bold;}

.about2-l dl dd{ font-size: 18px; line-height: 30px;}

/************ 鑱旂郴鎴戜滑 end***********/



/************ MOBA璇剧▼ start ***********/

.mobabg{ width: 100%; height: 2540px; background: url(/pc2022/images/dzjj4/moba1-1.jpg) no-repeat center top;}



.moba1{ padding: 120px 0 80px;}

.moba1-t,.moba2-t,.moba3-t{ margin: 0 auto; font-weight: bold;}

.moba1-t h2,.moba2-t h2,.moba3-t h2{font-size: 36px; color: #ffc460; }

.moba1-t{ width: 655px;min-height: 91px; background: url(/pc2022/images/dzjj4/moba-t1.png) no-repeat center top;}

.moba1-t h2{line-height: 50px; padding-left: 130px;}

.moba1-t p{font-size: 40px; line-height: 50px; letter-spacing: 1px; padding-left: 180px;}



.moba1-l{ margin-top: 70px;}

.moba1-l .swiper-container {	width: 100%;height: 100%;}

.moba1-l .swiper-slide {	text-align: center;	font-size: 18px;display: flex;justify-content: center;align-items: center;}

.moba1-l-txt{ flex-shrink: 0; width: 300px; height: 470px; background-color: #0f1f3d;}

.moba1-l-txt h3{font-size: 16px; color: #ad3138; border-bottom: 1px solid #ad3138; line-height: 32px; text-transform: uppercase; padding-top: 40px; margin-left: 15px; text-align: left;}

.moba1-l-txt h2{font-size: 32px; line-height: 50px; text-align: center; color: #ffcd79; margin: 50px 0 25px; padding: 0 15px;}

.moba1-l-txt p{ padding: 0 15px; font-size: 18px; line-height: 36px; text-align: justify; letter-spacing: 1px;}

.moba1-l .swiper-button-prev,.moba1-l .swiper-button-next{ width: 69px; height: 98px; color: transparent;}

.moba1-l .swiper-button-prev{ background: url(/pc2022/images/dzjj4/moba1-3.png) no-repeat; left: 0;}

.moba1-l .swiper-button-next{ background: url(/pc2022/images/dzjj4/moba1-4.png) no-repeat; right: 0;}



.moba2{ padding: 80px 0;}

.moba2-t,.moba3-t{ height: 85px; line-height: 85px;}

.moba2-t{ width: 479px; background: url(/pc2022/images/dzjj4/moba-t2.png) no-repeat center top; }

.moba2-t h2{ padding-left: 130px;}



.moba2-l{ height: 500px; margin-top: 50px; position: relative;}

.moba2-l ul{}

.moba2-l ul li{ width: 200px; height: 179px; background: url(/pc2022/images/dzjj4/moba2-1.png) no-repeat center; display: flex; align-items: center;font-size: 22px; line-height: 32px; padding: 0 20px; text-align: center; transform: rotate(-5deg); position: absolute;}

.moba2-l ul li:nth-child(1){ left: 80px; top: 50px;}

.moba2-l ul li:nth-child(2){ left: 260px; top: 130px;}

.moba2-l ul li:nth-child(3){ left: 420px; top: 30px;}

.moba2-l ul li:nth-child(4){ left: 590px; top: 120px;}

.moba2-l ul li:nth-child(5){ left: 750px; top: 0;}

.moba2-l ul li:nth-child(6){ left: 760px; top: 200px;}

.moba2-l ul li:nth-child(7){ left: 930px; top: 90px;}



.moba3-t{ width: 723px; background: url(/pc2022/images/dzjj4/moba-t3.png) no-repeat center top;}

.moba3-t h2{ padding-left: 150px;}

.moba3-txt{ font-size: 22px; line-height: 30px; font-weight: bold; letter-spacing: 1px; padding: 0 200px; text-align: center; margin-top: 20px;}



.moba3-l{ margin-top: 50px; height: 400px;}

.moba3-l .swiper-container {width: 100%;height: 100%;}

.moba3-l .swiper-slide { text-align: center;	font-size: 18px; display: flex; justify-content: center; align-items: center;transition: 300ms;transform: scale(0.8); position: relative;}

.moba3-l .swiper-slide p{ flex-shrink: 0; width: 248px; height: 351px; position: absolute; left: 0; top: 0; background-repeat: no-repeat; background-size: 100% auto;}

.moba3-l .swiper-slide p.mo1{ background-image: url(/pc2022/images/dzjj4/moba3-1.png);}

.moba3-l .swiper-slide p.mo2{ background-image: url(/pc2022/images/dzjj4/moba3-2.png);}

.moba3-l .swiper-slide p.mo3{ background-image: url(/pc2022/images/dzjj4/moba3-3.png);}

.moba3-l .swiper-slide p.mo4{ background-image: url(/pc2022/images/dzjj4/moba3-4.png);}

.moba3-l .swiper-slide p.mo5{ background-image: url(/pc2022/images/dzjj4/moba3-5.png);}

.moba3-l .swiper-slide p.mo6{ background-image: url(/pc2022/images/dzjj4/moba3-6.png);}

.moba3-l .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}

.moba3-l .swiper-slide h2{ width: 150px; position: absolute; left: 50px; top:0; line-height: 32px; font-size: 20px; text-align: center;}



.moba4{ margin-top: 90px;}

.kcbdcom h2{ text-align: center;}

.kcbdcom ul{ margin-top: 50px; display: flex; justify-content: space-between;}

.kcbdcom ul li{overflow: hidden; flex-shrink:0; width: 360px; height: 50px;}

.kcbdcom ul li:nth-child(1){ background: url(/pc2022/images/dzjj4/moba4-2.png) no-repeat center;}

.kcbdcom ul li:nth-child(2){ background: url(/pc2022/images/dzjj4/moba4-3.png) no-repeat center;}

.kcbdcom ul li input,.kcbdcom ul li button{display: block; line-height: 48px;  font-size: 22px; border: none; }

.kcbdcom ul li input{ margin: 1px 0 0 110px; width: 249px; color: #cb221c; text-indent: 10px; background: transparent; outline: none; font-size: 24px;  letter-spacing: 2px; }

.kcbdcom ul li button{ width: 100%; font-weight: bold; background-color: #cb221c; border-radius: 10px; color: #fff; letter-spacing: 5px; text-align: center; }

.kcbdcom ul li button:hover{ background-color: #a80000;}

/************ MOBA璇剧▼ end***********/



/************ FPS璇剧▼ start ***********/

.fpsbg{ width: 100%; height: 2458px; background: url(/pc2022/images/dzjj4/fps1-1.jpg) no-repeat center top;}

.fps{ padding: 120px 0 80px;}

.fps-t{ width: 100%; height: 219px; background: url(/pc2022/images/dzjj4/fps1-2.png) no-repeat center top; text-align: center; overflow: hidden; clear: both;}

.fps-t h2,.fps-t h3{font-size: 36px;  line-height: 50px; font-weight: bold;}

.fps-t h2{color: #ffc460; margin-top: 48px;}

.fps-t p {font-size: 22px; letter-spacing: 1px; margin-top: 20px; line-height: 30px; padding: 0 200px;}

.fps1{ padding: 0 0 50px;}

.fps4{ margin-top: 0;}

/************ FPS璇剧▼ end***********/



/************ 鐢靛瓙绔炴妧鑱屼笟閫夋墜 start ***********/

.xuanshou.swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto; background: #000;}

.xuanshou .swiper-slide { height: 100%!important; text-align: center; display: flex;justify-content: center;align-items: center;}



.xuanshou1{ position: relative; width: 100%; height: 100%;}

.xuanshou1-nav{ position: absolute; top: 0; left: 0; z-index: 4; width: 100%;}

.xuanshou1-banner{ width: 100%; height: 100%; background: url(/pc2022/images/dzjj4/xuanshou.jpg) no-repeat center center; background-size: 100% 100%;}



.xuanshou-t{ width: 100%; text-align: center; padding-top: 70px;}

.xuanshou2,.xuanshou3,.xuanshou4{width: 100%; height: 100%; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center;}

.xuanshou2{ background-image: url(/pc2022/images/dzjj4/xuanshou2-1.jpg);}

.xuanshou2 ul{ margin-top: 100px; display: flex; justify-content: space-around;}

.xuanshou2 ul li{ flex-shrink: 0; width: 50%; text-align: center; padding: 0 50px;}

.xuanshou2 ul li h2{ margin: 0 auto; width: 270px; border: 1px solid #9ea0a1; line-height: 55px; font-size: 28px; border-radius: 10px;}

.xuanshou2 ul li.xs2 h2{border: 1px solid #cb221c;}

.xuanshou2 ul li h3{ width: 100%; height: 60px; margin-top: 70px; background-repeat: no-repeat; background-position: center center;}

.xuanshou2 ul li p{ line-height: 32px; padding: 0 40px; font-size: 18px; color: #bcbcbc; letter-spacing: 1px; margin: 140px auto 0;}

.xuanshou2 ul li a{display: block; width: 320px; border: 2px solid #9ea0a1; color: #9ea0a1; margin: 100px auto 0; border-radius: 10px; transition: all 0.3s linear; font-size: 24px; line-height: 60px; text-align: center; letter-spacing: 2px;}

.xuanshou2 ul li.xs2 a{ background: #cb221c; color: #fff; border: none;}

.xuanshou2 ul li:nth-child(1) h3{ background-image: url(/pc2022/images/dzjj4/xuanshou2-3.png);}

.xuanshou2 ul li:nth-child(1).xs2 h3{ background-image: url(/pc2022/images/dzjj4/xuanshou2-4.png);}

.xuanshou2 ul li:nth-child(2) h3{ background-image: url(/pc2022/images/dzjj4/xuanshou2-5.png);}

.xuanshou2 ul li:nth-child(2).xs2 h3{ background-image: url(/pc2022/images/dzjj4/xuanshou2-6.png);}



.xuanshou3{ background-image: url(/pc2022/images/dzjj4/xuanshou3-1.jpg);}

.xuanshou3 ul{ display: flex; justify-content: space-between; margin-top: 100px;}

.xuanshou3 ul li{ flex-shrink: 0; width: 364px;}

.xuanshou3 ul li p{ position: relative; margin-bottom: 25px;}

.xuanshou3 ul li p img{ display: block; width: 100%;}

.xuanshou3 ul li p span{ position: absolute; width: 100%; text-align: center; left: 0; bottom: 0; font-size: 15px; line-height: 40px;}



.xuanshou4{ background-image: url(/pc2022/images/dzjj4/xuanshou4-1.jpg);}

.xuanshou4-img{ margin: 70px 0;}

.xuanshou4-img ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}

.xuanshou4-img ul li{flex-shrink: 0; width: 13%; padding: 20px;  display: flex; align-items: center; text-align: center; text-shadow: 2px 2px 10px #fff; }

/************ 鐢靛瓙绔炴妧鑱屼笟閫夋墜 end***********/



/************ 专业课程 start***********/

.yuanxiaobg{ width: 100%; padding: 60px 0; background: url(/pc2022/images/dzjj4/yuanxiaobg.jpg) no-repeat center;}



.yuanxiao table{ width: 100%;}

.yuanxiao table td{ border: 1px solid #cb221c; font-size: 16px; line-height: 50px; text-align: center;}

.yuanxiao thead{ font-size: 20px; font-weight: bold; letter-spacing: 3px;}

.yuanxiao thead tr:first-child td{ font-size: 26px; line-height: 80px; font-weight: bold; letter-spacing: 3px;}



/************ 专业课程 end***********/

.kecheng1-bg{ background: url(/pc2022/images/dzjj4/kecheng1.png) no-repeat center top; background-size: 100% auto; padding-top: 70px; margin-top: -70px;}

.kecheng1{ padding: 30px 0 80px; overflow: hidden; background: #0d0e1b;}

.kecheng1 ul{ display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden;}

.kecheng1 ul li{ flex-shrink: 0; width: 31%; margin-top: 50px; background: #07070f; transition: all 0.3s ease;}



.kecheng-img{ width: 100%; position: relative;}

.kecheng-img h2{ width: 100%; position: absolute; left: 0;top: 0; text-align: center; z-index: 1; transition: all 0.3s ease;}

.kecheng-img h2 a{ display: inline-block; font-size: 16px; line-height: 46px; color: #ffffff; letter-spacing: 2px; transition: all 0.3s ease; text-align: center; position: relative; font-weight: bold;}

.kecheng-img h2 a span{ display: inline-block; margin: 0 13px; padding: 0px 10px; background: #ff7a21; transition: all 0.3s ease;}

.kecheng-img h2 a:before,.kecheng-img h2 a:after{ display: inline-block; position: absolute; top:0; content: ''; width: 20px; height: 100%; background: #ff7a21;transition: all 0.3s ease;}

.kecheng-img h2 a:before { left: 0; transform: skew(15deg);}

.kecheng-img h2 a:after { right: 0; transform: skew(-15deg);}

.kecheng1 ul li:hover{margin-top: 40px;}

.kecheng1 ul li:hover .kecheng-img h2{margin-top: 10px;}

.kecheng1 ul li:hover .kecheng-img h2 a{ color: #fff; box-shadow: 0 0 20px #ff7a21;}

.kecheng1 ul li:hover .kecheng-img h2 a span{ background: #000;}

.kecheng1 ul li:hover .kecheng-img h2 a:before,.kecheng1 ul li:hover .kecheng-img h2 a:after{ transform: skew(0); background: #000;}



.kecheng-txt{ padding: 30px; color: #727489;}

.kecheng-txt h3{ display: flex; justify-content: flex-start; align-items: center;}

.kecheng-txt h3 strong{ flex-shrink: 0; display: inline-block; font-size: 14px; line-height: 28px;}

.kecheng-txt h3 span{ flex-shrink: 0; display: inline-block; width: 15px; height: 28px; background: url(/pc2022/images/dzjj4/xing.png) no-repeat center; background-size: 100% auto;}

.kecheng-txt h2{ font-size: 20px; line-height: 40px; margin-top: 6px; font-weight: bold;}

.kecheng-txt h2 a{ color: #fff;}

.kecheng-txt h2 a:hover{ color: #ff7a21;}

.kecheng-txt p{ font-size: 14px; line-height: 22px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; }



.kecheng1-bg2{ width: 100%; height: 74px; background:#0d0e1b url(/pc2022/images/dzjj4/kecheng2.png) no-repeat center top; background-size: 100% auto;}



.kecheng2{ padding: 30px 0 0; overflow: hidden; background: #0d0e1b;}

.kecheng2 ul{ margin-top: 40px;}

.kecheng2 ul li{ display: flex; justify-content: space-around; margin-bottom: 100px;}



.kecheng2-img{ flex-shrink: 0; width: 300px;}



.kecheng2-txt{ flex-shrink: 0; width: 600px;}

.kecheng2-txt p{ font-size: 18px; line-height: 42px; color: #fff;}



.kecheng2-form{ padding: 50px 0 80px; overflow: hidden; background: #07070f;}



/************ 天赋测试 end***********/

.ceshi-bg{ background: url(/pc2022/images/dzjj4/kecheng1.png) no-repeat center top; background-size: 100% auto; padding-top: 70px; margin-top: -70px;}

.ceshi{ padding: 80px 0; overflow: hidden; background: #0d0e1b;}

.ceshi ul{ display: flex; justify-content: space-between; flex-wrap: wrap; overflow: hidden;}

.ceshi ul li{ flex-shrink: 0; width: 46%; }





.ceshinr-bg{ background: #000 url(/pc2022/images/dzjj4/ceshibg.jpg) no-repeat center top;}

.ceshinr{ padding: 50px 0; overflow: hidden; background: rgba(0,0,0,0.8); color: #fff;}

.ceshinr .width{ width: 900px;}

.ceshinr h2{ font-size: 40px; line-height: 60px; font-weight: bold; text-align: center;}

.ceshinr ul{ margin-top: 40px; overflow: hidden;}

.ceshinr ul li{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: 30px; font-size: 18px; line-height: 36px;}

.ceshinr ul li h3{ flex-shrink: 0; width: 150px; letter-spacing: 4px; text-align: right; font-weight: bold;}

.ceshinr ul li h3 span{ color: #cb221c;}

.ceshinr ul li.sp1{ letter-spacing: 3px;}

.ceshinr ul li.sp1 input{ width: 20px; height: 20px; margin-left: 50px; margin-right: 10px;}

.ceshinr ul li.sp2 input{ width: 300px; margin-left: 50px; line-height: 40px; background: #333; border: 2px solid #fff; padding: 0 20px; letter-spacing: 3px; border-radius: 5px; font-size: 18px; color: #fff; }

.ceshinr ul li.sp3 input{ width: 20px; height: 20px; margin-left: 50px; margin-right: 10px;}



.ceshinr ul li button{ width: 300px; margin-left: 200px; font-size: 20px; line-height: 50px; border: none; font-weight: bold; color: #fff; background: #cb221c; text-align: center; margin-top: 20px; letter-spacing: 10px; border-radius: 6px;}

.ceshinr ul li button:hover{ background: #f33a33;}





















