.content .flash{width: 100%;background-color: #4E298C }
.flash img{width: 100%} 
.box a{display:inline-block;}
.row.row1 {text-align: center;padding:69px 0}
.row1 a{font-size:25px;font-weight:300;color:rgba(20,20,20,1);line-height:50px; text-align: center;cursor: pointer;background-image: linear-gradient(180deg, transparent 70%, #FFAE26 0);
    background-size: 0 100%;
    background-repeat: no-repeat;display: inline;transition: background-size 1.4s ease;-webkit-transition: background-size 1.4s ease;}
.row1 a:hover{background-size: 100% 100%;color:rgba(20,20,20,1);}
.row2{background-color: #7F7F7F;padding: 79px 0 62px;width: 100%}
.row{padding: 79px 0 62px}
.row2 .one_1{display: flex;margin:0 auto;justify-content: space-between;margin-bottom: 20px;margin-top: 25px;flex-flow: wrap;width: 950px}
.zzc1 p{margin-top: 60px;
    text-align: center;
    word-break: break-word;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255,255,255,1);
    line-height: 28px;}
.row2 dd img{position: absolute;top: 0;z-index: -1;}
.row5 .right .bottom li p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_box{width: 70%;overflow: hidden;}
.row2 span{font-size:16px;display: block;
font-weight:400;
color:rgba(255,255,255,1);
line-height:51px;}
.row h1{font-size:36px;text-align: center;
font-weight:400;
color:rgba(254,254,254,1);
line-height:51px;}
.content .flash.pc{display: block}
.content .flash.wap{display: none}
.row2 dl{margin-bottom: 12px}
.box{display: flex;flex-flow: wrap;max-width: 1200px;margin: 0 auto;}
.row7 .box{  max-width: 960px; }
.row2 dl{width: 190px;position: relative;margin-right: 10px}
.row2 dl:nth-child(6n){margin-right: 0}
.box_3d dl:hover dt{backface-visibility:hidden;transform: rotateY(180deg);
-webkit-transform: rotateY(180deg); transition: all .5s;}
.box_3d dl:hover dd{transform: rotateY(0);backface-visibility: hidden;
-webkit-transform: rotateY(0); transition: all .5s; }
.box_3d dl:hover .zzc1{transform: rotateY(0);backface-visibility: hidden;
-webkit-transform: rotateY(0); transition: all .5s;}
.box_3d dl { transform-style: preserve-3d;
	  perspective: 1000;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;}
.row5 .left .mid  p{float: left; display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
                    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
                    -webkit-line-clamp: 3; /** 显示的行数 **/
                    overflow: hidden;  /** 隐藏超出的内容 **/}
.row5 .left .mid {overflow: hidden;}
.row2 dt{transform: rotateY(0);
-webkit-transform: rotateY(0); transition: all .5s;}
.zzc1{position: absolute;font-size:22px;top: 0;left: 0;right: 0;bottom: 0; background:rgba(98,59,164,0.5);transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg); transition: all .5s;border-bottom: 9px solid #0D6CB9;z-index: -1}
.row2 dd{position: absolute;font-size:22px;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;
font-weight:400;transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);transition: all .5s;
color:rgba(255,255,255,1);
line-height:51px;
border-bottom: 7px solid #076EBD}
.row3 h1,.row5 h1{color: #000;margin-bottom: 60px}
.row3 dl{margin-bottom: 30px;width: 224px;margin-right: 20px}
.row3 dl:nth-child(5n){margin-right: 0}
.row3 dl:hover dd{background-color: #4E298C ;color: #fff;border:#4E298C;transition: all .3s;}
.row3 dl:hover .zzz{display: block;}
.row3 dl:hover dt img{transform: scale(1.1); transition: all .6s;}
.row3 dt{background-color: #E5E5E5;position: relative;overflow: hidden;
}
.zzz{position: absolute;bottom: 0;left: 0;right: 0;top: 0;background-color:rgba(181, 182, 185, 0.3); z-index: 1;display: none
}

.row3 dd p{opacity: 0.92;font-size: 13px !important}
.row3 dd{font-size:16px;	position: relative; padding: 20px 0 0 15px;height: 90px;
border:1px solid rgba(228, 228, 228, 1);
font-weight:400;
color:rgba(20,20,20,1);}
.row3 dd a{background-color:#4E298C;display: block;width:38px; position: absolute;right: 20px;bottom:20px;border:1px solid #fff;
height:22px;}
.row3 dd a img{width: 11px;margin: 5px 0 0 15px;
}
.row4 .mainbox{background-color: #FFAE28;padding-bottom: 0}
.row4 .mainbox_new  .box{justify-content: center;}
.row4 h1{margin-bottom: 60px}
.row4 .mainbox_new  a{width: 15%;}
.row4 dl{width: 100%;text-align: center;margin-bottom: 80px;position: relative;}
.row4 dl img{display: block;width: 70%;    margin: 0 auto;}
.row7 dl img{display: block;width: 70%;    margin: 0 auto;}
.row4 dt{width: 100px;margin: auto;}
.row4 .zz{width: 100px;position: absolute;top: 0;z-index: 1;left: 0;right: 0;margin: auto;display: none}
.row4 dl:hover .zz{display: block}
.top_img img{margin-top: 70px}
.row4 dd{font-size:16px;
font-weight:normal;
color:rgba(255,255,255,1);
line-height:26px;   margin-top: 24px;}
.row5 {padding-bottom: 120px}
.row5 .left{background-color: #4D298C;width: 44%;margin-right: 60px}
.row5 .txt{padding: 40px 50px 0;}
.row5 .left .top{font-size:30px;margin-bottom: 20px;
font-weight:500;
color:rgba(254,254,254,1);
line-height:51px;
border-bottom:5px solid rgba(148,123,179,1);display: inline-block;}
.row5 .left .mid{font-size:20px;line-height: 32px;
font-weight:400;
color:rgba(254,254,254,1);
}
.row5 .left .mid span{font-size:18px;float: right;
font-weight:400;
color:rgba(255,255,255,1);
line-height:51px;}
.row5 .left .bottom{position: absolute;bottom: 30px}
.row5 .left {position: relative;
}
.row5 .left .bottom a{font-size:20px;background-color: #0CB5FA;padding: 0px 29px;
font-weight:400;
color:rgba(254,254,254,1);
line-height:51px;}
.row5 .left .bottom  i img{width: 24px;margin: 15px 0 0 18px}
.row5 .right{width: 50%}
.row5 .right .top{font-size:28px;font-weight:400;border-bottom: 1px solid #EEEEEE;margin-bottom: 30px;
color:rgba(20,20,20,1);
line-height:51px;}
.row5 .right .top a{font-size:16px;float: right;
font-weight:300;
color:rgba(20,20,20,1);
line-height:51px;}
.row5 .right .bottom li{font-size:18px;border-bottom: 2px solid #fff;position: relative;margin-left: 24px;display: flex;justify-content: space-between;
font-weight:400;margin-bottom: 25px;
color:rgba(62,58,57,1);
}
.row5 .right .bottom a{border-bottom: 2px solid #fff;max-width: 450px !important;display: flex;}
.row5 .right .bottom a p{width: 100%;}
.row5 .right .bottom a:before{position: absolute;content: "";border: 4px solid #A29FA3;left: -24px;top:9px;}
.row5 .right .bottom a:hover{color: #4E298C;border-bottom: 2px solid #4E298C}
.row5 .right .bottom  span{font-size:16px;position: absolute;right: 0;
font-weight:400;
color:rgba(161,161,161,1);

}
.row6{background-image: url(../images/index2/img@2x.png);background-repeat: no-repeat;width: 100%;-webkit-background-size: cover;background-attachment:fixed;
background-size:cover;padding-bottom: 75px;background-position: center;padding: 0;background-color: #E5E5E5
}
.zh{background-color: rgba(30,30,30,0.3);padding: 79px 0 62px;}
.row6 .right p{padding-left:33px }
.row6 a{background:rgba(255,255,255,0.2);
border:1px solid rgba(255,255,255,1);margin-left: 30px;width: 230px;text-align: center;

}
.front{display: flex;}
.row5 .right .bottom span {
    position: absolute;
    right: 0;
    padding-left: 30px;
    flex-shrink: 0
}

.row5 .right .bottom li p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*width: 450px;*/
}

.row6 .active{margin-left:123px }
.row6 a img{width: 24px  ; margin-top: 14px;
    margin-left: 10px;}
.row6 a span{font-size:16px;
font-weight:500;
color:rgba(254,254,254,1);
line-height:51px;
text-shadow:0px 2px 5px rgba(30,19,11,0.2);}
.row6 .ww{margin-bottom: 48px}
.row6 .sx{position: absolute;border-left: 1px solid #fff; height:353px;
opacity:0.5;left: 51%;top:0;

}
.row6 .box .left{width: 50%}
.row6 .box .right{width: 50%}
.row6 .box{display: flex;flex-flow: nowrap;position: relative;padding-top: 100px;justify-content: space-between;padding-bottom: 40px}
.row6 .box p{font-size:22px;margin-bottom: 40px;
font-weight:400;
color:rgba(254,254,254,1);
line-height:42px;
text-shadow:0px 2px 5px rgba(30,19,11,0.2);}
.row6 p{font-size:38px;text-align: center;
font-weight:400;
color:rgba(254,254,254,1);
line-height:51px;}
.row7{background-color: #633AA5;padding-bottom: 30px}
.row7 h1{margin-bottom: 65px}
.row7 dl{width: 240px;position: relative;margin-bottom: 30px}
.row7 dl:hover {background-color: #fff}
.row7 dl:hover .zz1{display: block;}
.row7 dt{width: 160px;margin: 0 auto;padding: 20px 0}
.row7 dd{width: 160px}
.row7 dd{position: absolute;top: 20px;left: 0;right: 0;margin: auto;z-index: 1;display: none;
}
/*.row7 .box a:last-child img{width: 100px;margin: 23px 0 0 30px}
.row7 .box a:last-child dl:hover{background-color: #fff}
*/
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:15px 11px !important ;background-color: #FFFCFF }
@media (max-width: 1596px) {
	.row1 a{font-size: 25px;line-height:45px}
	.row h1{font-size: 30px;line-height: 45px}
	.row.row1{padding: 60px}
	.row5 .left .top{font-size: 25px}
	.row5 .left .mid{font-size: 20px}
	.row5 .right .top{font-size: 25px}
	.row5 .left .mid span{font-size: 20px}
	.row6 p{font-size: 30px}

	.row6 p{line-height: 45px}
.row2 dd{line-height: 45px}
	.row2 span{line-height:45px}


}
@media (max-width: 1440px) {
	.row1 a{font-size: 19px;line-height:32px;}
	.row6 p{line-height: 32px}
	.row h1{font-size: 28px;line-height:32px;}
	.row6 p{font-size: 28px}
		.row5 .left .top{font-size: 20px}
.row5 .left .mid{font-size: 18px}

.row5 .left .mid span{font-size: 16px}
.row5 .left .bottom a{font-size: 16px}
.row5 .right .top{font-size: 20px}
	.row5 .right .bottom span{line-height: 32px}
	.row2 dd{line-height: 32px;font-size: 18px}
.row6 .box p{line-height: 32px}
	.row2 span{line-height:32px}
}
@media (max-width: 1366px) {
	.row1 a{font-size: 18px}

	.row h1{font-size: 26px}
	.row6 p{font-size: 24px}
	.row5 .left .top{font-size: 18px}
	.row5 .right .top{font-size: 18px}

}
@media (max-width: 1230px) {
	.row2 p.one_1{width: 100%}
	.row7 dt{width: 100%}
.row7 dl{width: 80%}
.row5 .right .bottom li{margin-bottom: 0}
.row6 .active{margin-left: 0}
.row7 dd{width: 100%}

.row6 .box p{padding-left: 0;font-size: 20px}
.row7  a{width: 25%}
 .row4 .mainbox_new  a{
	/* width: 33%; */
	text-align: center;margin-bottom: 20px}
		.row3 dl{width: 19%;margin-right: 1.2%}
	.row4 dl{width: 100%}
		/* .row4 a{width: 20%;text-align: center;margin-bottom: 20px} */
		.row6 a{margin-left: 0;display: block;margin-bottom: 20px}
		.row6 p{font-size: 22px}
	.row2 a{width: 25%} 
		.row2 dl{width: 100%;margin-right: 0}
.row5 .box{flex-direction: column;}
.row5 .left{width: 100%;margin-right: 0;margin-bottom: 20px}
.row5 .right{width: 100%;}
.row5 .left .bottom a{font-size: 14px;padding: 0px 17px;line-height: 32px}

.row5 .left .bottom i img {
    width: 15px;
    margin: 9px 0 0 9px;
}
	.row6 .box .left{margin-left: 0;width: 46%}
		.row6 .box .right{margin-right: 0;width: 48%}
}
@media (max-width:1024px ) {
	.row6 .box p{font-size: 18px;margin-bottom: 35px;line-height: 28px}

.row2 dd{line-height: 28px;font-size: 14px}

	.row5 .right .bottom li{font-size: 14px;line-height:28px}
		.row5 .right .bottom span{line-height: 28px;font-size: 14px}
	.row1 a{font-size: 14px;line-height:28px;padding: 0 10px}
	.row h1{font-size: 24px;line-height:32px;}
	.row3 dl{width: 24%;margin-right: 1.3%;}
	.row3 dl:nth-child(4n){margin-right: 0;}
	.row3 dl:nth-child(5n){margin-right: 1.3%;}
	.row{padding: 50px 0 40px}
		.row6{padding: 0}
	.row5 .left .mid{font-size: 14px}
	.row5 .left .mid span{font-size: 14px}
	.row2 span{font-size: 14px;line-height:28px}
	.row6 .box{padding-top: 50px}
}
@media (max-width:768px ) {
	.row6 .ww{margin-bottom: 60px}
	.row5 .right .top a{font-size: 12px}
	.row{padding: 40px 0 30px}
.content .flash.pc{display: none}
.row6 .box p{font-size: 14px;margin-bottom: 24px;line-height: 28px}
.content .flash.wap{display: block}
	.row4 .zz{width: 50%}
	.row7 a{width: 50%}
	.row h1{font-size: 22px}
	.row3 dd{font-size: 14px}
	.row5 .right .bottom li p{   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;width: 320px}
	.box{display: flex;justify-content: space-between;}
	.row3 dl{width: 48%;margin-right: 0;}
	.row3 dl:nth-child(5n){margin-right: 0;}
	.row2 a{width: 50%} 
	.row3 a{width: 100%}
	.row5 .txt{padding: 10px 20px 40px}
	.row5 .left .bottom{bottom:15px;}
	.row4 a{width: 33%}
    .row5 .right .bottom li{font-size: 14px;margin-bottom: 0}
	.row.row1{padding: 40px 20px}
	.row6{padding: 0}
	.row4 dl{margin-bottom: 40px}
	.row5 .right .bottom span{position: absolute;right: 0
}
.front{display: flex;width: 300px;margin: auto;justify-content: space-between;}
		.row6 a {padding:0;width: 110px;text-align: center;font-size: 14px;margin-bottom: 35px;padding: 4px 0
    }
       .row6 a span{font-size: 14px;line-height: 25px}

		.row5 .left .mid p{float: none;font-size: 18px;line-height: 28px}
		.row5 .right .bottom li p{width:220px}
		.row6 .box p{font-size: 13px;line-height: 26px;margin-bottom: 12px}
		/* .row4 a{width: 50%} */
		.row4 .mainbox_new  a{width: 45%;max-width: none;}
		.row6 a img {text-align: center; width: 8px;margin-top: 10px; margin-left: 5px;}
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: -5px !important}
		.row2 p.one_1{flex-direction: column;text-align: center;margin-top: 20px;}
		.row5 .left .mid span{float: left}
	.row5 .right .bottom li{position: relative;
	}	
.row6 .box{padding-top: 0}
		.row6 a {width: 46%;
}
	.row7 dl{width: 50%;margin: auto;}
/*		.row7 .box a:last-child img{margin: 23px 0}*/
.row6 {
    background-attachment: inherit;
}
		.row h1{margin-bottom: 20px}
.row3 dd a{bottom: 5px;width:28px;height: 18px;}
.row3 dd a img{margin:  3px 0 0 10px}
.row4 dt{width: 50%}
.row6 .sx{display: none}

.row6 .box{flex-flow: wrap;}
.row6 .box .left{width: 100%}
.row6 .box .right{width: 100%}
.zzc1 p{font-size: 14px;margin-top: 20px;line-height: 28px}
}

@media (max-width:414px ) {

}