*{font-family:"DIN","arial";scroll-behavior: smooth;}
body,a,img,div,ul,ol,li,p,h1,h2,h3,h4,h5,dt,dd{
	margin:0px;
	padding:0px;
	font-size:14px;
	color: #333;
	scroll-behavior: smooth;
	letter-spacing: 0.8px
	

}
/*@font-face {
  font-family: "DIN";
  src:url("../font/PingFang Medium_downcc.otf");
}*/

ul,ol,li{list-style: none}
html,body{
	height: 100%;
}
img{border:0px;}

h1,h2,h3,h4,h5{font-weight: normal}



.ckzl{margin-top: 25px;font-size: 15px;color: #0c39a3}
.gtr456 .tab-block.information-tab .tabs{background: none!important}
.gtr456 .tab-block .tabs .tab-item{width: 100%!important;padding: 0!important}
.gtr456 .hds_li{background: #fff;padding: 3%}
.gtr456 .lxkefu{background: #fff;margin-bottom: 12px;padding: 25px 3%;text-align: center}
.lxkefu{font-size: 16.5px;margin-bottom: 20px}

.dd_lcsl{padding: 80px 0;}

.dd_lcsl_1{font-size: 30px;padding-bottom: 110px;text-align: center;margin-top: 110px;line-height: 39px;font-weight: bold}
.dd_lcsl_1 span{font-size: 17px;color: #0c39a3}
.dd_lcsl_2{overflow: hidden}
.dd_lcsl_2 li{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 50px}
.dd_lcsl_2 li:nth-last-child(1){margin-bottom: 0}
.dd_lcsl_2 li dt img{display: block;width: 100%;height: auto;transition: all 0.5s}
.dd_lcsl_2 li dt:hover img{transform: scale(1.1)}
.dd_lcsl_2 li dt{width:50% ;transition: all 0.5s;overflow: hidden;}
.dd_lcsl_2 li dd  span{display: block;line-height: 32px;font-size: 16px}
.dd_lcsl_2 li dd{width: calc(50% - 80px);overflow: hidden;padding: 35px 40px;background: #f6f9f9;display: flex;justify-content: center;flex-direction: column;position: relative}
.dd_lcsl_2 li dd a{position: absolute;top: 50px;left: 0;background: #0c39a3;padding: 13px 40px;border-radius: 0 50px 0 0;color: #fff;font-size: 17px}
.dd_lcsl_2 li:nth-child(2) dd a{right: 0;left: inherit;border-radius: 50px 0 0 0}


.dd_lcsl_b{text-align: center;font-size: 34px;font-weight: bold;padding-bottom: 90px}


.dd_lcsl_q1{font-size: 17px;text-align: center;margin: 0 auto;margin-top: 40px;line-height: 28px;width: 70%;padding-bottom: 30px}
.dd_lcsl_q2{text-align: center;font-size: 34px;font-weight: bold;padding-top: 80px}

.dd_p1{border-bottom: 1px solid #ddd;padding-bottom: 40px;margin-bottom: 40px;}
.dd_p1 span{font-size: 22px;line-height: 35px;display: block;font-weight: bold}

.dd_p2{display: flex;justify-content: space-between;flex-wrap: wrap}
.dd_p2 p{width: 44%;}




.dd_gw{width: 13%}
.d_xz_qh{margin-top: 80px}
.pro_c_00 {
    font-size: 26px;
    color: #333;

	padding-bottom: 2%
}

.d_table{overflow: hidden;padding: 0 0%;width: 100%}
.d_table table{border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;border-spacing: 0;font-size: 16px;margin: 0 auto;background: #fff;width: 100%}
.d_table table td{border-top: 1px solid #ddd;border-left: 1px solid #ddd;padding: 3px 25px;font-size: 16px;font-size: 16px}
.d_table table tr:nth-child(1){background: #0c39a3;}
.d_table table tr:nth-child(1) span{color: #fff}
.d_table table td span{font-size: 15px;}
.d_table table tr:nth-child(1) td{padding: 9px 25px}

.dd_cs{font-size: 17px;font-weight: normal}

.d_xz1{display: flex;justify-content: space-between;margin: 0 auto;padding-bottom: 110px}
.d_xz1 .d_xz1_li{width: 44%;padding: 0px 0%}
.d_xz1 .d_xz1_li img{display: block;width: 100%;height: auto}

.d_xz1 .d_xz1_li_1{text-align: center;font-size: 22px;}
.d_xz1 .d_xz1_li_2{padding: 40px 0;}
.d_xz1 .d_xz1_li_3{display: flex;justify-content: space-between;}
.d_xz1 .d_xz1_li_3 li{width: 48%;display: flex;align-items: center}
.d_xz1 .d_xz1_li_3 li dt{background: #0c39a3;color: #fff;width: 65px;padding: 12px 0;text-align: center;font-size: 17px;font-weight: bold;margin-right: 15px}
.d_xz1 .d_xz1_li_3 li dd{font-size: 16.5px;width: calc(100% - 80px)}

.d_xz2{display: flex;justify-content: space-between; margin: 0 auto;padding: 90px 0 0px}
.d_xz2 .d_xz2_li{width:100%}
.d_xz2 .d_xz2_li img{display: block;width: 100%;height: auto}
.d_xz2 .d_xz2_li span{display: block;width: 100%;margin-top: 20px;font-size: 18px;text-align: center}


.swiper-container-d{width: 1150px!important;margin: 0 auto}
.swiper-pagination-d{text-align: center;margin-top: 25px}
.swiper-pagination-d .swiper-pagination-bullet{width: 50px;height: 5px;border-radius: 0}

.jgyl{display: flex;justify-content: space-between;padding: 0 3%}
.jgyl .jgyl_li{width: 38%}
.jgyl .jgyl_li img{display: block;width: 100%;height: auto}
.jgyl .jgyl_li span{display: block;width: 100px;margin: 0 auto;margin-top: 20px;font-size: 16px;text-align: center;margin-bottom: 5px;background: #0c39a3;color: #fff;padding: 5px 0}



.d_tabs{width: 85%!important}

.new_about_cen{display: flex;justify-content: space-between;flex-wrap: wrap;background: #f7f7f7}	
	.new_about_cen_left{width: 60%;}
	.new_about_cen_right{width: 28%;padding: 120px 6% 60px 6%}
	.ac_2{position: relative}
	.ac_1{padding:70px 0 70px 10%;font-size: 35px;color: #0c39a3;background: #fff}
	.ac_1 span{display: block;font-family: "arial";text-transform:uppercase;font-size: 20px;opacity: 0.6;color: #333;margin-top: 6px}
	.ac_img{display: block;width: 100%;height: auto}
	.new_about_cen_right{}
	.ac_3{font-size: 26px;
    font-weight: 500;
    color: #0c39a3;
    margin-bottom: 45px }
	.ac_4 {
    font-size: 16px; 
    line-height: 32px;
}
	.ac_5 {
    display: block;
    width: 9px;
    height: 39px;
    background: #0c39a3;
    margin: 100px 0 100px;
}
	.left_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 66px 0 157px;
}
.left_bottom span {
    width: calc(90% - 365px);
    height: 1px;
    background: #CCCCCC;
    margin-left: 10%;
}
.left_bottom p {
    font-size: 10px;
    font-family: "arial";
    color: #0c39a3;
	width: 365px;
	text-align: right
}
	.news_about_sz{display: flex;justify-content: space-between;padding: 100px 0;align-items: center}
	.news_about_sz_right{width: 56%;padding: 0 6% 0 0}
	.news_about_sz_right img{display: block;width: 100%;height: auto}
	.news_about_sz_left{width: 26%;padding:0 0 0 6%;}
	.news_about_sz_left>ul{ display: flex;justify-content: space-between;flex-wrap: wrap}
	.news_about_sz_left>ul li{width: 46%;margin: 20px 0;text-align: center;padding: 40px 0;background: #0c39a3;border-radius: 5px}
	.news_about_sz_left>ul li .f_48{color: #fff}
	.news_about_sz_left>ul li .li_re{color: #fff;opacity: 0.7}

.w1{width: 100%;height: 100vh;background: url(../images/banner8.jpg) no-repeat top center;object-fit: cover;}	
	.w1 ul{display: flex;justify-content: space-between;width: 90%;margin: 0  auto;height: 100%;animation: a_about 2.3s}
	.w1 ul li{width: 30%;position: relative;overflow: hidden;transition: all 0.6s}
	.w1 ul li dt img{display: block;width: 100%;height: auto;transition: all 0.4s}
	.w1 ul li:nth-child(1){margin-top: 20%}
	.w1 ul li:nth-child(2){margin-top: 12%}
	.w1 ul li:nth-child(3){margin-top: 20%}
	.w1 ul li:nth-child(1):hover,.w1 ul li:nth-child(3):hover{margin-top: 18%}
	.w1 ul li:nth-child(2):hover{margin-top: 10%}
	.w1 ul li dd{position: absolute;top: 45px;left: 30px}
	.w1 ul li:hover img{transform: scale(1.05)}
	.w1 ul li dd h2{color: #fff;font-size: 35px;font-family: "arial";margin: 17px 0 10px;} 
	.w1 ul li dd h3{color: #fff;font-size: 17px;text-align: left}
	.w1 ul li dd h1 {overflow: hidden}
	.w1 ul li dd h1 span{float: left;display: block;width: 20px;height: 4px;}
	.w1 ul li dd h1 span:nth-child(1){background: rgba(255,255,255,1)}
	.w1 ul li dd h1 span:nth-child(2){background: rgba(255,255,255,0.7);}
	.w1 ul li dd h1 span:nth-child(3){background: rgba(255,255,255,0.4)}

.w2{width: 100%;height: 100vh;background: url(../images/banner8.jpg) no-repeat center center;object-fit: cover; display: flex;flex-direction: column;justify-content: center;align-items: center}
	.w2_ul{width: 90%;overflow: hidden;margin: 0 auto;display: flex;justify-content: space-between;height: 530px;animation: a_about 2.3s}
	.w2_ul .item_case{width: 22%;transition: all 0.3s;position: relative;cursor: pointer}
	.w2_ul .item_case.on{width: 53%;}

	.w2_ul .item_case_2{width: 30%!important;}
	.w2_ul .item_case_2.on{width: 68%!important;}


	.item_case{height: 100%}
	.item_case dt{width: 100%;height: 100%;overflow: hidden}
	.item_case dt img{
		width: 100%;
    height: 100%;object-fit: cover;
    vertical-align: bottom;
    max-width: 100%;
		display: block;
		transition: all 0.3s
	}
	
	.item_case .show {
    position: absolute;
    bottom: 61px;
    width: 86%;
    padding: 0 7%;
    z-index: 6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    opacity: 0;
    transition: 1s;
}
	.item_case .show .l{width: 75%}
	.item_case .show span {
    width: fit-content;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
    position: relative;
    display: block;
    margin: 0 0 15px 0;
}
	.item_case .show p {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #FFFFFF;
		text-align: left
}
	.item_case .hide {
    opacity: 1;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    z-index: 25;
    transition: 1s;
}
	.item_case.on .hide {
    opacity: 0;
}
	.item_case.on .show {
    opacity: 1;
}
	.item_case .hide span {
    font-size: 23px;
    font-weight: bold;
    color: #FFFFFF;
    display: block;
    margin: 0 0 16px 0;
    white-space: nowrap;
}
	.item_case .hide p {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    white-space: nowrap;
    opacity: 0.8;
		text-transform:uppercase
}
	.circle11 img{display: block;width: 40px;height: 40px;}
	@media screen and (max-width:1400px) {
		.w2_ul{height: 440px}
	}




.p_ul{display: flex;flex-wrap: wrap;justify-content: space-between}
.p_li{float: left;width: 39%;text-align: center;background: #fff;padding: 30px 3%;border: 1px solid #eee;border-radius: 8px;}
.p_li_5{margin-top: 20px;}
.p_li_3{width: 24%}
.p_li dt{margin-bottom: 10px}
.p_li dd{font-size: 15px;color: #666}
.case_c_0 {
    font-size: 32px;
    font-weight: bold;
    color: #333;
    padding: 60px 0 0;
    text-align: center;
	position: relative
}
.news_view_nav{padding: 23px 0;border-bottom: 1px solid #f7f7f7}
.news_view_nav dt span{color: #999;font-size: 15px;}
.news_view_nav dt a{font-size: 15px;}
.news_view_nav>div{display: flex;justify-content: space-between;align-items: center}
.n_prev_a{display: none}
.n_prev_a a{width: 150px;display: block;padding: 13px 0;margin: 0 auto;background: #0c39a3;border-radius: 50px;text-align: center;transition: all 0.3s}
.n_prev_a a span{background: url(../images/prev_icon.png) no-repeat left center;background-size: 23px;padding:5px 0 5px 30px;color: #fff;font-weight: normal;transition: all 0.3s}
.n_prev_a a:hover{padding: 13px 5px}

.prev_a{position: absolute;bottom: 0;right: 0;display: none}
.prev_a a{width: 150px;display: block;padding: 13px 0;margin: 0 auto;background: #0c39a3;border-radius: 50px;text-align: center;transition: all 0.3s}
.prev_a a span{background: url(../images/prev_icon.png) no-repeat left center;background-size: 23px;padding:5px 0 5px 30px;color: #fff;font-weight: normal;transition: all 0.3s}
.prev_a a:hover{padding: 13px 5px}


.b_title{display: block;font-size: 25px;font-weight: normal;margin-top: 20px}


.fwq123{background: url(../images/6093b23a4f812.jpg) no-repeat center center!important;background-size: 100%;padding: 130px 0;margin-bottom: 40px}

.fwq123 .tab-block .tab-buttons .tab-button{color: #fff!important;width: 25%!important}
.fwq123 .tab-block .tab-buttons .tab-button.cur{width: 30%!important}

#video1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100vh;
    height: 100vh;
    width: 100%;
    z-index: -11;
    -o-object-fit: cover;
    object-fit: cover;
	text-align: center;
}

.main_box{
	width: 100%;
	position: relative;
	height: 100vh;
	margin: 0;
	background: url(../images/banner8.jpg) no-repeat center center;
	background-size: 150%
}
.box{
	width: 100%;
	height: 100%
}
.box ul {
	width: 90%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	
}
.box ul li{
	width: 31%;
	text-align: center;
	position: relative;
	transition: all .6s ease-out;
	overflow: hidden
	
}
.box ul li:after{position: absolute;left: 0;top: 0;bottom: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);content: "";transition: all 0.5s}
.box ul li div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;z-index: 99}
.box ul li:nth-child(1){background:url(../images/6483548426015514245711275.jpg) no-repeat center center;background-size: 100%;margin-top: 20%;height: 80%}
.box ul li:nth-child(2){background: url(../images/index5-2.png) no-repeat center center;background-size: 100%;margin-top: 10%;height: 90%}
.box ul li:nth-child(3){background:url(../images/6583548426015514245711275.jpg) no-repeat center center;background-size: 100%;margin-top: 20%;height: 80%}
.box ul .on{
	

}
.box ul li h3{color: #fff;font-size: 28px;}
.box ul li p{color: #fff;font-size: 15px;margin-top: 15px;opacity: 0.8}
.box ul li:hover:after{background: rgba(0,0,0,0)}
.box ul li:hover{transform: scale(1.1)}

.btn{display:inline-block;width:100px;height:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:32px;color:#009FD9;text-align:center;text-decoration:none;font-size:14px;cursor:pointer}





@keyframes kfcen {
    0% {
        transform: scale(1)
    }
	50% {
        transform: scale(1.1)
    }
	100% {
        transform: scale(1)
    }
	
}
.b_bottom{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 99;}
.b_bottom dl{width: 90%;padding: 7px 0;margin: 0 auto;text-align: center;color: #fff;opacity: 0.4}
.b_bottom dl a{color: #fff;}



*::-webkit-scrollbar {
    width: 0px;
    transition: .5s;
    background-color: transparent;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
*:hover::-webkit-scrollbar{
    width: 5px;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{
    width: 5px;
}
*::-webkit-scrollbar-thumb {
    background-color: #0c39a3;
    border: 5px solid #0c39a3;
}
*::-webkit-scrollbar-track {
    background-color: transparent;
}



@media screen and (max-width:1590px) {
	.com_nav dl{width: 85%;}
}

#video2 {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    height: 100vh;
    width: 100%;
    z-index: -11;
    -o-object-fit: cover;
    object-fit: cover;
	text-align: center;
}



.erji{display: none!important}

.p1{display: flex;justify-content: space-between;align-items: center;}
.p1 dt{width: 35%;}
.p1 dt h1{font-size: 32px;font-weight: bold;margin-bottom: 30px}
.p1 dt h2{font-size: 16px;line-height: 28px;color: #666}
.p1 dd{width: 60%;display: flex;justify-content: space-between;padding: 30px 0 0;background: #06297b}
.p1 dd li{width: 50%;cursor: pointer}
.p1 dd .wer{width: 100%;overflow: hidden}
.p1 dd img{display: block;width: 100%;height: auto;transition: all 0.3s}
.p1 dd span{display: block;width: 100%;padding: 13px 0;text-align: center;background: #0c39a3;font-size: 15px;transition: all 0.3s;color: #fff}
.p1 li:hover span{background: #0c39a3;color: #fff}
.p1 li:hover img{transform: scale(1.1)}

.p2{}
.p2 img{display: block;margin: 0 auto;height: 370px;width: auto}
.p3 img{display: block;margin: 0 auto;height: auto;width: 100%;margin: 0 auto}
.p4 img{display: block;margin: 0 auto;height: 400px;width: auto}

.rwqq{text-align: center;width: 60%;margin: 0 auto;padding-top: 90px;padding-bottom: 90px}
.rwqq h1{font-size: 34px;font-weight: bold;}
.rwqq h2{text-align: center;font-size: 16px;margin-top: 14px;}

.d_lcenter{width: 400px;height: 400px;margin: 0 auto}
.d_left{/*position: absolute;left: 0;*/width: calc((100% - 400px)/2);top: 0;height: 100%}
.duibi{position: relative;display: flex;}
.d_right{width: calc((100% - 400px)/2);}
.d_left_1{float: right}

.hds_li_text h5{font-size:23px;font-weight:bold;margin-bottom:36px;color: #0c39a3;background: url(../images/ys_icon.png) no-repeat left center;background-size:21px;padding-left: 34px}
.hds_li_text p{margin-top:10px;font-size:16px;background: rgba(0,0,0,0.02);position: relative;height: 45px;transition: all 0.5s;cursor: pointer}
.hds_li_text p span{display: block;background: url(../images/dot.png) no-repeat left center;background-size:11px;padding-left: 20px;position: absolute;top: 0;left: 25px;height: 100%;line-height: 45px;z-index: 9}
.hds_li_text p:after{position: absolute;content: "";left: 0;top: 0;width: 0;height: 100%;transition: all 0.6s}
.hds_li_text p:hover:after{width: 100%; background: linear-gradient(to right,#275df9,#3158d0);}
.hds_li_text p:hover span{color: #fff;background: url(../images/dot_white.png) no-repeat left center;background-size:11px;}
.hds_li {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.hds_li_img{width:49%}
.hds_li_img img{width: 100%;height: auto;display: block}
.hds_li_img video{width:100%;height:auto}
.hds_li_text {
		width: 43%;
	}



.bg-grey {
	width: 100%;
	height: auto;
	background: #f7f7f7;
	padding: 100px 0;
	margin-bottom: 40px
}
.tab-block {
	width: 100%;
	height: auto;
}
.information-tab {
display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 370px;
}
.tab-block.information-tab .tabs {
	background: #fff
}
.tab-block .tab-buttons {
	width: 1150px;
	transition: all 0.3s;
	margin: 0 auto;
	margin-bottom: 60px;
}
.tab-block .tab-buttons dl{display: flex;justify-content:space-around}
.tab-block .tab-buttons .tab-button {
	width: 25%;
	height: 85px;
	text-align: center;
	font-size: 18px;
	line-height: 85px;
	position: relative;
	cursor: pointer;
	transition: all 0.3s;

}
.tab-block .tab-buttons .tab-button:nth-last-child(1){border: 0}
.tab-block .tab-buttons .tab-button.cur {
	background: linear-gradient(to right, #1564e6 0, #0c39a3 100%);
	color: #fff;
	transition: all 0.3s;
	width: 30%
}

.tab-block .tabs {
	width: calc(100% - 0px);
	transition: all 0.3s
}
.tab-block .tabs .tab-item {
	width: 92%;
	padding: 3% 4%;
	display: none;
	transition: all 0.3s
}
.tab-block .tabs .tab-item.active {
	display: block
}


/*案例及新闻详情*/

.news_view_right{width: 26%}
.news_view_right .n1{font-size: 30px;margin-bottom: 35px;}
.news_view_right li{width: 100%;transition: all 0.3s;position: relative;padding-bottom: 25px;margin-bottom: 35px;border-bottom: 1px solid #eee}
.news_view_right li dt img{display: block;width: 100%;height: auto;transition: all 0.3s}

.news_view_right li h1{font-weight: normal;font-size: 17px;padding-top: 19px;color: #333;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.news_view_right li h2{font-weight: normal;color: #999;padding: 16px 0;}
.news_view_right li h3{color: #999;line-height: 25px;font-weight: normal;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}

.news_view_right li:hover img{transform: scale(1.1)}
.news_view_right li dt{width: 100%;overflow: hidden}
.news_view_right li::after{
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	background: #0c39a3;
	left: 0;
	bottom: 0;
	transition: all 0.3s
}
.news_view_right li:hover::after{width: 100%;}
.news_view_right li:hover h1{color: #0c39a3;padding-left: 10px}

.news_view{padding: 70px 0 50px;overflow: hidden;width: 100%}
.news_view_left{float: left;width: 65%;overflow: hidden;}
.news_view_left h1{font-weight: normal;color: #333333;font-size: 30px;}
.news_view_left h2{font-weight: normal;color: #999;font-size: 16px;margin: 20px 0 30px;padding-bottom: 20px;border-bottom: 1px solid #eee}

.news_view_left .view_cen{color: #666;font-size: 15px;line-height: 28px;overflow: hidden;padding-bottom: 50px;min-height: 300px}
.news_view_left .view_cen img{max-width: 100%;height: auto}
.news_view_left .view_cen p{font-size: 15px;line-height: 28px;}
.news_view_right{float: right;width: 27%;overflow: hidden;}
.views_nav{padding: 70px 0 0;overflow: hidden}
.views_nav span{font-size: 15px;margin: 0 10px;display:inline-block!important;color: #e21212}
.views_nav a{font-size: 15px;margin: 0 10px;display:inline-block!important}

.pro_view_5 li{background: #f7f7f7;padding: 12px 20px;margin-bottom: 12px}




.dwer{width: 100%;overflow: hidden;background: url(../images/dd_bg.jpg) no-repeat center center;object-fit: cover; padding: 110px 0;}
.dwer .z-container{display: flex;justify-content: space-between;overflow: hidden}
.dwer_1{width: 37%;}
.dwer_2{width: 37%;}
.dwer_1 ul li{display: flex;float: right;margin-bottom: 35px;align-items: center}
.dwer_1 ul li:nth-child(2){margin-right: 30px;}
.dwer_1 ul li:nth-child(3){margin-right: 30px;}
.dwer_1 ul li:nth-child(4){margin-right: 0px;}
.dwer_1 ul li dt{margin-left: 18px}
.dwer_1 ul li h1{text-align: right;font-weight: bold;font-size: 16px;margin-bottom: 2px;}
.dwer_1 ul li h2{text-align: right;opacity: 0.8}


.dwer_2 ul li{display: flex;margin-bottom: 35px;align-items: center}
.dwer_2 ul li dt{margin-right: 18px}
.dwer_2 ul li h1{text-align: left;font-weight: bold;font-size: 16px;margin-bottom: 2px;color: #fff}
.dwer_2 ul li h2{text-align: left;color: #fff;opacity: 0.8}
.dwer_2 ul li:nth-child(2){margin-left: 30px;}
.dwer_2 ul li:nth-child(3){margin-left: 30px;}

.dwer_1 h3{font-size: 34px;font-weight: bold;text-align: right;margin-bottom: 50px}
.dwer_2 h3{font-size: 34px;font-weight: bold;text-align: left;margin-bottom: 50px;color: #fff}




.con_content{background: #fff;overflow: hidden}
.con_cen{overflow: hidden;padding-top: 50px}
.con_cen h1{font-size: 32px;font-weight: bold}
.con_cen h2{font-size: 16px;margin-top: 30px;font-weight: normal;color: #666;margin-bottom: 57px;line-height: 25px}
.con_cen ul{width: 100%;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 40px 0;margin-bottom: 80px}
.con_cen ul .uyttt{overflow: hidden;display: flex;
    justify-content: space-between;
    flex-wrap: wrap;}
.con_cen ul li{max-width: 33%}
.con_cen ul li dt{display: flex;align-items: center}
.con_cen ul li dt span{margin-left: 10px;color: #0c39a3;font-size: 16px}
.con_cen ul li dd{font-size: 22px;margin-top:25px;color: #333;}
.mapcen{padding-bottom: 80px;overflow: hidden}

.news_cen{overflow: hidden;padding: 80px 70px 0}
.news_cen li{padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #eee}
.news_cen li a{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center}
.news_cen li dt{width: 300px;overflow: hidden;transition: all 0.6s}
.news_cen li dt img{width: 100%;height: auto;transition: all 1s;display: block}
.news_cen li dd{width: calc(100% - 350px);height: auto;transition: all 0.3s}
.news_cen li dd h1{font-size: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.6s;font-weight: bold}
.news_cen li dd h2{margin: 28px 0;text-indent: 2em;font-size: 15px;line-height: 28px;color: #999;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}

.news_cen li dd span{color: #1149ca;background: url(../images/right_j_on.png) no-repeat right center;background-size: 20px;padding-right: 35px;font-size: 16px;transition: all 0.4s;}
.news_cen li:hover span{padding-right: 45px;}
.news_cen li:hover dt img{transform: scale(1.1)}


.screen-01 {
    width: 100%;
    height: 100vh;
    position: relative;
    text-align: center;
	background:url(../images/wenli.png)
}
.screen-01 #video1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100vh;
    height: 100vh;
    width: 100%;
    z-index: -11;
    -o-object-fit: cover;
    object-fit: cover;
	text-align: center;
}

.sn_tit{text-align: center;padding: 100px 0}
.sn_tit h1{font-size: 40px;font-weight: bold;color: #fff;}
.sn_tit span{display: block;margin-top: 16px;font-size: 18px;color: #999!important}
.base120{width: 85%;margin: 0 auto;padding-bottom: 100px}
a{
	color:#111111;
	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;
}
a:hover{
	color:#0c39a3;
 	text-decoration:none;
	transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	-moz-transition: all .5s;

}

*::-webkit-scrollbar {
    width: 0px;
    transition: .5s;
    background-color: transparent;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
*:hover::-webkit-scrollbar{
    width: 5px;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar{
    width: 5px;
}
*::-webkit-scrollbar-thumb {
    background-color: #0c39a3;
    border: 5px solid #0c39a3;
}
*::-webkit-scrollbar-track {
    background-color: transparent;
}


input{outline: none;}


.xl_search{width:500px;z-index: 999999;background:rgba(255,255,255,0.95);margin: 0 auto;padding: 10px 0;margin-top: 100px}
.xl_search_1{display: flex;align-items: center;justify-content: space-between;margin: 19px 35px;border-bottom: 1px solid #0c39a3;}
.xl_search_1 input{border: 0; display: block;width: calc(100% - 75px);height: 38px;border-radius: 0px;padding: 0;background: none;}
.xl_search_1 img{display: block;width: 20px;height: auto;cursor: pointer;padding-bottom: 5px}



.pageDiv {
	width: auto;
	display: inline-block !important;
	display: inline;
	margin-bottom: 0px;margin-top: 30px;margin-bottom: 50px
}

.pageDiv a, .pageDiv span {
		margin: 0;
		padding: 0;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
		border: 1px solid #eee;
		text-align: center;
		line-height: 35px;
		display: block;
		float: left;
		font-size: 14px;
	margin-left: 5px;
	border-radius: 3px
	}
.awh {width: 40px;height: 35px;}
.pnwh {width: 70px;height: 35px;}
.disabled {color: #333 !important;cursor: not-allowed !important;}
.onPage {background-color: #0c39a3;color: #fff;border: 1px solid #0c39a3 !important;}


/*2019新导航开始*/
/* 头部 */
a{text-decoration: none;}
ul{padding: 0px;margin: 0px;}



/*内页新头部*/
.header_two{width: 1550px;position: fixed;top: 0px;left: 0px; z-index:10000;background: rgba(255,255,255,1);
	padding: 0px calc((100% - 1550px)/2);transition: .5s;}
.header_two:hover{background: rgba(255,255,255,1);}
.header_two.header_hide{top: -100px;}
.header_two a img:last-child{display: none;}
.header_two.white{width:  1550px;position: fixed;left: 0px; z-index:10000;background: #fff;
	padding: 0px calc((100% - 1550px)/2);transition: .5s;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.header_two.white .sp_nav span{background: #000;}

.header_two a img:last-child{display: none;}
.header_two.white a img:last-child{display: block;}
.header_two.white a img:first-child{display: none;}
.header_two.white .erji{background: #fff;border-top: 1px rgba(0,0,0,.1) solid;box-shadow: 0px 2px 2px rgba(0,0,0,.1);}
.header_two.white .nav ul li:hover{background: none;}

.header_two:hover{width:  1550px;position: fixed;left: 0px; z-index:10000;background: #fff;border-bottom: none;
	padding: 0px calc((100% - 1550px)/2);transition: .5s;box-shadow: 0px 0px 10px rgba(0,0,0,.2);}
.header_two:hover .sp_nav span{background: #000;}

.header_two:hover a img:last-child{display: block;}
.header_two:hover a img:first-child{display: none;}
.header_two:hover .erji{background: #fff;border-top: 1px rgba(0,0,0,.1) solid;}
.header_two:hover .nav ul li:hover{background: none;}

.header_two a img:last-child{display: none;}
.header_left{float: left;padding-top: 10px}

.nav{width: 87%;height: 80px; margin:0 auto;float: left;} 
.nav_logo{float: left;margin-top: 20px;  }
.nav ul{display: inline-block;float: right;margin-right: 5%;}
.nav ul li{float: left;font-size: 16px;list-style: none;text-align:center;padding: 0 26px}
.nav ul li >a{color: #333;display: block;line-height:80px;position: relative;font-size: 16px;;}
.nav ul li >a:after{
	content: "";
	width: 0;
	height: 3px;
	background: #0c39a3;
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	transition: .5s;
}
.nav ul li:hover a:after{width: 100%;}

.nav ul li.selected >a:after{width: 100%}
.nav ul li.selected a{color: #0c39a3}

.nav ul li .erji{width: 100%;height: 70px;position: absolute;top: 80px;left: 0px;
	text-align: center;display: none;}
.nav ul li .erji a{margin: 0px 15px;line-height: 70px;font-size: 15px;opacity: .9;}
.nav ul li .erji a:hover{opacity: 1;}



/* 导航折叠按钮	*/
.sp_nav{display: block;width:50px;position:absolute;height:30px; z-index:10001;right: 20%;top: 40px;}
.sp_nav span{display:block;background:#ffffff;width:18px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;}
.sp_nav .sp_nav1{top:0px;}
.sp_nav .sp_nav2{top:6px;width:14px;}
.sp_nav .sp_nav3{top:12px;}
.sp_nav_se  .sp_nav1{top:10px;transform:rotate(45deg);}
.sp_nav_se  .sp_nav2{width:0!important;}
.sp_nav_se  .sp_nav3{top:10px;transform:rotate(-45deg);}
.sp_nav:hover  .sp_nav2{width:18px;}
.span_navcolor{
	background-color:#222222!important;
}

.nav_r{display: flex;float: right;padding-top: 30px;align-items: center}

.header_two.white .nav_r_b a{color: #fff}




.slider_wrapper {
	width: .38rem;
	min-width: 72Px;
	background: #0c39a3;
	border-radius: 4px;
	position: fixed;
	right: 5px;
	bottom: 250px;
	box-sizing: border-box;
	z-index: 110;
	transition: all .3s;
	-webkit-backdrop-filter: blur(11px);
	backdrop-filter: blur(11px)
}
.slider_wrapper .slider_item {
	font-size: 12px;
	padding: 0 .06rem;
	cursor: pointer;
	position: relative
}
.slider_wrapper .slider_item:hover {
	background: rgba(0,0,0,.34);
	border-radius: 4px;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px)
}
.slider_wrapper .slider_item:hover .miniprogram_infowindow, .slider_wrapper .slider_item:hover .phone_infowindow {
	visibility: visible;
	opacity: 1;
	right: 78Px
}
.slider_wrapper .slider_item:last-child .si_main {
	border-bottom-color: transparent
}
.slider_wrapper .slider_item .si_main {
	height: .33rem;
	min-height: 63Px;
	border-bottom: 1PX solid rgba(18,18,18,.22);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-sizing: border-box
}
.slider_wrapper .slider_item .si_main a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.slider_wrapper .slider_item .icon {
	width: 15px;
	margin-bottom: 5px
}
.slider_wrapper .slider_item .info {
	color: #fff;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	font-size: 13px;
}
.slider_wrapper .slider_item .slider_coer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: transparent
}
.slider_wrapper .miniprogram_infowindow, .slider_wrapper .phone_infowindow {
	background: rgba(0,0,0,.34);
	opacity: .8;
	position: absolute;
	right: .03rem;
	transition: .3s;
	visibility: hidden;
	top: 0;
	text-align: center
}
.slider_wrapper .slider_item_weibo .si_main {
	border-bottom-color: transparent!important
}
.slider_wrapper .up_icon {
	height: .33rem;
	min-height: 63Px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1PX solid rgba(18,18,18,.22);
	box-sizing: border-box
}
.slider_wrapper #up {
	display: none
}
.slider_wrapper .phone_infowindow {
	width: 120px;
	height: 60px;
	border-radius: 4px;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	flex-direction: column;
	align-items: center;
	justify-content: center
}
.slider_wrapper .phone_infowindow .pi_txt1 {
	margin-top: 3px;
	color: #fff
}
.slider_wrapper .phone_infowindow .pi_txt2 {
	margin-top: 10px;
	color: #fff
}
.slider_wrapper .miniprogram_infowindow {
	width: 100px;
	border-radius: 4px;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	padding: 10px
}
.slider_wrapper .miniprogram_infowindow .mi_img {
	width: 100%;
	height: auto;
	background: #FFF;
	border-radius: 4px;
	opacity: 1
}
.slider_wrapper .miniprogram_infowindow .mi_info {
	margin-top: 10px;
	font-size: 12px;
	font-weight: 400;
	color: #FFF;
	line-height: 12px
}


.home-section9{width: 100%;height: 920px;background: url(../images/banner2.jpg) no-repeat center center;background-size:100%;object-fit: cover;background-attachment: fixed;
display: flex;flex-direction: column;justify-content: center;align-items: flex-start
}
.section9_cen{padding-top: 0px;transition: all 0.3s;padding-left: 10%}

.section9_cen h2{color: #fff;font-size: 40px;font-weight: bold;transition: all 0.3s;padding: 60px 0;line-height: 60px}

.section9_cen h3 {
    display: flex;
	
    font-style: oblique;
    line-height: 1.2;
    font-size: 25px;
	color: #fff
}

.section9_cen h3::before {
    content: "";
    display: block;
    width: 40px;
    height: 10px;
    background-color: #0c39a3;
    margin-right: 10px;
    -webkit-transform: skew(-24deg);
    transform: skew(-24deg);
    margin-top: 10px;
}

.section9_cen .but {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 14px;
  width: 140px;
  
  
}
.section9_cen .but i {
  display: block;
  width: 40px;
  margin-right: 20px;
	transition: all 0.3s
}
.section9_cen .but i img {
    width: 100%;
}
.section9_cen .but:hover i{
-webkit-transform: rotate(48deg);
  transform: rotate(48deg);
	}


.home-section10{width: 100%;height: 920px;background: url(../images/banner1.jpg) no-repeat center center;background-size:105%;object-fit: cover;
	display: flex;flex-direction: column;justify-content: center;align-items: flex-start
}
.jzceb{width: 100%;height: 920px;background: url(../images/img_swiper02_02.jpg) no-repeat center center;background-size: 100%;object-fit: cover;background-attachment: fixed}

.rey4{text-align: center;font-size: 35px;padding: 90px 0 0;font-weight: bold}

.home-section8{display: flex;padding-bottom: 100px}
.home-section8 dt{width: 55%;}
.home-section8 dt img{display: block;width: 100%;height: auto}
.home-section8 dd{text-align: center;width: 35%;padding: 0 5%;display: flex;flex-direction: column;justify-content: center;align-items: center;background: #fff}
.home-section8 dd h1{font-size: 49px;font-weight: bold}
.home-section8 dd h2{font-size: 30px;padding:45px 0 15px;font-weight: normal}
.home-section8 dd h3{font-size: 17px;font-weight: normal}

.gtr123 {
	background: url(../images/history_bg.jpg) no-repeat center center;
	background-size: 130%;
	background-attachment: fixed;
	padding: 100px 0;
}

.home-yy{display: flex;justify-content: space-around;}

.home-yy li{text-align: center;width: 31%;transition:all .3s;padding:20px 0 0;cursor:pointer}
	.home-yy li:hover {
		padding: 0px 0 20px
	}
	.home-yy li img {
		display: block;
		width: auto;
		height: 145px;
		margin: 0 auto
	}

.home-yy li dd h1{font-size: 22px;font-weight: normal;padding-top: 35px}
.home-yy li dd h2{font-weight: normal;font-size: 16px;color: #666;padding-top: 15px;letter-spacing: normal}



.home-vv{width: 80%;margin: 0 auto;padding: 100px}
.home-ys{margin: 100px 0;}

.hew{display: flex;justify-content: space-between;padding: 0 3%}
.hew li{width: 32%;height: auto;padding: 40px 0 20px}
.hew li dt{width: 100%;overflow: hidden}
.hew li img{display: block;width: 100%;height: auto;transition: all 0.3s}
.hew li dd{font-size: 16px;text-align: center;margin-top: 15px}
.hew li:hover img{transform: scale(1.1)}

.her{display: flex;justify-content: space-between;padding: 0 3%;width: 94%}
.her li:nth-child(1){width: 32%;}
.her li:nth-child(2){width: 66%;}
.her li dt{width: 100%;overflow: hidden}
.her li img{display: block;width: 100%;height: auto;transition: all 0.3s}
.her li dd{font-size: 16px;text-align: center;margin-top: 15px}
.her li:hover img{transform: scale(1.1)}

.gwcen{background: url(../images/history_bg.jpg) no-repeat center center;padding:90px 0;margin-top: 110px;background-size: 100%}
.gw_ul{display:flex;justify-content:space-between;flex-wrap:wrap;width: 90%;margin: 0 auto}
.gw_li {
	width: 43%;
		/*box-shadow: 2px 4px 10px #eee;*/
	
	
}
.gw_tit{text-align:center;font-size:34px;font-weight:bold;padding-bottom:40px}
.gw {
	overflow: hidden;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	width: 100%;
}
.gw_icon {
	width: 21% ;
	
	padding: 45px 0;
	border-radius: 7px;

}
.xz_gw{width:21%}
.gw_icon1 {
	width: 100%
}
.hi{text-align:center;margin-top:15px;font-size:16px}

.gw_icon:nth-child(1) {
	background: rgba(12,57,163,0.1);
}
.gw_icon:nth-child(2){background: rgba(12,57,163,0.1);}
.gw_icon:nth-child(3){background: rgba(12,57,163,0.1);}
.gw_icon:nth-child(4){background: rgba(12,57,163,0.1);}
	.gw_icon div {
	}

	.gw_icon img {
		width: 55px;
		height: 55px;
		display: block;
		margin: 0 auto;margin-bottom: 15px
	}
	.gw_icon span {
		font-size: 17px;
		display: block;
		text-align: center
	}

	.home-section5 .ho5-cont {
		width: 100%;
	}
.home-section5 .ho5-cont .item {
  width: 100%;
}
.home-section5 .ho5-cont .item .img {
  width: 100%;
  position: relative;
  display: block;
  padding-bottom: 64%;
  overflow: hidden;
}
.home-section5 .ho5-cont .item .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-section5 .ho5-cont .item .font {
  width:90%;
  position: relative;
	padding: 5% 5% 0 5%
}
.home-section5 .ho5-cont .item .font .jut {
  width: 100%;
  
  position: relative;
  z-index: 2;
}

.home-section5 .ho5-cont .item .font .hang {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #999;
  margin-bottom: 14px;
  line-height: 1;
}
.home-section5 .ho5-cont .item .font .tit {
  font-size: 20px;
  display: block;
  line-height: 32px;
  color: #222222;
  font-weight: bold;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.b_1{

  overflow: hidden;
  text-overflow: ellipsis;
 display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	margin: 25px 0 30px;
	color: #999
}
.home-section5 .ho5-cont .item .font:after,
.home-section5 .ho5-cont .item .font .data {
  width: 100%;
  content: "";
  display: block;
  height: 80px;
}

.home-section5 .ho5-cont .item .font:after {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fafafa;
  padding: 0;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.home-section5 .ho5-cont .item .font .data {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #999999;
  font-weight: bold;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.home-section5 .ho5-cont .item .font .data i {
  display: block;
  width: 40px;
}

.home-section5 .ho5-cont .item .font .data i img {
  width: 100%;
	transition: all 0.3s
}
.home-section5 .ho5-cont .item .font .data i img:nth-child(2) {
  display: none;
}
.home-section5 .ho5-cont .item:hover .img img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}
.home-section5 .ho5-cont .item:hover .font:after {
  height: 100%;
}
.home-section5 .ho5-cont .item:hover .font .data i img:nth-child(1) {
  display: none;
}
.home-section5 .ho5-cont .item:hover .font .data i img:nth-child(2) {
  display: block;
	transform: rotate(45deg);
	transition: all 0.3s
}

.ys_dt img{display: block;width: 100%;height: auto}
.ys_dt video{display: block;width: 100%;height: auto}


.footerbox {
  padding-top: 30px;
  background:linear-gradient(to bottom,#2848ab, #061f5a); 
	
}
.footerbox-section1 .basecont .cont {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}


.footerbox-section1 .basecont .cont .f_jut a:last-child {
  margin-right: 0;
}
.footerbox-section1 .basecont .cont .f_jut a img {
  width: 100%;
}
.footerbox-section2 .cont {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.footerbox-section2 .cont .lt {
  width: 60%;
  max-width: 990px;
  display: flex;
  justify-content: space-between;
}
.footerbox-section2 .cont .lt .list .tit {
  font-size: 16px;
  font-weight: bold;
  color: #ddd;
}


.footerbox-section2 .cont .lt .list .tit i {
  display: none;
  width: 14px;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}
.footerbox-section2 .cont .lt .list.on .tit i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.footerbox-section2 .cont .lt .list .jut a:last-child {
  margin-bottom: 0;
}
.footerbox-section2 .cont .lt .list .jut a:hover {
  color: #fff;
}
.footerbox-section2 .cont .gt {
  width: 26%;
  max-width: 400px;
  text-align: left;
}

.footerbox-section2 .cont .lt .list .tit i img {
  width: 100%;
}
.footerbox-section2 .cont .lt .list .jut {
  padding-top: 26px;
}
.footerbox-section2 .cont .gt span {
    font-size: 16px;
    color: #ddd;
    font-weight: bold;
}
.qw:nth-child(1) span {
    font-size: 17px;
    font-family: arial;
}
.qw span {
    color: #c6cfdb;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: normal!important;
}
.footerbox-section2 .cont .lt .list .jut a {
    color: #ccc;
    font-size: 15px;
    display: block;
    line-height: 1;
    margin-bottom: 20px;
}

.qw img {
    color: #c6cfdb;
    display: block;
    float: left;
    margin-right: 10px;
    height: 25px;
    width: auto;
}
.qw {
    overflow: hidden;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}
.bot_dd {
    padding-top: 19px;
}
.base80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.basecont {
    width: 1550px;
	margin: 0 auto
}
.footerbox-section3 .cont {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 40px;
    border-top: 1px solid rgba(255,255,255,0.1);
    width: 100%;
    justify-content: space-between;
}
.footerbox-section3 .cont .font span, .footerbox-section3 .cont .font a {
    font-size: 14px;
    color: #ccc;
    line-height: 24px;
}
.footerbox-section3 .cont .gt a {
    font-size: 14px;
    color: #ccc;
    display: inline-block;
    margin-right: 30px;
}

@keyframes r_nav {
    0% {
    width: 50%;
}
25% {
    width: 75%;
}
50% {
    width: 100%;
}
75% {
    width: 75%;
}
100% {
    width: 50%;
}
	
}
@keyframes r_nav_close {
	0% {
		width:100%;}
	100% {
		width: 100%;}
}


@keyframes a_about {
0% {
    -webkit-clip-path: polygon(0 0,0 100%,0 100%,0 0);
    clip-path: polygon(0 0,0 100%,0 100%,0 0);
}
100% {
    -webkit-clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
    clip-path: polygon(0 0,0 100%,100% 100%,100% 0);
}
	
	}


/*-------手机站导航开始-------*/

.bottom_foot_cen{ text-align: center;padding-bottom: 25px}
.bottom_foot_cen a{margin-left: 12px}

.sjj_nav11 dl{display: flex;justify-content: space-between;width: 1550px;margin: 0 auto;align-items: center;padding-top: 10px}
.sjj_nav11 dl dd{display: flex;}
.sjj_nav11 dl dt{display: flex;align-items: center}
.sjj_nav11 dl dt span{margin-left: 3px;font-size: 22px;color: #fff;position: relative;padding-left: 14px;letter-spacing: 1.3px}
.sjj_nav11 dl dt span:after{content: "";position: absolute;left: 0;top: 6px;background: #fff;height: 19px;width: 1px;opacity: 0.4}



.sp_header{overflow:hidden;background:#0c39a3;position:fixed;z-index:9999990;width:36px;right: 5px ;height: 35px;border-radius: 4px;top: 27px;display: flex;flex-direction: column;}
.sp_logo{padding:0 10px;float:left;height:50px}
.sp_logo a{display: block}
.sp_logo img{margin:auto;max-height:50px;display: block}
.sp_nav11{width:25px;float:right;position:relative;cursor:pointer;margin-top: 10px;height: 20px}
.sp_nav11 span{display:block;background:#fff;width:25px;height:1px;position:absolute;left:8px;transition:all ease 0.5s;animation: r_nav 2s linear infinite;}
.sp_nav11 span:nth-of-type(1){top:0px;width: 100%;}
.sp_nav11 span:nth-of-type(2){top:7px;width: 70%;animation-delay: 0.6s;}
.sp_nav11 span:nth-of-type(3){top:14px;width: 40%;animation-delay: 1s;}
.sp_nav_se span:nth-of-type(1){top:8px;transform:rotate(45deg);animation: r_nav_close 1s linear infinite;left:6px;animation-delay: 0s;transition:all ease 0.3s}
.sp_nav_se span:nth-of-type(2){width:0;display: none}
.sp_nav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg);animation: r_nav_close 1s linear infinite;left:6px;animation-delay: 0s;transition:all ease 0.3s}
.sjj_nav{position:fixed;z-index:9999;background:rgba(12,57,163,0.95);width:420px;height:calc(100% - 0px);font-size:14px;line-height:40px;top:0px;right:-420px;overflow:auto;overflow-x:hidden;transition:all 1s;}
.nav_show{right:0px;width:420px}
.sp_nav22 span{background: #0c39a3!important}
.sjj_nav ul{padding-top: 90px}
.sjj_nav ul li{text-align: center;margin-bottom: 23px}
.sjj_nav ul li a{font-size: 17px;color: #fff;border-bottom: 1px solid rgba(255,255,255,0.5);padding-bottom: 18px}
.jw p a{opacity: 0.6;font-size: 15px!important;border: 0!important;padding-bottom: 0px!important;font-weight: lighter}
.jw{padding-top: 18px;line-height: 35px}

.sjj_nav ul li{transform: matrix(1,1,0,1,50,0);transition: all 1s;opacity: 0}
.sjj_nav ul li.jw_on{transform: matrix(1,0,0,1,0,0);opacity: 1}

/*--------------手机站导航结束----------*/

.screen-01-tel{display: none}
.screen-01-tel img{display: block;width: 100%;height: auto}
.home-yy{flex-wrap: wrap;width: 100%;}

@keyframes scale {
    100% {
        transform: translate(-50%, -50%) scale(4);
        opacity: 0;
    }
}

.jwb_ny_video {
	width: 100%;
	position: relative;
	overflow:hidden;

}
.jwb_ny_banner {
	width: 100%;
	position: relative;
	overflow: hidden
}
.jwb_ny_banner .ny_banner_img{overflow: hidden;width: 100%;}
.jwb_ny_banner .ny_banner_img img{animation: nyban 3s;-webkit-animation:nyban 5s;width: 100%;height: auto}
.a_ban{display: block}
.b_ban{display: none}
	@keyframes nyban
	{
		0%   {transform: scale(1.1)}
		100% {transform: scale(1)}
	}
.ny_navlist{margin-top: -0px;width: 100%;z-index: 99;}
.ny_navlist_ul{background: #fff;display: flex;justify-content: space-between;overflow: hidden;margin: 0 auto;flex-wrap: wrap;width: 1050px}
.ny_navlist_ul a{display: block;background: #fff;width: 350px;padding: 30px 0;font-size: 18px;text-align: center;position: relative;border-bottom: 3px solid #fff}
.ny_navlist_ul a::after{position: absolute;right: 0;height: 28px;background: #ddd;content: "";width: 1px}
.ny_navlist_ul a.on{color: #fff;border-bottom: 3px solid #0c39a3;background: #0c39a3}
.ny_navlist_ul a:hover{color: #0c39a3;}
.ny_navlist_ul a.on:hover{color: #fff;}
.ny_navlist_ul a.on::after{width: 0}


.ny_navlist_app{background: #fff;display: flex;justify-content: space-between;overflow: hidden;box-shadow: 2px 1px 10px rgba(255,255,255,0.1);margin: 0 auto;flex-wrap: wrap;width: 800px}
.ny_navlist_app a{display: block;background: #fff;width: 400px;padding: 30px 0;font-size: 18px;text-align: center;position: relative;border-bottom: 3px solid #fff}
.ny_navlist_app a::after{position: absolute;right: 0;height: 28px;background: #ddd;content: "";width: 1px}
.ny_navlist_app a.on{color: #fff;border-bottom: 3px solid #0c39a3;background: #0c39a3}
.ny_navlist_app a:hover{color: #0c39a3;}
.ny_navlist_app a.on:hover{color: #fff;}
.ny_navlist_app a.on::after{width: 0}


.bfd{text-align: center;font-size: 20px;color: #ffff;padding-top: 35px;font-weight: normal}


.z-container{width:1550px;margin: 0 auto;}
.m_about_1{padding: 120px 0 80px;position: absolute;top: 20%;left: 10%; text-align: center;width: 80%}
.m_about_1 dt{width: 100%;text-align: center}
.m_about_1 dt h1{font-size: 40px;font-weight: bold;color: #fff;}
.m_about_1 dt .m_about_cen{font-size: 16px;line-height: 29px;margin: 0 auto;margin-top: 70px;color: #fff;width: 80%;}
.m_about_1 dd img{width: 100%;height: auto;display: block}
.m_about_2{overflow: hidden;position: relative}
.m_about_2 img{display: block;width: 100%;height: auto;cursor: pointer;}

.bgre{position: relative}
.m_about_2_icon{position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,00);display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer} 

.m_about_2_icon span{color: #fff;font-size: 17px;margin-top: 20px;display: block}
.ny_navlist_11{background: #fff;overflow: hidden;margin: 0 auto;width: 1050px;color: #fff;font-size: 40px;font-weight: bold;height: 300px;}
.m_about_3{padding-bottom: 60px}
.m_about_3 h1{font-size: 36px;font-weight: bold;color: #0c39a3}
.m_about_3 h1 span{display: block;font-size: 16px;padding-top: 6px;opacity: 0.7}
.m_about_3 h2{font-weight: normal;font-size: 15px;margin-top: 15px;color: #666}

.bw{width: 100%;/*background: url(../images/about_bg2.jpg) no-repeat center center;*/background-size: 100%}
.m_about_text{font-size: 16px;line-height: 30px;padding: 100px 0 ;justify-content: space-between;flex-wrap: wrap;position: relative;}
.m_about_text dt{width: 100%;}
.m_about_text dt .br{font-size: 15.5px;color: #8a8989}
.m_about_text dd{width: 100%;position: relative;display: flex;flex-direction: column;justify-content: center;overflow: hidden;padding-right: 0%}
.m_about_text dd img{display: block;width: 100%;height: auto;margin-bottom: 10px;}
.bgre{width: 48%}


.m_about_4{display: flex;padding-bottom: 170px;width: 1400px;margin: 0 auto}
.m_about_4 li{border: 1px solid #ddd;width: 160px;height: 300px;text-align: center;display: flex;flex-direction: column;justify-content: center;border-radius: 100%;font-size: 20px;margin-left: -20px;background: rgba(245,245,245,0.24);font-weight: bold;padding: 0 70px;transition: all 0.3s;cursor: pointer}
.m_about_4 li:hover{border: 1px solid #0c39a3;background: #0c39a3;color: #fff;transform: scale(1.15)}


.sz_ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 90px}
.sz_ul li{text-align: center;}
.f_48{font-size: 22px;font-family: "arial";color: #0c39a3}
.f_48 span{font-size: 40px;font-family: "arial";}

.li_re{font-size: 16px;margin-top: 5px;color: #999}

.about_c_2{background: url(../images/about_bg.jpg) no-repeat center center;background-size: 100%; padding-top: 100px;}
.about_c_2 h1{font-size: 36px;color: #fff;text-align: center}
.about_c_2 h2{font-size: 16.5px;padding-bottom: 0px;padding-top: 10px;color: rgba(255,255,255,0.5);text-align: center;}

.culture_cen{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center}
.culture_cen_left{display: flex;justify-content: space-between;flex-wrap: wrap;width: 48%}
.mt {
	
	color: #fff;
	font-size: 16px;
	padding: 18px 3%;
	width: 43%;margin-bottom: 15px;
	border-radius: 5px;
	background: rgba(255,255,255,0.1);
	width: 42%
	
}
.mt span{color: #fff;margin-right: 8px}
.culture_cen_right{width: 40%}
.culture_cen_right img{display: block;width: 100%;height: auto}







.fgfgfg{width: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}

.dfdeed{font-size: 35px;font-weight: bold;padding: 70px 0}


.about_s{padding: 50px 0;}
.about_s ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 90px}
.about_s ul li{text-align: center;background: #0c39a3;width: 22%;padding: 40px 0;border-radius: 8px}
.about_s li h1{font-size: 20px;font-family: "arial";color: #fff}
.about_s li h1 span{font-size: 36px;font-family: "arial";letter-spacing: inherit}
.about_s li h2{font-size: 15px;color: #fff;opacity: 0.8}

.vs{text-align: center;padding-top: 80px}
.vs li{font-size: 17px;color: #999;line-height: 28px}

.h_b{display: flex;justify-content: space-between;overflow: hidden;}
.h_b_li{width: 46%;}
	.h_b_li .h_b_li_2 {
		position: relative
	}
	.h_b_li .h_b_li_2 img {
		display: block;
		width: 100%;
		height: auto
	}
	.h_b_li .h_b_li_3 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		
	}
	.h_b_li .h_b_li_4 {
		background: rgba(255,255,255,.9);
	}
	.h_b_li .h_b_li_5 {
		background: rgba(0,0,0,.7);
	}
		.h_b_li .h_b_li_3 div {
			position: absolute;
			bottom: 10px;
			left: calc((100% - 360px)/2);
		}
	.h_b_li .h_b_li_3 span {
		display: block;
		float: left;
		width: 70px;
		height: 70px;
		border-radius: 50%;
		background: #ccc;
		color: #fff;
		font-size: 16px;
		text-align: center;
		line-height: 70px;
		margin: 0 10px;
		cursor: pointer;
		transition: all 0.3s;
		
	}
		.h_b_li .h_b_li_3 span.on {
			background: rgba(10,54,144,1)
		}
		.h_b_li .h_b_li_3 span:hover {
			background: rgba(10,54,144,1)
		}
	.h_b_li_1 {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 20px
	}
.np{text-align: center;width:1005px;overflow: hidden;margin: 0 auto;padding-top: 70px}
.np img{width: auto;height: 280px;float: left;margin-left: 25px}
.pro_rz {
	padding-bottom: 130px
}
.pro_c_a{font-size: 17.5px;padding-top: 80px;line-height: 29px}
.renz_ul{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 90px;}
.renz_ul .item {
    width: calc(10.285% - 2px);
    background: #FFFFFF;
   /* box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.06);*/
	border: 1px solid #eee;
	border-right: 0;
    padding: 47px 2% 41px;
	transition: all 0.5s;
	cursor: pointer;
	
}
.renz_ul .item:nth-last-child(1){border-right: 1px solid #eee}
.renz_ul .item:hover{padding: 40px 2% 48px;background: #0c39a3}
.renz_ul .item:hover .text{color: #fff}
.renz_ul .item:hover .text span{color: #fff;opacity: 0.6}

.renz_ul  .item .circle22 {
    width: 90px;
    height: 90px;
	margin: 0 auto;
	margin-bottom: 40px
    /*background: #e9edf5;
    border-radius: 50%;
    
    display: flex;
    align-items: center;
    justify-content: center;
	*/
}
.renz_ul .item .circle22 img{display: block;width:80px;height: auto;margin: 0 auto}
.renz_ul  .item .text {
    font-size: 18px;
    color: #333333;
    text-align: center;
	
}
.renz_ul  .item .text span{display: block; line-height: 22px;color: #858484;margin-top: 15px;font-weight: normal;font-size: 15px}
.pro_db{width: 100%}
.pro_db .z-container{display: flex;justify-content: space-between}
.pro_db_left{width: 40%;display: flex;justify-content: space-between; background: #fff;box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.06);
    border-radius: 40px 0px 40px 0px;
    padding: 60px 4%;}
.pro_db_left li{display: block;width: 47%;height: auto;}
.pro_db_left li img{display: block;width: 100%;border-radius: 10px;height: auto}
.pro_db_left li span{display: block;text-align: center;font-size: 16px;margin-top: 8px}


.pro_db_center{text-align: center;font-size: 35px;font-weight: bold;padding: 80px 0}
.pro_db_center span{display: block;font-size: 17px;color: #999;font-weight: normal;padding-top: 6px}



.honor_con{padding: 100px 0 0}
.honor_tit h1{font-size: 36px;font-weight: bold;color: #0c39a3;text-align: center}
.honor_tit h2{font-size: 16.5px;padding-bottom: 0px;padding-top: 10px;color: #999;text-align: center}

.zllist{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 120px 0}
.zllist li{width: 20%;position: relative;padding-top: 50px;}
.zllist li:nth-child(1){background: #547b9e}
.zllist li:nth-child(2){background: #0c39a3}
.zllist li:nth-child(3){background: #53687b}
.zllist li:nth-child(4){background: #65958d}
.zllist li:nth-child(5){background: #85a7e4}

.zllist_1{position: absolute;top: -50px;left: calc((100% - 90px)/2)}
.zllist_1 img{display: block;width: 90px;height: auto;}

.zllist_2{font-size: 20px;font-weight: bold;text-align: center;color: #fff;padding: 25px 0}
.zllist_3{padding: 0 10%}
.zllist_3 img{display: block;width: 100%;height: auto;}
.zllist_4{font-size: 28px;font-weight: bold;text-align: center;color: #fff;padding: 25px 0}
.zllist_4 span{display: block;font-weight: normal}





.ripple img {width: 20px!important;height: 20px!important;position: absolute;z-index: 5;display: block;left: 18px;top: 18px}
.ripple{
    width: 56px;
    height: 56px;
    background: #0c39a3;
    border-radius: 50%;
    margin: 0 auto 27px;
    position: relative;
	display: block;
	z-index: 999;

	
}

.ripple:after {
    content: "";
    width: 40px;
    height: 40px;
    background: #0c39a3;
    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: 3s scale linear infinite;
}
.ripple:before {
    content: "";
    width: 40px;
    height: 40px;
    background: #0c39a3;
    opacity: 0.5;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: 3s scale linear infinite;
    animation-delay: 1.5s;
}

/*企业文化*/
.nycen_2{padding-top: 100px;background:url(../images/bg5.jpg) no-repeat center center;padding-bottom: 130px;background-size: 100%}
.nycen_2 h1{font-size: 37px;font-weight: bold;padding-bottom: 60px;color: #0c39a3}
.nycen_2 ul{display: flex;flex-wrap: wrap;overflow: hidden;justify-content: space-between;}
	.nycen_2 ul li {
		width: 31%;
		transition: all 0.3s;
		overflow: hidden;
		position: relative;
		background: #fff;
		cursor: pointer;
		box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
		height: 270px;
		border-radius: 25px 0 25px 0
	}
.nycen_2 ul li:nth-child(2){background: #0c39a3}
.nycen_2 ul li:nth-child(2) h2{color: #fff}
.nycen_2 ul li img{display: block;width: 100%;height: auto;transition: all 0.5s}
.nycen_2 ul li h2{color: #666;font-size: 23px;}
.nycen_2 ul li h3{color: #333;font-size: 16px;}
		.nycen_2 ul li div {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			text-align: center;
			background: rgba(37, 51, 62, 0);
			
		}
.nycen_2 ul li:hover img{transform: scale(1.1)}

.nycen_2 ul li div span{display: block;width: 50px;height: 2px;background: #ddd;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;transition: all 0.6s}
.nycen_2 ul li:hover span{width: 100px;}

.n_1 {
	padding: 105px 0;
	background: url(../images/banner8.jpg) no-repeat center center;background-size: 115%;background-attachment: fixed
}

	.n_1 h1 {
		font-size: 37px;
		font-weight: bold;
		padding-bottom: 60px;
		color: #0c39a3
	}

	.n_1 ul {
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
		justify-content: space-between
	}

		.n_1 ul li{
			width: 22%;
			transition: all 0.3s;
			overflow: hidden;
			position: relative;
			background: #fff;
			cursor: pointer;
			box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.07);
			height: 240px;
			margin:20px 0;
			border-radius: 10px
			
		}
.n_1 ul li:nth-child(1){background: #0c39a3}
.n_1 ul li:nth-child(3){background: #0c39a3}
.n_1 ul li:nth-child(1) h2{color: #fff}
.n_1 ul li:nth-child(3) h2{color: #fff}


.n_1 ul li h2 {
				color: #666;
				font-size: 20px;
			}

			.n_1 ul li h3 {
				color: #333;
				font-size: 16px;
			}

			.n_1 ul li div {
				position: absolute;
				top: 0;
				left: 0;
				width: 90%;
				height: 100%;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				text-align: center;
				background: rgba(37, 51, 62, 0);
				padding: 0 5%
			}

			.n_1 ul li div span {
				display: block;
				width: 50px;
				height: 2px;
				background: #ddd;
				margin: 0 auto;
				margin-top: 20px;
				margin-bottom: 20px;
				transition: all 0.6s
			}

			.n_1 ul li:hover span {
				width: 100px;
			}

/*.nycen_2 ul li:nth-child(1){background: #6580b9}
.nycen_2 ul li:nth-child(2){background: #748ab9}
.nycen_2 ul li:nth-child(3){background: #9eafd3}*/

.case_wo_li{width: 48%;margin-bottom: 65px}
.case_wo_li_name{font-size: 16px;text-align: center;margin-top: 25px;}
.case_wo{display: flex;width: 1550px;margin: 0 auto;padding: 80px 0;justify-content: space-between;flex-wrap: wrap}
.c_ul{display: flex;width: 100%;margin: 0 auto;justify-content: space-between;box-shadow: 3px 8px 15px rgba(0, 0, 0, 0.3);}
.c_ul_1{width: 64%;position: relative;overflow: hidden;cursor: pointer}
.c_ul_1 img{display: block;height: auto;width: 100%;transition: all 0.5s}
.c_ul_1 span{display: block;position: absolute;left: 0;bottom: 0;width: 100%;padding: 13px 0;text-align: center;font-size: 16px;color: #fff;background: rgba(0,0,0,0.1);transition: all 0.5s}
.c_ul_2{width: 35%;display: flex;flex-direction: column;justify-content:space-between}
.c_ul_2 li{position: relative;overflow: hidden;cursor: pointer}
.c_ul_2 li img{display: block;height: auto;width: 100%;transition: all 0.5s}
.c_ul_2 li span{display: block;position: absolute;left: 0;bottom: 0;width: 100%;padding: 5px 0;text-align: center;font-size: 15px;color: #fff;background: rgba(0,0,0,0.1);transition: all 0.5s}
.c_ul_1:hover img{transform: scale(1.05)}
.c_ul_1:hover span{background: #1149ca;}

.c_ul_2 li:hover img{transform: scale(1.05)}
.c_ul_2 li:hover span{background: #1149ca;}

.c_ul_3{width: 49.5%;position: relative;overflow: hidden;cursor: pointer}
.c_ul_3 img{display: block;width: 100%;height: auto}
.c_ul_3 span{display: block;position: absolute;left: 0;bottom: 0;width: 100%;padding: 13px 0;text-align: center;font-size: 16px;color: #fff;background: rgba(0,0,0,0.1);transition: all 0.5s}
.c_ul_3:hover span{background: #1149ca;}


.swiper-container-w{overflow: hidden;width: 100%;padding: 100px 0;}
.d_ul{}
.d_ul h1{font-size: 34px;font-weight: bold;text-align: left}
.d_ul h2{font-size: 16px;margin-top: 33px;text-align: left}
.d_ul_img{display: flex;width: 70%}
.d_ul_img img:nth-child(1){width: 100%;height: auto;display: block}
.d_ul_cen{display: flex;align-items: center;justify-content: space-between}
.d_ul_text{width: 27%}


.bi{text-align: center;font-size: 34px;padding-bottom: 20px;font-weight: bold}
.bi span{color: #0c39a3;font-size: 34px}
.swiper-container-q{padding: 80px 0;background: url(../images/bg5.jpg) no-repeat center center;background-size: 100%}
		.slide-q {
        text-align: center;
        width: 56%!important;
		
		margin: 45px 0;
			
		}
		
		.slide-w {
        text-align: center;
        width: 80%!important;
		margin: 45px 0;
		}
		
		.swiper-pagination-w{text-align: center}
		.swiper-pagination-q{text-align: center}

/*视频弹窗*/
.pop-video {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background-color: rgba(0,0,0,.75);
}

    .pop-video .cont {
        position: absolute;
        top: 40%;
        left: 40%;
        width: 100%;
        max-width: 1200px;
        -webkit-transform: translate(-40%, -40%);
        -ms-transform: translate(-40%, -40%);
        -o-transform: translate(-40%, -40%);
        -moz-transform: translate(-40%, -40%);
        transform: translate(-40%, -40%);
    }

    .pop-video .video1 {
        height: 100%;
        width: 100%;
    }

    .pop-video .tit {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0 30;
    }

        .pop-video .tit h4 {
            color: #fff;
            font-weight: normal;
            font-size: 18px;
        }

    .pop-video .close {
        position: absolute;
        top: 15px;
        right: 29px;
        width: 35px;
        height: 35px;
        background: url(../images/close.png) no-repeat center center;
		background-size: 35px;
        cursor: pointer;
        z-index: 2;
    }



.procen{width: 100%;overflow: hidden}
.procen ul{display: flex;justify-content:space-around;height: 100vh;overflow: hidden}
.procen ul li{transition: all 0.3s;overflow: hidden;width: 33.333333%;}
.procen ul li a{background:rgba(0,0,0,0.5);width: 100%;height: 100%;display: flex;justify-content: center;flex-direction: column;text-align: center;font-size: 30px;color: #fff;transition: all 0.3s;position: relative}

.procen ul li.o_1 div{background: url(../images/pro_1.jpg) no-repeat top center;background-size: cover;width: 100%;height:100vh;}
.procen ul li.o_2 div{background: url(../images/pro_2.jpg) no-repeat top center;background-size: cover;width: 100%;height:100%;}
.procen ul li.o_3 div{background: url(../images/pro_3.jpg) no-repeat top center;background-size: cover;width: 100%;height:100%;}


.procen ul li:hover a{background:rgba(0,0,0,0.0) }


.procen ul li a span{background: url(../images/prowoicon1-1.png) no-repeat left center;
	position: absolute;bottom: 35%;left: 50%;
	background-size: 28px;width: 80px;font-size: 16px;padding: 5px 0 5px 30px;margin: 0 auto;margin-top: 30px;margin-left: -55px;transition:all 0.3s;opacity: 0}
.procen ul li:hover span{opacity: 1;bottom: 40%}


.d2{width: 100%;background: #fff;padding: 20px 0}
.d2 img{display: block;width: 65%;height: auto;margin: 0 auto}
.d1{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.d1 .ddli{width: 49%;background: #fff;}
.d1 .ddli dd{display: flex;align-items: center;width: 70%;margin: 0 auto;margin-top: 25px}
.d1 .ddli dd span:nth-child(1){color: #fff;background: #0c39a3;width: 70px;line-height: 50px;height: 50px;text-align: center;font-size: 17px;margin-right: 10px;}
.d1 .ddli dd span:nth-child(2){color: #333;font-size: 17px;letter-spacing:normal;line-height: 22px}
.d1 dt img{display: block;width: auto;margin: 0 auto;height: 230px}
.pro_c{padding: 150px 0;background: #f7f7f7;background-size: cover}
.pro_c_0{font-size: 32px;font-weight: bold;color: #333;padding: 100px 0 0 0;text-align: center}
.pro_c_1{font-size: 28px;font-weight: bold;color: #333;}
.pro_c_2{padding: 30px 0 100px;font-size: 16px;line-height: 28px;color: rgba(0,0,0,0.6);text-align: center}

.pro_c_3{display: flex;padding-top: 0px;overflow: hidden;flex-wrap: wrap;align-items: center;justify-content: space-between}
.pro_c_3 dd{float: right;background: #0c39a3;padding: 50px 0;width: 70%}
.pro_c_3 dd img{display: block;width: 50%;height: auto;float: left;}
.pro_c_3 dt{background: #fff;padding: 0px 5% 0;background: #fff;width: 20%}
.pro_c_3 dt h1{font-size: 24px;padding-bottom: 20px;}
.pro_c_3 dt h2{font-size: 16px;padding-bottom: 60px;font-weight: normal;}


.d3{display: flex;justify-content: space-between;align-items: center;}
.d3cen{width: 28%}
.pro_c_4{background: #fff;margin-top: 45px;text-align: center;padding: 40px 0;display: flex;justify-content: space-around;margin-bottom: 125px}
.pro_c_4 img{display: block;width: 50%;height: auto}

.pro_c_5{display: flex;justify-content: space-around}
.pro_c_5 dt{width: 50%;color: #333;font-size: 32px;padding-top: 100px;font-weight: bold}

.pro_c_6{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0;width: 68%}
.pro_c_6 img{display: block;width: 49.5%;height: auto;}

.pro_c_7{padding: 20px 0;font-size: 16px;line-height: 28px;color: #666;}


.pro_c_8tit{font-size: 32px;font-weight: bold;padding-top: 100px;padding-bottom: 50px}
.pro_c_8{}

.pro_c_8_text{width: 48%;font-size: 16px;display: flex;justify-content: center;flex-direction: column;}
.pro_c_8_text .ii1{font-style: normal;display: block;border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;font-size: 24px;font-weight: bold;line-height: 38px;}
.pro_c_8_text .ii2{display: block;font-style: normal;position: relative;padding-left: 19px;line-height: 25px}
.pro_c_8_text .ii2::after{background: #06297c;content: '';position: absolute;left: 0;top: 10px;width: 8px;height: 8px;}
.pro_c_8_text .ii3{display: block;font-style: normal;line-height: 27px}
.pro_c_8_img{width: 100%;display: flex;justify-content: space-between;margin-top: 25px}
.pro_c_8_img li{display: flex;/*margin-bottom: 10px*/;width: 49%}
.pro_c_8_img li:nth-last-child(1) dd div span{background: #999}
.pro_c_8_img li dt{background: #06297c;color: #fff;display: flex;justify-content: center;flex-direction: column;padding: 0 15px;font-size: 16px}
.pro_c_8_img li dd{display: flex}
.pro_c_8_img li dd div{position: relative}
.pro_c_8_img li dd div span{position: absolute;bottom: 0;line-height: 40px;left: 0;width: 100%;text-align: center;font-size: 16px;background: #06297c;color: #fff}
.pro_c_8_img li dd div img{display: block;width: 100%;height: auto}
.pro_c_8_img li dd div:nth-child(1){margin-right: 2px}

.pro_c_8_img li dd div .ff{position: absolute;bottom: 0;line-height: 50px;left: 0;width: 100%;text-align: center;font-size: 16px;color: #fff;background: #06297c}

.pro_c_9{font-size: 24px;font-weight: bold;color: #333;padding-left: 30px;}
.d4{display: flex;align-items: center;justify-content: space-between}
.d4cen{width: 25%;}
.pro_c_10 {width: 78%;padding-top: 40px}
.pro_c_10 ul{display: flex;flex-wrap: wrap;justify-content: space-around;padding-left: 90px;position: relative;margin-bottom: 0.5%}
.pro_c_10 ul li{position: relative;width: 24.625%;margin-right: 0.5%}
.pro_c_10 ul li:nth-child(4){margin-right: 0}
.pro_c_10 ul li img{display: block;width: 100%;height: auto}
.pro_c_10 ul li span{position: absolute;bottom: 0;left: 0;width: 100%;padding: 11px 0;text-align: center;font-size: 17px;}
.diya_tit{position: absolute;left: 0;height: 100%;color: #fff;background: #06297c;top: 0%;font-size: 17px;width: 90px;text-align: center;display: flex;justify-content: center;flex-direction: column;line-height: 20px}


.d5{display: flex;align-items: center;justify-content: space-between;}
.d5_1{width:36%;padding: 0}
.d5_1 h1{font-size: 24px;margin-bottom: 30px;}
.d5_1 span{display: block;font-size: 16px;}
.d5_2{width: 59%}
.d5_2 li{padding:0;display: flex;justify-content: space-between}
.d5_2 li div{position: relative;width: 49.5%}
.d5_2 li div:nth-child(2) .ff{background: #999}
.d5_2 li div span{position: absolute;bottom: 0;line-height: 40px;left: 0;width: 100%;text-align: center;font-size: 16px;}
.d5_2 li div img{display: block;width: 100%;height: auto}
.d5_2 li div:nth-child(1){margin-right: 5px}

.d5_2 li div .ff{position: absolute;bottom: 0;line-height: 50px;left: 0;width: 100%;text-align: center;font-size: 16px;color: #fff;background: #06297c}
.d5_2 li div i{display: block;}


.d_cs {width: 100%;height:auto;padding: 0px}
.d_cs img{display: block;width: 100%;height:auto;margin: 0 auto}


.d_ca {width: 100;height:auto;padding: 0px 0}
.d_ca img{display: block;width: 75%;height:auto;margin: 0 auto}



.ng_1{width: 100%;}
.ng_1 .pro_c_7{padding: 5px 0 20px}
.pro_guigecen{}
.pro_guige{display: flex;justify-content: space-between;width: 100%;margin: 0 auto}
.pro_guige li{background:rgba(255,255,255,0.5);box-shadow: 0px 1px 3px rgba(0,0,0,0.04);border-bottom: 1px solid #eee;padding:30px 3%;transition: all 0.3s;border-radius: 10px;border: 1px solid #f2f2f2;display: flex;
    justify-content: center;
    flex-direction: column;
	width: 24%;
	background: #f7f7f7

}
	.pro_guige li a {
		padding: 75px 0 0px 0px;
		font-size: 16px;
		background: url(../images/PDF.png) no-repeat top center;
		text-align: center;
		transition: all 0.3s;
		display: block;
		
	}
	.pro_guige li:hover {
		box-shadow: 0px 3px 12px rgba(0,0,0,0.15);
		background: #0c39a3 
	}

.pro_guige li:hover a{color: #fff}
.pro_guige li a span{opacity: 1;transition: all 0.3s;margin-top: 80px;color: #999;display: block}
.pro_guige li:hover span{opacity: 1;color: #fff}

.p_video{width: 100%;}
.p_video ul{overflow: hidden;display: flex;flex-wrap: wrap;padding: 90px 0 0;justify-content: space-between}
.p_video ul li{width: 48.5%;transition: all 0.3s}
.p_video ul li dt img{display: block;width: 100%;height: auto;transition: all 0.3s}
.p_video ul li dd{text-align: center;font-size: 16px;padding: 15px 0;transition: all 0.3s;background: #f7f7f7}


.p_video ul li dt{position: relative;width: 100%;overflow: hidden}
.v_icon{position: absolute;top: 0;background: rgba(0,0,0,0.2);width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;transition: all 0.3s}
.v_icon img{display: block;width: 80px!important;height: auto!important;transition: all 0.3s}
.p_video ul li dt:hover .v_icon img{transform: scale(1.1)}

.p_video ul li dt:hover .v_icon{background: rgba(0,0,0,0.0);}



.case_cen{width: 100%;background: #fff}
.case_cen ul{overflow: hidden;display: flex;flex-wrap: wrap;padding: 90px 0 30px;justify-content: space-between}
.case_cen ul li{width: 31%;transition: all 0.3s;margin-bottom: 25px}
.case_cen ul li dt img{display: block;width: 100%;height: auto;transition: all 0.3s}
.case_cen ul li dd{text-align: center;font-size: 16px;padding: 10px 0;transition: all 0.3s}


.case_cen ul li dt{position: relative;width: 100%;overflow: hidden}
.v_icon{position: absolute;top: 0;background: rgba(0,0,0,0.2);width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;transition: all 0.3s}
.v_icon img{display: block;width: 80px!important;height: auto!important;transition: all 0.3s}
.case_cen ul li dt:hover img{transform: scale(1.1)}
.case_cen ul li dt:hover .v_icon img{transform: scale(1.1)}

.case_cen ul li dt:hover .v_icon{background: rgba(0,0,0,0.0);}


.ny_tit{position: absolute;left: 0;top: 45%;color: #fff;font-size: 46px;text-align: center;width: 100%;font-weight: bold;animation: a_about 5s;}
.ny_tit h1{text-align: center;margin: 0 auto;color: #fff;font-size: 40px;font-weight: bold}

.partner_cen{width:1550px;overflow: hidden;background: url(../images/la_map.png) no-repeat center center;margin: 0 auto}
.partner_cen ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 60px;margin-top: 60px;}
.partner_cen ul li{width: 10.6666667%; padding: 3%;}
.partner_cen ul li img{display: block;width: auto;height: 50px;margin: 0 auto}

.partner_cen ul{}
.partner_cen h1{text-align: center;font-size: 32px;font-weight: bold}
.pp_tit{padding-top: 65px;}

.pa_1{width: 8.285%!important}

.con{padding: 80px 0;}
.con11{display: flex;justify-content: space-between;flex-wrap: wrap;overflow: hidden}
.con_left{width: 47%}
.con_right{width: 45%;padding-right: 4px}

.con_left h1{font-size: 2.3rem;font-weight: bold}
.con_left h2{font-size: 1.135rem;font-family:"arial";margin-top: 5px}

.ngf{border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;padding: 25px 0 15px;margin: 25px 0 20px}
.ngf dl{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 10px}
.ngf dl dt{width: 65px;font-size: 1.1rem;}
.ngf dl dd{width: calc(100% - 65px);font-size: 1.1rem}
.e img{display: block;width: 200px;height: auto}



.dr{padding: 90px 0 0;overflow: hidden}
.ny_newsli{width: 23.5%;margin-left: 2%;float: left;margin-bottom: 35px}
.ny_newsli:nth-child(4n+1){margin-left: 0}

.app-1{padding: 110px 0;background: #f7f7f7}
.app-1 h1{font-size: 32px;}
.app-1 h2{font-size: 16px;font-weight: normal;padding-top: 25px;line-height: 27px}

.app-2{display: flex;justify-content: space-between;flex-wrap: wrap;width: 60%;margin: 0 auto;padding-top: 130px}
.app-2 li{width: 40%;padding: 60px 4%;cursor: pointer;transition: all 0.3s}
.app-2 li:nth-child(1){background: rgba(10,55,144,0.20);}
.app-2 li:nth-child(2){background: rgba(10,55,144,0.20);}


.app-2 li dt{text-align: center;font-size: 25px;font-weight: bold;padding-bottom: 40px;transition: all 0.3s}
.app-2 li dd{text-align: center;font-size: 15px;line-height: 27px;transition: all 0.3s}

.app-2 li:hover{padding: 40px 4% 80px}



.app-3{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;margin: 0 auto;padding-top: 130px}
.app-3 li{width: 19%;padding: 60px 3%;cursor: pointer;transition: all 0.3s}
.app-3 li:nth-child(1){background: rgba(10,55,144,0.10);}
.app-3 li:nth-child(2){background: rgba(10,55,144,0.20);}
.app-3 li:nth-child(3){background: rgba(10,55,144,0.30);}
.app-3 li:nth-child(4){background: rgba(10,55,144,0.40);}


.app-3 li dt{text-align: center;font-size: 25px;font-weight: bold;padding-bottom: 40px;transition: all 0.3s}
.app-3 li dd{text-align: center;font-size: 15px;line-height: 27px;transition: all 0.3s}

.app-3 li:hover{padding: 40px 3% 80px}

.index_video_bg{display: none}
.index_sp_header{display: none}

@media screen and (max-width:1700px) {
	.hds_li_text h5{margin-bottom: 30px}
	.hds_li_text{width: 43%}
	.m_about_text .vd{top: 12%;height: 45%}
	
	.m_about_text dt{padding: 0 5%;width: 42%}
	.f_48 span{font-size: 35px}
	.about_h dl dd{width: 55%}
	.about_h dl dt{width: 43%}
	
	.dwer_1{width: 34%;}
.dwer_2{width: 34%;}
	.basecont{width: 85%}
	.z-container{width: 85%}
	.header_two.white,.header_two:hover,.header_two{width: 85%;padding: 0 5%}
	.news_cen{padding: 80px 0px 0;}
	.case_wo{width: 85%}
	.partner_cen{width: 85%}
	
	.w1 ul li:nth-child(1){margin-top: 24%}
	.w1 ul li:nth-child(2){margin-top: 17%}
	.w1 ul li:nth-child(3){margin-top: 24%}
	
	.mt-tabpage-count{width: 85%}
	.d_xz1 .d_xz1_li{width: 47%}
	
	
}


@media screen and (max-width:1450px) {
	
	
	*{letter-spacing: normal!important}
	.hds_li_text p span{left: 15px}
	.about_h dl dt span{width: 270px;padding: 15px 0}
	.nycen_2 ul li{height: 230px}
	.z-container{width:90%;margin: 0 auto;}
	.n_1 ul li h2{font-size: 17px}
	
	.renz_ul .item .text span{font-size: 15px;}
	.renz_ul .item .circle22{width: 80px;height: 80px}
	.pro_c_1{font-size: 25px;}
	
}


@media screen and (max-width:1390px) {
	.d_xz1 .d_xz1_li_3 li dd{font-size: 16px}
	.honor_tit h1,.about_c_2 h1{font-size: 30px}
	.ac_5{margin: 60px 0 60px;}
	.ny_tit h1{font-size:30px}
	.w1 ul li dd h2{font-size: 30px}
	.w1 ul li:nth-child(1){margin-top: 23%}
	.w1 ul li:nth-child(2){margin-top: 17%}
	.w1 ul li:nth-child(3){margin-top: 23%}
	
	.pro_c_0{padding: 70px 0 0 0}
	.pro_c_2 {
		padding: 30px 0 70px;}
	.tab-block .tab-buttons .tab-button{height: 75px;line-height: 75px}
	.dwer_2 h3{font-size: 30px}
	.f_48 span{font-size: 30px}
	.m_about_text dt .br{font-size: 14px;line-height: 25px}
	.sz_ul{margin-top: 55px}
	.m_about_text{padding: 100px 0}
	.d1 dt img{height: 200px}
	.d1 .ddli dd{width: 80%}
	.p2 img{height: 320px}
	.ny_tit{font-size: 36px}
	.about_c_2{background-size: 130%}
	.d_xz1 .d_xz1_li{padding: 0}
}

@media screen and (max-width:1300px) {
	.dd_lcsl_2 li dd a{top: 35px}
	.d_cs img{width: 100%;height: auto}
	.news_about_sz_left{width: 29%;padding: 0 0 0 3%;}
	.news_about_sz_right {width: 59%;padding: 0 3% 0 0;}
	.new_about_cen_right {
    width: 30%;
    padding: 90px 5% 60px 5%;
		
}
	.d_xz1 .d_xz1_li{padding: 0px 0%}
	
	.partner_cen,.w1 ul,.w2_ul{width: 94%}

	.dwer_2 h3{font-size: 25px}
	.z-container{width: 94%}
	.header_two,.header_two.white,.header_two:hover{padding: 0 3%;width: 94%}
	
	.basecont{width: 94%}
	.case_wo{width: 94%}
	.w1 ul li dd h2{font-size: 28px}
	.mt-tabpage-count{width: 94%}
	.partner_cen ul li img{height: 40px;width: auto}
	.information-tab{min-height: 330px}
	
	.swiper-container-d{width: 90%!important}

}
@media screen and (max-width:1200px) {
	.dd_lcsl_1{font-size: 26px}
	.fwq123 .tab-block .tab-buttons{width: 100%}
	.information-tab{min-height: 300px}
	.honor_con{padding: 60px 0}
	.zllist{padding: 100px 0 0 0}
	.news_about_sz_left>ul li{margin:0 0 20px 0;padding: 32px 0}
	.ac_3{font-size: 23px}
	.renz_ul .item{width: calc(29.3333% - 2px);
    padding: 40px 2%;}
	.renz_ul .item:nth-child(3){border-right: 1px solid #eee}
	
	.tab-block .tab-buttons{width: 90%}
	.w1 ul li{width: 31.5%}
	.case_wo_li{width: 100%}
	.ny_navlist{margin-top: -50px}
	.ny_tit {font-size: 30px;}
	.pro_c_2 {padding: 15px 0 40px;}
	.mt{font-size: 15px}
	.about_c_2 h2{padding: 0 5%}
	.about_c_2 {background-size: 240%;}
	.culture_cen_left{width: 57%}
	.dd_lcsl_2 li dd span{font-size: 15px;line-height: 25px}
	.dd_lcsl_q1{width: 90%}
	
}

@media screen and (max-width:1100px) {
	
	.partner_cen ul li img{height: 35px;width: auto}
	.ny_navlist_ul{width: 90%}
	.ny_navlist_ul a{width: 33.333%}
	.nav ul li{padding: 0 20px}
	.p4 img{height: auto;width: 80%}
	.fwq123 .tab-block .tab-buttons .tab-button{height: auto;line-height: inherit;padding: 20px 0}
	}


@media screen and (max-width:1024px) {
	.swiper-container-d{margin-bottom: 50px}
	.d_ca img{width: 100%}
	.d_cs{width: 100%;padding: 0}
	.index_nav ul li dt{font-size: 25px}
	
	.pro_c_0{font-size: 26px}
	.ny_tit {font-size: 26px;}
	.tab-block .tab-buttons{width: 100%}
	.com_nav dl dd {margin-right: 20px;}
    .w1 ul li:nth-child(1){margin-top: 29%}
	.w1 ul li:nth-child(2){margin-top: 22%}
	.w1 ul li:nth-child(3){margin-top: 29%}
	.header_two{display: none}
	.w2{background-size: auto 100%;}
	.w2_ul .item_case{width: 31%}
	.w2_ul .item_case.on{width: 31%}
	.w2_ul .item_case_2{width: 48%!important}
	.w2_ul .item_case_2.on{width: 48%!important}
	.item_case.on .hide{opacity: 1!important}
	.item_case.on .show{opacity: 0!important}
	.bg-grey{padding: 30px 0}
	.ny_tit{padding: 0 5%;width: 90%}
	#video2{height: 70vh}
	.n_1,.gtr123{background-attachment: inherit }
	.screen-01 #video1{display: none}
	.screen-01 .index_nav{display: none}
	.screen-01 .index_bg_icon{display: none}
	.index_video_bg{background: url(../images/banner8.jpg) no-repeat center center;object-fit: cover;height: 100vh;display: block}
	.tel_index_ul{display: flex;flex-direction: column;justify-content: space-between;height: 70%;padding-top: 30%;}
	.tel_index_ul li{height: 33.333%;border-bottom: 1px solid rgba(255,255,255,0.1);display: flex;flex-direction: column;justify-content: center;align-items: center}
	.tel_index_ul li a{display: block;width: 100%;padding: 10% 0}
	.tel_index_ul li dt{color: #fff;font-size: 24px;}
	.tel_index_ul li dd{color: #fff;font-size: 12.5px;opacity: 0.6;margin-top: 10px}
	.tel_index_ul li:nth-child(1){background: url(../images/0-1.jpg) no-repeat center center;background-size: 100%}
	.tel_index_ul li:nth-child(2){background: url(../images/0-2.jpg) no-repeat center center;background-size: 100%;margin: 1.5% 0}
	.tel_index_ul li:nth-child(3){background: url(../images/0-3.jpg) no-repeat center center;background-size: 100%}
	.w1{object-fit: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
	
	.w1 ul{padding-top: 5vh;height: 70vh;flex-wrap: wrap;}
	.w1 ul li{height: 30%;border-radius: 5px;margin-top: 0!important}
	.w1 ul li:nth-child(2){margin-right: 20%;width: 80%}
	.w1 ul li:nth-child(1){margin-left: 20%;width: 80%}
	.w1 ul li:nth-child(3){margin-left: 20%;width: 80%}
	.w2_ul .item_case_2{width: 100%!important;height: 45%!important}
	.w2_ul .item_case_2.on{width: 100%!important;}
	
	.w2_ul .item_case{width: 100%;height: 30%}
	.w2_ul .item_case.on{width: 100%}
	.w2_ul{flex-wrap: wrap}
	.w2_ul{flex-wrap: wrap}
	.w2_ul {height: 70vh;padding-top: 5vh}
	.item_case ,.item_case dt img{border-radius: 6px}
	.dd_lcsl_2 li{flex-wrap: wrap}
	.dd_lcsl_2 li dd{width: calc(100% - 80px);padding: 95px 40px 35px;}
	.dd_lcsl_2 li dt{width: 100%;}
	.dd_lcsl{padding: 60px 0;}
	.dd_lcsl_1{padding-bottom: 60px;margin-top: 60px;}
	.dd_lcsl_b{padding-bottom: 60px;font-size: 26px}
}
@media screen and (max-width:1023px) {
	.left_bottom p{padding-right: 3%}
	.left_bottom span {
    width: calc(95% - 365px);margin-left: 5%;}
	
	.left_bottom{margin: 66px 0 60px;}
	.new_about_cen_left{width: 100%}
	.new_about_cen_right{width: 90%;padding: 0px 5% 40px;}
	
	.ac_5 {margin: 40px 0 40px;width: 5px;height: 26px}
	.about_c_2 h2{font-size: 15px;line-height: 24px}
	.gtr123{background-size: 150%;}
	
}

@media screen and (max-width:900px) {
	.pa_2{width: 19%!important}
	.gtr456 .hds_li{padding: 5% 5%}
	.tab-block .tab-buttons .tab-button.cur{width: 25%}
	.tab-block .tab-buttons dl{height: 95px}
	.tab-block .tab-buttons .tab-button{height: 25px;line-height: 25px;padding: 20px 10px;width: 20%}
	.d_xz1 .d_xz1_li_2{padding: 30px 0}
	.d_xz1 .d_xz1_li:nth-child(1){margin-bottom: 35px}
	.d_xz1 .d_xz1_li_3 li dd{font-size: 14.5px;width: calc(100% - 60px)}
	.d_xz1 .d_xz1_li_3 li dt{width: 50px;margin-right: 10px}
	.dd_gw{width: 30%;margin: 10px 0}
	.d_xz_qh{margin-top: 0}
	
	.tab-block .tab-buttons .tab-button{font-size: 17px}
	.d_xz1{flex-wrap: wrap;padding-bottom: 30px}
	.d_xz1 .d_xz1_li{width: 100%;padding: 0}
	.zllist li:nth-child(1){width: 33.333%}
	.zllist li:nth-child(2){width: 33.333%}
	.zllist li:nth-child(3){width: 33.333%}
	.zllist li:nth-child(4){width: 50%;margin-top: 50px}
	.zllist li:nth-child(5){width: 50%;margin-top: 50px}
	.culture_cen_right{width: 80%;margin: 0 auto}
	.culture_cen_left{width: 100%;margin-top: 35px}
	.about_c_2 {background-size: 300%;padding-top: 40px;margin-top:30px }
	.news_about_sz{flex-wrap: wrap;padding: 60px 0 0}
	.news_about_sz_right{width: 94%;padding: 0 3%;margin-top: 15px}
	.con_cen ul {padding: 40px 0 20px;margin-bottom: 60px;}
	.news_about_sz_left{width: 94%}
	.con_cen h2{margin-top: 15px;margin-bottom: 30px}
	.con_cen{padding-top: 30px}
	.con_cen ul li{max-width: 100%;width: 100%;margin-bottom: 35px}
	.con_cen ul li dd{margin-top: 5px}
	.partner_cen ul li{width: calc(27.33333% - 1px);}
	.partner_cen ul li img{height: 45px;width: auto}
	.gw_icon1 {width: 100%!important;}
	.gw_icon{width: 47%}
	.gw_icon:nth-child(1){margin-bottom: 20px}
	.gw_icon:nth-child(2){margin-bottom: 20px}
	.gw_icon1:nth-child(1){margin-bottom: 0px}
	.gw_icon1:nth-child(2){margin-bottom: 0px}
	.xz_gw{width: 47%;padding-bottom: 15px}
	.home-yy li img{height: 100px}
	.hds_li{flex-wrap: wrap}
	.hds_li_text{width: 100%;margin-bottom: 35px}
	.hds_li_img{width: 100%}
	.p1{flex-wrap: wrap}
	.p1 dt{width: 100%;margin-bottom: 15px}
	.p1 dd{width: 100%}
	.tab-block .tabs .tab-item{padding: 6% 4%;height: auto}
	.news_view_left{width: 100%}
	.news_view_right{width: 100%;margin-top: 20px}
	.news_view {padding: 40px 0 30px}
	.d5{flex-wrap: wrap;padding-top: 0}
	.d5_1{width: 100%;margin-bottom: 20px}
	.d5_2{width: 100%}
	.d3{flex-wrap: wrap;}
	.d3cen{width: 100%}
	.pro_c_6{width: 100%}
}

@media screen and (max-width:750px) {
	.dd_lcsl_2 li dd {width: calc(100% - 60px);padding: 105px 30px 35px;}
	.dd_lcsl {padding: 40px 0;}
	.dd_lcsl_b {padding-bottom:40px;}
	.gtr456 .lxkefu{font-size: 16px}
	.tab-block .tab-buttons .tab-button{font-size: 16px}
	.tel_index_ul li{object-fit: cover!important;}
	.p4 img{width: 100%}
	.p2 img {height: auto;width: 100%}
	.tab-block .tab-buttons .tab-button {height: auto;line-height: 22px;padding: 12px 3%;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 16px;border-radius: 3px}
	.tab-block .tab-buttons{margin-bottom: 35px}
	.dd_lcsl_2 li{padding: 0 2%;width: 96%}
	
	
	
}
.bb_tel{display: none}

@media screen and (max-width:640px) {
	.pa_2{width: 11%!important;padding: 6% 7%!important}
	.dd_lcsl_2 li{margin-bottom: 20px}
	.d_xz1 .d_xz1_li_3 li dd {font-size: 13px;line-height: 18px}
	.d_xz1 .d_xz1_li_1{font-weight: bold}
	.dd_lcsl_1 {
    font-size: 20px;line-height: 30px
}
	.dd_lcsl_q1{font-size: 16px}
	.dd_lcsl_q2{font-size: 25px;padding-top: 50px}
	.pro_c_2{font-size: 15px;line-height: 24px}
	.pro_c_a{padding-top: 40px}
	.culture_cen_right{width: 100%}
	.index_sp_header{display: flex}
	.w2_ul {
    width: 90%;
}
	.pageDiv{margin-top: 10px;margin-bottom: 30px}
	.pnwh{width: 45px}
	.awh{width: 35px}
	.bg-grey {margin-bottom: 30px}
	.pro_guige li a{background-size: 40px;padding: 55px 0 0px 0px;}
	.d5_2 li div .ff{font-size: 14.5px;line-height: 40px}
	.pro_c_7{font-size: 15px}
	.pro_c_8_img li dd div span{font-size: 14.5px}
	.ng_1 .pro_c_7 {padding: 12px 0 20px;line-height: 22px}
	.pro_c_1 {font-size: 23px;}
	.pro_rz{padding-bottom: 35px}
	.renz_ul .item .circle22 {width: 60px;height: 60px;}
	.renz_ul{padding-top: 35px}
	.hew li{width: 100%;padding: 0 0 20px 0}
	.her li{width: 100%!important;padding: 0 0 20px 0}
	.hew{flex-wrap: wrap}
	.her{flex-wrap: wrap;padding: 0 3%}
	.gw_icon span{font-size: 15px}
	.hi{margin-top: 10px;font-size: 15px}
	.gw_icon img{margin-bottom: 10px}
	.gw_icon{padding: 32px 0}
	.p_li dd{line-height: 19px}
	.honor_tit h2{font-size: 15px;line-height: 25px;padding-top: 15px}
	.li_re{font-size: 15px}
	.f_48 span {font-size: 27px;}
	.f_48{font-size: 18px}
	.slider_wrapper .slider_item .info{font-size: 12px}
	.slider_wrapper{right: 1px;min-width: 65Px;bottom: 50px}
	.ny_tit ,.pro_c_0{font-size: 24px;}
	.news_cen li dd span{font-size: 15px}
	.mapcen{padding-bottom: 30px}
	.fwq123 .tab-block .tab-buttons .tab-button {padding: 20px 3%;font-size: 15px}
	.pro_guige li a span{margin-top: 30px}
	.pro_guige{flex-wrap: wrap}
	.pro_guige li{width: 94%;margin-bottom: 15px}
	.tab-block .tabs .tab-item {padding: 7% 5%;width: 90%}
	.pro_c_8_img{flex-wrap: wrap;margin-top: 10px}
	.pro_c_8_img li{width: 100%;margin-bottom: 15px}
	.renz_ul .item .circle22 img{width: 60px}
	.renz_ul .item .circle22{margin-bottom: 15px}
	.renz_ul .item .text span{margin-top: 6px;line-height: 19px}
	.renz_ul .item{width: calc(42% - 2px);padding: 30px 4%;}
	.renz_ul .item:nth-child(1){border:1px solid #eee;border-bottom: 0;}
	.renz_ul .item:nth-child(3){border:1px solid #eee;border-bottom: 0;}
	.renz_ul .item:nth-child(5){border:1px solid #eee}
	
	.renz_ul .item:nth-child(2){border:1px solid #eee;border-left: 0;border-bottom: 0;}
	.renz_ul .item:nth-child(4){border-left: 0;border:1px solid #eee;border-left: 0;border-bottom: 0;}
	.renz_ul .item:nth-child(6){border-left: 0;border:1px solid #eee;border-left: 0;}
	
	.renz_ul .item:hover{padding: 30px 4%;}
	
	.ripple:before{width: 32px;height: 32px}
	.ripple:after{width: 32px;height: 32px}
	.ripple{width: 44px;height: 44px}
	.ripple img{left: 13px;top: 13px}
	.zllist_4 span{font-size: 20px;opacity: 0.7}
	.zllist_4{font-size: 22px}
	.zllist_3{padding: 0 17%}
	.honor_tit h1{font-size: 24px}
	.honor_con {padding: 30px 0 30px;}
	.zllist {padding: 40px 0 0 0;}
	.zllist li{width: 95%!important;margin: 0 auto;margin-top: 50px}
	.about_c_2 h1{font-size: 24px;margin-bottom: 15px}
	.about_c_2 {background-size: 430%;}
	.mt{margin-bottom: 10px;padding: 13px 3%;}
	.ac_4{line-height: 25px;font-size: 15px}
	.ac_3{margin-bottom: 25px}
	.new_about_cen_right{margin-top: 30px}
	.left_bottom {display: none}
	.ac_1 {padding: 30px 0 30px 5%;font-size: 24px}
	.ac_1 span{font-size: 17px;margin-top: 0}
	.news_view_right li{padding-bottom: 15px;margin-bottom: 25px;}
	.news_view_left h1,.news_view_right .n1{font-size: 23px;font-weight: bold}
	.news_view {padding: 30px 0 0px}
	.news_cen li dt{width: 100%}
	.news_cen li dd{width: 100%;margin-top: 25px}
	.news_cen li dd h2{margin: 15px 0;line-height: 22px}
	.news_cen {padding: 30px 0px 0;}
	.con_cen ul li dt img{display: block;height: 25px;width: auto}
	.con_cen ul li dd{font-size: 18px}
	.con_cen h2{font-size: 15px}
	.con_cen h1{font-size: 24px}
	.ny_tit h1{font-size:24px}
	.c_ul_2 li span{font-size: 12px}
	.case_wo_li{margin-bottom: 35px}
	.case_wo_li_name{margin-top: 15px}
	.case_c_0{font-size: 24px;padding: 30px 0 0;}
	.case_wo{padding: 30px 0 0}
	.pp_tit{padding-top: 35px}
	.partner_cen ul{margin-bottom: 35px;margin-top: 35px}
	.partner_cen h1{font-size: 24px}
	.partner_cen ul li{padding: 6% 7%;width: calc(19.33333% - 1px)}
	.partner_cen ul li img{height: auto;width:100%}
	.sp_header{top: 12px;right: 3%}
	.pro_c_0 {padding: 30px 0 0 0;}
	.home-yy li{width: 100%;margin-bottom: 20px;padding: 0}
	.home-yy li dd h1{padding-top: 2px;font-size: 18px}
	.home-yy li dd h2{padding-top: 5px;color: #999;font-size: 15px}
	.hds_li_text{margin-bottom: 10px}
	.p_li dt img{display: block;height: 40px;margin: 0 auto;width: auto}
	.gtr123{background: url(../images/history_bg_tel.jpg) no-repeat center center;background-size: 200%;padding: 30px 0;margin-top: 15px}
	.p_li{margin-bottom: 15px;padding: 20px 3%;width: 41%}
	.p_li_3{width: 24%}
	.slider_wrapper .slider_item:nth-child(2){display: none}
	.n_1 ul li div span{width: 40px;height: 1px}
	.n_1 ul li h2 {color: #fff;font-size: 15px;}
	
	.n_1 ul li{width: 48%;height: 150px;margin: 10px 0 10px 0;background: #0c39a3;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.07);}
	.n_1{background: #fff;padding: 0px 0;}
	#video2{height: 50vh}
	.a_ban{display: none}
	.b_ban{display: block}
	.bottom_foot_cen{padding: 0 3% 25px 3%}
	.p1 dt h2{font-size: 15px}
	.w1 ul li dd{top: 40px}
	.pro_c_00{font-size: 17px;margin-bottom: 15px}
	.jgyl{flex-wrap: wrap}
	.jgyl .jgyl_li{width: 100%}
	
	
	.nav_show{width: 100%}
	/*.sjj_nav{z-index: 999}*/
	
	.con_cen ul {
    padding: 30px 0 00px;
    margin-bottom: 40px;
}
	.news_cen li {padding-bottom: 30px;margin-bottom: 30px;}
	.news_cen li dd h1{font-size: 19px}
	.c_ul_2 li span{padding: 5px 0}
	.nav_show .logo2{display: block!important}
	.jw{line-height: 26px}
	.sjj_nav ul{padding-top: 40px}
	.information-tab{min-height: inherit}
	.w1 ul li dd h2 {font-size: 24px;margin: 12px 0 5px;}
	.c_ul_3 span{font-size: 14px;padding: 8px 0}
	.bb_tel{margin-left: 3%}
	.bb_tel a{color: #0c39a3;font-size: 14px;padding: 3px 2%;background: #fff;margin-right: 10px;border-radius: 3px}
	.bb_tel{display: block}
	
}

@media screen and (min-width:1950px) {
	.jwb_ny_banner .ny_banner_img{height: 950px}
	.z-container,.basecont{width: 1700px}
	.zllist{width: 1700px;margin: 0 auto}
	.header_two{left:0;padding: 0 calc((100% - 1700px)/2);width: 1700px;}
	.header_two.white{left:0;padding: 0 calc((100% - 1700px)/2);width: 1700px;}
	.header_two:hover{left:0;padding: 0 calc((100% - 1700px)/2);width: 1700px;}
	.home-yy{width: 1700px;margin: 0 auto}
	.section9_cen{width: 1700px;padding-left:calc((100% - 1700px)/2) }
	.m_about_text dt{padding: 0px 5% 0 calc((100% - 1700px)/2);width: calc(930px - 0%)}
	.m_about_text dd{width: 40%}
	
}