/*页面通用样式*/
body{background: #E8F4FF;}
.box_In{width: 1200px;margin: 0 auto;position: relative;}
.left{float: left;}
.right{float: right;}
.ofh{overflow: hidden;}
.hd{width: 900px;margin: 0 auto;}
.hd h2{text-align: center;font-size:46px ;color: #592CBD;font-weight: bold;} 
.hd img{display: block;margin: 0 auto;}
.hd .p1{font-size: 22px;color: #502D9E;text-align: center;margin: 20px 0;}
.hd .p1 span{font-size: 20px;color: #fff;background: #512F9E;padding:3px 8px;border-radius: 5px;}
.hd .p2{width:50px;border-top:5px solid #512F9E ;margin: 0 auto;}
.a_btn{position: relative; width: 306px;height: 50px;color: #fff;line-height: 50px;text-align: center;display: block;font-size: 24px;margin: 50px auto;border-radius: 30px;box-shadow: 0 5px 8px #B0459C;
	background: #FF4E80;
	background: -webkit-linear-gradient(left, #FF129C 0%, #FF7D67 100%);
	background: -o-linear-gradient(left, #FF129C 0%, #FF7D67 100%);
	background: linear-gradient(to right, #FF129C 0%, #FF7D67 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF129C', endColorstr='#FF7D67',GradientType=0 );}
.a_btn span{font-size: 17px;}
.a_btn:hover{
	box-shadow: 0 5px 8px #A22CFF;
	background: #9B30FF;
	background: -webkit-linear-gradient(left, #6D4DFF 0%, #C811FF 100%);
	background: -o-linear-gradient(left, #6D4DFF 0%, #C811FF 100%);
	background: linear-gradient(to right, #6D4DFF 0%, #C811FF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6D4DFF', endColorstr='#C811FF',GradientType=0 );
}
/*banner开始*/
.ban{background: url(/images/2024/ggsj/ban-bg.jpg) no-repeat center;height: 686px;overflow: hidden;position: relative;}
.ban .top{height: 455px;}
.ban .top img{position: absolute;}
.ban .top .img1{left: 108px;top:80px;}
.ban .top .img2{left: 108px;top:200px;}
.ban .top .img3{right:110px;top:195px;}
.ban .top .img4{left: 190px;top: 385px;}
.ban .btn{width: 600px;height: 80px; position: absolute;left: 50%;margin-left: -300px;top: 500px;z-index: 99;}
.ban .btn a{width: 274px;height: 77px;font-size: 26px;text-align: center;line-height:55px;position: absolute;}
.ban .btn .left{color: #5B24B9;background: url(/images/2024/ggsj/ban-btn1.png) no-repeat center;left: 0;top: 15px;}
.ban .btn .right{color: #fff; background: url(/images/2024/ggsj/ban-btn2.png) no-repeat center;right: 0;top: 0;}
/*.ban .btn a:hover{margin-top:0px;}*/
/*.ban .btn a{transition: all .6s;-moz-transition: all .6s;-webkit-transition: all .6s;-o-transition: all .6s;}*/
.ban .ban1{position: absolute;top: 0;left:-360px;width: 100%;height: 100%;cursor: pointer;}
.ban .ban1 img{ position: absolute;top: 0;left:0px;}
/*box1开始*/
.box1{padding-top:60px;}
.box1 .box_In .hd{position: relative;z-index: 99;}
.box1 .box_In .img1{position: absolute;top: 10px;left:0px;}
.box1 .box_In .img2{position: absolute;top:-40px;right:60px;}
.box1 .main{margin:70px 0 50px 380px;}
.box1 .main .p1{margin-left: 30px; font-size: 24px;color: #592CBD;}
.box1 .main ul{margin-left:20px;}
.box1 .main ul li{width: 134px;height: 76px;display:inline-block; margin:20px 10px; background: url(/images/2024/ggsj/box1-time2.jpg) no-repeat center;font-size: 40px;text-align: center;line-height: 76px;color: #fff;}
.box1 .main ul .li1{background: url(/images/2024/ggsj/box1-time1.jpg) no-repeat center;}
.box1 .main .a_btn{margin-left:85px;}
.box1 .btm{height:230px;background: url(/images/2024/ggsj/box1-bg.jpg) no-repeat center 70px;padding: 50px 0;}
.box1 .btm .img2{position: absolute;right:360px;top: 160px;z-index: 99;}
.box1 .btm .img6{position: absolute;left:300px;top: 70px;}
.box1 .btm .img7{position: absolute;right:208px;top: -44px;}
.box1 .btm .youhui{position: relative;width: 540px;margin: 0 auto;}
.box1 .btm ul{position: absolute;left:60px;top:25px;color: #fff;}
.box1 .btm ul .li1{font-size: 40px;font-weight: bold;}
.box1 .btm ul .li2{font-size: 80px;font-weight: bold;color:#FF4D81 ;line-height: 80px;margin-left: -10px;}
.box1 .btm ul .li3{font-size: 22px;}
/*box2开始*/
.box2{margin-top: 60px;padding-bottom: 40px;}
.box2 ul {position: relative;width: 1160px;margin:70px auto 0;height: 1150px;}
.box2 ul li{position: absolute;overflow: hidden;}
.box2 ul .li2{left:773px ;top: 0;}
.box2 ul .li3{left:0px;top: 287px;}
.box2 ul .li4{left:387px;top: 287px;}
.box2 ul .li5{left:387px;top: 574px;}
.box2 ul .li6{left:0px;top:861px;}
  /*遮罩*/
.box2  .mask{width: 100%;height: 100%;position: absolute;top:100%;left:0;}
.box2  .mask .mask_bg{width: 100%;height: 100%;background: #000;opacity: .62;position: absolute;top: 0 ;left: 0;}
.box2  .mask .mask_main{width: 100%;position: absolute;top:68px;left: 78px;}
.box2  .mask .mask_main p{font-size: 30px;color: #fff;width: 320px;}
.box2  .mask .mask_main .p1{font-size:14px;}
.box2  .mask .mask_main span{width: 60px;display: block;border-bottom:3px solid #fff ;margin:15px 0 30px;}
.box2  .li2  .mask_main{top:208px;left:40px;}
.box2  .li3  .mask_main{top:78px;left: 30px;}
.box2  .li5  .mask_main{top:60px;left:420px;}
.box2  .li6  .mask_main{top:40px;left: 30px;}
.box2  .li2  .mask_main span,.box2  .li5  .mask_main span{margin:30px 0  15px 240px;}
.box2  .li2  .mask_main .p2,.box2  .li5  .mask_main .p2{margin-left:190px;}
.box2 li:hover .mask{top: 0;transition: all .6s;-moz-transition: all .6s;	/* Firefox 4 */-webkit-transition: all .6s;	/* Safari 和 Chrome */-o-transition: all .6s;}
.box2 li:hover{cursor: pointer;}
.box2 .img1{position: absolute;top:133px ;left:-167px ;}
.box2 .img2{position: absolute;bottom:-35px ;right:-138px ;}
.box2 .img3{position: absolute;top:600px;left: -120px;}
/*.box3开始*/
.box3 {margin-top: -85px;height: 972px;background: url(/images/2024/ggsj/box3-bg.png) no-repeat center;}
.box3 .hd{padding-top:165px ;}
.box3 .hd h2,.box3 .hd .p1,.box7 .hd h2,.box7 .hd .p1{color: #fff;}
.box3 .hd .p2,.box7 .hd .p2{border-color: #fff;}
.box3 .img1{position: absolute;top: 263px;left: 0px;}
.box3 .img2{position: absolute;top: 220px;right: 100px;}
.box3 .img3{height: 280px; margin-top: 50px;position: relative;}
.box3 .img3 img{display: block;margin:0 auto;padding-top: 20px;}
.box3 .a_btn{width: 262px;margin-top: -30px;}
/*box4开始*/
.box4{margin-top: -140px;}
.box4 .hd{margin-top: 50px;}
.box4 .img1{position: absolute;left: 10px;top: 40px;}
.box4 .img2{position: absolute;right:60px;top: -30px;}
.box4 .main{width: 1090px;margin-left: 40px;margin-top: 90px;}
.box4 .main .one,.box4 .main .three{overflow: hidden;}
.box4 .main .two{overflow: hidden;margin: 110px 0;}
.box4 .main .left{width: 112px;}
.box4 .main .right{width: 960px;}
.box4 .main .right .span1{font-size: 16px;opacity: .5;color: #6A6C9C;}
.box4 .main .right .line{width: 325px;border-bottom:1px solid #6A6C9C;display: inline-block;}
.box4 .main .right h3{font-size: 30px;line-height: 70px;color: #5E5B83;}
.box4 .main .right p{font-size: 18px;line-height: 30px;color: #6A6C9C;}
.box4 .main .right ul{overflow: hidden;margin-top: 45px;}
.box4 .main .right ul li{float: left;margin-right: 44px;}
.box4 .main .one .right ul li p{font-size:40px;color: #3F44B8;margin-top: 10px;}
.box4 .main .one .right ul li .p1{font-size:20px ;margin-top: 5px;}
.box4 .main .one .right .li2 p{color: #FF8651;}
.box4 .main .one .right .li3 p{color: #B23C80;}
.box4 .main .one .right .li4 p{color: #5FA507;}
.box4 .main .one .right .li5 p{color: #D54D4C;}
.box4 .main .one .right .li6 p{color: #4059AD;}
.box4 .main .two .right li{height: 192px;  margin-right: 58px;background: url(/images/2024/ggsj/box4-02img1bg.jpg) no-repeat bottom center;position: relative;}
.box4 .main .two .right .li2{background: url(/images/2024/ggsj/box4-02img2bg.jpg) no-repeat bottom center;}
.box4 .main .two .right .li3{background: url(/images/2024/ggsj/box4-02img3bg.jpg) no-repeat bottom center;}
.box4 .main .two .right .li4{background: url(/images/2024/ggsj/box4-02img4bg.jpg) no-repeat bottom center;}
.box4 .main .two .right li p{text-align: center;  position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-top: 30%;}
.box4 .main .two .right li span{color: #494DB1;font-size: 22px;}
.box4 .main .two .right li .span1{font-size: 32px;line-height: 48px;opacity: 1;}
.box4 .main .two .right .li2 span{color: #822EB8;}
.box4 .main .two .right .li3 span{color: #AF176D;}
.box4 .main .two .right .li4 span{color: #1AAFBC;}
.box4 .main .two .right .btm{width: 630px;height: 35px;font-size: 17px;color: #fff;line-height: 35px;text-align: center;margin-top: 35px;
	background: #4F2FBD;
	background: -webkit-linear-gradient(left, #3E32BE 0%, #6225B6 100%);
	background: -o-linear-gradient(left, #3E32BE 0%, #6225B6 100%);
	background: linear-gradient(to right, #3E32BE 0%, #6225B6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3E32BE', endColorstr='#6225B6',GradientType=0 );
}
.box4 .main .two .right img{-webkit-animation:circle-inner 10s linear infinite;-moz-animation:circle-inner 10s linear infinite;-o-animation:circle-inner 10s linear infinite;animation:circle-inner 10s linear infinite;}
.box4 .main .two .right .li2 img,.box4 .main .two .right .li4 img{
	-webkit-animation:circle-inner 10s linear infinite;-moz-animation:circle-inner 10s linear infinite;-o-animation:circle-inner 10s linear infinite;animation:circle-inner 10s linear infinite;	
}
.box4 .main .three .right .center{margin:35px auto 0;width: 861px;position: relative;}
.box4 .main .three .right .img2{position: absolute;top: -1px;right: 242px;}
.box4 .main .three .right .img3{position: absolute;top: 104px;right: 187px;}
.box4 .main .three .right .img4{position: absolute;top: 210px;right: 215px;}
.box4 .main .three .right .img5{position: absolute;top: 318px;right: 250px;}
.box4 .main .three .right .imgs img{-webkit-transform: rotate(360deg);
animation: rotation 6s linear infinite;
-moz-animation: rotation 6s linear infinite;
-webkit-animation: rotation 6s linear infinite;
-o-animation: rotation 6s linear infinite;}
.box4 .box4_btm{height:140px;background: url(/images/2024/ggsj/box1-bg.jpg) no-repeat center 10px;}
.box4 .box4_btm .a_btn{width: 336px;position: absolute;top:28px ;left: 50%;margin-left: -168px;}
/*box5开始*/
.box5 {margin-top: -100px;background: url(/images/2024/ggsj/box3-bg.png) no-repeat top center;padding-bottom: 30px;}
.box5 .hd{margin-top:240px ;}
.box5 .hd h2,.box5 .hd .p1{color: #fff;}
.box5 .hd .p2{border-color: #fff;}
.box5 .hd .p3{font-size: 25px;color: #FFC104;text-align: center;margin-bottom:20px;}
.box5 .img1{position: absolute;top:-10px;left: 0;}
.box5 .img2{position: absolute;top:-64px;right:65px;}
.box5 .main{margin-top: 30px;}
.box5 .title{background: url(/images/2024/ggsj/box5-bg1.png) no-repeat center 25px; height: 58px;margin: 5px 0 8px;}
.box5 .title img{display: block;margin: 0 auto;}
.box5 .main ul{padding: 0 40px;}
.box5 .main li{overflow: hidden;padding: 0 20px 50px;background: #fff;margin-bottom: 30px;}
.box5 .main li .left{width: 60px;padding-top: 45px;}
.box5 .main li .right{width: 1000px;}
.box5 .main li .left p{width: 100%;height: 30px;text-align: center;  line-height: 30px;background: #5430BF;color: #fff;font-size: 24px;}
.box5 .right .top {border-left: 1px solid #9183B6;padding: 40px 20px 0;}
.box5 .right .top h3{font-size: 28px;color: #56309D;}
.box5 .right .top p{font-size: 16px;color: #595380;line-height: 26px;margin-top: 25px;}
.box5 .right .top span{display: block;width: 450px;height: 30px; text-align: center; color: #61559C;font-size: 18px;line-height: 30px;border: 1px solid #4B32CA;font-weight: bold;margin-top: 15px;}
.box5 .right .btm {margin-top: 40px;}
.box5 .right .btm div{float: left;overflow: hidden;height: 324px;}
.box5 .right .btm div img{transition: all .4s linear;}
.box5 .right .btm div img:hover{transform: scale(1.05);cursor: pointer;}
.box5 .main .a .li2{background: #527BC0;}
.box5 .main .a .li2 .top,.box5 .main .a .li2 .top h3,.box5 .main .a .li2 .top p,.box5 .main .a .li2 .top span {color: #fff;border-color: #fff;}
.box5 .main .a .li2 .left p{background: #fff;color: #31538C;}
.box5 .main .a .li3{background: #F3E0B7;}
.box5 .main .a .li3 .top,.box5 .main .a .li3 .top h3,.box5 .main .a .li3 .top p,.box5 .main .a .li3 .top span {color: #77562C;border-color: #7B5931;}
.box5 .main .a .li3 .left p{background: #735227;color: #fff;}
.box5 .main .a .li3 .top span{width: 670px;}
.box5 .main .b{margin:80px 0;}
.box5 .main .b .li2{background: #ED6878;
	background: -webkit-linear-gradient(left, #DD5587 0%, #FF7F66 100%);
	background: -o-linear-gradient(left, #DD5587 0%, #FF7F66 100%);
	background: linear-gradient(to right, #DD5587 0%, #FF7F66 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD5587', endColorstr='#FF7F66',GradientType=0 );}
.box5 .main .b .li2 .top,.box5 .main .b .li2 .top h3,.box5 .main .b .li2 .top p,.box5 .main .b .li2 .top span {color: #fff;border-color: #fff;}
.box5 .main .b .li2 .left p{background: #fff;  color: #DE5587;}
.box5 .main .a .li2 .top .span1{width:510px;}
.box5 .main .c .li3 .left p{background: #713F5C;  color: #fff;}
.box5 .main .c .li3 .top,.box5 .main .c .li3 .top h3,.box5 .main .c .li3 .top p,.box5 .main .c .li3 .top span {color: #71425B !important;border-color: #71425B !important;}
.box5 .main .c .li3{background: #F1DAC6 !important;}
.box5 .box5_btm p{text-align: center;font-size:20px ;color: #605EAC;line-height: 38px;}
.box5 .box5_btm .p1{font-size:24px ;color: #FE48AD;font-weight: bold;}
.box5 .box5_btm .a_btn{margin: 20px auto;width: 340px;}
/*box6开始*/
.box6{padding-top: 75px;padding-bottom: 50px;}
.box6 .hd{width: 1200px;}
.box6 .img1{position: absolute;top:-30px;left: 0;}
.box6 .img2{position: absolute;top:-60px;right:65px;}
.box6 .main{margin-top: 50px;position: relative;}
.box6 .main ul{overflow: hidden;width: 880px;margin: 0 auto;}
.box6 .main ul li{float: left;margin: 0 20px;position: relative;}
.box6 .main .li_btm{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}
.box6 .main .li_btm h2{font-size: 19px;color: #592CBD;margin: 4px 0 40px;}
.box6 .main .li_btm p{font-size: 20px;color: #fff;line-height: 32px;}
.box6 .main .li2 .li_btm h2{margin: 4px 0 20px;}
.box6 .main .li2 .li_btm p{font-size: 15px;color: #fff;line-height:22px;}
.box6 .main .btm ul{width: 960px;margin: 125px auto 0;}
.box6 .main .btm ul li{float: left;position: relative;margin:0 15px ;}
.box6 .main .btm  p{font-size: 24px;color: #5B4886;text-align: center;}
.box6 .main .img1{position: absolute;top:156px;left: 50%;margin-left:-335px ;}
.box_bm{background: #fff !important;}
/*box7开始*/
.box7{background: url(/images/2024/ggsj/box7-bg.jpg) repeat-x center;height: 686px;}
.box7 .hd{padding-top: 80px;}
.box7 .img1{position: absolute;top:130px;left: 0;}
.box7 .img2{position: absolute;top:60px;right:65px;}
.box7 .main ul{width: 925px;margin:50px auto 0;overflow: hidden;}
.box7 .main ul li{float: left;margin: 0 16px;width: 276px;}
.box7 .main ul li p{font-size: 22px;color: #fff;width: 140px;height: 40px;border: 1px solid #fff;border-radius:14px;margin: 0 auto;text-align: center;line-height: 40px;}
.box7 .main ul .li_btm{width: 276px;height: 112px;background: url(/images/2024/ggsj/box7-img4.png) no-repeat center;padding-top: 30px;}
.box7 .main .li_btm span{color: #fff;font-size: 18px;display: block;text-align: center;}
.box7 .main .center{width: 600px;height:79px;margin:25px auto 0;padding-bottom: 30px;overflow: hidden;color: #fff;text-align: center;position: relative;}
.box7 .main .center a{width: 285px;height: 72px;margin-top: 10px;color: #fff;font-size: 26px;padding-top: 14px;overflow: hidden;position: absolute;}
.box7 .main .center .left{background: url(/images/2024/ggsj/box7-img2.png) no-repeat center;left: 0;top: 15px;}
.box7 .main .center .right{background: url(/images/2024/ggsj/box7-img3.png) no-repeat center;right: 0;top: 0;}
/*.box7 .main .center a{transition: all .6s;-moz-transition: all .6s;	-webkit-transition: all .6s;-o-transition: all .6s;}*/
/*.box7 .main .center a:hover{margin-top: 0px;}*/
.box7 .main .img5{display: block;margin: 0 auto;}
/*动画*/
@keyframes mytop
{0% {padding-top: 20px;}50%{padding-top: 10px;}100%{padding-top: 20px;}}
@-moz-keyframes mytop /* Firefox */
{0% {padding-top: 20px;}50%{padding-top: 10px;}100%{padding-top: 20px;}}
@-webkit-keyframes mytop /* Safari 和 Chrome */
{0% {padding-top: 20px;}50%{padding-top: 10px;}100%{padding-top: 20px;}}
@-o-keyframes mytop /* Opera */
{0% {padding-top: 20px;}50%{padding-top: 10px;}100%{padding-top: 20px;}}
@-webkit-keyframes circle-inner{
	0%{-webkit-transform:rotate(0deg)}10.7%{-webkit-transform:rotate(90deg)}25%{-webkit-transform:rotate(90deg)}35.7%{-webkit-transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg)}60.7%{-webkit-transform:rotate(270deg)}75%{-webkit-transform:rotate(270deg)}85.7%{-webkit-transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes circle-inner{
	0%{-webkit-transform:rotate(0deg)}10.7%{-webkit-transform:rotate(90deg)}25%{-webkit-transform:rotate(90deg)}35.7%{-webkit-transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg)}60.7%{-webkit-transform:rotate(270deg)}75%{-webkit-transform:rotate(270deg)}85.7%{-webkit-transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg)}
}
@-o-keyframes circle-inner{
	0%{-webkit-transform:rotate(0deg)}10.7%{-webkit-transform:rotate(90deg)}25%{-webkit-transform:rotate(90deg)}35.7%{-webkit-transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg)}60.7%{-webkit-transform:rotate(270deg)}75%{-webkit-transform:rotate(270deg)}85.7%{-webkit-transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg)}
}
@keyframes circle-inner{
	0%{-webkit-transform:rotate(0deg)}10.7%{-webkit-transform:rotate(90deg)}25%{-webkit-transform:rotate(90deg)}35.7%{-webkit-transform:rotate(180deg)}50%{-webkit-transform:rotate(180deg)}60.7%{-webkit-transform:rotate(270deg)}75%{-webkit-transform:rotate(270deg)}85.7%{-webkit-transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg)}	
}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}