@charset "utf-8";
/*当页面小于992px的时执行下面的CSS*/
@media screen and (max-width: 992px){
/* 动画 */ 
.foot2{
	width:100%;
	height:auto;
	margin-top:30px;
	padding-top:30px;
    background: linear-gradient(to right, #484ab9, #3697fd);
	color:#FFFFFF;
/* 	background: #FFAFBD;  
	background: -webkit-linear-gradient(to right, #ffc3a0, #FFAFBD);  
	background: linear-gradient(to right, #ffc3a0, #FFAFBD); 
	background: linear-gradient(60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%);
 */
}
.foot2 a{color:#FFFFFF}
.foot2 a:hover{ color:#FFCC00}

.waves {
    position: relative;
    width: 100%;
    height: 0.8rem;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height:0.8rem;
    max-height:0.8rem;
}
.parallax > use {animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s; animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s; animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s; animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s; animation-duration: 20s;}
@-webkit-keyframes move-forever{
	0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}
	100%{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}
}
@keyframes move-forever {
    0% {-webkit-transform:translate3d(-90px,0,0);transform: translate3d(-90px, 0, 0);}
    100% {-webkit-transform:translate3d(85px,0,0);transform: translate3d(85px, 0, 0);}
}
/* 动画end */


.foot a{color:#FFFFFF}
.foot a:hover{ color:#FFCC00}

.bg_ware{/**波浪动态图**/
  position: absolute;/**相对于父标签来进行定位，这里的父标签的class是header**/
  left: 0;/**相对于父标签左边界重合**/
  bottom: 0;/**相对于父标签下边界重合**/
  width: 100%;/**相对于父标签宽度为100%**/
  mix-blend-mode: screen;/**透明部分用底部背景色填充，简称滤色**/
  height: 0.7rem;/**图片高度**/
}

/*********footer*********/
.foot{ border-top:20px solid #c20707;margin-top:20px; padding: 26px 0;}
.foot_box{ overflow:hidden; color:#999999}
.foot_box a{color:#999999}
.foot_box a:hover{color:#990000}

.foot_box .left{width:100%; height:auto; text-align:center}
.foot_box .left h4{font-size: 24px; font-weight: 800; color: #c20707;}
.foot_box .left .foot_menu{ width:100%; height:auto; overflow:hidden; margin-top:20px}
.foot_box .left .foot_menu li{ display:inline-table; padding-right:5px; border-right:1px solid #CCCCCC; font-size:12px; line-height:12px;}
.foot_box .left .foot_menu li:first-child{ padding-left:0}
.foot_box .left .foot_menu li:last-child{border-right:none}
.foot_box .left h6{ margin-top:15px; font-size:12px; font-weight:100;}

.foot_box .left2{width:100%; height:auto; margin-top:15px}
.ewm{width:100%; height:auto; overflow:hidden; color:#999999}
.ewm li{ float:left; width:49%; height:auto; margin-right:2%; text-align:center}
.ewm li img{display:block; width:100%; height:100%; max-width:100%;}
.ewm li p{ text-align:center; font-size:12px; line-height:30px}
.ewm li:nth-of-type(2n+0){margin-right:0}

.foot_box .left3{width:100%; height:auto; text-align:center; margin-top:20px}
.foot_box .left3 .yuan{ overflow:hidden}
.foot_box .left3 .yuan li{ display:inline-table; width:35px; height:35px; background-color:#c20707; border-radius:50%; margin-left:20px; text-align:center;}
.foot_box .left3 .yuan li img{ margin-top:8px;}
.foot_box .left3 .yuan li:hover{ background-color:#333333}
.foot_box .left3 .yuan li a{ display:block}

.foot_box .left3 h4{ margin-top:15px; font-size: 24px; font-weight: 800; color:#333;}
.foot_box .left3 .f_text{ margin-top:10px; line-height:26px; }

/*最底部*/
.foot_text{background:#20242b; padding:15px 0; text-align:center; color:#e2f1ff;}
.foot_text p{ width:95%; height:auto; line-height:0.25rem; font-size:0.12rem; margin:0 auto}
.foot_text i{ padding-left:15px;}
.foot_text a{color:#e2f1ff;}
.foot_text a:hover{color:#dbac2b; text-decoration:none}
/*********footer*********/
}

/*当页面大于992px时候*/
@media screen and (min-width:992px){
/* 动画 */ 
.foot2{
	width:100%;
	height:auto;
	margin-top:30px;
	padding-top:50px;
    background: linear-gradient(to right, #484ab9, #3697fd);
	color:#FFFFFF;
/* 	background: #FFAFBD;  
	background: -webkit-linear-gradient(to right, #ffc3a0, #FFAFBD);  
	background: linear-gradient(to right, #ffc3a0, #FFAFBD); 
	background: linear-gradient(60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%);
 */
}
.foot2 a{color:#FFFFFF}
.foot2 a:hover{ color:#FFCC00}

.waves {
    position: relative;
    width: 100%;
    height: 150px;
    margin-bottom: -7px; /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}
.parallax > use {animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;}
.parallax > use:nth-child(1) {animation-delay: -2s; animation-duration: 7s;}
.parallax > use:nth-child(2) {animation-delay: -3s; animation-duration: 10s;}
.parallax > use:nth-child(3) {animation-delay: -4s; animation-duration: 13s;}
.parallax > use:nth-child(4) {animation-delay: -5s; animation-duration: 20s;}
@-webkit-keyframes move-forever{
	0%{-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}
	100%{-webkit-transform:translate3d(85px,0,0);transform:translate3d(85px,0,0)}
}
@keyframes move-forever {
    0% {-webkit-transform:translate3d(-90px,0,0);transform: translate3d(-90px, 0, 0);}
    100% {-webkit-transform:translate3d(85px,0,0);transform: translate3d(85px, 0, 0);}
}
/* 动画end */



.foot a{color:#FFFFFF}
.foot a:hover{ color:#FFCC00}

@keyframes moiveAnimation {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}


.bg_ware{display:none}

/*********footer*********/
.foot{ border-top:20px solid #c20707; padding: 26px 0;margin-top:30px}
.foot_box{ overflow:hidden; color:#999999}
.foot_box a{color:#999999}
.foot_box a:hover{color:#990000}

.foot_box .left{ float:left; width:500px; height:auto}
.foot_box .left h4{font-size: 24px; font-weight: 800; color: #222;}
.foot_box .left .foot_menu{ width:100%; height:auto; overflow:hidden; margin-top:30px}
.foot_box .left .foot_menu li{ float:left; padding:0 10px; border-right:1px solid #CCCCCC; font-size:12px; line-height:12px;}
.foot_box .left .foot_menu li:first-child{ padding-left:0}
.foot_box .left .foot_menu li:last-child{border-right:none}
.foot_box .left h6{ margin-top:15px; font-size:12px; font-weight:100;}

.foot_box .left2{ float:left; width:300px; height:auto;}
.ewm{width:100%; height:auto; overflow:hidden; color:#999999}
.ewm li{ float:left; width:115px; height:auto; margin-right:20px;}
.ewm li img{display:block; width:100%; height:100%; max-width:100%;}
.ewm li p{ text-align:center; font-size:12px; line-height:30px}
.ewm li:nth-of-type(2n+0){margin-right:0}

.foot_box .left3{ float:right; width:450px; height:auto;}
.foot_box .left3 .yuan{ overflow:hidden}
.foot_box .left3 .yuan li{ float:right; width:35px; height:35px; background-color:#c20707; border-radius:50%; margin-left:20px; text-align:center;}
.foot_box .left3 .yuan li img{ margin-top:8px;}
.foot_box .left3 .yuan li:hover{ background-color:#333333}
.foot_box .left3 .yuan li a{ display:block}

.foot_box .left3 h4{ margin-top:15px; font-size: 24px; font-weight: 800; color:#333; text-align:right}
.foot_box .left3 .f_text{ margin-top:10px; line-height:26px; text-align:right;}
/*********footer*********/

/*********footer*********/
}

/* 移动端底部专用 */
.foot_height{height:0.5rem;}
.footer{width:100%; height:0.6rem; overflow:hidden; position:fixed; bottom:0; right:0; z-index:999; background-color:#c20707; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.footer li{float:left; width:25%; height:auto; position:relative}
.footer li:before{content: ""; width:1px; height:0.3rem; background-color:#55a6fc; position:absolute; right:0; top:0.15rem}
.footer li:nth-child(4):before{ display:none}
.footer li a{display:block}
.footer li span{display:block; width:100%; height:0.26rem; padding-top:0.07rem; text-align:center;}
.footer li span img{height:100%}
.footer li p{width:100%; height:0.26rem; line-height:0.26rem; text-align:center; font-size:0.12rem; font-weight:100; color:#fff;}
/* 移动端底部专用_end */