@charset "utf-8";

/* 头部 */
.header{width: 100%;height: 100px;position: fixed; z-index: 30;background-color: #fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.28);}
.header .container{height: 100%;}
.header .logo img{height: 100%;}
.header .nav {display: flex;margin-top: 15px;}
.header .nav ul{z-index: 1;display: flex; margin-bottom: 0px;margin-right: 125px;}
.header .nav ul li{float: left;margin: 0 40px;}
.header .nav ul li a{font-size: 16px;font-weight: 600; color: #333;position: relative;}
.header .nav ul .nli a::after{content: '';width: 100%;height: 3px;position: absolute;left: 0px;bottom: -27px;box-sizing: border-box;background-color:#0c3484;  
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
} 
.header .nav ul .nli.on a::after{
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
}
.header .nav ul .nli.on a{color: #0c3484;}
.header .nav ul .nLi:hover a::after{content: '';width: 100%;height: 2px;position: absolute;left: 0;bottom: -10px;box-sizing: border-box;background-color:#0c3484;}
.header .nav ul .nli:hover a{color: #0c3484;}

.header .top{text-align: right;margin: 10px 0;}
.header .top span{font-size: 12px;color: #555;border-right: 1px solid #d2d2d2;padding: 0 10px;}
.header .top span:last-child{border-right: none;}
.header .langage{margin-left: 30px;}
.header .langage a{font-size: 16px;color: #999;font-weight: 500;}
.header .langage .on{color: #0c3484;}

.phone-header{display: none;}





/* 底部 */
.footer{width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;}
.footer .foot_logo{margin-top: 20px;}
.footer .foot_logo img{height: 100%;}
.footer .foot_box {margin-top: 20px;}
.footer .foot_box .foot_l{width: 60%;}
.footer .foot_box .foot_l ul li{float: left;width: 18%;}
.footer .foot_box .foot_l ul li h2{font-size: 16px;color: #fff;margin-bottom: 10px;}
.footer .foot_box .foot_l ul li a{display: block;font-size: 12px;color: #a8acb6;line-height: 25px;}
.footer .foot_box .foot_r{width: 40%;display:flex;justify-content: space-between;align-items: center;}
.footer .foot_box .foot_r .lianxi h2{font-size: 16px;color: #fff;margin-bottom: 20px;}
.footer .foot_box .foot_r .lianxi .address {margin-bottom: 20px;}
.footer .foot_box .foot_r .lianxi .address span{font-size: 14px;color: #a8acb6;margin-left: 10px;}
.footer .foot_box .foot_r .lianxi .tel{margin-bottom: 20px;}
.footer .foot_box .foot_r .lianxi .tel span{font-size: 14px;color: #a8acb6;margin-left: 10px;}
.footer .foot_box .foot_r .lianxi .email span{font-size: 14px;color: #a8acb6;margin-left: 10px;}
.footer .foot_box .foot_r .ewm{text-align: center;}
.footer .foot_box .foot_r .ewm p{font-size: 12px;color: #a8acb6;margin-top: 10px;}
.footer .foot_bott{font-size: 12px;color: #a8acb6;border-top: 1px solid #a8acb6;text-align: center;padding: 10px 0; margin-top: 10px;}
.footer .foot_bott a{color: #a8acb6;}

/* 首页 */
.in_banner {
	height: 735px;
	padding-top: 100px;
}

.in_banner .swiper-slide {
	position: relative;
	background-size: cover;
}

.in_banner .swiper-slide .b_img {
	display: none;
}

.in_banner .swiper-slide .b_img img {
	width: 100%;
	height: auto;
}

.in_banner .swiper-slide .nr {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0px;
	height: 100%;
	color: #fff;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	flex-direction: column;
	text-shadow: 0px 2px 2px #333;
	/* text-align: center; */
	margin-top: 10px;
}

.in_banner .swiper-slide .nr .nr_wz h2{ font-size: 32px; padding-bottom: 15px;letter-spacing: 5px;}
.in_banner .swiper-slide .nr .nr_wz p{ font-size: 24px;letter-spacing: 3px;}

.in_banner .swiper-slide .nr .nr_btn {
	margin-top: 2%;
	position: relative;
}

.in_banner .swiper-slide .nr .nr_btn a {
	color: #fff;
	/* text-transform: uppercase; */
	font-size: 24px;
	display: block;
    width: 218px;
    height: 53px;
	line-height: 53px;
    text-align: center;
    border-radius: 28px;
    border: 1px solid #fff;
}
.in_banner .swiper-slide .nr .nr_btn a:hover{
    background-color: #fff;
    border: 1px solid #0c3484;
    color: #0c3484;
}

/* .in_banner .swiper-slide .nr {
	transform: translate3d(320px, 0, 0);
	-webkit-transform: translate3d(320px, 0, 0);
	-moz-transform: translate3d(320px, 0, 0);
	-ms-transform: translate3d(320px, 0, 0);
	-o-transform: translate3d(320px, 0, 0);
	transition: all 1.75s ease;
	-webkit-transition: all 1.75s ease;
	-moz-transition: all 1.75s ease;
	-ms-transition: all 1.75s ease;
	-o-transition: all 1.75s ease;
}

.in_banner .swiper-slide-active .nr {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
} */

.in_banner .swiper-pagination{
    bottom: 35px !important;
}
.in_banner .swiper-pagination span {
	width: 10px;
	height: 10px;
	opacity: 1;
	background: #fff;
}

.in_banner .swiper-pagination .swiper-pagination-bullet-active {
	background: #0c3484;
	opacity: 1;
}

.in_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: none;
}

.in_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: none;
}

.in_banner .swiper-button-prev{
    left: 13%;
}

.in_banner .swiper-button-next{
    right: 13%;
}

.index1 .ind1_l{width: 45%;padding-top: 60px;padding-left: 13%;}
.index1 .ind1_l i{width: 50px;height: 1px;background-color: rgb(0, 117, 194);display: inline-block;}
.index1 .ind1_l h2{font-size: 34px;color: #333;margin-bottom: 10px;margin-top: 30px;}
.index1 .ind1_l span{font-size: 14px;color: #aaaeb2;}
.index1 .ind1_l p{font-size: 16px;color: #777;margin: 10px 0;line-height: 35px;}
.index1 .ind1_l .ind1_btn a{color: #333;font-size: 20px;display: inline-block; width: 218px;height: 53px;line-height: 53px;text-align: center;border-radius: 28px;border: 1px solid #333;font-weight: bold;margin-top: 20px;}
.index1 .ind1_l .ind1_btn a:hover{color: #fff;background-color: #0c3484;border: 1px solid #0c3484;}
.index1 .ind1_r{width: 43%;height: 620px; position: relative;background-repeat: no-repeat;background-position: center;background-size: cover;}
/* .index1 .ind1_r .bg{width: 900px;height: 577px;background-repeat: no-repeat;background-position: center;background-size: cover;} */
.index1 .ind1_r img{position: absolute;top: 105px;left: -50px;}


.index2{width: 100%;height: 677px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.index2 .ind2_title{text-align: center;margin-top: 160px;}
.index2 .ind2_title h2{font-size: 34px;color: #333;}
.index2 .ind2_title p{font-size: 14px;color: #aaaeb2;text-transform: uppercase;margin-top: 10px;}
.index2 .ind2_box{
	margin-top: 80px;
}
.index2 .ind2_box ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.index2 .ind2_box  ul li {
	width: 16.666%;
	color: #555;
	text-align: center;
	border-right: 1px solid #e5e5e5;
	padding: 50px 0;
}
.index2 .ind2_box  ul li:last-child{
	border-right: none;
}

.index2 .ind2_box ul li img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 35px;
}

.index2 .ind2_box  ul li .img1 {
	display: block;
}

.index2 .ind2_box  ul li .img2 {
	display: none;
}

.index2 .ind2_box ul li p {
	font-size: 18px;
}

.index2 .ind2_box ul li:hover {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	cursor: pointer;
}

.index2 .ind2_box ul li:hover .img1 {
	display: none;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index2 .ind2_box ul li:hover .img2 {
	display: block;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}

.index2 .ind2_box ul li:hover p {
	color: #0c3484;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
}



.index3{width: 100%;height: 644px;background-position: center;background-repeat: no-repeat;background-size: cover;}
.index3_main{width: 100%;margin-top: 60px;}
.index3_row{
	display: flex;
	display: -webkit-box; 
	display: -ms-flexbox; 
	/* display: -webkit-flex;     */
	flex-wrap: wrap; 
	-webkit-flex-wrap: wrap; 
	-ms-flex-wrap: wrap;
}
.index3_left{width: 13.3333%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;align-items: center; -webkit-box-orient: vertical;-webkit-box-direction: normal; -ms-flex-direction: column;flex-direction: column; color: #fff;}
.index3_left .gallery{width: 100%; overflow: hidden;}
.index3_left .gallery .txt {margin: 0 auto;}
.index3_left .gallery .txt i{width: 50px;height: 1px;background-color: #fff;display: inline-block;margin-bottom: 30px;}
.index3_left .gallery .txt h2{font-size: 34px;}
.index3_left .gallery .txt p{font-size: 14px;text-transform: uppercase;margin-top: 10px;}
.index3_left .gallery .more a{display: inline-block; width:141px; height: 48px;line-height: 48px;margin: 0 auto; overflow: hidden; text-align: center; font-size: 20px;z-index: 2; color: #fff;border-radius: 25px;font-weight: bold;margin-top: 40px;border: 1px solid #fff;}
.index3_left .gallery .more a:hover{background-color: #fff;color: #0c3484;}
.index3_right{box-sizing: border-box; position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;height: 526px;width:86.6666666667%;padding: 20px 20px;background-color: rgb(48, 81, 148,0.6);}
.index3_title{box-sizing: border-box; position: relative; margin-bottom: 40px; padding-right: 60px; text-align: right;}
.index3_title h2{font-size: 16px; letter-spacing:1px; color: #fff;padding-top: 20px;}
.index3_prev, .index3_next{position: absolute; top: 10px; cursor: pointer; z-index: 20;}
.index3_prev{left: 0;}
.index3_next{left: 315px;}
.index3_prev i, .index3_next i{font-size: 30px; color: #fff;}
.thumbs{width: 100%; overflow: hidden;}
.thumbs .swiper-slide{width: 286px;height: 365px; background-color: rgb(70, 99, 159,0.6);}
.thumbs a{display: block;}
.thumbs .item {padding-bottom: 25px;}
.thumbs .item .ind3_box{overflow: hidden;}
.thumbs .item .img{background-repeat: no-repeat; background-position: center center; background-size: cover;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.thumbs .item .img img{display: block; width: 100%; height: auto;}
.thumbs .item:hover .ind3_box .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.thumbs .item .txt{text-align: center;margin-top: 20px;}
.thumbs .item .txt h1{margin-bottom: 13px; font-size: 16px;color: #fff;}
.thumbs .item .txt .line{width: 50px; height: 2px; margin: 0 auto; background-color: #0c3484;}
.thumbs .swiper-slide-thumb-active{opacity:1;}
.thumbs .swiper-pagination{left: 85px; bottom: auto; width: auto;  height: auto; top: 30px; text-align: left;margin-left: 0;}
.thumbs .swiper-pagination-bullet{position: relative; width: auto; height: auto; color: #fff;margin: 0 15px!important;  font-size: 20px;margin: 0 20px; background-color: transparent; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.thumbs .swiper-pagination-bullet::after{margin: 0 12px;}
.thumbs .swiper-pagination-bullet-active{opacity: 1;color: #fff;}


.index4{width: 100%;height: 958px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;}
.index4 .ind4_title{text-align: center;margin-bottom: 60px;margin-top: 160px;}
.index4 .ind4_title h2{font-size: 34px;color: #333;margin-bottom: 10px;}
.index4 .ind4_title p{font-size: 14px;color: #aaaeb3;}
.index4 .ind4_banner{
	/* padding: 0 70px; */
	width: 84%;
	/* position: relative; */
}
.index4 .ind4_banner .nr .ind4_bg{background-position: center center;background-size: contain;background-repeat: no-repeat;}
.index4 .ind4_banner .nr img{width: 100%;box-shadow: -0.908px 1.782px 49px 0px rgba(100, 100, 100, 0.1);display: block;}
.index4 .ind4_banner .nr p{font-size: 16px;color: #666;text-align: center;margin-top: 10px;}
.index4 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
	background-image: none;
	/* right: 35px !important; */
}
.index4 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
	background-image: none;
}
.index4 .button .swiper-button-prev4{
	position: absolute;
	left: 13%;
	top: 45%;
}
.index4 .button .swiper-button-next4{
	position: absolute;
	top: 45%;
	right: 13%;
}
.index4 .ind4_btn{text-align: center;margin-top: 60px;}
.index4 .ind4_btn a{color: #333;font-size: 20px;display: inline-block; width: 218px;height: 53px;line-height: 53px;text-align: center;border-radius: 28px;border: 1px solid #333;font-weight: bold;text-align: center;}
.index4 .ind4_btn a:hover{background-color: #0c3484;color: #fff;border: 1px solid #0c3484;}

.indx5{padding-bottom: 110px;}
.indx5 .ind5_l{width: 55%;height: 494px;background-repeat: no-repeat;background-position: center;background-size: cover;padding: 40px 50px;}
.indx5 .ind5_l i{width: 50px;height: 1px;background-color: #0c3484;display: block;margin-bottom: 30px;}
.indx5 .ind5_l .ind5_top {display: flex;justify-content: space-between;align-items: center;}
.indx5 .ind5_l .ind5_top .ind5_title h2{font-size: 34px;color: #333;}
.indx5 .ind5_l .ind5_top .ind5_title p{font-size: 14px;color:#aaaeb3;text-transform: uppercase;margin-top: 10px;}
.indx5 .ind5_l .ind5_top .more{font-size: 24px;color: #a2a2a2;}
.indx5 .ind5_l .ind5_cot .ind5_list{display: flex;justify-content: flex-start;align-items: center;margin-top: 20px;}
.indx5 .ind5_l .ind5_cot .day{font-size: 60px;color: #333;}
.indx5 .ind5_l .ind5_cot .txt{display: flex;justify-content: flex-start;align-items: center;}
.indx5 .ind5_l .ind5_cot .txt .left{width: 95px;text-align: center;}
.indx5 .ind5_l .ind5_cot .txt .left p{font-size: 16px;color: #888;}
.indx5 .ind5_l .ind5_cot .txt .right p{font-size: 16px;color: #333;line-height: 25px;}
.indx5 .ind5_l .ind5_cot .ind5_list:hover .right p{color: #0c3484;}
.indx5 .ind5_r{width: 45%;margin-top: 55px;position: relative;}
.indx5 .ind5_r .ind5_box{overflow: hidden;position: relative;}
.indx5 .ind5_r .ind5_img{background-position: center;background-repeat: no-repeat;background-size: cover;position: relative; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.indx5 .ind5_r .ind5_img img{display: block; width: 100%; height: auto;}
.indx5 .ind5_r:hover .ind5_img{transform: scale(1.1); -webkit-transform: scale(1.1);}

.indx5 .ind5_r .ind5_wz{width: 100%;height: 50px;background-color: rgb(38, 38, 38,0.6);position: absolute;bottom: 0;left: 0;padding: 0 15px;line-height: 50px;display: flex;justify-content: space-between;align-items: center;}
.indx5 .ind5_r .ind5_wz .wz_l{font-size: 18px;color: #fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.indx5 .ind5_r .ind5_wz .wz_r{font-size: 14px;color: #fff;}

.ind5_ph{display: none;}



.index6{width: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;padding-top: 60px;padding-bottom: 60px;}
.index6 .ind6_l{width:53%;height: 521px;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 60px 95px;}
.index6 .ind6_l .ind6_title{text-align: center;}
.index6 .ind6_l .ind6_title h2{font-size: 34px;color: #fff;}
.index6 .ind6_l .ind6_title p{font-size: 14px;color: #aaaeb3;margin-top: 10px;}
.index6 .ind6_l .ind6_txt p{font-size: 16px;color: #fff;margin: 60px 0;line-height: 30px;}
.index6 .ind6_l .ind6_btn{text-align: center;margin-top: 60px;}
.index6 .ind6_l .ind6_btn a{color: #fff;font-size: 20px;display: inline-block; width: 218px;height: 53px;line-height: 53px;text-align: center;border-radius: 28px;border: 1px solid #fff; font-weight: bold;text-align: center;}
.index6 .ind6_l .ind6_btn a:hover{background-color: #fff;color: #0c3484;}
.index6 .ind6_r{width: 45%;}
.index6 .ind6_r .ind6_list a{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 20px;}
.index6 .ind6_r .ind6_list .ind6_box{overflow: hidden;}
.index6 .ind6_r .ind6_list .img{background-repeat: no-repeat;background-size: cover;background-position: center;transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.index6 .ind6_r .ind6_list .img img{display: block; width: 100%; height: auto;}
.index6 .ind6_r .ind6_list:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.index6 .ind6_r .ind6_list .ind6_wz{padding-left: 20px;width: 450px;}
.index6 .ind6_r .ind6_list .ind6_wz h3{font-size: 20px;color: #333;}
.index6 .ind6_r .ind6_list .ind6_wz p{font-size: 14px;color: #666;margin-top: 10px;}

.index7{padding: 80px 0;}
.index7 .ind7_title {text-align: center;margin-bottom: 40px;}
.index7 .ind7_title h2{font-size: 34px;color: #333;}
.index7 .ind7_title p{font-size: 14px;color: #aaaeb3;margin-top: 10px;}
.index7 .ind7_cot ul li{float: left;width: 14.2857%;margin-bottom: 40px;}
.index7 .ind7_cot ul li img{width: 100%;}
.index7 .ind7_btn{text-align: center;margin-top: 40px;}
.index7 .ind7_btn a{color: #333;font-size: 20px;display: inline-block; width: 218px;height: 53px;line-height: 53px;text-align: center;border-radius: 28px;border: 1px solid #333; font-weight: bold;text-align: center;}
.index7 .ind7_btn a:hover{background-color: #0c3484;color: #fff;border: 1px solid #0c3484;}

/* 企业概况-公司介绍 */
.mainBox{padding-top: 100px;}
.mainBan{width: 100%;height: 500px;background-repeat: no-repeat;background-position: center;background-size: cover;padding-top: 200px;position: relative;}
.mainBan .mainWz h2{font-size: 34px;color: #fff;}
.mainBan .mainWz p{font-size: 14px;color: #fff;margin-top: 10px;text-transform: uppercase;}
.mainNav{width: 100%;height: 80px;background-color:#fff;opacity: 0.941;line-height: 80px; margin-top: -80px;position: relative;}
.mainNav .Navbox{display: flex;justify-content: space-between;}
.mainNav .nav_l ul li{float: left;width: 170px;height: 80px;text-align: center;line-height: 80px;}
.mainNav .nav_l ul li a{font-size: 14px;color: #333;}
.mainNav .nav_l ul .nli.on{background-color: #0c3484;}
.mainNav .nav_l ul .nli.on a{color: #fff;}
.mainNav .nav_r{font: 14px;color: #777;margin-right: 20px;}
.mainNav .nav_r .active{color: #0c3484;}

.ph_nav{display: none;}

.about{background-repeat: no-repeat;background-position: center;background-size: cover;padding-bottom: 105px;}
.about .about_box {margin-top: 60px;}
.about .about_box .about_l{width: 45%;}
.about .about_box .about_l h3{font-size: 34px;color: #333;margin-bottom: 10px;}
.about .about_box .about_l span{font-size: 14px;color: #aaaeb2;}
.about .about_box .about_l p{font-size: 16px;color: #777;margin-top: 30px;line-height: 30px;}
.about .about_box .about_r{width: 50%;padding-top: 90px;}
.about .about_box .about_r img{width: 100%;}

/* 企业概况-公司架构 */
.framework .frame_title{margin-top: 60px;text-align: center;}
.framework .frame_title h3{font-size: 34px;color: #333;}
.framework .frame_title p{font-size: 14px;color: #aaaeb2;text-transform: uppercase;margin-top: 10px;}
.framework .frame_cot{text-align: center;margin-top: 40px;}
.framework .frame_cot img{width: 100%;}

/* 企业概况-企业资质*/
.intell .intell_title{text-align: center;margin-top: 60px;}
.intell .intell_title h3{font-size: 34px;color: #333;margin-bottom: 10px;}
.intell .intell_title span{font-size: 14px;color: #aaaeb2;text-transform: uppercase;}
.intell .intell_title p{font-size: 16px;color: #777;margin-top: 20px;}
.intell .intell_list{margin-bottom: 80px;}
.intell .intell_list ul li{float: left;width: 22%;margin: 0 20px;margin-top: 40px;}
.intell .intell_list ul li .img{position: relative;background-repeat: no-repeat;background-size: contain;background-position: center center;}
.intell .intell_list ul li .img img{width: 100%;height: auto;}
.intell .intell_list ul li .img .txt{width: 100%;height: 60px;background-color: rgb(12, 52, 132,0.702);text-align: center;line-height: 60px;font-size: 16px;color: #fff;position: absolute;bottom: 0;left: 0;opacity: 0;}
.intell .intell_list ul li:hover .txt{opacity: 1;}
.intell .intell_list ul li .wz{text-align: center;font-size: 16px;color: #333;padding-top: 10px;height: 50px;}
.intell .intell_list ul li .wz i{width: 33px;height: 1px;background-color: rgb(27, 27, 27);display: inline-block;}
/* .intell .intell_list ul li:hover .wz{opacity: 0;} */

/* 企业概况-企业荣誉*/
.honor .honor_title{text-align: center;margin-top: 60px;}
.honor .honor_title h3{font-size: 34px;color: #333;margin-bottom: 10px;}
.honor .honor_title span{font-size: 14px;color: #aaaeb2;text-transform: uppercase;}
.honor .honor_title p{font-size: 16px;color: #777;margin-top: 20px;}
.honor .honor_list{margin-bottom: 80px;}
.honor .honor_list ul li{float: left;width: 22%;margin: 0 20px;margin-top: 40px;}
.honor .honor_list ul li .img img{width: 100%;}
.honor .honor_list ul li .wz{text-align: center;font-size: 16px;color: #333;padding-top: 10px;}
.honor .honor_list ul li .wz i{width: 33px;height: 1px;background-color: rgb(27, 27, 27);display: inline-block;}


/* 企业概况-企业文化*/
.culture .culture_title{margin-top: 60px;text-align: center;}
.culture .culture_title h3{font-size: 34px;color: #333;}
.culture .culture_title p{font-size: 14px;color: #aaaeb2;text-transform: uppercase;margin-top: 10px;}
.culture .culture_box{margin-top: 40px;position: relative;margin-bottom: 120px;}
.culture .culture_box .culture_l{width: 53%;background-position: center;background-repeat: no-repeat;background-size: cover;height: 479px;}
.culture .culture_box .culture_l img{width: 100%;height: auto;}
.culture .culture_box .culture_r{width: 55%;border-radius: 10px;box-shadow: 4.636px 1.873px 10px 0px rgba(105, 105, 105, 0.19);display: flex;justify-content: space-between;align-items: center;padding: 30px 20px;position: absolute;top: 65px;right: 40px;z-index: 100;background-color: #fff;padding-left: 15px;}
.culture .culture_box .culture_r .info .info_li{margin-bottom: 20px;}
.culture .culture_box .culture_r .info .info_li h4{font-size: 18px;color: #333;margin-bottom: 10px;}
.culture .culture_box .culture_r .info .info_li h4 span{color: #0c3484;}
.culture .culture_box .culture_r .info .info_li p{font-size: 16px;color: #777;}


/* 企业概况-社会责任*/
.social_01{background-position: center;background-repeat: no-repeat;background-size: cover;padding-top: 60px;padding-bottom: 60px;}
.social_01 .social_l{width: 40%;}
.social_01 .social_l h3{font-size: 34px;color: #333;margin-bottom: 10px;}
.social_01 .social_l span{font-size: 14px;color: #aaaeb2;}
.social_01 .social_l p{font-size: 16px;color: #777;line-height: 30px;margin-top: 30px;}
.social_01 .social_r{width: 55%;position: relative;}
.social_01 .social_r .one{position: absolute;right: 0;top: 0;}
.social_01 .social_r .two{position: absolute;left: 55px;top: 280px;}
.social_01 .social_r .title{position: relative;margin-top: 185px;margin-left: 50px;z-index: 100;}
.social_01 .social_r .title h4{font-size: 14px;color: #0c3484;text-transform: uppercase;position: relative;}
.social_01 .social_r .title h4::after{content: '';width: 100px;height: 1px;background-color: #0c3484;display: inline-block;position: absolute;top: 7px;left: 350px;}
.social_02{margin-bottom: 120px;}
.social_02 .social_title{text-align: center;margin-top: 60px;}
.social_02 .social_title h3{font-size: 34px;color: #333;}
.social_02 .social_title p{font-size: 14px;color: #aaaeb2;text-transform: uppercase;margin-top: 10px;}
.social_02 .social_cot{margin-top: 40px;}
.social_02 .social_cot .left{width: 48%;}
.social_02 .social_cot .left img{width: 100%;}
.social_02 .social_cot .right{width: 48%;}
.social_02 .social_cot .right p{font-size: 16px;color: #777;line-height: 30px;}


/* 新闻中心-企业动态 */
.new_box{background-color: #fafafa;padding-top: 60px;}
.new_box .new_title h3{font-size: 34px;color: #333;}
.new_box .new_title p{font-size: 14px;color: #aaaeb2;text-transform: uppercase;margin-top: 10px;}
.new_box .new_list{margin-top: 40px;}
.new_box .new_list ul li{margin-bottom: 60px;}
.new_box .new_list .new_li .new_l{width: 8%;padding-top: 35px;}
.new_box .new_list .new_li .new_l p{font-size: 20px;color: #555;}
.new_box .new_list .new_li .new_l p span{font-size: 32px;color: #333;}
.new_box .new_list .new_li .new_r{width: 92%;display: flex;justify-content: flex-start;align-items: center;position: relative;}
.new_box .new_list .new_li .new_r .img {position: absolute;top: 35px;left: 0;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 10px;}
.new_box .new_list .new_li .new_r .img img{border-radius: 10px;width: 100%;height: auto;}
.new_box .new_list .new_li .new_r .new_txt{margin-left: 145px;padding: 80px 60px;padding-left: 235px;}
.new_box .new_list .new_li .new_r .new_txt h4{font-size: 24px;color: #333;font-weight: bold;}
.new_box .new_list .new_li .new_r .new_txt p{font-size: 16px;color: #666;margin-top: 20px;line-height: 30px;}
.new_box .new_list .new_li .new_r .new_logo{position: absolute;top: 20px;right: 20px;opacity: 0;}
.new_box .new_list ul li:hover .new_li .new_r .new_txt{background-color: #fff; box-shadow: 0px 0px 46px 0px rgba(0, 0, 0, 0.13); border-radius: 10px;}
.new_box .new_list ul li:hover .new_li .new_r .new_logo{opacity: 1;}
.new_box .new_list ul li:hover .new_li .new_r .new_txt h4{color: #0c3484;}

.page {display: flex;justify-content: space-around;align-items: center;max-width: 650px;margin: 60px auto 60px auto;}
.page_prev, .page_next {font-size: 16px;color: #999;display: flex;justify-content: flex-start;align-items: center;}
.page_prev a, .page_next a {display: block;position: relative;margin: 0 10px;}
.page ul li {display: inline-block;width: 50px;height: 50px;line-height: 50px; margin: 0 15px;border-radius: 50%;text-align: center;background-color: #fff;}
.page ul li a{font-size: 20px;color: #777;}
.page ul li.on {background-color: #0c3484;color: #fff;}
.page ul li.on a{color: #fff;}


/* 新闻中心-企业动态-新闻详情页 */
.detail_box{background-color: #fafafa;padding: 60px 0;}
.detail_box .detail_txt .title{text-align: center;}
.detail_box .detail_txt h3{font-size: 24px;color: #333;font-weight: bold;margin-bottom: 20px;}
.detail_box .detail_txt span{font-size: 16px;color: #666;}
.detail_box .detail_txt p{font-size: 16px;color: #666;line-height: 30px;margin: 40px 0;}
.detail_box .detail_txt .img{text-align: center;}
.detail_box .detail_bottom{border-top:1px solid #c5c5c5;padding-top: 40px;}
.detail_box .detail_bottom .prev{margin-bottom: 20px;}
.detail_box .detail_bottom .prev a{font-size: 14px;color: #777;}
.detail_box .detail_bottom .next a{font-size: 14px;color: #777;}

/* 产品展厅-研发团队 */
.team_01{margin: 60px 0;}
.team_01 .team_box{background-color: #fafafa;}
.team_01 .team_box .team_l{width: 40%;}
.team_01 .team_box .team_l img{width: 100%;height: 440px;}
.team_01 .team_box .team_r{width: 60%;display: flex;justify-content: space-between;align-items: center;padding: 20px 20px;}
.team_01 .team_box .team_r .team_title{width: 18%;text-align: center;}
.team_01 .team_box .team_r .team_title h3{font-size: 26px;color: #333;margin-bottom: 10px;}
.team_01 .team_box .team_r .team_title p{font-size: 14px;color: #aaaeb2;text-transform: uppercase;margin-top: 10px;margin-bottom: 20px;}
.team_01 .team_box .team_r .team_txt{width:80%;}
.team_01 .team_box .team_r .team_txt p{font-size: 16px;color: #666;line-height: 30px;}
.team_02{background-color: #f7f7f7;padding-top: 60px;padding-bottom: 20px;}
.team_02 .team_cot{position: relative;}
.team_02 .team_cot ul li{float: left;width: 30.333333%;margin: 0 20px;margin-bottom: 40px;}
.team_02 .team_cot .team_li{height: 260px;background-color: #fff;box-shadow: 4.636px 1.873px 21px 0px rgba(105, 105, 105, 0.15);border-radius: 10px;display: flex;justify-content: flex-start;align-items: center;padding: 0 30px;}
.team_02 .team_cot .team_li .left{text-align: center;}
.team_02 .team_cot .team_li .left p{font-size: 18px;color: #333;font-weight: bold;margin-top: 20px;}
.team_02 .team_cot .team_li .right{padding-left: 30px;}
.team_02 .team_cot .team_li .right p{font-size: 14px;color: #666;margin-bottom: 10px;}
.team_02 .team_cot .team_logo{position: absolute;bottom: 40px;right: 60px;}


/* 解决方案-服务特色 */
.solute_01 .solute_box{position: relative;margin: 80px 0;}
.solute_01 .solute_box .solute_l{width: 50%;border-radius: 20px;border: 1px solid #0c3484;padding: 60px 70px; box-shadow: -0.908px 1.782px 49px 0px rgba(100, 100, 100, 0.1);position: relative;}
.solute_01 .solute_box .solute_l .logo{position: absolute;top: 0;left: 0;}
.solute_01 .solute_box .solute_l .solute_top{text-align: center;}
.solute_01 .solute_box .solute_l .solute_top h3{font-size: 34px;color: #333;margin-top: 10px;}
.solute_01 .solute_box .solute_l .solute_txt{margin-top: 30px;}
.solute_01 .solute_box .solute_l .solute_txt p{font-size: 16px;color: #666;line-height: 30px;margin-bottom: 10px;}
.solute_01 .solute_box .solute_r{width: 52%;position: absolute;top: 28px;right: 0;}
.solute_01 .solute_box .solute_r img{width: 100%;box-shadow: 0px 0px 40px 0px rgba(197, 197, 197, 0.23);border-radius: 10px;}
.solute_02{background-color: #f7f7f7;padding-top: 80px;padding-bottom: 40px;}
.solute_02 .solute_cot{width: 90%;margin: 0 auto;}
.solute_02 .solute_cot ul li{float: left;width: 40%;margin: 0 40px;margin-bottom: 40px;}
.solute_02 .solute_cot .solute_li{height: 260px;background-color: #fff;box-shadow: 4.636px 1.873px 21px 0px rgba(105, 105, 105, 0.15);border-radius: 10px;display: flex;justify-content: flex-start;align-items: center;padding: 0 30px;}
.solute_02 .solute_cot .solute_li .left{text-align: center;width: 130px;}
.solute_02 .solute_cot .solute_li .left p{font-size: 18px;color: #333;font-weight: bold;margin-top: 20px;}
.solute_02 .solute_cot .solute_li .left span{font-size: 18px;color: #333;font-weight: bold;}
.solute_02 .solute_cot .solute_li .right{padding-left: 60px;}
.solute_02 .solute_cot .solute_li .right p{font-size: 14px;color: #666;margin-bottom: 10px;}

/* 解决方案-通信延伸覆盖 */
.communicate_box{margin-bottom: 80px;margin-top: 40px;}
.communicate_box .communicate_list ul li{float: left;width: 22%;margin: 0 20px;margin-top: 40px;}
.communicate_box .communicate_list .communicate_li{background-color: #fff; box-shadow: 0px 4px 18px 0px rgba(100, 100, 100, 0.19);padding: 10px 10px;}
.communicate_box .communicate_list .communicate_li .img_box{overflow: hidden;}
.communicate_box .communicate_list .communicate_li .img{background-repeat: no-repeat; background-position: center center; background-size: cover;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.communicate_box .communicate_list .communicate_li .img img{display: block; width: 100%; height: auto;}
.communicate_box .communicate_list .communicate_li .wz{text-align: center;padding: 20px 0;height: 90px;}
.communicate_box .communicate_list .communicate_li .wz p{font-size: 20px;color: #333;font-weight: bold;;}
.communicate_box .communicate_list ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.communicate_box .communicate_list ul li:hover .wz p{color: #0c3484;}


/* 解决方案-通信延伸覆盖-详情页 */
.commun_detail{margin: 80px 0;}
.commun_detail .left{width: 33%;}
.commun_detail .left img{width: 100%;}
.commun_detail .right{width: 62%;}
.commun_detail .right h4{font-size: 20px;color: #333;}
.commun_detail .right .txt {margin-top: 20px;}
.commun_detail .right .txt p{font-size: 16px;color: #555;margin-bottom: 10px;line-height: 30px;}
.commun_detail .right .txt p span{color: #0c3484;margin-right: 10px;}


/* 解决方案-工程设计类服务 */
.desgin_01{margin: 80px 0;}
.desgin_01 h3{font-size: 30px;text-align: center;color: #333;}
.desgin_01 .desgin_box{margin-top: 40px;}
.desgin_01 .desgin_box .title{text-align: center;}
.desgin_01 .desgin_box .title h4{font-size: 28px;color: #333;}
.desgin_01 .desgin_box .title i{display: inline-block;width: 50px;height: 2px;background-color: #0c3484;}
.desgin_01 .desgin_box .desgin_cot{margin-top: 40px;}
.desgin_01 .desgin_box .desgin_cot ul {display: flex;justify-content: center;flex-wrap: wrap;}
.desgin_01 .desgin_box .desgin_cot ul li {width: 14.2857%;color: #333;text-align: center;}
.desgin_01 .desgin_box .desgin_cot ul li img {display: block;max-width: 100%;margin: 0 auto;margin-bottom: 20px;}
.desgin_01 .desgin_box .desgin_cot ul li p {font-size: 16px;}
.desgin_02{background-color: #f7f7f7;padding: 60px 0;}
.desgin_02 .desgin_con{width: 80%;margin: 0 auto;}
.desgin_02 .desgin_l{width: 55%;}
.desgin_02 .desgin_l img{width: 100%;}
.desgin_02 .desgin_r{width: 40%;padding-top: 140px;}
.desgin_02 .desgin_r .desgin_title{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;}
.desgin_02 .desgin_r .desgin_title h4{font-size: 28px;color: #333;}
.desgin_02 .desgin_r .desgin_title p{font-size: 28px;color: #333;}
.desgin_02 .desgin_r .desgin_title p span{color: #0c3484;}
.desgin_02 .desgin_r .txt{margin-top: 20px;}
.desgin_02 .desgin_r .txt p{font-size: 20px;color: #333;margin-bottom: 10px;}


/* 联系开云-人才招聘 */
.talent_01{padding: 60px 0;}
.talent_01 .talent_box{border-bottom: 1px solid #f2f2f2;padding-bottom: 120px;position: relative;}
.talent_01 .zimu{position: absolute;bottom: 10px;right: 0;}
.talent_01 .talent_title{text-align: center;}
.talent_01 .talent_title h3{font-size: 30px;color: #333;}
.talent_01 .talent_title p{font-size: 16px;color: #999;margin-top: 10px;}
.talent_01 .talent_cot {margin-top: 20px;}
.talent_01 .talent_cot .talent_l{width: 32%;position: relative;}
.talent_01 .talent_cot .talent_l .img{position: relative;}
.talent_01 .talent_cot .talent_l .img::after{ content: "";display: block;position: absolute;right: 0;top: 0;width: 100%;height: 110%;z-index: -1;background-color: #eee;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.talent_01 .talent_cot .talent_l .img img{width: 100%;margin-left: 40px;padding-top: 30px;}
.talent_01 .talent_cot .talent_r{width: 57%;padding-right: 40px;padding-top: 40px;}
.talent_01 .talent_cot .talent_r p{font-size: 18px;color: #666;line-height: 30px;}

.job_sec4{width: 100%; padding-bottom: 60px;  box-shadow: 0px 9px 9px -9px #999;}
.job_sec3 .container{padding: 0 80px;}
.job_sec4 .join_title{font-size: 28px;color: #333;text-align: center;margin-bottom: 40px;}
.job_sec4 .job_sec4_con ul {overflow: hidden;}
.job_sec4 .job_sec4_con ul li{float: left; box-sizing: border-box; width: 23%; margin: 0 1%; margin-bottom: 30px; position: relative; border: 1px solid #bfbfbf;border-radius: 10px;}
.job_sec4 .job_sec4_con ul li .box{box-sizing: border-box; padding: 1px 20px 50px;}
/* .job_sec4 .job_sec4_con ul li .job_sec4_xian{width: 30px; height: 4px; margin-top: -3px; background: #00bafe;} */
.job_sec4 .job_sec4_con ul li .xbt{margin: 50px 0 15px 0; color: #1a1a1a;font-size: 20px; font-weight: bold; letter-spacing: 1px;}
.job_sec4 .job_sec4_con ul li .nr{overflow: hidden; height: 160px;}
.job_sec4 .job_sec4_con ul li .nr p{font-size: 14px; line-height: 28px; color: #333;}
.job_sec4 .job_sec4_con ul li .nr p span{line-height: inherit;}
.job_sec4 .job_sec4_con ul li .more{margin-top: 30px;text-transform: uppercase; position: relative;}
.job_sec4 .job_sec4_con ul li .more i{display: inline-block; position: relative; height: 1px;width: 40px; background: #ddd; margin-bottom: 5px;}
.job_sec4 .job_sec4_con ul li .more i b{  width: 10px;background: #0c3484; border-right: 5px #333 solid; height: 1px;position: absolute; left: 0; top: 0; background: #0c3484;transition: all 0.3s;-moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;}
.job_sec4 .job_sec4_con ul li .more span{line-height: 30px;padding-left: 10px;font-family: 'webfontregular';color: #808080;font-size: 16px; text-transform: uppercase;}
.job_sec4 .job_sec4_con ul li:hover .more i b{width: 40px;border-right: 0 #333 solid;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;}
.job_sec4 .job_sec4_con ul li:hover .more span{color: #0c3484;}
.job_sec4 .job_sec4_con ul li:hover{border: 1px solid #0c3484;}


/*招聘弹窗 */
.fixed_box{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 999999; display: none; overflow: hidden; }
.fixed_box .job_fix{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; border-radius: 4px; display: none;}
.fixed_box .job_top{position: relative;}
.fixed_box .job_bot{padding: 30px;}
.fixed_box .job_wz{margin-bottom: 20px;}
.fixed_box .job_wz:after{content: ''; clear: both; display: table;}
.fixed_box .job_wz h2{margin: 0; font-size: 28px; color: #333; font-weight: bold; line-height: 40px; letter-spacing: 2px;}
.fixed_box .job_wz h5{font-size: 14px; color: #888; margin: 12px 0 30px;font-family:Arial, Helvetica, sans-serif;}
.fixed_box .job_wz p{font-size: 14px; line-height: 28px; color: #888;}
.fixed_box .job_wz p span{line-height: inherit;}
.fixed_box .jobCot ul:after{content: '';display: table;clear: both;}
.fixed_box .jobCot li{width: 50%; float: left; font-size: 14px; line-height: 30px; color: #888;}
.fixed_box .jobCot li span{color: #888;}
.fixed_box .job_close{position: absolute; top: 20px; right: 20px; width: 36px; padding: 5px; border-radius: 3px; border: solid 1px rgba(255, 255, 255, 0.5); z-index: 2; cursor: pointer;transform:rotate(45deg); transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;}
.fixed_box .job_close img{width: 100%;}
.fixed_box .job_close:hover{transform:rotate(135deg);}


/* 联系开云-在线留言 */
.liuyan{margin: 80px 0;}
.liuyan .liuyan_l{width: 35%;}
.liuyan .liuyan_l h3{font-size: 32px;color: #333;margin-bottom: 40px;}
.liuyan .liuyan_l .name {margin-top: 20px;}
.liuyan .liuyan_l .tel {margin-top: 20px;}
.liuyan .liuyan_l .name .name_input{font-size: 16px;color: #333;border: 0px; border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;width: 495px;}
.liuyan .liuyan_l .tel .tel_input{font-size: 16px;color: #333;border: 0px; border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;width: 495px;}
.liuyan .liuyan_l .liuyan_txt{margin-top: 20px;}
.liuyan .liuyan_l .liuyan_txt textarea{font-size: 16px;color: #333;width: 495px;height: 160px; border: 0px; border: 1px solid #e5e5e5;padding: 10px 10px;}
.liuyan .liuyan_l .commit{font-size: 18px;color: #333;width: 152px;height: 63px;text-align: center;line-height: 63px;background-color: rgb(247, 245, 242);margin-top: 20px;}
.liuyan .liuyan_r{width: 60%;}
.liuyan .liuyan_r img{width: 100%;}

/* 联系开云-公司总部 */
.contact{margin: 60px 0;}
.contact .title{text-align: center;margin-bottom: 20px;}
.contact .title i{width: 32px;height: 1px;background-color: #0c3484;display: inline-block;}
.contact .title h3{font-size: 30px;color: #333;}
.contact .ditu .map{width: 80%;height: 445px;margin: 0 auto;}
.contact .ditu .map label{display: inline-table !important;}
.contact .bottom{display: flex;justify-content: space-between;align-items: center;width: 80%;margin: 0 auto;margin-top: 40px;}
.contact .bottom .address{display: flex;justify-content: flex-start;align-items: center;border-right: 1px solid #d2d2d2;padding-right: 60px;}
.contact .bottom .address p{font-size: 16px;color: #333;margin-left: 10px;}
.contact .bottom .email{display: flex;justify-content: flex-start;align-items: center;border-right: 1px solid #d2d2d2;padding-right: 60px;}
.contact .bottom .email p{font-size: 16px;color: #333;margin-left: 10px;}
.contact .bottom .tel{display: flex;justify-content: flex-start;align-items: center;padding-right: 60px;}
.contact .bottom .tel p{font-size: 16px;color: #333;margin-left: 10px;}


/* 精选案例 */
.case{padding-bottom: 80px;}
.case .case_01{margin-top: 60px;}
.case .case_01 .title{font-size: 30px;color: #0c3484;margin-left: 20px;font-weight: bold;}
.case .case_01 .communicate_list ul li{float: left;width: 22%;margin: 0 20px;margin-top: 40px;}
.case .case_01 .communicate_list .communicate_li{background-color: #fff; box-shadow: 0px 4px 18px 0px rgba(100, 100, 100, 0.19);padding: 10px 10px;}
.case .case_01 .communicate_list .communicate_li .img_box{overflow: hidden;}
.case .case_01 .communicate_list .communicate_li .img{background-repeat: no-repeat; background-position: center center; background-size: cover;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.case .case_01 .communicate_list .communicate_li .img img{display: block; width: 100%; height: auto;}
.case .case_01 .communicate_list .communicate_li .wz{text-align: center;padding: 20px 0;height: 195px;}
.case .case_01 .communicate_list .communicate_li .wz p{font-size: 20px;color: #333;font-weight: bold;;}
.case .case_01 .communicate_list ul li:hover .img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.case .case_01 .communicate_list ul li:hover .wz p{color: #0c3484;}