* { box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */-webkit-text-size-adjust: none; outline: none;font-family: Microsoft YaHei,Helvetica, Arial, "sans-serif";scroll-behavior: smooth;scroll-padding-top:88px;/*锚点滑动时，浮动导航不盖住内容，88px为导航的高度*/}
body {
padding:0px; margin: 0px;
}

body {
font: 16px "Arial";
color: #333;
line-height: 1.5;
overflow-x: hidden; padding:0px; margin: 0px;
}

a:hover{text-decoration:none}
a{color: #333}
ul, li, dt,dd{padding: 0px; margin: 0px; list-style: none}
p{padding: 0px; margin: 0px;}
.fl{float: left;}
.fr{float: right;}
.text-c{text-align: center;}


/*弹性布局*/

/*换行*/
.flex_tap{flex-wrap: wrap;}
/*居中*/
.flex_cont{display: flex;justify-content: center; align-items:center;}
/*两端*/
.flex_sp{display: flex;justify-content: space-between;}
/*垂直*/
.flex_y{display: flex;justify-content: space-between;flex-direction: column;}

/* 定位 */
/* 垂直水平居中 */
.pos-XY{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
/* 垂直居中 */
.pos-Y{position: absolute;top: 50%;transform: translateY(-50%);}
/* 水平居中 */
.pos-X{position: absolute;left: 50%;transform: translateX(-50%);}


/* 通用滚动条代码 */
::-webkit-scrollbar {
width:7px;
background-color: #004098;
}

::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #111;
}

::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #004098;
}

