.content .flash{width: 100%;background-color: #4E298C }
.box a{display:inline-block;}
.flash img{width: 100%} 
.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: 60px 0 60px}
.row2 p.one_1{display: flex;margin:0 auto;justify-content: space-between;margin-bottom: 20px;margin-top: 25px;flex-flow: wrap;width: 1042px}
.zzc1 p{margin-top: 70px;text-align: center;word-break:break-all;font-size:16px;
font-weight:400;
color:rgba(255,255,255,1);
line-height:36px;}
.row2 dd img{position: absolute;top: 0;z-index: -1;}
.row2 span{font-size:16px;
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;
font-weight:400;transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);transition: all .5s;z-index: -1;
color:rgba(255,255,255,1);
line-height:51px;
border-bottom: 7px solid #076EBD}
.row3 h1,.row5 h1{color: #000;margin-bottom: 50px}
.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;
}
.row4 dl img{display: block;width: 70%;    margin: 0 auto;}
.row7 dl img{display: block;width: 70%;    margin: 0 auto;}

.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}
.row3 dd{font-size:16px;	position: relative; padding: 20px 10px 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 h1{margin-bottom: 60px}
.row4 .mainbox_new  .box{justify-content: center;}
.row4 .mainbox_new  a{width: 15%;}
.row4 dl{width: 100%;text-align: center;margin-bottom: 60px;position: relative;}
.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  ;}
.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);
}
.row5 .right .bottom li{font-size:18px;border-bottom: 2px solid #fff;position: relative;margin-left: 24px;display: flex;
font-weight:400;margin-bottom: 25px;
color:rgba(62,58,57,1);
}
.front {text-align: center;}
.row5 .right .bottom a:before{position: absolute;content: "";border: 4px solid #A29FA3;left: -24px;top:9px;}
.news_box{width: 70%;overflow: hidden;}
.row5 .right .bottom a:hover{color: #4E298C;border-bottom: 2px solid #4E298C}
.row5 .right .bottom  span{font-size:16px;flex-shrink: 0;margin-left: 20px;
    position: absolute;
    right: 0;

font-weight:400;
color:rgba(161,161,161,1);}
	.row5 .right .bottom li p{   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;}
.row5 .right .bottom a{border-bottom: 2px solid #fff;max-width: 450px;display: flex;}
.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{padding: 0px 25px;
background:rgba(255,255,255,0.2);
border:1px solid rgba(255,255,255,1);margin-left: 30px

}
.row6 .active{margin-left:10px }
.row6 a img{width: 24px  ; margin-top: 14px;
    margin-left: 10px;}
.row6 a span{font-size:18px;
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: 48%;top:0;

}
.row6 .box .left{margin-left: 75px}
.row6 .box .right{margin-right: 40px}
.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:34px;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: 0px 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}
	.row5 .right .bottom span{line-height: 45px}
	.row6 p{line-height: 45px}
.row2 dd{line-height: 45px}
	.row2 span{line-height:45px}
.row5 .right .bottom li{margin-bottom: 30px}

}
@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%}
.row6 .active{margin-left: 0}
.row7 dd{width: 100%}
.row6 .box p{padding-left: 0;font-size: 20px}
.row7  a{width: 25%}
		.row3 dl{width: 19%;margin-right: 1.2%}
	.row4 dl{width: 100%}
		/* .row4 a{width: 20%;text-align: center;margin-bottom: 20px} */
	 .row4 .mainbox_new  a{
		/* width: 16.6%; */
		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: 14px;margin-bottom: 24px;}

.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 .active{margin-left: 0px}
	.row6 .ww{margin-bottom: 60px}
	.row5 .right .top a{font-size: 12px}
	.aboutus .container .content .middle{width: 100%}
	.aboutus .container .content .middle .aside{padding: 30px 0}
	.aboutus .container .content .middle h1{margin-top: 40px}
	.row{padding: 40px 0 30px}
.content .flash.pc{display: none}
.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;}
	.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}
	.row6 .sx{display: none}
.row6 .box{flex-flow: wrap;}
.row6 .box .left{width: 100%}
.row6 .box .right{width: 100%}
.row6 .box{padding-top: 0}
.front{display: flex;width: 235px;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}
    .row6 a img {  width: 8px;  margin-top:10px;  margin-left: 5px;}

		.row6 .box p{font-size: 13px;line-height: 26px;margin-bottom: 12px}
		.row5 .left .mid p{float: none;font-size: 18px}
		.row4 a{width: 50%}
		.row4 .mainbox_new  a{width: 50%;}
    .zzc1 p{font-size: 16px;margin-top: 55px}
       .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{margin-bottom: 0}	
.row5 .right .bottom span{position: absolute;}
	.row7 dl{width: 50%;margin: auto;}
/*		.row7 .box a:last-child img{margin: 23px 0}*/
		.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 {
    background-attachment: inherit;
}

}
@media (max-width:414px ) {.row.row1{padding: 40px 9px}

.row5 .right .bottom a{max-width: 250px}
}
@media (max-width:414px ) {.row1 a{font-size: 13px}   .row5 .right .bottom a{max-width: 220px;}}
@media (max-width:320px ) { .row.row1{padding: 40px 0}.row1 a{font-size: 12px}  .row5 .right .bottom a{max-width: 150px;}}