@charset "utf-8";
/* CSS Document */
body {font-family: "Microsoft Yahei", Arial, " ", Helvetica;font-size: 16px!important;/*! background: #eeeeee; */max-width: 640px;margin: 0 auto; }
ul,ol {list-style: none;}
img{border:0;vertical-align:top;display:block;}
a{text-decoration:none;color:#090606;}
html{font-size: 100px;}

.banner img{width: 100%;}

.sz1_show{width: 96%;margin: 3% auto;text-align: center; clear:both;}
.tit_h2{position: relative;
    display: inline-block;
    font-size: 0.25rem;
    color: #333333;
    font-weight: bold; margin:0 auto;
    padding: 3% 5% 0px; font-weight:normal;}
.tit_h2 em { position: absolute; width: 0.03rem; height: 0.03rem; border: 4px solid rgb(172 82 210); border-radius: 50%; }
.tit_h2 .icon1 { left: 0px; top: 50%; }
.tit_h2 .icon2 { right: 0px; top: 50%; }
.tit_h2 span {position: relative;z-index: 2;}
.tit_p{ font-size:0.18rem; line-height:2em; margin:0 auto; text-align:center; color: #333333;}
.bai{ color:#FFF;}

.main{width: 96%;margin: 3% auto;position: relative;height: 3.27rem;}
.main .img5{ width:100%; position: absolute;top: 0;left: 0;animation:mybing2 2s  infinite;-webkit-animation:mybing2 2s  infinite;-moz-animation:mybing2 2s infinite ;-o-animation:mybing2 2s  infinite ;}
.main .img4{position: absolute;z-index: 999;top: 0;left: 0; width:100%;}


.a_btn { width: 50%; height: 0.5rem; border-radius: 26px; margin: 5% auto 0px; text-align: center; line-height: 0.5rem; display: block; color: rgb(255, 255, 255); font-size: 0.20rem;  position: relative; background:linear-gradient(to right, rgb(255 66 169), rgb(255 135 83)); }
.tu{ width:96%; margin:2% auto;}
.tu img{ width:100%;}
.zuo{ text-align:left !important;}


.top{width: 98%;margin: 3% auto;position: relative;}
.top .img2{ width:1.25rem; height:1.25rem; position: absolute;top: 8%; left:-1%;animation:myzhuandong 3s linear  infinite;-webkit-animation:myzhuandong 3s linear  infinite;-moz-animation:myzhuandong 3s linear infinite ;-o-animation:myzhuandong 3s linear  infinite ;}
.top .img3{width:1.25rem; height:1.25rem; position: absolute;top: 66%; left:-1%;animation:myzhuandong 3s linear  infinite;-webkit-animation:myzhuandong 3s linear  infinite;-moz-animation:myzhuandong 3s linear infinite ;-o-animation:myzhuandong 3s linear  infinite ;}
.zhuan{ width:100%; text-align:center;}
	
@keyframes mybing2
{ 0%{opacity: .2;}   50%{opacity: 1;}  100%{opacity: .2;}}
@-moz-keyframes mybing2
{ 0%{opacity: .2;}   50%{opacity: 1;}  100%{opacity: .2;}}
@-webkit-keyframes mybing2
{ 0%{opacity: .2;}   50%{opacity: 1;}  100%{opacity: .2;}}
@-o-keyframes mybing2
{ 0%{opacity: .2;}   50%{opacity: 1;}  100%{opacity: .2;}}


@keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}
@-webkit-keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}
@-o-keyframes myzhuandong
{  0%{-webkit-transform:rotate(0deg);}
      25%{-webkit-transform:rotate(90deg);}
      50%{-webkit-transform:rotate(180deg);}
      75%{-webkit-transform:rotate(270deg);}
      100%{-webkit-transform:rotate(360deg);}}
	  
.zylj{width: 96%;margin: 3% auto;overflow: hidden; padding:0;}
.zylj li{width: 45%;border: 1px solid #96d8f5;border-radius: 9px;height: 3.0rem;float: left;margin: 1% 2%;background: #fff;}
.zylj li img{display: block;margin: 3% auto 2%;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition:  all .5s ease;-o-transition:  all .5s ease;}
.zylj li h3{font-weight: bold;font-size: 0.20rem;line-height: 2.0em;color: #666;text-align: center;}
.zylj li span{font-size: 0.18rem;display: block;text-align: center;margin: 10px 0 14px;}
.zylj li p{font-size: 0.16rem;margin: 3% auto;line-height: 1.6em;width: 96%;}
.zylj li:hover img{transform: rotateY(180deg);-ms-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);}	 
	  
.box7{
	width:100%;
	/*padding-bottom: 5%;*/
	/*background-image: -webkit-linear-gradient(40deg, #6f0c2f, #00196b);
	background-image: -o-linear-gradient(40deg, #6f0c2f, #00196b);
	background-image: linear-gradient(310deg, #6f0c2f, #00196b);*/
}
.box7_con{ margin:3% auto; padding:0; width:100%;}
.box_hd{ width:100%; margin:2% auto; padding:0;}
.box_In{ width:96%; margin:2% auto; padding:0; text-align: center;}
.box7_main{ width:100%; margin:2% auto; padding:0;}
.box7 .box7_con ol{
	width: 100%;
	height: 0.5rem;
	margin:0 auto;
	padding:0;
}
.box7 .box7_con ol li{
	position: relative;
	float: left;
	width: 22%;
	height: 0.5rem;
	background: #372b84;
	border-radius: 10px 10px 0 0;
	margin: 0 1.5% 0 0;
	font-size: 0.20rem;
	color: #fff;
	text-align: center;
	line-height: 0.5rem;
	cursor: pointer;
}
.box7 .box7_con ol li span{color: #d5e2ff;}
.box7 .box7_con ol li.cur span{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.6rem;
	font-size: 0.20rem;
	color:#fff;
	line-height: 0.6rem;
	font-weight: bold;
	border-radius: 10px 10px 0 0;
	background: -webkit-linear-gradient(left, #fc7a6d, #ac3c79, #5c087f, #001a6b);
	background: -o-linear-gradient(left, #fc7a6d, #ac3c79, #5c087f, #001a6b);
	background: linear-gradient(to right, #fc7a6d, #ac3c79, #5c087f, #001a6b);
}
.box7 .box7_con ul{
	width: 100%;
	background: #281d62;
	border-radius: 0 23px 23px 23px;
	border: 1px solid #304dba;
	border-top: none;
	margin: 0 auto;
	text-align: left;
}
.box7 .box7_con ul{
	padding: 5% 0 7%;
}
.box7 .box7_con ul li{
	padding-left: 2%;
	display: none;
	width:96%;
	margin:0 auto;
}
.box7 .box7_con ul li.cur{display: block;}
.box7 .box7_con ul li h3{
	position: relative;
	font-size: 0.20rem;
	color: #fff;
	line-height: 1.6em;
	font-weight:normal;
}
.box7 .box7_con ul li h3 span{position: relative;z-index: 2;}
.box7 .box7_con ul li h3:before{
	content: "";
	position: absolute;
	/*left: -5px;*/
	top: 85%;
	width: 20%;
	height: 0.05rem;
	background: -webkit-linear-gradient(left, #d75d72, #290877);
	background: -o-linear-gradient(left, #d75d72, #290877);
	background: linear-gradient(to right, #d75d72, #290877);
	z-index: 1;
	border-radius: 4px;
}
.box7 .box7_con ul li p.box5conp{
	font-size: 0.18rem;
	color: #c7ccdf;
	
	line-height: 1.6em;
	overflow: hidden;
	margin-top: 2%;
}

.con8{margin: 3% auto;}
.con8 .swiper-container{padding: 0 0 10px;}
.con8 ul{padding: 0;margin: 0;}
.con8 li{width: 40%;transition: all 0.3s ease;padding: 0.3rem 0 0;}
.con8 li img{width: 100%;}
.con8 h4{font-size: 0.18rem;font-weight: normal;color: #FFF;line-height: 1.6em;margin: 0.1rem 0;}
.con8 h4 span{font-size: 0.24rem;display: block;/*color: black;*/line-height: 1.6em;}
.con8 p{opacity: 0;line-height: 1.6em;font-size: 0.16rem;text-align: left;text-indent: 2em;width: 90%;margin: 0 auto;}
.con8 li.active{width: 50%;padding: 0;margin: 0  -6%;z-index: 1;}
.con8 li.active p{opacity: 1;transition: all 0.3s ease;}
.con8 .swiper-pagination{bottom: 0;}

.yii{width: 100%; height: auto; overflow: hidden;margin: 2% auto;padding: 0}
.yii li{width:48%; height: auto; /*overflow: hidden;*/ float: left; margin-left: 0.08rem; margin-top: 2%;border: 1px dashed #00568c;border-radius: 1em;display: inline-flex;padding: 0}
.yii li img{width: 13%;float: left;height: 13%;margin: 0.1rem 0.1rem}
.yii li a{font-size: 0.18rem; text-align: center; display:block; line-height: 0.62rem;width: 80%;float: right;text-align: left; color:#333333;}	  


.tu66{ width:100%; margin:2% auto; }
.tu66 img{ width:100%;}


.sec6_left{ width:98%; margin:2% auto;}
.sec6_left a{width:31%;display: block;font-size: 0.18rem;line-height: 2em;color: white;text-indent: 1em;float: left;margin: 5% 0;border-radius: 8px;opacity: 0.7;position: relative; margin-left:1%; margin-right:1%;}
.sec6_left a:hover{opacity: 1;}
/*.sec6_left a::after{content: " ";width: 0;border: 10px solid transparent;border-top-width: 30px;border-top-color: inherit;position: absolute;left: 32px;bottom: -30px;transform: rotate(33deg);}
*/.sec6_left .fr{float: right;}
/*.sec6_left .fr::after{transform: rotate(-33deg);right: 32px;left: inherit;}*/
.sec6_left span{color: white;}
.sec6_left .zx1{background: linear-gradient(to right, #0080b3 , #1bbbbd);color: #058bb4;}
.sec6_left .zx2{background: linear-gradient(to right, #a01082 , #df0362);color: #d60566;}
.sec6_left .zx3{background: linear-gradient(to right, #410461 , #6c0480);color: #470466;}
.sec6_left .zx4{background: linear-gradient(to right, #0080b3 , #1bbbbd);/* opacity: 0.5; */color: #17b3bb;}
.sec6_left .zx5{background: linear-gradient(to right, #a01082 , #df0362);opacity: 0.5;color: #a90e7e;}

.sec6_left a:hover{opacity: 1;filter: alpha(opacity=100);}
.ws{ width:48% !important;}