html {
	height: 100%;
}
div {
	box-sizing: border-box;
}
body, div, ul, ol, li, table, th, td, h1, h2, h3, h4, h5, h6, h7, dt, dd, p, font, form, input, select, textarea {
	font-family: "Microsoft YaHei";
	font-size: 16px;
	color: #333;
	line-height: 180%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover, a:focus {
	color: #333;
	text-decoration: none;
}
a:hover {
	transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	color: #527ff9;
}
a:active {
	color: #333;
	text-decoration: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}
img{display:block;}
ul, ol {
	list-style-type: none;
}
h1, h2, h3, h4, h5, h6, h7 {
	font-weight: 400;
}
input, select {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
a:focus, input:focus, textarea:focus {
	outline: none;
}



.top{height:64px; border-bottom: #eaeaea solid 1px; display: flex; align-items: center;}
.header{width: 1400px; margin: 0 auto; font-size: 24px; font-weight: bold; color: #527ff9;}
.container{background: #f6f8ff;}
.content{width: 1400px; margin: 0 auto;}
.fl{display: flex; justify-content: space-between; align-items: center; }
.height_1{height: 580px;}
.left_pro{width: 490px;}
.left_pro h1{font-size: 36px;}
.left_pro p{padding-top: 10px;}
.left_pro p:last-child{padding-top: 50px;}
.left_pro p a.button_0{border-radius: 25px; padding: 10px 30px; box-shadow: 0 5px 8px #eee; transition: all 0.4s ease;}
.left_pro p a.button_0:hover{box-shadow: 0 5px 15px #ccc; transform: translateY(-3px);}
.left_pro p a.button_1{background: #fff; border: #527ff9 solid 1px; color: #527ff9; margin-right: 20px;}
.left_pro p a.button_1:hover{border: #3568f1 solid 1px; color: #3568f1;}
.left_pro p a.button_2{background: #527ff9; border: #527ff9 solid 1px; color: #fff;}
.left_pro p a.button_2:hover{background: #3568f1; border: #3568f1 solid 1px;}


.right_pro{width: 750px; position: relative;}
.c_title{font-size: 36px; padding: 80px 0 10px 0; margin: 0 auto; text-align: center;}
.c_txt{font-size: 18px; line-height: 240%; width: 900px; padding-bottom: 80px; margin: 0 auto; text-align: center;}
.c_txt2{font-size: 18px; font-weight: bold; line-height: 200%; width: 1000px; padding-bottom: 80px; margin: 0 auto; text-align: center;}
.qy_logo{padding: 0 0 150px 0;}
.qy_logo ul{display: flex; justify-content: center;}
.qy_logo li{margin: 0 10px;}
.qy_logo li a{background: #fff; border-radius: 8px; box-shadow: 2px 2px 8px #e6e6e6; width: 216px; height:74px; display: flex; justify-content: center; align-items: center;  transition: all 0.4s ease;}
.qy_logo li a:hover{ box-shadow: 4px 4px 15px #ccc; transform: translateY(-3px);}
.qy_logo li a img{max-height:60px;}

.zy_list{}
.zy_list ul{display: flex; justify-content: space-between; }
.zy_list li{width: calc(50% - 10px);}
.zy_list li a{display: flex; justify-content: space-between;  background: #fff; border-radius: 15px;  box-shadow: 0 0 15px #e6e6e6; border: #f1f1f1 solid 1px; transition: all 0.4s ease; overflow: hidden;  padding: 25px; height: 420px;}
.zy_list li a:hover{ box-shadow: 0 0 15px #aac1ff; border: #aac1ff solid 1px; transform: translateY(-3px);}
.zy_img{width: 200px;}
.zy_img span{display: block; margin-bottom: 20px;}
.zy_img span img{width: 85%;}
.zy_img p{padding: 10px 0 10px 15px; background: #eef2fe; border-radius: 0 15px 0 0; line-height: 130%}
.zy_img p:first-child{padding-bottom: 0;}
.zy_img p:last-child{padding-top: 0; border-radius: 0 0 0 15px;}
.zy_info{width: calc(100% - 225px);}
.zy_info h1{padding-bottom: 10px ; font-size: 20px;}

.zy_info p em{background: #527ff9; padding: 3px 15px; border-radius: 20px; color: #fff; font-style: normal;}
.zy_info p b{font-size: 18px;}





.tx_list{}
.tx_list ul{display: flex; justify-content: space-between; }
.tx_list li{width: calc(33.3% - 13px); display: block; height: 560px;  background: #fff; border-radius: 15px;  box-shadow: 0 0 15px #e6e6e6; border: #f1f1f1 solid 1px; transition: all 0.4s ease; overflow: hidden; padding: 50px; position: relative; overflow: hidden;}
.tx_list li:hover{ box-shadow: 0 0 15px #aac1ff; border: #aac1ff solid 1px; transform: translateY(-3px);}
.tx_list li span{display: block; text-align: center; padding-top: 40px;}
.tx_list li span i{font-size: 80px; color: #ccd6f0;}
.tx_list li span.fl{position: absolute; right:-20px; bottom:-20px;}
.tx_list li span.fl i{font-size: 180px; color: #dde3f2;}
.tx_list li h1{font-size: 24px; text-align: center; padding-bottom: 30px; padding-top: 20px;}
.tx_list li .icon_tx{height:136px;  margin: 30px auto 0 auto;  display: flex; justify-content: center; align-items: center;}
.tx_list li .icon_tx p{width: 100%;  display: flex; justify-content: center; }
.tx_list li .icon_tx a{padding: 9px 0; width: 65%; border-radius: 8px; background: #527ff9; color: #fff;  display: flex; justify-content: center;}
.tx_list li .icon_tx a:hover{background: #3568f1;}
.tx_list li .icon_tx a i{color: #fff; font-size: 20px; margin-right: 8px;}

.tx_list li .ewm_tx{padding-top: 30px; height:160px;}
.tx_list li .ewm_tx p{ display: flex; justify-content: center; font-size: 12px;}

.spacer{padding: 80px 0 ;}
.spacer2{padding-bottom: 80px;}
.spacer3{padding-bottom: 20px; border-bottom: #eaeaea solid 1px; margin-bottom: 20px;}
.spacer4{padding-top: 10px;}


.masked-text {
  font-size: 24px;
  color: #527ff9; /* 或者任何颜色 */
  -webkit-mask-image: url('#mask');
  mask-image: url('#mask');
  -webkit-mask-size: cover;
  mask-size: cover;
}







/* 轮播图1 */
.col{
    width: 750px;
    height: 402px;
    position: relative;
}
.col_window{
    height: 402px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.col_con{
    position: absolute;
    left: 0;
    height: 402px;
    transition: left .4s ease;
}
.col_con>img{
    float: left;
	width: 750px;
}
.arrows_Lcon{
    width: 45px;
    height: 45px;
	border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: calc(50% - 23px);
    left: 15px;
    cursor: pointer;
}
.arrows_Rcon{
    width: 45px;
    height: 45px;
	border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: calc(50% - 23px);
    right: 15px;
    cursor: pointer;
}
.arrows_Lcon:hover{
    background: rgba(0, 0, 0, 0.52);
}
.arrows_Rcon:hover{
    background: rgba(0, 0, 0, 0.52);
}
.arrows_left,.arrows_right{font-family: "宋体"; font-size: 20px; font-weight: 800; color: #fff;
    width: 45px;
    height: 45px;
    display: flex;
	align-items: center;
	justify-content: center;
    
}

.dots{
    width: 750px;
    height: 10px;
    margin: 0 auto;
    transform: scale(1.5);
    position: absolute;
    bottom: 15px;
}
.dots div{
    width: 72px;
    margin: 0 auto;
}
.dots span{
    width: 7px;
    height: 7px;
    background-color: #527ff9;
	border:#527ff9 solid 1px;
    float: left;
    margin: 0 6px;
    border-radius: 50%;
    cursor: pointer;
    color: transparent;
}
.dots span:hover{
    background-color: #fff !important;
}

/*轮播2*/
#zSlider {
	overflow:hidden;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#picshow {
	position:relative;
	
}
#picshow, #picshow_img {
	width:750px;
	overflow:hidden;
}
#picshow_img li {
	width:750px;
	overflow:hidden;
	float:left;
	display:none;
}
#picshow_img img {
	width:750px;
}

#select_btn {
	width:490px;
	display:inline;
}
#select_btn li {
    padding: 20px 9px;
	border:0;
    cursor: pointer;
    transition: all .7s ease 0s;
} 
#select_btn li:hover {
    background-color: #f1f4fd;
	 transform: translateX(5px)
}
#select_btn li a:hover .select_title, #select_btn li.current .select_title {
    color:#527ff9;
}
#select_btn li.current {
	background-color: #edf1fc;
}
#select_btn li.current a{
    color: #333
}
#select_btn li.current:hover {
    background-color: #e9eef9;
	 transform: translateX(5px)
}
#select_btn a {
	color:#333;
}

#select_btn .select_title {
	font-size:24px;
	display:block;
}
#select_btn .select_title:hover {
	
}
#select_btn .select_text {
	display:block;
	margin-top: 10px;
}
#foot_bm a, #foot_bm, p, p a {
	color:#666;
}