@charset "utf-8";
/* CSS Document */
body, html {
	width:100%;
}
html{font-size:10px;}
@media screen and (max-width: 1920px) {
  html {
    font-size: 0.5208333333vw;
  }
}

body {
	margin:0;
	padding:0;
	font-family:"Montserrat", "微软雅黑", Arial;
	font-size:14px;
	line-height:1.5;
	color:#000;
	max-width:1920px;
	width:100%;
	font-size:max(2.4rem,14px);
    min-width:1200px;
	margin:0px auto;
	overflow-x:auto;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover {
	
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both;
}
.container {
	margin:0px auto;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* {
	box-sizing: border-box;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-center-y {
	display: flex;
	align-items: center;
}
* {
	box-sizing: border-box;
}
/* 首页 */
header{ background-image:url(../images/index_01.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; padding:3.6rem 8.3rem; width:100%;}
header .logo{ width:44rem;}
header .logo img{ max-width:100%; height:auto;}
header .tpright .pic{ width:9.4rem; margin-left:8.4rem;}
header .tpright .tel{ font-weight:bold;}
header .tpright .tel img{ height:2.8rem; width:auto; margin-right:8px;}
header .menu ul li{ padding:0rem 2rem;}
header .menu ul li a{ display:inline-block; position:relative; font-weight:bold; line-height:2;}
header .menu ul li a.active,
header .menu ul li a:hover{ color:#2b6eb6;}
header .menu ul li a.active:before,
header .menu ul li a:hover:before {
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #2b6eb6;
	content: '';
}
.banner{ margin:0px auto; width:100%;}
.banner ul li{ position:relative;}
.banner ul li .content{ max-width:1410px; position:absolute; left:50%; top:50%; width:92%;transform: translate(-50%,-50%); color:#fff;}
.banner ul li .content .title{font-size:max(7.1rem,35px); font-weight:bold; line-height:1.3; letter-spacing:2px;}
.banner ul li .content .lab{ letter-spacing:2px; margin-top:4.7rem;}
.banner .swiper-pagination-bullet{width:12px; height:12px; margin:6px !important; background-color:#fff; opacity:1;}
.banner .swiper-pagination-bullet-active{ background-color:#2a63ae;}
.more{ display:inline-flex;
    align-items: center; background:#e71629; color:#fff;font-size:max(1.6rem,14px); padding:0px 20px; border-radius:30px; height:max(4.0rem,35px); color:#fff;}
.more img{height:max(1.0rem,6px); margin-left:10px;transition: all .3s ease;-webkit-transition: all .3s ease;}
.more:hover img{margin-left:15px;}
.banner ul li .content .more{ margin-top:12.5rem; margin-bottom:14.3rem;}
.banner.no2 ul li .content .more{ margin-bottom:0px;}
.banner.no2 ul li .content .title{ line-height:1.5;}
.banner ul li .content dl{display: flex;align-items:flex-start; }
.banner ul li .content dl dd{ margin-right:13.2rem; text-align:center;}
.banner ul li .content dl dd .eng{font-size:max(1.2rem,10px);text-transform: uppercase;}
.banner ul li .content dl dd .txt{font-size:max(3rem,20px); letter-spacing:4px; margin-bottom:1.5rem;}

.index .part_1{ background:#f1f1f1; padding-top:7.9rem; padding-bottom:11.9rem; margin-bottom:11rem;}
.index .part_1 .index_about{ display:flex;align-items:flex-start; max-width:1410px; margin:0px auto; width:92%; }
.index .part_1 .index_about .about_left{ float:left; flex:1;}
.index .part_1 .index_about .about_left .index_bt { font-weight:bold; line-height:1.1; margin-bottom:3rem;}
.index .part_1 .index_about .about_left .index_bt .eng{font-size:max(7.1rem,35px);}
.index .part_1 .index_about .about_left .index_bt .title{font-size:max(3.6rem,26px);}
.index .part_1 .index_about .about_left .photo img{ width:100%; height:auto;}
.index .part_1 .index_about .about_right{ width:40%; background:#fff; border-bottom:0.6rem #2a63ae solid; border-top:1.6rem #2a63ae solid; padding:5.8rem 3.8rem;font-size:max(2rem,14px);}
.index .part_1 .index_about .about_right .title { color:#22293c; font-weight:bold;font-size:max(6rem,32px); line-height:1.2; letter-spacing:0px;}
.index .part_1 .index_about .about_right .line{ width:5.2rem; height:0.3rem; background:#22293c; margin-top:3.5rem; margin-bottom:3.5rem;}
.index .part_1 .index_about .about_right .desc { line-height:1.7;}
.index .part_1 .index_about .about_right .desc p{ text-indent:2em;}
.index .part_1 .index_about .about_right ul{ margin-top:5rem;}
.index .part_1 .index_about .about_right ul li .count{display: flex;align-items: flex-end; line-height:1; margin-top:1rem; }
.index .part_1 .index_about .about_right ul li .count .big{ font-weight:bold; font-size:max(5.6rem,25px); color:#2b6eb6; line-height:1;}
.index .part_1 .index_about .about_right ul li .count .sml{ line-height:1.6; margin-left:7px;}

.index .part_2{ width:92%; max-width:1612px; margin:0px auto 15rem;}
.p_title{ margin-bottom:4.3rem;}
.p_title .tpleft{ font-weight:bold; color:#040000;}
.p_title .tpleft .title{font-size:max(3.6rem,26px); }
.index_product ul li:last-child{ margin-right:0px;}
.index_product ul li{ width:18.8%; margin-right:1.5%; text-align:center; float:left;}
.index_product ul li a{ color:#040000;}
.index_product ul li a .title{ margin-top:2.3rem;}
.index_product ul li a .photo{ height:45.7rem; width:100%;overflow:hidden;}
.index_product ul li a .photo img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.index_product ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_product ul li a:hover .title{  color:#2b6eb6;}
.index_product:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;}

/*底部*/
footer .foot_1{ background:#2a63ae; padding:3.6rem 2rem; color:#fff;display: flex;
    align-items: center;
    justify-content: center;}
footer .foot_1 .obtain{font-size:max(1.8rem,13px); width:22.5rem; height:max(4.5rem,38px); border:1px #fff solid; border-radius:30px; text-align:center;display: flex;
    align-items: center;justify-content: center; color:#fff; margin-left:12rem;transition: all .3s ease;-webkit-transition: all .3s ease; }
footer .foot_1 .obtain:hover{ background:#fff; color:#2a63ae;}
footer .foot_2{ background:#232323; padding-top:5.8rem; padding-bottom:5.5rem; color:#fff; line-height:2; padding-left:28.8rem; padding-right:28.8rem;}
footer .foot_2 .container{ margin:0px auto;align-items:flex-start; }
footer .foot_2 .gray{ color:#5c5c5c;}
footer .foot_2 .f_left .weix{ margin-top:1rem;}
footer .foot_2 .f_left .weix img{ width:16.2rem; height:auto;}

.midd_m{ padding-top:15rem; padding-bottom:11.6rem;}
.midd_m .container{ max-width:1601px; width:92%;}
.p_title.no1{ margin-bottom:0px;}
.new_list ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 0px 6.6rem;
align-items: stretch;}
.new_list ul li{ overflow:hidden; border-top:1px #7f7f7f solid; padding:7.5rem 0px;}
.new_list ul li a .title{ font-weight:bold; color:#040000;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; padding-bottom:2.4rem; margin-bottom:1.8rem; position:relative;}
.new_list ul li a .title:before {
	width: 2.6rem;
	height: 0.3rem;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #000;
	content: '';
}
.new_list ul li a .photo{ height:25.5rem;width:100%;overflow:hidden;}
.new_list ul li a .photo img{ width:100%; height:100%; object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.new_list ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.new_list ul li a .desc{ display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color:#565656; font-size:max(1.6rem,13px); margin-top:3.3rem; margin-bottom:5.4rem;}
.new_list ul li a .more1{ color:#a9a9a9; font-size:12px;}
.new_list ul li a:hover .title{ color:#e71629;}
.new_list ul li a:hover .title:before { background:#e71629;}
.new_list ul li a:hover .more1{ color:#e71629;}
.new_list ul li:nth-child(1),.new_list ul li:nth-child(2),.new_list ul li:nth-child(3),.new_list ul li:nth-child(4){ border-top:0px;}

.cen_m{ background:#f1f1f1; padding-top:14rem; padding-bottom:11.3rem;}
.cen_m .container{ max-width:1403px; width:92%;}
.job_1{ text-align:center; margin-bottom:12.4rem;}
.job_1 .title{ font-size:max(3.6rem,26px); color:#2a63ae; font-weight:bold;}
.job_1 .line{ height:2px;display: flex;
    align-items: center;
    justify-content: center; margin-top:2.4rem; margin-bottom:5rem;}
.job_1 .desc{ line-height:1.8; color:#040000;}
.job_list ul li{ background:#fff;display: flex;align-items: stretch; margin-bottom:5.8rem;}
.job_list ul li:last-child{ margin-bottom:0px;}
.job_list ul li .photo{ width:42.9%; overflow:hidden;}
.job_list ul li .photo img{ width:100%; height:100%;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.job_list ul li .photo:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.job_list ul li .content{ flex:1; padding:4rem 8rem;display: flex;flex-direction: column; justify-content: space-between;}
.job_list ul li .content .title{display: flex;flex-wrap: wrap; justify-content: center;align-items:center; margin-bottom:2.4rem; 
  }
.job_list ul li .content .title .txt{ font-weight:bold;  font-size:max(3.6rem,26px); margin-right:15px; }
.job_list ul li .content .infor{ flex:1;display: flex;align-items:center; line-height:1.8; }
.job_list ul li:nth-child(2n){flex-direction: row-reverse; }
.scroller{
	display:flex;
	flex-wrap:nowrap;
	overflow:hidden;
}

.scroller .scroll-wrapper{
	display:flex;
	flex-wrap:nowrap;
}

/*新增*/
.banner.dance ul li .content{ text-align:center;}
.case_1{  margin-top:7rem;}
.case_1 ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 6.4rem 5.4rem;
align-items: stretch;}
.case_1 ul li a{ display:block; text-align:center;font-size: max(2.4rem,14px);}
.case_1 ul li a .photo{ height:73.6rem; overflow:hidden; margin-bottom:3.2rem;}
.case_1 ul li a .photo img{width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transition: all .5s;
    -webkit-transition: all .5s;}
.case_1 ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.case_1.pro ul li a .photo{ height:auto;}
.midd_m .container1{ max-width:1411px; margin:0px auto; width:92%;}
.show_1{ border-bottom:1px #d9d9d9 solid; padding-bottom:3.1rem; line-height:1; margin-bottom:10rem;}
.show_1 .tpleft{font-size: max(4.8rem,36px); color:#2a63ae; font-weight:bold;}
.show_1 .more{ background:#2a63ae; width:28.3rem; height:6.5rem; border-radius:0px;display: flex;
    align-items: center;
    justify-content:center;}
.show_2{ }
.show_2 ul li{background:#f6f7fa; padding:6rem 6.5rem; font-family:Arial, Helvetica, sans-serif; margin-bottom:9.3rem;}
.show_2 ul li .title{ color:#b8b8ba; font-size:26px;}
.show_2 ul li .sml{ color:#d6d6d9; font-size:20px;}
.recom{display: flex;
    align-items: center;
    justify-content: center;}
.recom .content{ border:1px #00479d solid;align-items: center; line-height:1.4;}
.recom .content .txt{ font-size:3.5rem; padding:0px 15px;}
.recom .content .btn{ background:#00479d; color:#fff; padding:0px 20px; font-size:4.2rem;}
.show_3{  display:flex;align-items: stretch;justify-content: space-between; background:#f5f5f5; margin-bottom:14rem;}
.show_3 .photo{ width:47.9%;display: flex;
    align-items: center;
    justify-content: center;}
.show_3 .content{ flex:1; padding:6rem 8rem 5rem;}
.show_3 .content .title{ color:#000000; font-size:6rem; line-height:1.1; padding-bottom:3.8rem; border-bottom:2px #000 solid; margin-bottom:5.5rem;}
.show_3 .content ul { margin-bottom:8rem;}
.show_3 .content ul li{ display:flex;align-items: center; margin-bottom:2.5rem;}
.show_3 .content ul li .tpleft{ min-width:14rem; margin-right:20px;display:flex;align-items: center;}
.show_3 .content ul li .tpleft img{ margin-right:13px;}
.show_3 .content dl{ width:50rem;}
.show_3 .content dl dd{ width:19.5rem; text-align:center;font-size:max(2.8rem,15px); color:#4a4b4e;}
.show_3 .content dl dd .pic{ margin-bottom:4.4rem;}
.show_3 .content dl dd a{color:#4a4b4e;}
.case_1.pro.zoo1{ margin-top:0px;}
.case_1.pro.zoo1 ul li a:hover .photo img{transform:scale(1);-webkit-transform:scale(1); }
.case_1.pro.zoo1 ul{grid-gap: 6.4rem 8.4rem;}
.doing{ text-align:center;}
.copyright{ text-align:center; background:#333; color:#fff; padding:10px 0px; font-size:14px;}
.copyright a{ color:#fff;}
@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1200px) {
 html{font-size:6px;}
}