@charset "utf-8";

/* CSS Document */



a:hover {text-decoration:none;}



h2.h2_title {padding-top: 65px;text-align: center;margin-bottom: 45px;font-weight: normal;}

h2.h2_title a {display: block;font-size: 28px;color: #005dc5;margin-bottom: 12px;}

h2.h2_title span {display: block;font-size: 28px;color: #005dc5;margin-bottom: 12px;}

h2.h2_title i {display: block;font-size: 18px;margin-bottom: 10px;}

h2.h2_title em {display: block;width: 52px;height: 3px;margin: 0 auto;background: #005dc5;}

@media screen and (max-width:1024px) {
h2.h2_title{margin-bottom:25px;padding-top:40px;}
h2.h2_title a{ font-size: 20px;padding:0 6%;}
h2.h2_title span{ font-size:20px;padding:0 6%;}
h2.h2_title i{ font-size:15px; line-height: 1.5; padding:0 6%;}
}

#flashs{position: relative; width: 100%; overflow: hidden; display:block; line-height: 0;}
#flashs .swiper-notification{display:none;}
#flashs img {width:100%;position:relative;}

#flashs .swiper-pagination{bottom: 55px;text-align: center; display: flex; justify-content: center; align-items: center;}

#flashs .swiper-pagination-bullet{display:inline-block;display: inline-block;width: 16px;height: 16px;background: url(../images/banicon01.png) no-repeat center;border-radius: 50%;margin: 0 2px;cursor: pointer;}

#flashs .swiper-pagination-bullet-active{background: url(../images/banicon02.png) no-repeat center;}

#flashs .swiper-next,
#flashs .swiper-prev{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;display: none; background-size: 100% auto !important;}

#flashs .swiper-prev{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}

#flashs .swiper-next{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}

#flashs:hover .swiper-next,
#flashs:hover .swiper-prev{display: block;}
@media (max-width: 1024px) {
#flashs .swiper-pagination{bottom:15px;}
#flashs .swiper-next,
#flashs .swiper-prev{ width:32px; height:32px; margin-top:-16px;}
#flashs .swiper-prev{left:15px; }

#flashs .swiper-next{ right:15px; }
}


/* search部分 */

.wrap-search {height: 0}

.search {position: relative;top: -41px;z-index: 4;background: #fff;height:66px;overflow: hidden;box-shadow: 0px 5px 3px #c4c6c8; padding:14px 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.search .keyword {float: left; font-size: 13px;line-height: 24px;height: 24px;width: 60%;overflow: hidden; display: flex;}

.search .keyword span {float: left;color: #333;font-weight: bold; white-space: nowrap;}

.search .keyword p {float: left; width:100%; overflow:hidden; position:relative;}

.search .keyword p a {float: left;font-size: 14px;margin-left: 10px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.search .keyword p a:hover {color: #067cff;}

.search .keyword a:first-child {padding-left: 0;border-left: none;}

.search .inp {float: right;width: 32.5%; height: 38px;overflow: hidden;border: 1px solid #c0c0c0;}
.search #searchForm{ display: flex; align-content: center; justify-content: space-between;}
.search .inp input {border:none;height: 38px;line-height: 38px;width: 100%;float: left; padding:0 12px; font-size: 14px;color: #999;}

.search .inp .sea {float: right; width: 46px; min-width: 46px;height: 24px;background: url(../images/search.png) no-repeat center;position: relative;top: 8px;border-left: 1px solid #c0c0c0;}


@media (max-width: 1024px) {
.wrap-search {height:auto; padding: 15px 15px 0 15px;}
.search {top:0;height: auto;box-shadow: 0px 0 3px #c4c6c8; padding:10px 14px 14px 14px;}
.search .keyword{ width:100%;}
.search .keyword p a{ font-size:12px;}
.search .inp{ width:100%; margin-top: 10px; }


}	


.abojs {padding-top: 58px;background: #ebeef1;}

.abojs dl {padding-left: 385px;height: 170px;position: relative;padding-bottom: 60px;background: url(../images/abojsbg02.png) repeat-x left bottom;}

.abojs dl dt {position: absolute;left: 0;top: 0;padding-right:60px;height: 170px;background: url(../images/abojsbg.png) no-repeat right center;}

.abojs dl dd.dd1 {padding-top: 40px;font-size: 18px;font-weight: bold;margin-bottom: 20px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.abojs dl dd.dd1 a {color: #333;}

.abojs dl dd.dd2 {font-size: 14px;line-height: 24px;height: 48px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;color: #333;}

.abojs dl dd.dd2 a {color: #333;}





.hyyy {padding-bottom: 55px;/*background: #ebeef1;*/}

.hyyy .hyyy_con{ display: flex; flex-wrap: wrap; width: calc(100% + 26px); margin:0 -13px;}
.hyyy .hyyy_con dl {float: left;width: 14.28%;text-align: center;font-size: 18px;color: #333;padding:0 13px;}

.hyyy .hyyy_con dl dt {width: 100%; padding-bottom: 100%; position: relative;overflow: hidden;transition: all 0.5s; border-radius:50%;box-shadow:0 15px 25px rgba(0,0,0,0.3);}

.hyyy .hyyy_con dl dt img { border: 5px solid #fff; display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: contain;}

.hyyy .hyyy_con dl dt p {position: absolute;left: 0;top: 0;background: url(../images/hyyybg.png) no-repeat center top; background-size: 100% 100% !important; width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0); transition: all 0.5s;}

.hyyy .hyyy_con dl dt a {display: block;width: 67%;height: 30px;line-height: 30px;text-align: center;font-size: 14px;background: #fff;border-radius: 27px;position: absolute;left: 16.5%;bottom:29px;}
.hyyy .hyyy_con dl dd{ margin-top:30px; width: 100%;}
.hyyy .hyyy_con dl:hover dt {transform: rotateY(360deg);}

.hyyy .hyyy_con dl:hover dt p {opacity: 1;filter: alpha(opacity=100);}

@media (max-width: 1024px) {
.hyyy {padding-bottom:40px;}
.hyyy .hyyy_con{ width: calc(100% + 14px); margin:0 -7px;}
.hyyy .hyyy_con dl {font-size: 15px;padding:0 7px;}
.hyyy .hyyy_con dl dt {box-shadow:0 7px 12px rgba(0,0,0,0.3);}
.hyyy .hyyy_con dl dt img { border:3px solid #fff;}
.hyyy .hyyy_con dl dd{ margin-top:20px;}
}	
@media (max-width: 767px) {
.hyyy .hyyy_con{ margin:-10px -7px 0 -7px;}	
.hyyy .hyyy_con dl {width: 25%; margin-top:20px;}
}	


.product {padding-bottom: 50px;}

.product .conleft {width: 24%;background: #005dc5;}

.product .conleft h3 {padding:24px 24px; width: 100%;}

.product .conleft h3 a {display: block;color: #fff;margin-bottom: 5px;width: 100%;font-size: 28px;text-align: center;}

.product .conleft h3 p {width: 100%; display: flex; align-items: center; justify-content: center;color: #fff;}

.product .conleft h3 p em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 48px;height: 1px;background: #4d8ed7;}

.product .conleft h3 p span {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-size: 18px;font-weight: normal;text-transform: uppercase;margin: 0 11px;}

.product .conleft .l_box {font-size: 16px;width: 100%;padding-bottom: 40px;}

.product .conleft .p1 {background: #1672d8;margin-bottom: 10px;}

.product .conleft .p1 a {display: block;height: 58px;line-height: 58px;color: #fff;background: url(../images/projtr01.png) no-repeat 85% center;padding:0 43px;}

.product .conleft ul {padding: 0 35px; width: 100%;}

.product .conleft ul li {border-bottom: 1px solid #5890ce;transition: all 1s;}

.product .conleft ul li:hover {text-indent: 16px;}

.product .conleft ul li a {display: block;height: 44px;line-height: 44px; color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


@media (max-width: 1024px) {
.product{ padding-bottom: 30px;}	
.product .conleft{ position: relative;}
.product .conleft .l_box {font-size: 14px; display:none;padding-bottom: 20px; position: absolute; left: 0; top: 100%; z-index: 10;box-shadow: 0 0 5px rgba(0,0,0,0.2);background: #005dc5;
    max-height: 502px;
    overflow-y: auto;}
.product .conleft {margin-bottom: 20px;}
.product .conleft h3{ padding:20px 20px;}
.product .conleft h3 a {font-size:18px;}
.product .conleft h3 p span{ font-size:14px;}
.product .conleft ul {padding: 0 20px;}
.product .conleft ul li a {height:36px; line-height: 36px; }
.product .conleft .p1 a {height:38px;line-height: 38px;background: url(../images/projtr01.png) no-repeat 96% center;padding:0 15px;}

}	

.product .conright {width: 73.83%;}

.product .conright .r_top {border: 1px solid #dedede;border-top: 4px solid #2b82be;position: relative;overflow: hidden;margin-bottom: 19px;}

.product .conright .r_top ul {position: relative;}

.product .conright .r_top ul li {float: left; width: 100%; padding:44px 50px;}

.product .conright .r_top dl {position: relative; display: flex; align-items:center; justify-content: space-between; }
.product .conright .r_top dl .w100{width: 43.36%; margin:0 4.9% 0 0;}
.product .conright .r_top dl dt {width: 46.64%;}
.product .conright .r_top dl dt a{ width:100%; display: block; line-height: 0; overflow: hidden; position: relative; padding-bottom: 91.42%;}
.product .conright .r_top dl dt img { display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover;transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;}
.product .conright .r_top dl:hover dt img {transform: scale(1.1); -ms-transform: scale(1.1);}
.product .conright .r_top dl dd.dd1 {font-size: 18px;font-weight: bold;margin-bottom: 12px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}

.product .conright .r_top dl dd.dd1 a {color: #333;}

.product .conright .r_top dl dd.dd2 {font-size: 13px;line-height: 24px;height: 144px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6; -webkit-box-orient: vertical;}

.product .conright .r_top dl dd.dd3 {overflow: hidden;position: relative;margin-top: 15px;}

.product .conright .r_top dl dd.dd3 a {float: left;width: 135px;height: 36px;line-height: 34px; text-align: center;font-size: 13px;margin-right: 10px;border: 1px solid #bcbcbc;border-radius: 27px;color: #333;}

.product .conright .r_top dl dd.dd3 a:hover {background: #005dc5;color: #fff;border-color: #005dc5;}

.product .conright .r_top .proBtnl {display: block;width: 42px;height: 42px;position: absolute;left: 20px;top: 180px;cursor: pointer;background: url(../images/jtl01.png) no-repeat center;}

.product .conright .r_top .proBtnr {display: block;width: 42px;height: 42px;position: absolute;right: 20px;top: 180px;cursor: pointer;background: url(../images/jtr01.png) no-repeat center;}

.product .conright .r_top .proBtnl:hover {background: url(../images/jtl02.png) no-repeat center;}

.product .conright .r_top .proBtnr:hover {background: url(../images/jtR02.png) no-repeat center;}


.product .conright .r_bot{width:-webkit-calc(100% + 15px); width:-moz-calc(100% + 15px); width:calc(100% + 15px); margin-left:-15px; display: flex; flex-wrap: wrap;}
.product .conright .r_bot dl {float: left;border: 1px solid #dedede;padding-bottom: 20px;margin-left: 15px; margin-bottom: 15px;
width:-webkit-calc(33.33% - 15px); width:-moz-calc(33.33% - 15px); width:calc(33.33% - 15px);
}

.product .conright .r_bot dl dt {position: relative;padding-bottom: 10px;}
.product .conright .r_bot dl dt::after{ display:block; content:''; width:79%; position: absolute; left:10.5%; bottom:0; border-top: 1px solid #dcdcdc;}

.product .conright .r_bot dl dt a{ display:block; position:relative; overflow: hidden; padding-bottom: 91.87%;}
.product .conright .r_bot dl dt img {display: block;width: 100%;height: 100%;transition: all 1s; object-fit: cover; position: absolute; left: 0; top: 0; }

.product .conright .r_bot dl dd.dd1 {width: 100%;padding:0 10.5%; text-align: center; margin-top: 18px;}

.product .conright .r_bot dl dd.dd1 a {width: 100%;font-size: 18px; color: #333; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.product .conright .r_bot dl dd.dd2 {width: 100%;margin-bottom: 16px; margin-top: 8px; text-align: center;padding: 0 10.5%;}
.product .conright .r_bot dl dd.dd2 a{font-size: 14px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}

.product .conright .r_bot dl dd.dd3 a {display: block;width: 135px;height: 36px;margin: 0 auto;background: #005dc5;border-radius: 27px;line-height: 36px;text-align: center;color: #fff;}

.product .conright .r_bot dl:hover dt img {transform: scale(1.1);}

@media screen and (max-width:1440px) {
.product .conright .r_top dl dd.dd3 a{width: 120px;}	
.product .conright .r_bot dl dd.dd3 a{width: 120px;}
}
@media screen and (max-width:1024px) {
.product .conleft{ width: 100%;}
.product .conright{ width: 100%;}
.product .conright .r_bot dl dt::after{width:90%; left:5%;}
.product .conright .r_bot dl dd.dd1{ padding:0 5%;}
.product .conright .r_bot dl dd.dd1 a{ font-size:15px;}
.product .conright .r_bot dl dd.dd2{ padding:0 5%;}
.product .conright .r_bot dl dd.dd3 a {width: 100px;height: 32px;line-height: 32px; font-size: 13px;}
}
@media screen and (max-width:767px) {
.product .conright .r_top dl{ flex-wrap: wrap;}	
.product .conright .r_top dl dt{ width: 100%;}
.product .conright .r_top dl .w100{ width: 100%; margin:20px 0 0 0;}
	
.product .conright .r_bot{width:-webkit-calc(100% + 14px); width:-moz-calc(100% + 14px); width:calc(100% + 14px); margin-left:-14px;}	
.product .conright .r_bot dl{margin-left: 14px;  width:-webkit-calc(50% - 14px); width:-moz-calc(50% - 14px); width:calc(50% - 14px);}
.product .conright .r_top ul li{ padding:20px 50px 40px 50px;}
.product .conright .r_top dl dd.dd1{ font-size: 15px;}
.product .conright .swiper-button-next, 
.product .conright .swiper-button-prev{
 transform: scale(0.5); -ms-transform: scale(0.5);
}

}
	


.zzlc { padding-bottom: 50px;}

.zzlc .p1 {text-align: center;padding: 35px 35px;font-size: 18px;line-height: 30px;background: #fff;border-radius: 1rem;box-shadow: 5px 15px 15px #d1d5d8;margin-bottom: 40px;}

.zzlc .p1 span{color:#005dc5;}
.zzlc_con{width:calc(100% + 1.2rem);margin:0 -0.6rem; display:flex; flex-wrap: wrap; overflow: hidden;}
.zzlc .zzlc_con dl {float: left;width: 25%;padding:0 0.6rem; position: relative;}
.zzlc .zzlc_con dl::after{float: left; content: ''; width:30px; height:30px; position: absolute;right:-15px; top:0.9rem; background: url(../images/zzlcbg.png) center top no-repeat; background-size: 100% auto !important;}
.zzlc .zzlc_con dl::before{float: left; content: ''; width:1px; height:100%; position: absolute;right:-1px; top:1.38rem; background:#b1b1b1;}

.zzlc .zzlc_con dl:last-child::before {display: none;}
.zzlc .zzlc_con dl:last-child::after {display: none;}
.zzlc .zzlc_con dl dt{ width:100%; display: block; line-height: 0; overflow: hidden; position: relative; padding-bottom: 100%;}
.zzlc .zzlc_con dl dt img {display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: cover;}
.zzlc .zzlc_con dl dd.dd1 {margin: 15px 0;font-size: 24px;text-align: center;color: #333;}
.zzlc .zzlc_con dl dd.dd2 {font-size: 13px;line-height: 24px;text-align: center;}


@media (max-width: 1024px) {
.zzlc { padding-bottom: 40px;}
.zzlc .p1{padding:20px 20px;font-size: 15px;line-height: 26px;border-radius:20px;margin-bottom:30px; text-align: left;}
.zzlc .zzlc_con dl dd.dd1 {margin:15px 0 5px 0;font-size:16px;}

}	
@media (max-width: 767px) {
.zzlc_con{width:100%;margin:0;}
.zzlc .p1{ margin-bottom: 0;}
.zzlc .zzlc_con dl {width: 100%;padding:0 0 0 155px; min-height: 140px; display: flex; flex-wrap: wrap; align-content: center; margin-top: 40px;}
.zzlc .zzlc_con dl dt{ position: absolute; left: 0; top: 0; width:140px; padding-bottom: 140px;}
.zzlc .zzlc_con dl dd.dd1{ text-align: left; margin:0 0 15px 0;}
.zzlc .zzlc_con dl dd.dd2{ text-align: left;}
.zzlc .zzlc_con dl::after{width:20px; height:20px;right:auto; left:60px; top:100%; margin:10px 0 0 0; transform:rotate(90deg); -ms-transform:rotate(90deg);}
.zzlc .zzlc_con dl::before{ width:100%; height:1px; right:auto; left:100px; top:100%; margin:20px 0 0 0; }
}

.khjz {padding-bottom: 50px;}

.khjz .khjz_top {position: relative;overflow: hidden;margin-bottom: 28px;}

.khjz .khjz_top ul {position: relative;}

.khjz .khjz_top ul li {float: left;border: 1px solid #dddddd;height: 364px;width: 1198px;}

.khjz .khjz_top ul li dl {padding-left: 630px;position: relative;height: 364px;padding-right: 50px;width: 520px;}

.khjz .khjz_top ul li dl dt {position: absolute;left: 0;top: 0;}

.khjz .khjz_top ul li dl dd.dd1 {padding-top: 40px;font-size: 24px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.khjz .khjz_top ul li dl dd.dd1 a {color: #333;}

.khjz .khjz_top ul li dl dd.dd1 i {display: block;font-size: 14px;color: #999;}

.khjz .khjz_top ul li dl dd.dd2 {font-size: 13px;margin-bottom: 16px;}

.khjz .khjz_top ul li dl dd.dd3 {font-size: 14px;line-height: 30px;height: 120px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}

.khjz .khjz_top ul li dl dd.dd4 a {display: block;width: 135px;height: 36px;text-align: center;line-height: 36px;background: #005dc5;color: #fff;border-radius: 27px;margin-top: 40px;}

.khjz .khjz_top .khjzBtnl {display: block;width: 93px;height: 43px;border: 1px solid #a6a6a6;cursor: pointer;position: absolute;right: 98px;bottom: 0;background: #ebeef1;}

.khjz .khjz_top .khjzBtnl i {display: block;height: 43px;background: url(../images/jtl03.png) no-repeat center;}

.khjz .khjz_top .khjzBtnr {display: block;width: 93px;height: 43px;border: 1px solid #a6a6a6;cursor: pointer;position: absolute;right: 0px;bottom: 0;background: #ebeef1;}

.khjz .khjz_top .khjzBtnr i {display: block;height: 43px;background: url(../images/jtr03.png) no-repeat center;}

.khjz .khjz_top .khjzBtnl:hover {background: #005dc5;border-color: #005dc5;}

.khjz .khjz_top .khjzBtnl:hover i {background: url(../images/jtl04.png) no-repeat center;}

.khjz .khjz_top .khjzBtnr:hover {background: #005dc5;border-color: #005dc5;}

.khjz .khjz_top .khjzBtnr:hover i {background: url(../images/jtr04.png) no-repeat center;}

.khjz .khjz_bot { display: block; width: 100%;  margin-bottom: 20px;}
.khjz .khjz_bot ul{ display: flex; flex-wrap: wrap; width: 100%; }
.khjz .khjz_bot li {float: left;width:calc(16.66% + 1px);border: 1px solid #d2d2d2;margin: 0 -1px -1px 0;position: relative;z-index: 1;overflow: hidden;}
.khjz .khjz_bot li a{ width:100%; display: block; line-height: 0; overflow: hidden; position: relative; padding-bottom: 50%;}
.khjz .khjz_bot li img {display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; object-fit: contain; transition: all 0.5s;}

.khjz .khjz_bot li:hover {border-color: #005dc5;z-index: 2;}

.khjz .khjz_bot li:hover img {transform: scale(1.1);}

.khjz .ckgd {display: block;width: 163px;height: 46px;line-height: 46px;text-align: center;border: 1px solid #a6a6a6;margin: 0 auto;border-radius: 5px;font-size: 16px;}

.khjz .ckgd:hover {background: #005DC5;color: #fff;border-color: #005DC5;}


@media screen and (max-width:1024px) {
.khjz{ padding-bottom: 40px;}		
.khjz .ckgd {width: 120px;height:36px;line-height: 36px;font-size: 14px;}
}
@media screen and (max-width:767px) {
.khjz .khjz_bot li {width:calc(33.33% + 1px);}
}

.dkhs { padding-bottom: 40px;}

.dkhs h2.h2_title {color: #fff;margin-bottom: 45px;padding-top: 35px;}

.dkhs h2.h2_title span {color: #fff;}

.dkhs h2.h2_title em {background: #fff;}

.dkhs .dkhs_type {text-align: center;position: relative;z-index: 1; display: flex; flex-wrap: wrap; justify-content: center; width: 100%;}

.dkhs .dkhs_type li {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 110px;height: 110px;background: #005DC5;color: #fff; border-radius:110px 110px 0 0;  margin: 0 12px;transition: all 0.5s;position: relative; top: 10px; cursor: pointer;}

.dkhs .dkhs_type li span {display: block;text-align: center;font-size: 35px;}

.dkhs .dkhs_type li i {font-size: 12px;color: #9ac3f2;text-transform: uppercase;}

.dkhs .dkhs_type li.cur {background: #fff;color: #005DC5;top: 0;}

.dkhs .dkhs_type li.cur i {color: #cbcccc;}

.dkhs .dkhs_con {background: #fff;position: relative; z-index: 2; min-height: 4.28rem;}

.dkhs .dkhs_con .dkhsBox {display: none;}

.dkhs .dkhs_con .dkhsBox.cur {display: block;}

.dkhs .dkhs_con .dkhsBox dl {position: relative; display: flex; align-items: flex-start; justify-content: space-between; width: 100%;}

.dkhs .dkhs_con .dkhsBox dl dt { display: block; width: 55%; line-height: 0;}
.dkhs .dkhs_con .dkhsBox dl .w100{ display: block; width: 45%; padding:0.75rem 0.7rem 0.35rem 0.35rem;}
.dkhs .dkhs_con .dkhsBox dl dt img {display: block;width: 100%;}

.dkhs .dkhs_con .dkhsBox dl dd.dd1 {margin-bottom: 20px; width: 100%; line-height: 0;}
.dkhs .dkhs_con .dkhsBox dl dd.dd1 img{ width: 1.13rem;}
.dkhs .dkhs_con .dkhsBox dl dd.dd2 {font-size: 14px;line-height: 24px;}

@media screen and (max-width:1024px) {
.dkhs h2.h2_title {margin-bottom:30px;}	
.dkhs .dkhs_con .dkhsBox dl .w100{ padding:20px 20px;}
.dkhs .dkhs_con .dkhsBox dl dd.dd1 img{ width:60px;}
.dkhs .dkhs_type li{ margin:0 7px; width:140px;height:70px; padding:0 15px; border-radius:20px 20px 0 0; }
.dkhs .dkhs_type li span{ font-size:20px;}
}
@media screen and (max-width:767px) {
.dkhs .dkhs_con .dkhsBox dl{ flex-wrap: wrap; padding:20px 20px;}	
.dkhs .dkhs_con .dkhsBox dl dt{ width: 100%;}
.dkhs .dkhs_con .dkhsBox dl dd.dd1{ text-align: center;}
.dkhs .dkhs_con .dkhsBox dl .w100{ width: 100%; padding:20px 0 0 0;}
.dkhs .dkhs_type{ justify-content: space-between;}
.dkhs .dkhs_type li{ margin:0; width:24%; padding:0 0 10px 0;}
.dkhs .dkhs_type li.cur { padding:0;}
}




.fwbz {padding-bottom: 55px;background: #ebeef1;}

.fwbz .fwbz_con {margin-bottom: 40px;}

.fwbz .fwbz_con dl {float: left;width: 298px;text-align: center;height: 216px;border-left: 1px solid #dcdcdc;}

.fwbz .fwbz_con dl:first-child {border-left: none;}

.fwbz .fwbz_con dl dt {width: 91px;height: 116px;line-height: 116px;font-size: 50px;color: #a2a2a2;background: url(../images/fwbzbg01.png) no-repeat center;margin: 0 auto;position: relative;top: -20px;}

.fwbz .fwbz_con dl dd.dd1 {font-size: 22px;text-align: center;color: #333;margin-bottom: 20px;}

.fwbz .fwbz_con dl dd.dd2 {padding: 0 60px;line-height: 24px;}

.fwbz .fwbz_con dl:hover dt {background: url(../images/fwbzbg02.png) no-repeat center;color: #005DC5;}

.fwbz .fwbz_con dl:hover dd.dd1 {color: #005DC5;}

.fwbz .fwbz_con dl:hover dd.dd2 {color: #005DC5;}

.fwbz .fwbz_bot .p1 {font-size: 16px;color: #fff;width: 245px;height: 48px;background: #005dc5;border-radius: 10px;overflow: hidden;margin-left: 330px;}

.fwbz .fwbz_bot .p1 a {display: block;height: 48px;padding-left: 77px;background: url(../images/fwbzicon01.png) no-repeat 41px center;line-height: 48px;color: #fff;}

.fwbz .fwbz_bot .p2 {padding-right: 53px;margin-right: 335px;background: url(../images/l_tel.png) no-repeat right center;text-align: right;}

.fwbz .fwbz_bot .p2 i {display: block;font-size: 14px;}

.fwbz .fwbz_bot .p2 b {display: block;font-size: 24px;color: #005DC5;}





.about {padding-bottom: 55px;position: relative;}

.about .abobg {position: absolute;bottom: 0; height: 295px;width: 100%;background: #005dc5;z-index: 2;height: 195px;}

.about .container {position: relative;z-index: 2;}

.about .p1 {font-size: 14px;line-height: 24px;text-align: center;margin-bottom: 50px;}

.about .p1 span {color: #005dc5;}

.about .aboImg {width: 733px;height: 379px;padding: 8px;border: 1px solid #dedede;margin: 0 auto;}

.about .aboImg img {display: block;width: 733px;height: 379px;}

.about ul {margin-top: 55px;color: #fff;text-align: center;}

.about ul li {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 260px;text-align: center;border-left: 1px solid #2e7acf;}

.about ul li:first-child {border-left: none;}

.about ul li span {display: block;}

.about ul li span i {font-size: 48px;}





.scsb {padding-bottom: 40px;background: #ebeef1;}

.scsb .scsb_type {padding-top: 55px;text-align: center;margin-bottom: 35px; display: flex; justify-content: center;}

.scsb .scsb_type li { display: flex; margin:0 5px; }

.scsb .scsb_type li a {display: block;height: 48px;width: 155px; color: #333;text-align: center;line-height: 48px;background: #fff;border-radius: 8px;font-size: 18px;}

.scsb .scsb_type li.cur a{background: #005dc5;color: #fff;}

.scsb .scsb_con {}

.scsb .scsb_con .conbox {display: none;}

.scsb .scsb_con .conbox.cur {display: block;}

.scsb .scsb_con .conbox ul{ display: flex; flex-wrap: wrap; width: calc(100% + 18px); margin: 0 -9px;}
.scsb .scsb_con .conbox ul li {float: left;width: 25%;padding:0 9px;}

.scsb .scsb_con .conbox ul li:first-child {margin-left: 0;}

.scsb .scsb_con .conbox ul li span {width:100%; display: block; line-height: 0; overflow: hidden; position: relative; padding-bottom: 67.48%;}

.scsb .scsb_con .conbox ul li img {display: block; position: absolute; left: 0; top:0; width:100%; height: 100%; transition: all 0.5s;}
.scsb .scsb_con .conbox:first-child ul li img{ object-fit: cover;}
.scsb .scsb_con .conbox ul li p {margin-top: 35px;text-align: center;font-size: 14px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.scsb .scsb_con .conbox ul li:hover img {transform: scale(1.1);}

.scsb .scsb_con .conbox ul li:hover p {color: #005DC5;}


@media screen and (max-width:1024px) {
.scsb .scsb_type {padding-top:40px;margin-bottom:20px;}		
.scsb .scsb_con .conbox ul{ width: calc(100% + 14px); margin: 0 -7px;}
.scsb .scsb_con .conbox ul li {padding:0 7px;}
.scsb .scsb_con .conbox ul li p {margin-top:12px;}
.scsb .scsb_type li a {height:36px;width: 120px;line-height: 36px;font-size: 16px;}
}

@media screen and (max-width:767px) {
.scsb .scsb_con .conbox ul li {width: 50%; margin-top: 15px;}
}





/**/

.news {padding-top: 50px;padding-bottom: 50px;}

.news .conleft {position: relative;}

.news .conleft .l_more {position: absolute;right: 5px;top: 8px;font-size: 14px;color: #333;}

.news .news_type {font-size: 18px;padding-bottom: 25px;border-bottom: 1px solid #e7e7e7;margin-bottom: 30px;}

.news .news_type a {float: left;padding: 0 15px;color:#222;height: 26px;line-height: 26px;position: relative;}

.news .news_type a:first-child {border-right: 1px solid #e5e5e5;}

.news .news_type i {display: none;width: 100%;height: 3px;position: absolute;left: 0;bottom:-26px;background: #005DC5;}

.news .news_type a.cur {color: #005DC5;font-weight: bold;}

.news .news_type a.cur i {display: block;}

@media (max-width: 1024px) {
.news .news_type {font-size: 16px;padding-bottom: 18px;margin-bottom: 30px;}
.news .news_type i{ bottom: -18px;}
}	

.news .news_con { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }

.news .news_con .conleft {width: 66.66%;}

.news .news_con .conleft .concase {display: none;}

.news .news_con .conleft .concase.cur {display: block;}

.news .news_con .conleft dl { display: flex; width: 100%;}

.news .news_con .conleft dl dt { min-width: 305px; width: 305px; margin-right: 0.3rem; }
.news .news_con .conleft dl dt a{ display: block; width: 100%; overflow: hidden; position: relative; padding-bottom: 64.26%;}
.news .news_con .conleft dl dt img{width: 100%;height: 100%; position: absolute; left: 0; top: 0; object-fit: cover;transition: all 0.5s;}
.news .news_con .conleft dl:hover dt img{ transform: scale(1.1); -ms-transform: scale(1.1); } 
.news .news_con .conleft dl dd.dd1 {width: 100%; display: flex; align-items: center; justify-content: space-between;}

.news .news_con .conleft dl dd.dd1 a {width: 100%;color: #000;font-size: 16px;line-height: 30px;font-weight: bold;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;}

.news .news_con .conleft dl dd.dd1 span {float: right;font-size: 13px;color: #555; white-space: normal; margin-left: 15px;}

.news .news_con .conleft dl dd.dd2 {margin-top: 5px;width: 100%;}
.news .news_con .conleft dl dd.dd2 a{line-height: 24px;font-size: 13px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 96px;width: 100%;}

.news .news_con .conleft dl dd.dd3 {margin-top: 25px;width: 100%;}

.news .news_con .conleft dl dd.dd3 a {display: block;width: 99px;height: 33px;line-height: 33px;text-align: center;background: #005DC5;color: #fff;font-size: 14px;border-radius: 5px;}
.news .news_con .conleft dl:hover dd.dd1 a{ color:#005DC5;} 

.news .news_con .conleft ul {margin-top: 24px; display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}

.news .news_con .conleft ul li {height: 40px;width: 48%;border-bottom: 1px dashed #d0d0d0;line-height: 40px;padding-left: 20px;font-size: 13px;background: url(../images/newsicon.png) no-repeat left center; display: flex; justify-content: space-between;}

.news .news_con .conleft ul li a {float: left;width: 100%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;color: #000; padding-right: 20px;}

.news .news_con .conleft ul li span {float: right;color: #000; white-space: nowrap;}

.news .news_con .conleft ul li:hover a {color: #005DC5;}
.news .news_con .conleft ul li.clearfix::after{ display: none;}

.news .news_con .conright {width: 28.33%;}

.news .news_con .conright .r_top {height: 52px;background: url(../images/newsbg01.png) no-repeat 90px 5px;border-bottom: 1px solid #e7e7e7;}

.news .news_con .conright .r_top .r_a1 {float: left;font-size: 18px;font-weight: bold;color: #000;padding: 5px 10px 0 0; background: #fff;}

.news .news_con .conright .r_top .r_a2 {float: right;font-size: 14px;color: #333;margin-top: 10px;}

.news .news_con .right_con {position: relative;overflow: hidden;}

.news .news_con .wtcont{ padding-top:10px;overflow:hidden; width: 100% !important;}
.news .news_con .conright .w100{padding:15px 0;font-size: 14px;width: 100%;border-bottom: 1px dashed #e7e7e7;}

.news .news_con .conright dt{padding:2px 0; padding-left:30px; font-weight: bold;font-size: 16px;height: 22px;line-height: 22px;background: url(../images/news_q.png) no-repeat left center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news .news_con .conright dt a{ color:#333;}

.news .news_con .conright dd {height:60px;margin-top:13px; overflow: auto;background: url(../images/news_a.png) no-repeat left top;}



.news .news_con .conright dd a {display: block; color:#868686; line-height:20px; height:60px;margin-left:30px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;	-webkit-box-orient: vertical;}

	
@media screen and (max-width:1024px) {
.news .news_con .conleft{ width: 100%;}
.news .news_con .conright{ width: 100%; margin-top: 30px;}
}
@media screen and (max-width:767px) {
.news {padding-top: 40px;padding-bottom: 40px;}	
.news .news_con .conleft ul li{ width: 100%;}	
.news .news_con .conleft dl dt { min-width:140px; width: 140px; margin-right:16px; }
.news .news_con .conleft dl dd.dd3{ display:none;}
.news .news_con .conleft dl dd.dd1 a{ font-size:16px; line-height: 23px;-webkit-line-clamp: 2;}
.news .news_con .conleft dl dd.dd1 span{ display: none;}
.news .news_con .conleft dl dd.dd2 a{ line-height:21px; height: 42px;-webkit-line-clamp: 2;}
.news .news_con .conright dt{ font-size:15px;}

}

/**/

.yqlj {padding-top: 30px;padding-bottom: 30px; background: #f5f5f5;}

.yqlj .box {position: relative; display: flex; width: 100%; margin-top:20px;}
.yqlj .box::after{ display: block; content: ''; position: absolute; left:138px; top:0; width:10px;background: #f5f5f5; height: 100%;z-index: 4;}
.yqlj .t{font-size: 18px;height: 34px;border: 1px solid #cacaca;line-height: 34px;padding: 0;text-align: center;margin-right: 10px; white-space: nowrap; padding:0 27px;}
.yqlj .yqlj_more {display: block;width: 15px;height: 16px;background: url(../images/yqlj_more.png) no-repeat center;position: absolute;right: 0;top:0;z-index: 3;}
.yqlj h4 {background: url(../images/yqljbg.png) no-repeat center 15px;font-size: 26px;text-align: center;}

.yqlj h4 a {color: #333;}

.yqlj h4 em {display: block;margin: 0 auto;font-size: 20px;color: #ccc;}

.yqlj ul {position: relative;z-index: 3; display: flex;flex-wrap: wrap; width: 100%; padding:0 20px 0 0;}
.yqlj ul li {float: left; display: flex; align-items: center; height: 14px; position: relative;border-left: 1px solid #8b8b8b;padding:0 20px; margin:5px 0;}
.yqlj ul li a {float: left;font-size: 14px;line-height:24px; color: #555;}

.yqlj ul li:hover a {color: #005DC5;}

@media screen and (max-width:1024px) {
.yqlj .box{ flex-wrap: wrap; overflow: hidden;}	
.yqlj .box::after{ display: none;}
.yqlj .t{ font-size: 16px;}
.yqlj .yqlj_more{ top:10px;}
.yqlj ul{ margin:20px 0 0 -12px; width:calc(100% + 12px); padding:0;}
.yqlj ul li{ padding:0 12px;}
.yqlj h4 {background: url(../images/yqljbg.png) no-repeat center 15px;font-size: 20px;}
.yqlj h4 em{ font-size:16px;}
}







/*视频弹出*/

.videobf {display: none; background: url(../images/bg01.png);position: absolute;left: 0;top: 0;width: 100%; height: 100%;z-index: 97;}

.videobf .video_con {width: 1000px;height: 600px;position: fixed;top: -600px;left: 50%;margin-left: -500px;margin-top: -300px;z-index: 98;background: #fff;border-radius: 10px;transition: all 1s;}

.videobf .video_con.cur {top: 50%;}

.videobf .video_con .closeVideo {display: block;width: 69px;height: 69px;background: url(../images/closeImg.png) no-repeat center;z-index: 99;position: absolute;right: -34px;top: -34px;cursor: pointer;}



.pc_show{ display: block;}
.ph_show{ display: none;}

@media (max-width: 1024px) {
.pc_show{ display: none;}
.ph_show{ display: block;}

}