.input1::-webkit-input-placeholder{ font-size:14px; color:#999}
.input2::-webkit-input-placeholder{ font-size:14px; color:#999}

.textarea_txt::-webkit-input-placeholder{ font-size:14px; color:#999; font-family: Microsoft YaHei, sans-serif;}

video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel { width: calc(100% + 30px);}


.space-h1{ overflow:hidden; clear:both; height:10px; width:100%}
.space-h2{ overflow:hidden; clear:both; height:20px; width:100%}
.space-h3{ overflow:hidden; clear:both; height:30px; width:100%}
.space-h4{ overflow:hidden; clear:both; height:40px; width:100%}

@media only screen and (max-width:1000px) {
.space-h2{ overflow:hidden; clear:both; height:10px; width:100%}
.space-h3{ overflow:hidden; clear:both; height:15px; width:100%}
.space-h4{ overflow:hidden; clear:both; height:20px; width:100%}
}


.main{ max-width:1500px; overflow:hidden; width:94%; margin:0 auto;}

@media (min-width: 1930px) {
.main{ max-width: 1600px; width:94%; margin:0 auto;}
}


.blue_bg{background: #004098;}
.white_bg{background: #fff;}
.grey_bg{background: #f5f5f5;}


.m_box{ width:100%;padding:80px 0px 80px 0px; overflow:hidden; }

.wrapper{ width:100%; padding:100px 0px 100px 0px; overflow:hidden; position: relative; z-index: 2;}

@media only screen and (max-width:1400px) {
.wrapper{padding:60px 0px 60px 0px;}
.m_box{padding:60px 0px 60px 0px;}
}
@media only screen and (max-width:1300px) {
.wrapper{ padding:40px 0px 40px 0px;}
.m_box{ padding:40px 0px 40px 0px;}
}

@media only screen and (max-width:1100px) {
.wrapper{ padding:30px 0px 30px 0px;}
.m_box{ padding:30px 0px 30px 0px;}
}


.public-img{overflow: hidden; position: relative}
.public-img .img_box{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
transition: all 0.5s ease; 
-webkit-transition: all 0.5s ease;
}

/* ---图片----- */
.public-img .img_box img{width: 100%;height: auto; vertical-align: top}
.public-img:hover .img_box{transform: scale(1.1); -webkit-transform: scale(1.1);}

.public-imgs{ overflow:hidden; position:relative; padding-top:66%;}
.public-imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.public-imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}


.actGotop{position:fixed;_position:absolute;bottom:70px;right:2%;width:40px;height:40px;display:none; z-index:10; border-radius:50%; background-image: linear-gradient(-225deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);}
.actGotop a,.actGotop a:link{width:40px;height:40px;text-align:center;}
.actGotop a:hover{outline:none;}
.actGotop i{ width:40px;height:40px; line-height: 40px; color: #fff;font-size: 18px}

.actGotop a:hover{ background:#ff9100; border-radius:50%; }
.actGotop a {display: flex;align-items: center;justify-content: center;}
.actGotop a i{color: #fff;}


/* ---图片-列表布局---- */
.list-pic2{overflow: hidden; margin:0;padding: 0;}
.list-pic2 li{ width: 49%;float:left;margin-right:2%; margin-bottom: 2%;overflow: hidden; margin:0;padding: 0;}
.list-pic2 li:nth-child(2n){margin-right: 0;}

.list-pic3{overflow: hidden; margin:0;padding: 0;}
.list-pic3 li{ width: 32%;float:left;margin-right:2%; margin-bottom: 2%;overflow: hidden; margin:0;padding: 0;}
.list-pic3 li:nth-child(3n){margin-right: 0;}

.list-pic4{overflow: hidden; margin:0;padding: 0;}
.list-pic4 li{ width: 23.5%;float:left;margin-right:2%; margin-bottom: 2%;overflow: hidden; margin:0;padding: 0;}
.list-pic4 li:nth-child(4n){margin-right: 0;}

.list-pic5{overflow: hidden; margin:0;padding: 0;}
.list-pic5 li{ width: 18.4%;float:left;margin-right:2%; margin-bottom: 2%;overflow: hidden; margin:0;padding: 0;}
.list-pic5 li:nth-child(5n){margin-right: 0;}

.list-pic6{overflow: hidden; margin:0;padding: 0;}
.list-pic6 li{width: 15.166%;float:left;margin-right:1.8%; margin-bottom: 2%;overflow: hidden; margin:0;padding: 0;}
.list-pic6 li:nth-child(6n){margin-right: 0;}



.main-title{ text-align:center; margin-bottom:30px; position: relative; z-index: 2;}
.main-title h3{ color: #fff;font-size: 3vw;line-height:1.4; font-weight:700;text-transform:uppercase;  position:relative; margin-bottom: 10px; padding-bottom: 5px;}
.main-title .text-des{font-size: 18px; color: rgba(255, 255, 255, 0.8); max-width:800px; width:92%; margin:0 auto; font-weight:300; line-height:22px}
.main-title h4{ color: #fff;font-size: 1.5vw;line-height:1.2; padding: 0px; margin: 0; }
.main-title h3::before{position: absolute; z-index: 1;content: ""; bottom:0; width: 40px; height: 3px; background: #f18108;left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);}

@media only screen and (max-width:1400px) {
.main-title h3{font-size: 3.2vw;}
.main-title h4{font-size: 20px;}
}

@media only screen and (max-width:1200px) {
.main-title h3{ font-size: 28px;}
.main-title h4{font-size: 18px;}

.main-title{ text-align:center; margin-bottom:20px}
.main-title .text-des{font-size: 16px;}
}

@media only screen and (max-width:900px) {
  .main-title h4{font-size: 16px}
.main-title h3{ font-size: 24px;}
.main-title .text-des{font-size: 14px;}
}



/* ---home_about---- */
.home-about_bg{overflow:hidden;background:url(../images/about_bg.jpg) no-repeat center bottom;background-size:cover;position: relative; }
.box-video{ width: 100%;  vertical-align: top}

.brand_dv{overflow: hidden;margin:0 auto;padding:0px; border-radius: 30px;border: 5px solid #007be4;max-width: 1000px; margin: 0 auto;
position: absolute;z-index: 3;left: 50%;top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%);
}
.brand_dv img{max-width: 100%; width: auto; height: auto;vertical-align: top}
.home_about_info{overflow: hidden; margin: 0px; padding: 0; line-height: 190%;font-size: 1vw; color: #fff;max-width: 1000px; margin: 0 auto;}


.sy_number{overflow: hidden; margin: 0px;padding: 0px; margin-top: 20px;text-align:center;}
.sy_number li{overflow: hidden; margin: 0px;padding: 0px 25px; display: inline-block; position:relative;}
.sy_number li dl{overflow: hidden; margin: 0px;padding: 0px;}
.sy_number li dl dt{overflow: hidden; margin: 0px;padding: 0px;font-size:4vw;font-weight: bold; margin-bottom: 5px;color: #f18108;
 font-family: 'AVGBBT';line-height: 1.3;}
.sy_number li dl dt span{font-weight: 500;font-size: 30px;}
.sy_number li dl dd{overflow: hidden; margin: 0px;padding: 0px; font-size: 18px;color: #fff;}
.sy_number li:first-child::before{position: absolute; z-index: 1;content: "";width: 1px; height: 80%; background: #fff;right:0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.ip_img_box{position: absolute; z-index: 5;bottom:5%; width: 100%;left:0}
.ip_img{overflow: hidden;margin: 0px;padding: 0px;text-align:center;}
.ip_img li{display: inline-block;padding: 0px 2%;}
.ip_img li img{max-width: 9vw;vertical-align: bottom;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.ip_img li:hover img{ animation: float 1s infinite;cursor:pointer;}
@keyframes float {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-5px); }
}




@media only screen and (max-width:1500px) {
.home_about_info{font-size: 18px;}
}

@media only screen and (max-width:1300px) {
.home_about_info{font-size: 16px;}
.sy_number li dl dd{font-size: 16px;}
}
@media only screen and (max-width:1200px) {
.brand_dv{ border-radius: 30px;border: 3px solid #007be4;}
.home_about_info{font-size: 14px;}
.brand_dv{width: 80%;}
.ip_img_box{bottom:0; }
.sy_number li dl dt{font-size:4.5vw;}
.sy_number li dl dt span{font-size: 20px;}
.sy_number li dl dd{font-size: 14px; }
}

@media only screen and (max-width:800px) {
.ip_img li img{max-width: 11vw;}
.sy_number li dl dt{font-size:36px;}
}
@media only screen and (max-width:640px) {
.ip_img_box{bottom:2%; }
}

@media only screen and (max-width:580px) {
.ip_img li img{max-width: 11vw; width: 100%;}
.ip_img li{display: block;padding: 0px 5px;width: 20%;text-align: center;float: left;}
.ip_img_box{bottom:0; }
.brand_dv{width: 90%;}
}

@media only screen and (max-width:500px) {
.ip_img li img{max-width: 80%; width: 100%;}
.sy_number li{width: 50%;float: left;padding: 0px;}
.sy_number li dl dd{ padding: 0px 10px;}
}



.gd_pic{overflow: hidden;position: relative; padding: 5% 0px; }
.container_gd_pic{
  overflow: hidden;
  margin: 20px 0;
    transform: rotate(-5deg); 
  -webkit-transform: rotate(-5deg); 
  transform-origin: center;  /* 旋转中心点（默认值） */
}

.scroll-wrapper {
  display: inline-block;
  white-space: nowrap;
  position: relative;
}

/* 向左滚动动画 */
@keyframes scrollLeft {
  from { transform: translateX(0%); }
  to { transform: translateX(-50%); }
}

/* 向右滚动动画 */
@keyframes scrollRight {
  from { transform: translateX(-50%); }
  to { transform: translateX(0%); }
}

.image-row {
  display: inline-block;
  padding: 10px 0;
}

.image-row img {
  display: inline-block;
  height: 10vw;width:auto;
  margin: 0 15px;
  vertical-align: middle;
}

/* 向左滚动样式 */
.left-scroll .image-row {
  animation: scrollLeft 170s linear infinite;
}

/* 向右滚动样式 */
.right-scroll .image-row {
  animation: scrollRight 170s linear infinite;
}

@media only screen and (max-width:1200px) {
.image-row img { height: 100px;}
}

@media only screen and (max-width:900px) {
.image-row img { height: 80px;}

.left-scroll .image-row {animation: scrollLeft 115s linear infinite;}
.right-scroll .image-row {animation: scrollRight 115s linear infinite;}

}

@media only screen and (max-width:700px) {
.image-row img { height: 60px;}

}

@media only screen and (max-width:500px) {
.gd_pic{overflow: hidden;position: relative; padding: 10px 0px; }
.image-row img { height: 50px;}
}

@media only screen and (max-width:410px) {
.gd_pic{overflow: hidden;position: relative; padding: 10px 0px; }
.image-row img { height: 40px;}
.image-row {
  display: inline-block;
  padding: 5px 0;
}
}

.video-container {
 
            position: relative;
        }

        /* 隐藏原生控件 */
        video::-webkit-media-controls {
            display: none !important;
        }

        /* 自定义播放按钮样式 */
        .play-fallback {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            padding: 12px 24px;
            background: rgba(0,0,0,0.7);
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            display: none;
        }




.tab1{ padding: 0px;margin:0px; position: relative;background: #004098;}
.tab1 ul{ padding: 10px; position: absolute;right:0;;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}
.tab-hd1 { margin: 0px; position: relative;overflow: hidden;margin-right: 5%;}
.tab-hd1 li{ cursor:pointer; line-height: 1.3; font-size: 2.2vw; font-weight:600;padding: 10px 0px 2vw 0px; padding-right: 3%;width: 40vw;
color: rgba(255, 255, 255, 0);position: relative;
}

.tab-hd1::before{content: "";position: absolute;z-index: 1;right:14px;top:10px; height: 100%; width: 1px; background:rgba(255, 255, 255, 0.4);}


.tab-hd1 li p{color: #fff;margin: 0px; line-height: 1.4;justify-content: flex-end;display: flex; padding-right: 2vw; padding-top: 5px;
color: transparent;-webkit-text-stroke: 1px #fff; text-stroke: 1px #fff;align-items: center; }
.tab-hd1 li.active1{color: #fff;line-height:1.4; font-size:2.2vw; z-index: 2; position: relative; }
.tab-hd1 li.active1 p{color: #fff;-webkit-text-stroke: 0px #fff; text-stroke: 0px #fff;}
.tab-hd1 li .nubmer{
	position: absolute;
	right: 3.2vw;
	top: 0;font-size: 16px;font-weight: 300; color: #fff; z-index: 3;}

.tab-hd1 li p span{ margin-right: 8px;}
.tab-hd1 li p span img{ height: 36px;width: auto;vertical-align: middle;}



.tab-bd1 .div1{display:none;margin:0;  padding: 0px; }
.tab-bd1 .div1.thisclass{ display:block}


.fywh_title{overflow: hidden;margin: 0px;position: absolute;top:3%;width: 70%;left:0;z-index: 4;}
.fywh_title h3{ color: #fff;font-size: 3vw;line-height:1.4; font-weight:700;text-transform:uppercase; position:relative;padding-left: 2vw;}

@media only screen and (max-width:1400px) {
.fywh_title h3{font-size: 3.2vw;}

}

@media only screen and (max-width:1200px) {
.fywh_title h3{ font-size: 28px;}
}

@media only screen and (max-width:900px) {
.fywh_title h3{ font-size: 24px;}
}

.feiwuzhi_tu_k{overflow: hidden;margin: 0px;position: absolute;bottom:-3vw;width: 70%;left:0;z-index: 4;}
.feiwuzhi_info{overflow: hidden;margin: 0px; padding-left: 2vw;}
.feiwuzhi_info dl{overflow: hidden;margin: 0px;}
.feiwuzhi_info dt{overflow: hidden;margin: 0px;font-size: 1.8vw; margin-bottom: 10px; color: #fff;}
.feiwuzhi_info dd{overflow: hidden;margin: 0px;}
.feiwuzhi_info dd img{width: 20vw;height: auto;}


.maidian_tu{overflow: hidden;margin: 0px;padding:0px;}
.maidian_tu img{width: 100%; height:auto;vertical-align: top;}


@media only screen and (max-width:1300px) {
.tab-hd1 li p span img{ height: 30px;}
.tab-hd1 li .nubmer{font-size: 14px;}
}

@media only screen and (max-width:900px) {
.tab-hd1 li p span img{ height: 22px;}
.tab-hd1 li p{font-size: 20px;}
.tab-hd1 li.active1 p{font-size: 20px;}
.feiwuzhi_info dt{font-size: 18px;}
}

@media only screen and (max-width:600px) {
.feiwuzhi_info dt{font-size: 16px;}
.tab-hd1 li p span img{ height: 20px;}
.tab-hd1 li p{font-size: 18px;line-height:1.2;}
.tab-hd1 li.active1 p{font-size: 18px;line-height:1.2;}
.tab-hd1 li{padding-top: 10px;}
.tab-hd1 li .nubmer{font-size: 12px; line-height: 16px;}
}
@media only screen and (max-width:450px) {
.tab-hd1 li p{font-size: 16px;line-height:1.2;padding-top: 0;padding-right: 25px;}

.tab-hd1 li.active1 p{font-size: 16px;line-height:1.2; padding-right: 25px;}
.tab-hd1 li{width: 50vw; padding-top:0 ;}
.tab-hd1 li .nubmer{top: 2px;}
.tab-hd1 li p span{ margin-right: 6px;}
}


.dot {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 0px;
	top: 0;
	background: #fff;
	border-radius: 50%;
	content: '';
	transition: all .4s;
}
.dot::before {
	width: 14px;
	height: 14px;
	position: absolute;
	left: -3px;
	top: -3px;
	border-radius: 50%;
	content: '';
	border: 1px solid #fff;
	opacity: 0;
}

@media only screen and (max-width:450px) {
.dot {top:5px}
.tab-hd1::before{top:15px;right: 13px;}

.dot::before {
	width: 11px;
	height: 11px;}
  .dot {
	width: 7px;
	height:7px;
}
.tab-hd1 {margin-right: 3%;}
}

.tab-hd1 li.active1 .dot::before {
	animation: lineAniamte 1s linear infinite;
}

@-webkit-keyframes lineAniamte {
	0% {
		transform: scale(0);
		opacity: 0;
	}

	70% {
		transform: scale(1.1);
		opacity: 1;
	}

	100% {
		transform: scale(1.3);
		opacity: 0;
	}
}

.advantage ol li.active .dot {
	transform: scale(1.3);
}


/* ---home-pro--- */


.pro_box{overflow: hidden; margin: 0px;padding: 0; position: relative; border-radius: 10px;}
.public-pro{ overflow:hidden; position:relative; padding-top:150%;}
.public-pro img{width: 100%; height:100%; position:absolute; left:0; top:0;-moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.public-pro:hover img{-webkit-transform:scale(1.2, 1.2); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}


.public_title{position: absolute; z-index: 2; width: 100%; padding: 8px 5px; background: rgba(0, 0, 0, 0.3); 
left:0;bottom:0;font-size: 16px;text-align: center;color: #fff;}
.pro_box .title{
		font-size: 24px;
		color: #fff;
		position: absolute;
		left: 20px;
		top: 0px;
		z-index: 10;
		writing-mode: vertical-lr;
		-webkit-writing-mode: vertical-lr;
		-ms-writing-mode: vertical-lr;
		letter-spacing: 3px;  padding: 10px 4px; background:#004098 url(../images/i-tit.svg) no-repeat center 10px; background-size: 30px auto; padding-top: 40px;
	  }

.prod_box{overflow: hidden; margin: 0px;padding: 0; display: flex;justify-content:space-between;width: 96%; margin: 0 auto; position: relative;}
.prod_L{overflow: hidden; margin: 0px;padding: 0;width: 22%; }
.prod_R{overflow: hidden; margin: 0px;padding: 0;width: 78%;}
.prod_L dl{overflow: hidden; margin: 0px;padding: 0; padding-right: 30px; padding-top: 10%;}
.prod_L dl dt{overflow: hidden; margin: 0px;padding: 0;font-size:1.6vw;line-height: 1.4;text-align: center;color: #004098;font-weight: bold;}
.prod_L dl dd{overflow: hidden; margin: 0px;padding: 0;}
.prod_box .ippic{width: 20%; height: auto; position: absolute; bottom:-11px;left:0; z-index: 3;}
.prod_box .ippic img{width: 100%; height: auto;}

@media only screen and (max-width:1300px) {
.prod_L dl{padding-top: 40%;}
.pro_box .title{font-size: 20px;}
.pro_box .title{ background-size: 25px auto; padding-top: 37px;}
}


@media only screen and (max-width:1100px) {
.pro_box .title{font-size: 18px;}
.prod_L dl dt{font-size: 18px;}
}

@media only screen and (max-width:1000px) {
  .prod_L dl dt{font-size: 16px;}
  .prod_box .ippic{ bottom:-5px;}
}

@media only screen and (max-width:760px) {
.prod_box{display: block;justify-items: center;}

  .prod_L dl dt{font-size: 18px;line-height: 1.5;text-align:left;}
.prod_L dl{padding-top:0; margin-bottom: 30px; padding-top: 5px; padding-right: 0;}
  .prod_L {width: 200px;display: inline-block;}
.prod_R{width: 100%;}
  .prod_box .ippic{ bottom:none;top:0}
  .prod_box .ippic{width: auto;position: relative;float: left; padding-right: 10px;} 
    .prod_box .ippic img{height: 70px;width: auto;}
}

@media only screen and (max-width:640px) {
.pro_box .title{font-size: 16px;}
.pro_box .title{ background-size: 22px auto; padding: 10px 4px 5px 4px; padding-top: 35px;}
}
@media only screen and (max-width:540px) {
.pro_box .title{font-size: 14px;}
}


/* ---文章详细内容---- */

.container-main{ overflow:hidden;margin:0px; padding:50px 4% 30px 4%; background: #fff;  border-radius: 10px;}


.article-title{ width:100%; line-height:1.4; font-size:1.6vw;margin-bottom:15px; color:#222; font-weight: 600; padding: 0px;}

.article-info{width:100%; border-bottom:#ededed 1px solid; font-size:14px; color:#666666; 
padding-bottom:15px; margin-bottom:0px; line-height:25px; margin-bottom: 15px;
display: flex;display: -webkit-flex;justify-content: center;align-items: center;flex-wrap: wrap;
}
.article-info i{ font-size:16px; color:#999999; margin-right:2px; font-weight:300; vertical-align: middle}

@media (max-width: 1300px) {
.article-title{ font-size: 24px;}
}
@media (max-width: 1200px) {
	.container-main{ padding:30px 4% 20px 4%;}
.article-title{ font-size: 20px;}
}
 
.content-txt{line-height:200%; color:#333333; font-size:16px; overflow:hidden; }
.content-txt p{line-height:200%; color:#333333; font-size:16px; overflow:hidden;}
.content-txt img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}


.content-img{overflow:hidden; width:100%; text-align:center;font-size:16px;}
.content-img img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;}

.content-txt table{ table-layout: fixed;word-break: break-all; }
.content-txt table td{border:1px solid #999;}
.content-txt table{border:1px solid #999;} 

@media (max-width: 1300px) {
.content-txt{line-height:190%;}
.content-txt p{line-height:190%; overflow:hidden;}
.content-img{overflow:hidden; width:100%; text-align:center;}

.content-txt{font-size:14px;}
.content-txt p{font-size:14px;}
}





.post_prev_box{width: 100%; height: auto; margin: 0px; padding: 0px; margin-top:30px; margin-bottom: 20px; overflow: hidden;}

.post_prev{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: left;display: flex}
.post_prev .icon{width: 24px;line-height: 20px; position: relative;height: 20px;}
.post_prev .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block; line-height: 20px;font-size: 14px}
.post_prev .icon i{ font-size: 16px; line-height: 20px;color: #ccc; vertical-align: middle; margin-top: -5px}
.post_prev .icon::before{width:1px;height:14px;position:absolute;right:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_next{width: 50%;line-height: 20px;padding: 20px;background:#f2f2f2; float: right;display: flex}
.post_next .icon{width: 24px; display:inline-block;line-height:20px; height: 20px; position:relative;text-align: right; margin-left: 5px}
.post_next .n_title{width: calc(100% - 30px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;line-height: 20px; font-size: 14px}
.post_next .icon i{ font-size: 16px; line-height: 20px; vertical-align:top;color: #ccc; }
.post_next .icon::before{width:1px;height:14px;position:absolute;left:5px;background:#ccc;content:'';z-index: 5;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}

.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 16px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 16px}

.post_prev:hover{ background: #004098}
.post_prev:hover a{ color: #fff}
.post_next:hover{ background: #004098}
.post_next:hover a{ color: #fff}

@media screen and (max-width: 1300px) {

.post_prev .n_title a{ line-height: 20px; display: inline;font-size: 14px}
.post_next .n_title a{ line-height: 20px; display: inline;font-size: 14px}
}

@media screen and (max-width: 900px) {
.post_prev{width: 100%; margin-bottom: 15px}
.post_next{width: 100%;}
}


.related{ font-size:18px; color:#222; padding:0px; margin:0px; margin-top:25px; margin-bottom:20px; font-weight:700}
.related span{font-size:18px; color:#222; padding:0px; margin:0px;}

.relatedlist{margin:0px 0px; padding:10px 10px 10px 10px; overflow:hidden;border:#eee 1px solid;}
.relatedlist li{margin:0px; padding:0px; width:48%; margin-right:1%; margin-left:1%;float:left; margin-bottom:10px; line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:16px; text-indent:10px; color:#111;position: relative;}
.relatedlist li a{display: inline}
.relatedlist a{ display: inline}


.relatedlist li:before {
position: absolute;
display: block;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
content: "";
width: 4px;
height: 4px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #ccc
}


.relatedlist li:hover::before {background: #e52129}
.relatedlist li a:hover { color:#0e75c8; }


.next_k{ padding:0px;margin-top:15px; border-top:#ddd 1px solid;}
.next_k ul{margin:0px; padding:0px; margin-top:10px}
.next_k ul li{ line-height:28px; margin:0px; padding: 2px 0px; color:#666666; font-size:16px; list-style:none}
.next_k ul li a:hover{ color: #005fb8;}

@media (max-width:1000px) {
.relatedlist{margin:0px 0px; padding:5px 0px 0px px;}
.relatedlist li{margin:0px; padding:0px;width:48%; margin-right:1%; margin-left:1%; float:left;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:15px}
.relatedlist li{ font-size:14px}
.relatedlist li a{ display: inline}
.relatedlist a{ display: inline}

.next_k ul li{ line-height:25px; margin:0px; padding:0px; color:#666666; font-size:14px; list-style:none}
.next_k ul li a{font-size:14px}
.page_k{ text-align:center; padding:0px; font-size:12px;border-top:#ddd 0px solid; margin-top:15px;}
.page_k a{ font-size:12px}
.page_k a:hover{ font-size:12px}
}

@media (max-width:750px) {
.relatedlist li{margin:0px; padding:0px;width:98%; margin-right:1%; margin-left:1%; float:left;line-height:34px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:15px}
}




/*----pages-------*/



#pages {
text-align: center; overflow:hidden; margin:0px; margin-top: 30px; margin-bottom: 10px
}

#pages li {
margin: 0 2px;
height: 32px;
line-height: 32px;
text-align: center;
background: #e6e6e6;
color: #333;
display: inline-block;
}
#pages li a{
font-size: 14px;
display: block;
padding: 0 12px;
}
#pages li span{
font-size: 14px;
display: block;
padding: 0 12px;
}
#pages li.active {
text-align: center;
background: #0e75c8;
color: #fff;
display: inline-block;
}

#pages li:hover {
background: #0e75c8;
}

#pages li:hover a {
color: #fff;
}

/* ---footer---- */

.footer_box{overflow:hidden; padding:100px 0px 60px 0px; margin:0px;overflow: hidden; position: relative;background: url(../images/about_bg.jpg) no-repeat bottom; background-size:cover;}
.footer_box::before{background:rgba(0, 0, 0, 0.7); content:"";
position:absolute;top:0; bottom: 0;width: 100%; height: 100%;}

.footer_k{display: flex;display: -webkit-flex;justify-content: space-between;position: relative;z-index: 2;}

.footer_lx{ overflow:hidden;padding:0px; }
.footer_lx dl{ overflow:hidden; margin:0px; padding:0px; color:#fff;}

.footer_info{ overflow:hidden;padding:0px;width: 45%;position: relative;z-index: 2;}
.footer_info dl{ overflow:hidden; margin:0; padding:0px; color: #fff; }
.footer_info dl dd{ overflow:hidden; margin:0px;padding :3px 0px;color: rgba(255,255,255,0.9); line-height: 190%;font-size: 18px;}
.footer_info dl dt{ margin-bottom: 15px;font-size: 1.5vw; color: #fff; }

.footer_info dl dd .foot_tel{overflow: hidden; margin: 0px; padding:10px 10px; background:#004098;  border-radius: 80px; display: inline-block;
display: flex;justify-content: center;align-items: center;width: 20vw;min-width: 320px; margin-bottom: 10px;}
.footer_info dl dd .foot_tel dl{overflow: hidden; margin: 0px; padding:0px; color: #fff; }
.footer_info dl dd .foot_tel dl dt{overflow: hidden; margin: 0px; padding:0px;font-size: 16px;line-height: 24px; color: #fff; }
.footer_info dl dd .foot_tel dl dd{overflow: hidden; margin: 0px; padding:0px;font-size: 34px;font-family: 'AVGBBT';font-weight: bold;line-height: 1.1; color: #fff; }
.footer_info dl dd .foot_tel span{ margin-right: 8px;float: left;}
.footer_info dl dd .foot_tel dl dd a{font-family: 'AVGBBT'; color: #fff;}
.footer_info dl dd .foot_tel span img{height: 60px; width: auto;vertical-align: top;}


.footer_book{margin: 0px; padding:0;overflow: hidden; width:54%;}
.footer_sqjm{display: flex;justify-content: space-between;align-items: center;}
.qs_title{font-size: 30px;font-weight: bold; margin-bottom:15px; color: #222;}
.qs_title a{color: #005fb8;font-family: 'AVGBBT';}
.foot_book_k{background: #fff; padding: 5%; border-radius: 10px; }

.footer_sqjm form{width: 60%;}
.kfwx_box{margin: 0px; padding:0;overflow: hidden;width: 240px; text-align: center;width: 40%;text-align: center;}
.kfwx_box img{width: 90%; height: auto;vertical-align: top;}
.kfwx_box p{font-size: 18px; line-height: 30px; padding: 0px; margin: 0px; color: #004098;}

.footer_nav{margin: 0px; padding:0;overflow: hidden; width:54%;}
.footer_nav li{width: 14.28%;float:left;text-align: right;}
.footer_nav li dl{margin: 0px; padding:0;overflow: hidden; }
.footer_nav li dl dt{margin: 0px; padding:0;overflow: hidden;color: #fff; font-size: 18px;font-weight: 700; margin-bottom: 10px; line-height: 200%;}
.footer_nav li dl dd{margin: 0px; padding:0;overflow: hidden;color:rgba(255, 255, 255, 0.8); font-size: 16px;font-weight: normal; line-height: 200%;}
.footer_nav li dl dt a{color: #fff;}
.footer_nav li dl dd a{color:rgba(255, 255, 255, 0.8);}

.footer-copyright{padding:20px 0px 20px 0px; margin:0px; overflow:hidden; background: #000; border-top: 1px solid rgba(255,255,255,0.1);}
.footer-copy_txt{ color:#b0b0b0; font-size:14px;}
.footer-copy_txt a{ color:#b0b0b0; }
.footer-copy_txt .beian{ float:right; display:inline}
.footer-copy_txt .beian span img{ vertical-align:middle}
@media only screen and (max-width:1600px) {
.footer_info dl dd .foot_tel dl dd{font-size: 28px;}
.footer_info dl dd .foot_tel span img{height: 55px;}
.qs_title{font-size: 26px;}
}
@media only screen and (max-width:1300px) {
.kfwx_box p{font-size: 16px; }
.footer_book{width:55%;}
.footer_info{width:45%;}
.qs_title{font-size: 22px;}
.footer_info dl dt{font-size: 18px;}
}
@media only screen and (max-width:1200px) {
.footer_info dl dd{ padding:2px 4px;color: rgba(255,255,255,0.8); line-height: 190%;font-size: 14px;}
.footer_info dl dd i{font-size: 16px; margin-right: 5px; }
}

@media only screen and (max-width:1200px) {
.footer_nav li dl dt{font-size: 16px;}
.footer_nav li dl dd{font-size: 14px;}
}


@media only screen and (max-width:1000px) {
.footer-copyright{ padding:20px 0px 20px 0px;}
.kfwx_box p{font-size: 14px; }
.footer_nav{display: none;}

.footer_k{display: block;}

.footer_lx{width: 100%;}
.footer_info{width: 100%;}
.footer_k{display: block;}

.footer_box{ padding: 40px 0px;}

.footer-copy_txt .beian{ display:block; width:100%; line-height:24px;float: none;text-align: center;}
.footer-copy_txt .beian a{font-size:12px}

.footer-copy_txt{text-align: center;}
}
@media only screen and (max-width:800px) {
.footer-copy_tx a{ font-size:12px}
}



.d_2wm_box{margin: 0px; padding: 10px 0px 10px 0px;}
.d_2wm{ width:110px;text-align:center; margin-right: 15px; display: inline-block}
.d_2wm img{ width:110px; height:110px; vertical-align:top; border-radius: 5px;vertical-align: top;}
.d_2wm p{ font-size:16px; color:#fff; line-height:30px;padding: 0px; margin: 0px; margin-top: 5px;}

.d_2wm:last-child{margin-right:0}


@media only screen and (max-width:1300px) {
.d_2wm img{ width:100px; height:100px; }
.d_2wm{ width:100px;}
}

@media only screen and (max-width:1200px) {
.d_2wm img{ width:90px; height:90px; }
.d_2wm{ width:90px;}

.footer_info dl dt{text-align: center;}
.footer_info dl dd .foot_tel{min-width: 260px; margin: 0 auto;margin-bottom: 10px; }
.footer_info dl dd .foot_tel dl{overflow: hidden; margin: 0px; padding:0px; color: #fff; }
.footer_info dl dd .foot_tel dl dt{font-size: 14px;line-height: 20px;text-align: left;}
.footer_info dl dd .foot_tel dl dd{font-size: 22px;line-height: 22px; }
.footer_info dl dd .foot_tel span{ margin-right: 8px;float: left;}
.footer_info dl dd .foot_tel span img{height: 45px; width: auto;vertical-align: top;}

.footer_info dl dd{text-align: center;}
.d_2wm_box{text-align: center;}
.d_2wm p{ font-size:14px;}
}

.huangdong{-webkit-animation: swing3 5s infinite;	animation: swing3 5s infinite;}

@media only screen and (max-width:500px) {
  .d_2wm{width: 50%; margin-right: 0px;float: left; margin-top: 10px;}
}
@-webkit-keyframes swing3 {
	10% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	20% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	30% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg);
	}

	40% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	50%,
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}


.link_box{overflow: hidden; background: #111;}
.link_txt{ overflow:hidden;padding: 0 ; position: relative;z-index: 2;}
.link_txt ul{ margin:0px; overflow:hidden;padding:15px 0px 15px 0px;}
.link_txt ul li{ width:auto; float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding:0px 10px 0px 0px; color:#eee;display: inline-block}
.link_txt ul li a{ font-size:14px; color: #eee;}
.link_txt ul li a:hover{color:#fff}

@media (max-width: 1000px) {
	.link_txt{ display: none;}
.link_txt ul li a{font-size: 12px; line-height:22px;}

.footer_book{width:100%;float: none; margin-top: 20px;}
.footer_info{width:100%;float: none;}
.qs_title{font-size: 20px;}
}

@media (max-width: 700px) {
.qs_title{font-size: 18px;text-align: center;}
}
@media (max-width: 600px) {
.footer_sqjm{display: block;}

.foot_book_k{background: #fff; padding: 5%; border-radius: 10px; }

.footer_sqjm form{width: 100%;}
.kfwx_box{width: 100%;}
.kfwx_box img{max-width:120px; margin-top: 20px;}
}





/*----news_03-------*/

        .news_03 {overflow: hidden; position: relative; margin: 0px;padding: 0px;}
        .news_03 li{overflow: hidden; position: relative; margin: 0px;padding: 0px;}
        .news_03 li{width: 32%; margin-right: 2%; margin-bottom: 2%;float:left;}
        
        .news_03 li dl{overflow:hidden; padding: 30px 30px; margin: 0px; background: #f6f6f6}
        .news_03 li dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 20px; color: #222; line-height: 30px;text-align: justify; margin-bottom: 5px;
            /*display: inline;*/
            background-image: linear-gradient(to right,#004098 0,#004098 100%);
            background-position: 0 100%;
            background-repeat: no-repeat;
            background-size: 0 1px;
            -webkit-transition: .3s,background-size .8s;
            transition: all .3s,background-size .8s;}
        .news_03 li dl dd{overflow:hidden; padding: 0px; margin: 0px;font-size: 16px; color: #888; }
        .news_03 li dl dd .news_date{/* overflow:hidden; */padding: 0px;margin: 0px;font-size: 14px;color: #888;line-height: 26px;display: flex;display:-webkit-flex;align-items: center;justify-content: flex-start; width: 100%;}
        .news_03 li dl dd .news_date i{ margin-right: 4px;font-size: 16px;}
        
        .news_03 li:nth-child(1){overflow: hidden; position: relative; margin: 0px;padding: 0px;width: 100%; margin-right:0; margin-bottom: 2%;}
        .news_03 li:nth-child(3n+1){margin-right:0%;}
        .news_03 li:nth-child(n+2) dl dt{ line-height: 30px; height:60px;}
        .news_03 li:nth-child(n+2) dl dd{ line-height: 30px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;}
        
        .img_news{overflow: hidden; position: relative}
        .img_news .tu_img{
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          transition: all 0.5s ease; 
          -webkit-transition: all 0.5s ease;
        }
        .img_news .tu_img img{width:100%;height: auto; vertical-align: top}
        .news_03 li:hover .img_news .tu_img{transform: scale(1.1); -webkit-transform: scale(1.1);}
        
        .news_03 li:nth-child(1) {background: #f6f6f6;}
        .news_03 li:nth-child(1) .img_news{ width: 50%;float: left;}
        .news_03 li:nth-child(1) dl{ width: 50%;float: left;}
        .news_03 li:nth-child(1) a{display: flex;display: -webkit-flex;justify-content: space-between;align-items: center;}
        .news_03 li:nth-child(1)  dl{overflow:hidden; padding: 30px 5%;}
        .news_03 li:nth-child(1)  dl dt{font-size: 24px;max-height: 74px;height: 74px; line-height: 32px; border-bottom: #ddd 1px solid; padding-bottom: 10px;overflow: hidden; margin-bottom: 10px;}
        .news_03 li:nth-child(1)  dl dd{line-height: 30px;max-height: 60px;margin-bottom: 5px;}
        .news_03 li:nth-child(1):hover dt{  color: #004098;}
        .news_03 li:hover dt{  color: #004098;}
        .news_03 li:hover dd{  color: #555;}
        .news_03 li:hover dt{ background-size: 100% 1px;}
        .news_03 li:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
        
        @media screen and (max-width:1250px) {
          .news_03 li dl dt{font-size:18px;line-height: 30px;}
          .news_03 li:nth-child(1) dl dt{font-size: 22px;max-height: 70px;height: 70px; line-height: 30px;}
          .news_03 li dl dd{font-size: 14px;}
        }
        @media screen and (max-width:1000px) {
          .news_03 li dl dt{font-size:16px;line-height: 26px;height:52px;}
          .news_03 li:nth-child(1) dl dt{font-size: 20px;max-height: 70px;height: 70px; line-height: 30px;}
          .news_03 li dl dd{font-size: 14px;line-height: 26px;line-height: 26px;}
          .news_03 li dl{overflow:hidden; padding: 20px 20px;}
          .news_03 li dl dd .news_date{font-size: 12px;}
          .news_03 li dl dd .news_date i{ margin-right: 4px;font-size: 14px;}
          .news_03 li:nth-child(n+2) dl dt{ line-height: 26px; height:52px;}
          .news_03 li:nth-child(n+2) dl dd{ line-height: 26px;white-space:nowrap;text-overflow:ellipsis;}
        }
        
        @media screen and (max-width:749px) {
          .news_03 li:nth-child(1){width:49%; margin-right:2%; margin-bottom:20px;}
          .news_03 li:nth-child(1) dl dd{white-space:nowrap;text-overflow:ellipsis;margin-bottom: 0px;line-height: 26px;}

          .news_03 li:nth-child(1) .img_news{ width: 100%;float: none;}
          .news_03 li:nth-child(1) dl{ width: 100%;float: none;}
          .news_03 li:nth-child(1) a{display: block;}
          .news_03 li:nth-child(1) dl{overflow:hidden; padding: 20px 20px;}
          .news_03 li:nth-child(1) dl dt{font-size:16px;line-height: 26px;height: 52px;border-bottom: #ddd 0px solid; padding-bottom:0px;overflow: hidden;margin-bottom: 5px;}
          .news_03 li{margin-right:2%;width: 49%; margin-bottom: 20px;}
          .news_03 li:nth-child(3n+1){margin-right:2%;}
          .news_03 li:nth-child(2n){margin-right:0%;}
        
        }
        @media screen and (max-width:600px) {
          .news_03 li:nth-child(1) dl{overflow:hidden; padding: 15px 12px;}
          .news_03 li dl{overflow:hidden; padding: 15px 12px;}
        }
        @media screen and (max-width:450px) {
          .news_03 li{margin-right:0;width: 100%; margin-bottom: 20px;}
          .news_03 li:nth-child(1){width:100%; margin-right:0; margin-bottom:20px;}
          .news_03 li:nth-child(3n+1){margin-right:0;}
          .news_03 li:nth-child(1) dl dt{font-size:16px;line-height: 26px;height: auto;}
          .news_03 li:nth-child(n+2) dl dt{ line-height: 26px; height:auto;}
          .news_03 li:nth-child(n+2) dl dd{ line-height: 24px; max-height:48px;white-space:inherit;text-overflow:inherit;}
        }
        

/*----news_03--//----*/

.qy_box{border: 1px solid #fef3dd; overflow: hidden; position: relative; border-radius: 8px;}
.qy_imgs{ overflow:hidden; position:relative; padding-top:174%; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.qy_imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;
-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.public_title{position: absolute; z-index: 2; width: 100%; padding: 8px 5px; background: rgba(0, 0, 0, 0.3); 
left:0;bottom:0;font-size: 16px;text-align: center;color: #fff;}
.qy_imgs a{display: inline;}
@media screen and (max-width:1400px) {
.public_title{font-size: 14px;}
}

.qy_box:hover .qy_imgs{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1); transform:scale(1.1);
transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}


.Signing_list{overflow: hidden; margin: 0px; padding: 0px;}
.Signing_list li{overflow: hidden; margin: 0px; padding: 0px;float: left; width: 23.5%; margin-right: 2%; margin-bottom: 2%;}
.Signing_list li:nth-child(4n){margin-right: 0; }


 @media (max-width: 700px) {

.Signing_list li{width: 32%;margin-bottom: 20px;}
.Signing_list li:nth-child(4n){margin-right:2%; }
.Signing_list li:nth-child(3n){margin-right: 0; }

 }



 @media (max-width: 410px) {

.Signing_list li{width: 49%; margin-bottom: 15px;}
.Signing_list li:nth-child(4n){margin-right:2%; }
.Signing_list li:nth-child(3n){margin-right: 2%; }
.Signing_list li:nth-child(2n){margin-right: 0; }
 }





.news_list_tj{overflow:hidden; padding: 0px; margin: 0px;margin: 0 auto; position: relative;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #f1f1f1}
.news_list_tj a{display: inline}
.news_list_tj dl{overflow:hidden; padding: 20px 20px; }
.news_list_tj dl dt{overflow:hidden; padding: 0px; margin: 0px; font-size: 20px; color: #000; line-height: 30px;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 15px;position: relative; padding-bottom: 10px}
.news_list_tj dl dd{overflow:hidden; padding: 0px; margin: 0px;white-space:nowrap;text-overflow:ellipsis;color:rgba(0, 0, 0, 0.6);font-size: 16px}
.news_list_tj dl dt::after{ position: absolute; z-index: 2;left: 0px; bottom: 0px; width: 0px; height: 1px; background: #ffffff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; content: "";}

.n_time{ position: absolute; z-index: 2; padding: 5px 10px;font-size: 12px; background: rgba(0, 0, 0, 0.2); float: left;left: 0px; bottom: 0; color: #fff;display: flex;align-items: center; }

.news_list_tj .img_box_tj{overflow: hidden; position: relative}

.news_list_tj:hover dl dd{color:rgba(255, 255, 255, 0.9)}
.news_list_tj:hover dl dt{color:rgba(255, 255, 255,1)}
.news_list_tj:hover{box-shadow:0 0 10px 1px rgba(0,0,0,.1);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; background: #004098}
.news_list_tj:hover .n_time{ background:#004098;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; color: #ffffff;}
.news_list_tj .n_time i{font-size: 14px;}
.news_list_tj:hover dl dt::after{ width: 100%;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}



@media screen and (max-width: 1450px) {
.news_list_tj dl dt{font-size:20px;line-height: 30px;}
}

@media screen and (max-width: 1300px) {
.news_list_tj dl dt{font-size:18px;line-height: 30px;}
}

@media screen and (max-width: 1000px) {
.news_list_tj dl dt{font-size:16px;line-height: 24px;}
}

@media screen and (max-width:750px) {
.news_list_tj dl dd{font-size: 14px; line-height: 24px}
}

@media screen and (max-width:600px) {
.news_list_dm li dl dd{ margin-bottom:0px; max-height: 48px;font-size: 14px; line-height: 24px;white-space:normal;text-overflow:inherit;}
}


.fl{float: left;}
.fr{float: right;}

.brand_td_k{overflow: hidden; padding: 0px; margin: 0px;position: relative;}
.brand_td_tu{width: 82%;overflow: hidden; padding: 0px; margin: 0px; }
.brand_td_tu img{max-width: 100%;width: auto; height: auto; border: #fff 4px solid; border-radius: 10px;}
.brand_R_k{overflow: hidden; padding: 0px; margin: 0px;position: absolute;z-index: 3;right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);width: 30%;display: flex;justify-content: flex-end; height:100%;align-items: center;}

.brand_L_k{overflow: hidden; padding: 0px; margin: 0px;position: absolute;z-index: 3;left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);width:  100%;}

.brand_td_title_bg{width: 18vw; position: relative;transition: transform 0.3s ease-out;}
.brand_td_title_bg img{width: 100%; height: auto;vertical-align: top;}


.brand_td_title_bg img{-webkit-transition: all .5s; -webkit-animation: lineAnimate 10s linear infinite;
	 -webkit-filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.4)); filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.4))
}
.brand_td_title_bg img {
    display: block;
    width: 100%;
    max-width: 100%;
}


@-webkit-keyframes lineAnimate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes lineAnimate {
	0% {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}




.brand_td_title_bg::after {
    width: 11vw;
    height: 11vw;
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
  background: #fff;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%); border-radius: 50%;}	
	

.brand_title_info{
	 width: 9vw;
    height: 9vw;
    position: absolute;
    left: 50%;
    top: 50%;
    content: '';
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%); z-index: 4;display:flex;justify-content: center;align-items: center; }

.brand_title_info dl{margin: 0px;padding: 0;text-align: center;}
.brand_title_info dl dt{margin: 0px;padding: 0; color: #004098;font-size: 1.4vw;font-weight: bold;}
.brand_title_info dl dd{margin: 0px;padding: 0;color: #004098;font-size: .9vw;}


.kttu_R_k{overflow: hidden; padding: 0px; margin: 0px;position: absolute;z-index: 5;right:4vw; bottom:0;width: 8vw;max-width: 160px;}
.kttu_R_k img{width: 100%; height: auto;}
.kttu_L_k{overflow: hidden; padding: 0px; margin: 0px;position: absolute;z-index: 5;left:4vw; top:0;width: 8vw;max-width: 160px;}
.kttu_L_k img{width: 100%; height: auto;}

@media only screen and (max-width:1300px) {
.brand_title_info dl dt{font-size:18px}
.brand_title_info dl dd{font-size:12px}	
}

@media only screen and (max-width:1200px) {
		.brand_title_info dl dt{font-size:16px}
.brand_td_title_bg{width: 20vw;}
.brand_title_info{
	 width: 11vw;
    height: 11vw;}
	.brand_td_title_bg::after {
    width: 12vw;
    height: 12vw;}

.kttu_R_k{right:5vw; bottom:0;width:10vw;}
.kttu_L_k{left:5vw; bottom:0;width: 10vw;}
}

@media only screen and (max-width:950px) {
.brand_td_title_bg{width: 22vw;}
.brand_title_info{
	 width: 12vw;
    height: 12vw;}
	.brand_td_title_bg::after {
    width: 13vw;
    height: 13vw;}
}
@media only screen and (max-width:900px) {
.brand_title_info dl dt{font-size:14px}
}

@media only screen and (max-width:760px) {
.brand_td_tu{width: 100%;}
.brand_td_k{ padding-top: 50px;}

.brand_R_k{overflow: hidden; padding: 0px; margin: 0px;position: absolute;z-index: 2;right: 0;
top: 0%;
-webkit-transform: translateY(-0%);
-moz-transform: translateY(-0%);
transform: translateY(-0%);width: auto;display:block;}

.brand_L_k{overflow: hidden; padding: 0px; margin: 0px;position: absolute;z-index: 2;left: 0;
top:0;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
transform: translateY(0%);width: auto;}
.m_box{ padding:0px 0px 30px 0px;}


.brand_td_title_bg{width: 30vw;min-width:170px}
.brand_title_info{
	 width: 16vw;min-width:95px;
    height: 16vw;min-height:95px}

.brand_td_title_bg::after {
    width: 18vw;	min-width:105px;
    height: 18vw;	min-height:105px}

.kttu_R_k{right:none;bottom:none;width:15vw;top:0; left:0;transform: scaleX(-1);}
.kttu_L_k{left:initial;width: 15vw;top:0; right:0;transform: scaleX(-1);}

}

@media only screen and (max-width:450px) {
	.kttu_R_k{width:18vw;}
	.kttu_L_k{width:18vw;}
}



/*-------banner-----------*/
#Inside_img{ width:100%; height:700px ;background:#004098;background-size:cover!important;position:relative;}
@media only screen and (max-width:1500px) {
#Inside_img{height:600px }
}

@media only screen and (max-width:1300px) {
#Inside_img{ height:400px ;}
}
@media only screen and (max-width:1200px) {
#Inside_img{height:300px ;}
}

@media only screen and (max-width:1000px) {
#Inside_img{height:200px ;}
}

@media only screen and (max-width:700px) {
#Inside_img{ height:150px; }
}

.banner_mask{overflow: hidden;width: 100%; height: 100%; position: absolute;top:0;left:0;z-index: 1; background: rgba(0, 0, 0, 0.4);}
.common_top_title {overflow: hidden; position: absolute;z-index:2; width: 100%;text-align: center; height: 100%;top:0;left:0;}

.common_top_title dl{overflow: hidden;color: #fff; padding: 0px;margin: 0px; text-align: center; position: absolute;top: 50%; width: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);}
 .common_top_title dl dt{overflow: hidden; font-size:2.8vw; line-height:1.4;font-weight: bold;letter-spacing:2px; }
 .common_top_title dl dd{overflow: hidden;text-transform:uppercase;font-weight: 300;font-size: 22px;color: #fff;font-size: 16px; }
 .common_top_title dl dd a{color: #fff;}

 @media (max-width: 1250px) {
.common_top_title dl dd{overflow: hidden;font-size: 14px; }
 }


 @media (max-width: 900px) {
.common_top_title dl dt{font-size: 30px;}
.common_top_title dl dd{overflow: hidden;font-size: 12px; }
}

@media (max-width: 640px) {
.common_top_title dl dt{font-size: 24px;}
}



.cp_dvbg{overflow: hidden;  position: relative; width: 100%;}
.cp_dvbg::before{overflow: hidden;width: 100%; height: 100%; position: absolute;top:0;left:0;z-index: 1; background: rgba(0, 0, 0, 0.5); content: "";}





.contact_map{overflow: hidden;margin: 0px;padding: 0px; background: #fff; border-radius: 20px; position: relative;  margin-top: -5px;}
#allmap {width: 100%;height: 450px;margin:0;font-size:14px;}



.contact_box{overflow: hidden; margin: 0 auto;padding: 0px; padding-top: 5%; max-width: 1250px;display: flex;justify-content:space-between;
align-items: center;}

.contact_R{margin:0px; padding:0px;width:50%;float:  right;}
.contact_L{margin:0px; padding:0px; width:43%;float:left; position: relative;}
.contact_L img{width: 100%; height: auto;vertical-align: top;}


.Contact_infto{overflow:hidden; padding:0px; margin:0px;} 

.Contact_infto dl{overflow:hidden; padding:0px; margin:0px;}
.Contact_infto dl dt{overflow:hidden; padding:0px; margin:0px;font-weight: 600; color: #fff;}
.Contact_infto dl dd{overflow:hidden; padding:0px; margin:0px; color: #fff;}

.lxwm_icon{ float: left; margin-right: 10px; }
.lxwm_icon i{font-size:60px; line-height: 60px; color: #fff; }
.lxwm_400{ overflow: hidden; margin-bottom: 10px;display: flex;align-items: center;}
.lxwm_400 h3{font-size:40px;color: #ffffff;font-family: 'AVGBBT'; line-height: 40px; padding: 0px; margin: 0px;}
.lxwm_400 h3 p{overflow: hidden; padding: 0px; margin: 0px;font-size: 18px;line-height: 190%}


.infto_title{overflow:hidden; padding:0px; margin:0px; margin-bottom: 20px;
color: #fff;font-size: 1.8vw;line-height:1.3; font-weight: bold;text-transform: capitalize;}
.infto_txt{overflow:hidden; padding:0px; margin:0px; margin-bottom: 10px;}

.lx_2wm{overflow: hidden; padding: 0px; margin: 0px; width: 100%; margin-bottom: 20px;}
.lx_2wm li{ display: inline-block; ;text-align: center;margin-right:15px}
.lx_2wm li img{width: 120px; height: auto; border-radius: 8px}
.lx_2wm li p{font-size: 16px; color: #fff; line-height: 22px; text-align: center; padding-top: 6px}
.lx_2wm li:last-child{margin-right: 0;}


@media only screen and (max-width:1300px) {
.contact_R{width:50%;}
.contact_L{width:41%;}
}

@media only screen and (max-width:1200px) {
.infto_title{font-size: 24px;}
.contact_R{width:59%;}
.contact_L{width:36%;}
.lx_2wm li img{width: 100px; height: auto; border-radius: 8px}
}

@media only screen and (max-width:1000px) {
.infto_title{font-size: 22px;}

}

@media only screen and (max-width:900px) {
.infto_title{font-size: 20px;}
.lxwm_400 h3{font-size:30px;}
.contact_R{width:60%;}
.contact_L{ width:35%;}
.lx_2wm li img{width: 85px;}
}

@media only screen and (max-width:800px) {
.contact_box{align-items: end;}
.lxwm_400 h3{font-size:26px;}
.lxwm_icon i{font-size:50px; line-height: 50px; color: #fff; }
}


@media screen and (max-width:750px) {
#allmap{height:350px;}
.l-map{height:350px; margin-bottom: 20px}

}

@media screen and (max-width:740px) {
.contact_R{width:100%; padding-bottom: 25vw;}
.contact_L{ position: absolute;text-align:center;width: 100%; }
.contact_L img{ width:20%;min-width: 60px;}
.lx_2wm{display:block}
.infto_title{text-align: center;}
.lxwm_400{justify-content: center;}
.Contact_infto dl dd{text-align: center;}

.lx_2wm li{margin-right:0;width: 50%;float: left; margin-top: 15px;}
.lx_2wm li img{width: 100px; height: auto; border-radius: 8px}


}
/*---------book---------------*/
.ts_book_bt{text-align: center; color: #fff;line-height: 30px;font-size: 18px;}
.form_input-flexing{ padding: 0px 0px;}
.form_df-input {flex-basis:50%;position: relative;margin-top: 20px;}
.form_df-input input {border: 1px solid #5E5E5E45; padding: 0 20px 0 40px;height: 50px; width: 100%;border-radius:5px;font-size: 16px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s; color: #222; background: rgba(255,255,255,0.9)}
.form_df-input i{position: absolute; z-index: 1; left: 8px;top: 12px;
font-size: 25px; vertical-align: top;color:#004098}
.form_texting-fild {margin-top: 20px;position: relative;}
.form_texting-fild textarea { border: 1px solid #5E5E5E45;height: 80px; padding: 10px 20px 10px 20px; width: 100%;border-radius:5px;font-family:"Microsoft YaHei";font-size: 16px;color: #222; background: rgba(255,255,255,0.9)}

.form_df-input input:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_texting-fild textarea:focus {border-color:#80bdff;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.form_df-input input::placeholder {color:#666;}
.form_texting-fild textarea::placeholder {color:#666;}
.form_df-input input[type='number']::-webkit-inner-spin-button{appearance:none;-moz-appearance:textfield}
.form_btn_k {width: 200px;}
.form_btn_k:hover .form_btn { background:#ed8e00;}
.form_btn {
line-height: 50px;
text-align: center;
font-size: 20px;
height: 50px;
border-radius:8px;
background: #004098;
color: #FFFFFF;
cursor: pointer;
display: flex;align-items: center;justify-content:center;
}
.form_btn i{font-size: 20px; vertical-align: middle; margin-right: 4px; line-height: 50px}

@media only screen and (max-width:800px) {
.form_texting-fild textarea {font-size: 14px;}
.form_df-input input {height: 46px;font-size: 14px}
.form_df-input i{top: 10px; }

.form_input-flexing{ padding: 0px 10px;}
.ts_book_bt{font-size: 16px;}
.form_btn_k {margin: 0 auto;}
}

@media only screen and (max-width:450px) {
.form_df-input {flex-basis: 100%;margin-top: 15px;}

}

.form_btn_k button{border: 0; width: 100%}
.form_btn_k button:focus{border: 0;}



.btn_daohang_k{ position:absolute;left:0;bottom:15px;z-index: 2;display: flex;left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}
.btn_daohang{overflow: hidden; border: 1px #004098 solid;border-radius: 40px; line-height: 38px; padding: 0px 10px; width: 160px; text-align: center;align-items:center;font-size:16px; color: #fff;margin-top: 15px;justify-content: center;background: #004098;}
.btn_daohang span{ margin-right: 5px;}
.btn_daohang span i{font-size:18px;color: #fff;}
.btn_daohang a{ color: #fff;}
.btn_daohang:hover{ background: #fff;color: #004098}
.btn_daohang:hover span i{color: #004098;}
.btn_daohang:hover a{color: #004098;}
@media only screen and (max-width:750px) {
.btn_daohang{ margin: 0 auto ; margin-top: 15px}
}


.about_top_bg{overflow: hidden;background:#004098 url(../images/line1.svg) no-repeat center bottom;  background-size:cover;   position: relative;}
.about_top_bg::before{ content: "";width: 100%; height: 100%;background:url(../images/logo-zi.svg) no-repeat center bottom; background-size: 45% auto; bottom:0; z-index: 0;
position: absolute; opacity: 0.5;}

.brand_info{overflow: hidden;margin: 0 auto;padding: 0;max-width: 1000px; position: relative;z-index: 3;}
.brand_info dl{overflow: hidden;margin: 0px;padding: 0;}
.brand_info dl dt{overflow: hidden;margin: 0px;padding: 0;font-size: 2vw;margin-bottom: 10px;font-weight: bold;color: #fff;}
.brand_info dl dd{overflow: hidden;margin: 0px;padding: 0; color: #fff; line-height: 190%;font-size: 18px;text-align: center;}
.brand_info_tu{margin:0;padding: 0;text-align: center;  position: relative;z-index: 1;}
.brand_info_tu img{margin:0;padding: 0;width:45vw;vertical-align: top;}

@media only screen and (max-width:1300px) {
.brand_info dl dd{font-size: 16px;}
}

@media only screen and (max-width:640px) {
.brand_info_tu img{width:70vw;}
.about_top_bg::before{ background-size: 70% auto;}
}

.brand_tu{overflow: hidden;margin: 0px;padding: 0px; border: 1px solid #fff; }

.brand_tu img{overflow: hidden;margin: 0px;padding: 0px;width: 100%; height: auto;vertical-align: top;}


.md_tu{overflow: hidden;padding: 0px;margin:0 auto;max-width: 600px; height: 100%;}

.map_dv{background-color: transparent; width: 100%; height: auto; position: relative; }
.map_dv video{ mix-blend-mode: screen;background-color: transparent !important;width: 100%; }

.jmd_box{overflow: hidden;padding: 0px;margin: 0px;position:relative;display: flex;justify-content: space-between; padding-bottom: 20px;}
.jmd_L{width: 50%;overflow: hidden;padding: 0px;margin: 0px;}
.jmd_R{width: 35%;overflow: hidden;padding: 0px;margin: 0px;}
.jmd_L img{width: 100%; height: auto;}
.jmd_box{direction: rtl}
.jmd_L{direction: initial;}
.jmd_R{direction: initial;}

.jmd_kt{position: absolute;z-index: 2;bottom:0px;left:34%;width: 20vw;}
.jmd_kt img{width: 100%; height: auto;vertical-align: bottom;}

.jmd_shu{overflow: hidden;padding: 0px;margin: 0px; position: absolute;z-index: 2;width: 100%; height: 100%; display: flex;
align-items: center;justify-content: center;}
.jmd_shu dl{overflow: hidden;padding: 0px;margin: 0px;color: #fff; text-align: center;}
.jmd_shu dl dt{overflow: hidden;padding: 0px;margin: 0px;font-size: 1.8vw; margin-bottom: 10%;}
.jmd_shu dl dd{overflow: hidden;padding: 0px;margin: 0px;font-size: 1.2vw;}
.jmd_shu dl dt h3{overflow: hidden;padding: 0px;margin: 0px;font-size: 4vw;color: #fff; line-height: 1.3;  font-family: 'AVGBBT';font-weight: bold;}
.jmd_shu dl dt h3 span{font-size: 3vw;font-weight: normal;}

@media only screen and (max-width:1300px) {
.jmd_shu dl dt{font-size:20px}
.jmd_shu dl dd{font-size:20px}

}

@media only screen and (max-width:1100px) {
.jmd_shu dl dt h3{font-size:36px}
.jmd_shu dl dt{font-size:18px}
.jmd_shu dl dd{font-size:18px}

}

@media only screen and (max-width:900px) {
.jmd_shu dl dt h3{font-size:36px}
.jmd_shu dl dt{font-size:16px}
.jmd_shu dl dd{font-size:16px}
.jmd_shu dl dt h3 span{font-size:26px}
}
@media only screen and (max-width:500px) {

.jmd_box{display: block;}
.jmd_L{width: 90%; margin: 0 auto;}
.jmd_R{width: 80%; margin: 0 auto;}

.jmd_box{direction:inherit}
.jmd_L{direction: inherit; margin-top: 20px;}
.jmd_R{direction: inherit;}

.jmd_kt{position: absolute;z-index: 2;bottom:25%;left:73%;width: 20vw;}
.jmd_kt img{transform: scaleX(-1);}
}



.hover-slide_k{margin: 0 auto; width: 150px;  margin-top: 30px;}
.hover-slide{ position: relative; overflow: hidden;}
.hover-slide::before{/* position: absolute; *//* content: " "; *//* top: 0; *//* right: 100%; *//* width: 300%; *//* height: 100%; *//* border-radius: 23px; *//* background: rgba(255,255,255,.3); *//* transition: all .5s; */}
.hover-slide:hover::before{  right: -300%;}

.area-defa-btn{display: inline-block; width: 150px; height: 46px; font-size: 16px; line-height: 46px; color: #fff; margin: 0 auto; border-radius: 23px;
  background: #f45c43;text-align: center;
  background: -moz-linear-gradient(left,  #072d98 0%, #0844ab 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#072d98), color-stop(100%,#0844ab));
  background: -webkit-linear-gradient(left,  #072d98 0%,#0844ab 100%);
  background: -o-linear-gradient(left,  #072d98 0%,#0844ab 100%);
  background: -ms-linear-gradient(left,  #072d98 0%,#0844ab 100%);
  background: linear-gradient(to right,  #072d98 0%,#0844ab 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45c43', endColorstr='#0844ab',GradientType=1 );
}
.area-defa-btn:hover{color: #fff;}

.hover-slide {
  position: relative;
  overflow: hidden;
}

.hover-slide::before {
  position: absolute;
  content: " ";
  top: 0;
  right: 100%;
  width: 300%;
  height: 100%;
  border-radius: 23px ;
  background: rgba(255,255,255,.3);
  transition: all .5s;
}

.hover-slide:hover::before {
  right: -300%;
}




.join_top_tu{overflow: hidden;padding: 0px;margin: 0px; position: relative;z-index: 2;}
.join_top_tu img{width: 100%; height:auto; vertical-align: top;}

.join_top_info{overflow: hidden;padding: 0px;margin: 0px; padding-top: 3%;}
.join_top_info dl{overflow: hidden;padding: 0px;margin: 0px; color: #fff;text-align: center;}
.join_top_info dl dt{overflow: hidden;padding: 10px 0px;margin: 0px; margin-bottom: 10px;}
.join_top_info dl dt h2{font-size: 4vw;line-height: 1.5;font-weight: bold;letter-spacing: 8px;overflow: hidden;padding: 0px;margin: 0px;}
.join_top_info dl dd{overflow: hidden;padding: 0px;margin: 0px;font-size: 1.5vw;line-height: 1.1;}
.join_top_info dl dd h4{display: inline-block; margin: 0px; padding:8px 20px;color:#004098; background: #fff;font-size: 1.8vw;line-height: 1.2; border-radius: 50px;
margin-top: 30px;}

.join_top_info dl dt{filter:contrast(10);text-align: center}
.join_top_info dl dt h2{


animation: showup 2s forwards;

}


@keyframes showup{
	from{letter-spacing: -60px;
		filter: blur(20px);
	}
	to {
		
		letter-spacing: 10px;
		filter: blur(0px);
	}
	
}

@media only screen and (max-width:1300px) {
.join_top_info dl dt h2{letter-spacing: 5px;}
.join_top_info dl dd{font-size: 22px;}
.join_top_info dl dd h4{font-size:22px;}
}

@media only screen and (max-width:800px) {
.join_top_info dl dt h2{letter-spacing: 2px;font-size: 32px;}
.join_top_info dl dd{font-size: 20px;}
.join_top_info dl dd h4{font-size:20px; margin-bottom: 20px;}
}

@media only screen and (max-width:700px) {
.join_top_info dl dt h2{letter-spacing: 1px;font-size: 28px;}
.join_top_info dl dd{font-size: 18px;}
.join_top_info dl dd h4{font-size:18px; margin-bottom: 20px;}
}



.world_bg{ position: relative;}
.world_bg::before{ content: ""; width: 100%; height: 100%; position: absolute;
  background:url(../images/world.png) no-repeat center top; background-size: 90% auto; z-index: auto;opacity: 0.4;}

.jm_shuju_k{overflow: hidden;margin: 0;padding: 0px 0px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;  background: #004098;}

.jm_info{overflow: hidden;margin: 0;padding: 0;font-size: 1.3vw; color: #fff;line-height: 1.4;display: inline-block;clear: both;}

.jm_number{overflow: hidden; margin: 0px;padding: 0px;text-align:center; margin-right: 20px; padding-right: 19px; border-right: 1px solid #fff;}
.jm_number {display: inline-block; position:relative;}
.jm_number dl{overflow: hidden; margin: 0px;padding: 0px; color: #fff;}
.jm_number dl dt{overflow: hidden; margin: 0px;padding: 0px;font-size:4vw;font-weight: bold; margin-bottom: 1px;color: #f18108;
 font-family: 'AVGBBT';line-height: 1.1;}
 .jm_number dl dd{font-size: 18px; margin: 0px;padding: 0px; }
@media only screen and (max-width:1300px) {
.jm_info{font-size: 18px;}
.jm_number dl dd{font-size: 16px;}
}
@media only screen and (max-width:1200px) {

.jm_number dl dt{font-size:4.5vw;}
.jm_number dl dt span{font-size: 20px;}
.jm_number dl dd{font-size: 14px; }
}

@media only screen and (max-width:800px) {
.jm_info{font-size: 16px;}
.jm_number dl dt{font-size:36px;}
}

@media only screen and (max-width:450px) {
.world_bg::before{ 
  background:url(../images/world.png) no-repeat center 8%; background-size:130% auto; }

  .jm_number{text-align: center; margin-right: 0px; padding-right: 0px; border-right: 0px solid #fff;display: block; margin-bottom: 10px;}
  .jm_shuju_k{display: block;}
  .jm_info{display: block;text-align: center;}

}



.hzys{overflow: hidden; margin: 0px;padding: 0px; position: relative; padding-top: 180px;}
.hzys_m_tu{width: 40%; height:auto;margin: 0 auto; position: relative;}
.hzys_m_tu img{width: 100%; height: auto;vertical-align: top;}

.hzys_m_ip{ position: absolute;width: 51%; height:auto; z-index: 1; bottom: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}
.hzys_m_ip img{width: 100%; height: auto;vertical-align: top;}


.ys_text1{overflow:hidden;position: absolute;z-index: 4;top:0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);}
.ys_text1 dl{ text-align:center; margin: 0px;padding: 0px;max-width: 340px;}
.ys_text1 dl dt{overflow:hidden;font-size:1.5vw;line-height: 28px;font-weight: 700; color: #111; margin-bottom: 15px;}
.ys_text1 dl dd{overflow:hidden;font-size: 16px;line-height: 24px;color: #333;}

.ys_text2{overflow:hidden;position: absolute;z-index: 4;top:30%;right:68%;}
.ys_text2 dl{ text-align: right; padding-bottom: 0px; margin: 0px;}
.ys_text2 dl dt{overflow:hidden;font-size:1.5vw;line-height: 28px;font-weight: 700; color: #111; margin-bottom: 15px;}
.ys_text2 dl dd{overflow:hidden;font-size: 16px;line-height: 24px;color: #333;}

.ys_text3{overflow:hidden;position: absolute;z-index: 4;top:30%;left:68%;}
.ys_text3 dl{ text-align: left;padding-bottom: 0px; margin: 0px;}
.ys_text3 dl dt{overflow:hidden;font-size:1.5vw;line-height: 28px;font-weight: 700; color: #111; margin-bottom: 15px;}
.ys_text3 dl dd{overflow:hidden;font-size: 16px;line-height: 24px;color: #555;}


.ys_text4{overflow:hidden;position: absolute;z-index: 4;top:70%;right:73%;}
.ys_text4 dl{ text-align: right;padding-bottom: 0px; margin: 0px;}
.ys_text4 dl dt{overflow:hidden;font-size:1.5vw;line-height: 28px;font-weight: 700; color: #111; margin-bottom: 15px;}
.ys_text4 dl dd{overflow:hidden;font-size: 16px;line-height: 24px;color: #555;}

.ys_text5{overflow:hidden;position: absolute;z-index: 4;top:70%;left:73%;}
.ys_text5 dl{ text-align: left;padding-bottom: 0px; margin: 0px;}
.ys_text5 dl dt{overflow:hidden;font-size:1.5vw;line-height: 28px;font-weight: 700; color: #111; margin-bottom: 15px;}
.ys_text5 dl dd{overflow:hidden;font-size: 16px;line-height: 24px;color: #555;}


.ys_icon1{width: 80px;height: 80px; border-radius: 50%; background: #004098;display: flex;justify-content: center;align-items: center; margin: 0 auto; margin-bottom: 10px;}
.ys_icon1 img{width: 60%; height: auto;}

.ys_icon2{width: 80px;height: 80px; border-radius: 50%; background: #004098;display: flex;justify-content: center;align-items: center;float: right; margin-left: 15px;margin-top: 20px;}
.ys_icon2 img{width: 60%; height: auto;}

.ys_icon3{width: 80px;height: 80px; border-radius: 50%; background: #004098;display: flex;justify-content: center;align-items: center;float: left; margin-right: 15px;margin-top: 20px;}
.ys_icon3 img{width: 60%; height: auto;}

.ys_icon4{width: 80px;height: 80px; border-radius: 50%; background: #004098;display: flex;justify-content: center;align-items: center;float: right; margin-left: 15px;margin-top: 20px;}
.ys_icon4 img{width: 60%; height: auto;}

.ys_icon5{width: 80px;height: 80px; border-radius: 50%; background: #004098;display: flex;justify-content: center;align-items: center;float: left; margin-right: 15px;margin-top: 20px;}
.ys_icon5 img{width: 60%; height: auto;}

@media only screen and (max-width:1300px) {
.ys_text1 dl dt{font-size:22px;line-height: 26px; margin-bottom: 10px;}
.ys_text2 dl dt{font-size:22px;line-height: 26px; margin-bottom: 10px;}
.ys_text3 dl dt{font-size:22px;line-height: 26px; margin-bottom: 10px;}
.ys_text4 dl dt{font-size:22px;line-height: 26px; margin-bottom: 10px;}
.ys_text5 dl dt{font-size:22px;line-height: 26px; margin-bottom: 10px;}
}
@media only screen and (max-width:1000px) {
  .hzys{ padding-top: 140px;}
.ys_icon1{width: 60px;height: 60px;}
.ys_icon2{width: 60px;height: 60px;}
.ys_icon3{width: 60px;height: 60px;}
.ys_icon4{width: 60px;height: 60px;}
.ys_icon5{width: 60px;height: 60px;}

.ys_text1 dl dt{font-size:20px;}
.ys_text2 dl dt{font-size:20px;}
.ys_text3 dl dt{font-size:20px;}
.ys_text4 dl dt{font-size:20px;}
.ys_text5 dl dt{font-size:20px;}

.ys_text1 dl dd{font-size:14px; line-height: 22px;}
.ys_text2 dl dd{font-size:14px;line-height: 22px;}
.ys_text3 dl dd{font-size:14px;line-height: 22px;}
.ys_text4 dl dd{font-size:14px;line-height: 22px;}
.ys_text5 dl dd{font-size:14px;line-height: 22px;}

.ys_text2{right:62%;top:33%;}
.ys_text4{right:70%;top:66%;}

.ys_text3{left:62%;top:35%;}
.ys_text5{left:70%;top:66%;}
}

@media only screen and (max-width:800px) {
.ys_text1 dl dt{font-size:18px;margin-bottom: 5px;}
.ys_text2 dl dt{font-size:18px;margin-bottom: 5px;}
.ys_text3 dl dt{font-size:18px;margin-bottom: 5px;}
.ys_text4 dl dt{font-size:18px;margin-bottom: 5px;}
.ys_text5 dl dt{font-size:18px;margin-bottom: 5px;}

.ys_icon1{width: 50px;height: 50px;}
.ys_icon2{width: 50px;height: 50px; margin-left: 10px;}
.ys_icon3{width: 50px;height: 50px; margin-right: 10px;}
.ys_icon4{width: 50px;height: 50px; margin-left: 10px;}
.ys_icon5{width: 50px;height: 50px; margin-right: 10px;}
.hzys{ padding-bottom: 20px;}
}

@media only screen and (max-width:630px) {
 .ys_icon1{width: 50px;height: 50px;float: left;margin-right: 10px; margin-top: 5px;margin-bottom: 0px;}
.ys_icon2{width: 50px;height: 50px;float: left;margin-right: 10px; margin-left: 0;margin-top: 5px;}
.ys_icon3{width: 50px;height: 50px;float: left;margin-right: 10px;margin-top: 5px;}
.ys_icon4{width: 50px;height: 50px;float: left;margin-right: 10px; margin-left: 0;margin-top: 5px;}
.ys_icon5{width: 50px;height: 50px; float: left;margin-right: 10px;margin-top: 5px;}
.ys_text1 dl{ text-align: left;}
.ys_text2 dl{ text-align: left;}
.ys_text4 dl{ text-align: left;}

.ys_text1 { position: relative;padding: 15px; border-radius: 10px; border: #ddd 1px solid; margin-bottom: 15px;}
.ys_text1 dl{max-width:100%;width: 100%;}
.ys_text2{position: relative;top:inherit;right:inherit;padding: 15px; border-radius: 10px; border: #ddd 1px solid; margin-bottom: 15px;}
.ys_text3{position: relative;top:inherit;left:inherit; padding: 15px; border-radius: 10px; border: #ddd 1px solid; margin-bottom: 15px;}
.ys_text4{position: relative;top:inherit;right:inherit;padding: 15px; border-radius: 10px; border: #ddd 1px solid; margin-bottom: 15px;}
.ys_text5{position: relative;top:inherit;left:inherit; padding: 15px; border-radius: 10px; border: #ddd 1px solid; margin-bottom: 15px;}

.hzys_m_tu{width: 60%; margin: 0 auto;text-align: center; position: relative;overflow: hidden;}
.hzys_m_tu img{width: 100%; height: auto;vertical-align: top;}
.hzys{ padding-top:0px;}

.ys_text1 dl dt{font-size:16px;margin-bottom: 5px;}
.ys_text2 dl dt{font-size:16px;margin-bottom: 5px;}
.ys_text3 dl dt{font-size:16px;margin-bottom: 5px;}
.ys_text4 dl dt{font-size:16px;margin-bottom: 5px;}
.ys_text5 dl dt{font-size:16px;margin-bottom: 5px;}

}


.kaiye{overflow: hidden; margin: 0px; padding: 0px; }
.kaiye li{overflow: hidden; margin: 0px; padding: 0px;width: 32%; margin-right: 2%;  padding: 20px;float: left; background: #004098; border-radius: 10px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}
.kaiye li dl{overflow: hidden; margin: 0px; padding: 0px; }
.kaiye li dl dt{overflow: hidden; margin: 0px; padding: 0px;font-size:1.5vw;line-height: 28px;font-weight: 700; color: #fff; margin-bottom: 10px;  }
.kaiye li dl dd{overflow:hidden;font-size: 16px;line-height: 24px;color: #fff; line-height: 190%;}
.kaiye li:last-child{margin-right: 0;}

.kaiye_pic{width: 30%;float:left; margin-right: 20px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}
.kaiye_pic img{width: 100%;height: auto;}
.kaiye li:hover{ background: #eee;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}
.kaiye li:hover dl dt{color: #111;}
.kaiye li:hover dl dd{color: #555;}

.kaiye li:hover .kaiye_pic{margin-right: 15px;transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;
}

@media only screen and (max-width:1300px) {
.kaiye li dl dt{font-size:22px;line-height: 26px; margin-bottom: 10px;}
}
@media only screen and (max-width:1000px) {
.kaiye li dl dt{font-size:20px;}
.kaiye li dl dd{font-size:14px;}
.kaiye li{ padding: 12px;}
}

@media only screen and (max-width:800px) {
.kaiye_pic{width: 100%;float:none; margin-right: 0px; margin: 0px;text-align: center; margin-bottom: 10px;}
.kaiye_pic img{width: 80px; height: auto;vertical-align: top;}
.kaiye li dl dt{font-size:18px;}
.kaiye li dl{text-align: center;}
.kaiye li{ padding: 12px 2px;}
.kaiye li:hover .kaiye_pic{margin-right: 0px;}
}
@media only screen and (max-width:630px) {
  .kaiye li dl dt{font-size:16px;}
.kaiye_pic img{width: 70px; }
  .kaiye li{ padding: 12px 12px;}
  .kaiye li {width: 100%; margin-right: 0; margin-bottom: 20px;}


}

.accordion {
  display: flex;
}

.accordion-item {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  flex: 1;
  height: 30vw;
  border: 2px solid #fff;
  border-left: 0;
  border-radius: 4px;
  transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  opacity: .8;
}

.accordion-item:nth-child(1) {
   border-left: 2px solid #fff;
}

.accordion-item:hover {
  flex-basis: 62vw;
  opacity: 1;
}




.jmzc_box{margin:0px; padding:0px;overflow:hidden;}
.jmzc_box li{margin:0px; padding:0px;overflow:hidden;float: left; width: 13.08%; margin-bottom: 2%; margin-right: 1.4%; position: relative; border-radius: 10px; border:#fff 2px solid; background: #fff;}
.jmzc_box li .arrow{ position: absolute; z-index: 3;content:""; font-size:16px; left:39%;top: 11%; color:#fff; width: 24px; height: 24px; background: #fd8b00;border-radius: 50%; text-align: center; line-height: 24px;}
.jmzc_box li dl{margin:30px 20px 10px 20px; padding:0px;overflow:hidden;}
.jmzc_box li dl dt{margin:0px; padding:0px;overflow:hidden; text-align: center;font-size:20px; line-height: 26px; font-weight: bold; color:#004098;min-height: 52px;}
.jmzc_box li dl dd{margin:0px; padding:0px;overflow:hidden; text-align: center;font-size:16px; color: #666; line-height: 24px; min-height: 72px;}

.jmzc_box li dl dt .i_tu{margin:0 auto; padding:0px;overflow:hidden; width: 80px; height: 80px; border: 1px solid #004098;border-radius: 50%; text-align: center;
display: flex;justify-content:center;align-items: center; margin-bottom: 10px;}
.jmzc_box li dl dt .i_tu img{width:55%; height:auto; transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}

.jmzc_box li:nth-child(7n+0){margin-right: 0;}

.jmzc_box li:hover dl dt .i_tu img{transform:rotateY(180deg);transition: 0.3s;-moz-transition: 0.3s;-webkit-transition: 0.3s;}
.jmzc_box li:hover dl dt .i_tu {background: #deedf4}
.jmzc_box li:hover{box-shadow:0 0 20px 1px rgba(0,0,0,.1); background: #fff;}

@media screen and (max-width:1400px) {
	.jmzc_box li dl dt .i_tu{width: 70px; height: 70px; }
}

@media screen and (max-width:1200px) {
.jmzc_box li dl dt{font-size:18px;}	
.jmzc_box li .arrow{left:36%;top: 11%; }
.jmzc_box li dl dd{font-size:14px;}
.jmzc_box li dl dt .i_tu{width: 60px; height: 60px; }
}


@media screen and (max-width:1000px) {
.jmzc_box li{width: 18.4%; margin-right: 2%;}
.jmzc_box li:nth-child(7n+0){margin-right: 2%;}
.jmzc_box li:nth-child(5n+0){margin-right: 0%;}	
.jmzc_box li dl{margin:20px 10px 10px 10px; }
}

@media screen and (max-width:800px) {
.jmzc_box li .arrow{left:35%;top: 11%; }	

}

@media screen and (max-width:780px) {
.jmzc_box li .arrow{left:30%;top: 8%; }

}
@media screen and (max-width:750px) {
.jmzc_box li{width: 23.5%; margin-right: 2%;}
.jmzc_box li:nth-child(7n+0){margin-right: 2%;}
.jmzc_box li:nth-child(5n+0){margin-right: 2%;}	
.jmzc_box li:nth-child(4n+0){margin-right: 0%;}	
}


@media screen and (max-width:600px) {
.jmzc_box li dl dt{font-size:16px;}	
}
@media screen and (max-width:600px) {
	.jmzc_box li{width: 32%; margin-right: 2%;}
	.jmzc_box li:nth-child(7n+0){margin-right: 2%;}
	.jmzc_box li:nth-child(5n+0){margin-right: 2%;}	
  .jmzc_box li:nth-child(4n+0){margin-right: 2%;}	
	.jmzc_box li:nth-child(3n+0){margin-right: 0%;}	
	.jmzc_box li .arrow{left:28%;top: 9%; }
}

@media screen and (max-width:450px) {

.jmzc_box li{margin:0px; padding:0px;overflow:hidden;float: left; width:48.5%; margin-right:3%; margin-bottom:15px}	
.jmzc_box li:nth-child(7n+0){margin-right: 2%;}
.jmzc_box li:nth-child(5n+0){margin-right: 2%;}	
.jmzc_box li:nth-child(4n+0){margin-right: 3%;}
.jmzc_box li:nth-child(3n+0){margin-right: 3%;}
.jmzc_box li:nth-child(2n+0){margin-right: 0%;}	
.jmzc_box li dl dt{min-height: 26px; height: auto;}
}

.jmlc_bg{overflow: hidden;position: relative;}
.jmlc_bg::before{ content: "";width: 100%; height: 100%;background:url(../images/lcbg.jpg) no-repeat center bottom; background-size:cover; bottom:0; z-index: 0;
position: absolute; opacity:1;}



.brand_xx{overflow: hidden;margin: 0px;padding: 0px;display: flex;justify-content: space-between; align-items: flex-end;}
.brand_xx_L{overflow: hidden;margin: 0px;padding: 0px;width: 74.5%;float: left;}
.brand_xx_L img{width: 100%; height: auto;vertical-align: top;}

.brand_xx_R{overflow: hidden;margin: 0px;padding: 0px;width: 25.5%;float: right;}
.brand_xx_R img{width: 100%; height: auto;vertical-align: top;}

.dm_pic{ overflow:hidden; position:relative; padding-top:54.57%; border-radius: 5px;}
.dm_pic img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;}
.dm_pic:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

.jmd_pic{ overflow:hidden; position:relative; padding-top:133.28%; }
.jmd_pic img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;}



.videolist { margin: 0px; padding: 0px}
.videolist:hover{ cursor: pointer;}
.videos{ display:none; position:fixed; z-index:9999999; max-width:1000px;width:85%; height:auto;left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
transform: translate(-50%, -50%); background:#004098; margin: 0px; padding:0;box-shadow:0 0 20px 1px rgba(0,0,0,.3) ; border: 5px solid #fff; border-radius: 5px;}
.vclose { position:absolute;right:10px; top:10px; border-radius:100%; cursor: pointer; background: #e25524; padding: 2px}

@media only screen and (max-width: 700px) {
.videos{width:80%;background:#eee;}		
}


.bgPop{  display: none;position:fixed;z-index:9999998;left:0;top: 0;width: 100%;height:100%;background: rgba(0,0,0,.5); overflow:hidden;   }

@media only screen and ( max-width:800px ) {
.pop {  display: none;  width:88%;left:4%; top:15%;}
}

video::-internal-media-controls-download-button {display:none;}
video::-webkit-media-controls-enclosure {overflow:hidden;}
video::-webkit-media-controls-panel { width: calc(100% + 30px);}

.more_news{
	width: 7vw;
	height: 7vw;
	line-height: 80px;
	text-align: center;

	font-size: 12px; z-index: 4; position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.4); border-radius: 50%;display: flex;justify-content: center;align-items: center;
box-shadow:0 0 20px 1px rgba(0,0,0,.3) ;}



.more_news i{font-size: 3vw;position: relative;font-weight: 300; color: #ff0000;z-index: 10; margin: 20px;animation: myfirst 2s infinite;}

 @keyframes myfirst {
0% {
 transform: scale(01);
}
 50% {
 	 -webkit-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);
}
 100% {
transform: scale(1);
}
}

.more_news img {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	top: 0%;-webkit-animation: lineAnimate 10s linear infinite;
}
.more_news:hover i{ color: #fff;-webkit-transition: all .5s;}
.more_news:hover img {-webkit-animation: lineAnimate 10s linear infinite;}


@media only screen and ( max-width:1100px ) {
.more_news{width: 80px;height:80px}
.more_news i{font-size: 36px;}
}

@media only screen and ( max-width:640px ) {
.more_news{width: 56px;height:56px}
.more_news i{font-size: 25px;}
}



.Bottom_consult_bg{overflow: hidden; padding: 5px 10px; margin: 0px;
background-image: linear-gradient(0deg, #004098, #004098 31%, #004098 64%, #0346a2);position: fixed;z-index: 9999;
  width: 100%; bottom:0;left:0;display: none;}
  @media only screen and ( max-width:1000px ) {
.Bottom_consult_bg{display: block;}
body{padding-bottom:54px;}
  }



.Bottom_nav{overflow: hidden; margin: 0px;margin: 0px;text-align: center;color: #fff; height:50px;display: flex;align-items: center;}
.Bottom_nav li{overflow: hidden; margin: 0px;margin: 0px;width:25%;float: left;}
.Bottom_nav li dl{overflow: hidden; margin: 0px;margin: 0px;}
.Bottom_nav li dl dt{overflow: hidden; margin: 0px;margin: 0px;}
.Bottom_nav li dl dt img{height: 25px;vertical-align: top;}
.Bottom_nav li dl dd{overflow: hidden; margin: 0px;margin: 0px;font-size: 14px;line-height: 20px;}
.Bottom_nav li a{color: #fff;}

.consult-wrap{
box-sizing: border-box;
display: flex;
align-items: center; 
}
.consult-wrap a{  display: flex; width: 30%;
  align-items: center;
  justify-content: center;
  flex-direction: column;}
.button-consult{
        box-sizing: border-box;
        font-size: 14px;
       color: #fff;
    }
    .button-consult i{font-size: 22px; display: block;text-align: center;}

.button-tel{border-radius: 50px;
  background-color: rgb(230, 50, 46);
  color: rgb(32, 64, 207);

  background-image: linear-gradient(90deg, rgb(255, 243, 218) 4%, rgb(252, 217, 157) 96%);

  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
width: 65%; line-height: 42px;

}
.button-tel a{display:block;width: 100%;}
.button-text{text-shadow: 0 2px 0 #fff;  font-size: 18px;font-weight: bold;   color: rgb(230, 1, 1);text-align: center;display: block;}

.button-animation{ animation: newBdScale 4s linear infinite;}
@keyframes newBdScale {
  0% {
      transform: scale(1);
  }
  12.5% {
      transform: scale(0.9);
  }
  25% {
      transform: scale(1);
  }
  37.5% {
      transform: scale(0.9);
  }
  50% {
      transform: scale(1);
  }
  100% {
      transform: scale(1);
  }
  }


.sqjm_box{overflow: hidden;padding: 0;margin: 0px;display: flex;justify-content: space-between;align-items: center;}
.sqjm_L{width: 45%;float: left;overflow: hidden;padding: 0;margin: 0px;text-align: center;}
.sqjm_L img{max-width: 100%;height: auto;vertical-align: top;}
.sqjm_R{width: 50%;float: right;overflow: hidden;padding: 0;margin: 0px;}

@media only screen and ( max-width:900px ) {
.sqjm_L{width: 45%;}
.sqjm_R{width: 50%;}
}

@media only screen and ( max-width:700px ) {
.sqjm_box{display: block;}
.sqjm_L{width: 100%; margin-bottom: 10px;}
.sqjm_L img{max-width:70%;}
.sqjm_R{width: 100%;}
}