@charset "utf-8";
/* CSS Document */
*
{
    margin: 0;
    padding: 0;
}
.yellowbox{ background-color:#f3cd81}
.graybox{ background-color:#f3f3f3}
.purpbox2{ background-color:#988cc1}
.whitebox{background-color:#fff}

 .mod2, .mod5, .mod6, .mod7, .mod8, .mod9, .mod10{ width:100%; margin:0 auto; padding:60px 0}
.mod1{width:100%; margin:0 auto; padding:100px 0 60px}
.mod3{width:100%; margin:0 auto; padding:60px 0; background:url(m3-bg.jpg) top center no-repeat; height:1068px}
.mod4{ width:100%; margin:0 auto; padding:60px 0 0}

.webbanner{ width:100%; margin:0 auto; background:url(banner.jpg) top center no-repeat; clear:both; overflow:hidden; height:634px;}
.w1200{ width:1200px; margin:0 auto; display:block}
#zixunBtn{ width:100%; display:block; margin:387px 0 0 686px;width:210px; height:210px; border-radius:120px ; background-color:#ff6736;}
#zixunBtn a{ width:210px; height:170px; display:block; text-align:center; padding:40px 0 0 0; font-size:34px; color:#fff; text-decoration:none}
.arr{width: 40px;
     height:60px;
    overflow: hidden;
    text-align: center;
    position: absolute;
    left: 42%;
    top:62%;
    -webkit-animation: twinkling 1s infinite ease-in-out;
}
.arr i{
    display: inline-block;
    width:20px;
    height:20px;
    border-width:0;
    border-right-width:4px;
    border-bottom-width:4px;
    border-style:solid;
    border-color:#ffbcad;
    -o-transform: rotateZ(45deg);  /*旋转箭头角度*/
    -moz-transform:rotateZ(45deg);
    -ms-transform:rotateZ(45deg);
    -webkit-transform:rotateZ(45deg);
    transform: rotateZ(45deg);
}
@-webkit-keyframes twinkling{    /*透明度由0到1*/
    0%{
        opacity:0; /*透明度为0*/
    }
    100%{
        opacity:1; /*透明度为1*/
    }
}

/*-----导航-----*/
#nav { width: 100%;  line-height: 0; clear: both }
#scrollNav { width: 100%; margin:0 auto; height: 70px; display: block; z-index: 99; _z-index: 99; top: 790px; background-color:#58259e;}
#scrollNav ul { height: 70px; width: 1200px; overflow: hidden; margin: 0 auto }
#scrollNav ul li { height: 70px; float: left; width: 200px; color: #f6edc2;}
#scrollNav ul li a { height: 70px; text-align: center; width: 200px; margin-top: 20px; display: block; overflow: hidden; margin: 0 auto; font-size: 24px; color: #f6edc2; }
#scrollNav ul li a p { line-height: 70px;  font-size: 24px; font-weight:normal; color:#cba7fd }
#scrollNav ul li a span { font-size: 24px; font-weight: bold; padding-top: 20px; display: block; }
#scrollNav ul li a:focus { outline: none;}
#scrollNav ul li a:hover { color: #fff; font-variant:normal;text-decoration:none; }
#scrollNav ul li a:hover p{ color: #fff;}
#scrollNav ul li a.active { height: 70px; color: #58259e; background-color:#f3f3f3; text-decoration:none;}
#scrollNav ul li a.active p{ color: #58259e;}
/*-----导航-----*/


.title{ width:100%; margin:0 auto 50px; position:relative; text-align:center}
.title .hx{ width:60px; margin:0 auto; height:2px; background:#ececed; margin-bottom:10px}
.title .nr h1{ font-size:50px; color:#322952; font-weight:bold; margin-bottom:10px}
.title .nr p{font-size:30px; color:#322952;}
.title span{ width:388px; display:block; height:2px; background:#322952;}
.title i{ width:8px; height:8px; background:#322952; border-radius:100%; display:inline-block}
.title span.sp1{ position:absolute; top:73px; left:0;}
.title span.sp2{ position:absolute; top:73px; right:0;}
.title i.i1{ position:absolute; top:70px; left:388px}
.title i.i2{ position:absolute; top:70px; right:388px}


.title02{ width:100%; margin:0 auto 50px; position:relative; text-align:center}
.title02 .hx{ width:60px; margin:0 auto; height:2px; background:#fff; margin-bottom:10px}
.title02 .nr h1{ font-size:50px; color:#fff; font-weight:bold; margin-bottom:10px}
.title02 .nr p{font-size:30px; color:#fff;}
.title02 span{ width:388px; display:block; height:2px; background:#fff;}
.title02 i{ width:8px; height:8px; background:#fff; border-radius:100%; display:inline-block}
.title02 span.sp1{ position:absolute; top:73px; left:0;}
.title02 span.sp2{ position:absolute; top:73px; right:0;}
.title02 i.i1{ position:absolute; top:70px; left:388px}
.title02 i.i2{ position:absolute; top:70px; right:388px}

.title03{ width:100%; margin:0 auto 50px; position:relative; text-align:center}
.title03 .hx{ width:60px; margin:0 auto; height:2px; background:#fff; margin-bottom:10px}
.title03 .nr h1{ font-size:50px; color:#fff; font-weight:bold; margin-bottom:10px}
.title03 .nr p{font-size:30px; color:#fff;}
.title03 span{ width:300px; display:block; height:2px; background:#fff;}
.title03 i{ width:8px; height:8px; background:#fff; border-radius:100%; display:inline-block}
.title03 span.sp1{ position:absolute; top:53px; left:0;}
.title03 span.sp2{ position:absolute; top:53px; right:0;}
.title03 i.i1{ position:absolute; top:50px; left:300px}
.title03 i.i2{ position:absolute; top:50px; right:300px}


.title04{ width:100%; margin:0 auto 50px; position:relative; text-align:center}
.title04 .hx{ width:60px; margin:0 auto; height:2px; background:#ececed; margin-bottom:10px}
.title04 .nr h1{ font-size:50px; color:#322952; font-weight:bold; margin-bottom:10px}
.title04 .nr p{font-size:30px; color:#322952;}
.title04 span{ width:300px; display:block; height:2px; background:#322952;}
.title04 i{ width:8px; height:8px; background:#322952; border-radius:100%; display:inline-block}
.title04 span.sp1{ position:absolute; top:53px; left:0;}
.title04 span.sp2{ position:absolute; top:53px; right:0;}
.title04 i.i1{ position:absolute; top:50px; left:300px}
.title04 i.i2{ position:absolute; top:50px; right:300px}

.m1con{ width:100%; margin:0 auto 50px; background:url(m1-pic01.jpg) top center no-repeat; height:830px;}
.m1con .qiekai{ width:480px; padding:155px 0 0 40px; float:left }
.m1con .qiekai p, .m1con .mianxian p{ font-size:20px; color:#322952; margin-bottom:87px}
.m1con .mianxian{ width:480px; padding:155px 0 0 668px; }

.zixunbtn02{ width:100%; margin:0 auto; text-align:center}
.zixunbtn02 a{ width:100%; margin:0 auto; padding:10px 30px; background-color:#ff6736; border:1px solid #fff; box-shadow:0 0 10px #d2d2d2; border-radius:30px; font-size:28px; color:#fff}


.m2con{ width:881px; margin:0 auto 80px; height:628px; position:relative; text-align:center}
.m2con p{ width:126px; font-size:30px; color:#000; line-height:32px;}
.m2con p.p1{ position:absolute; top:90px; left:68px;}
.m2con p.p2{ position:absolute; top:189px; right:38px;}
.m2con p.p3{ position:absolute; top:417px; left:68px;}
.m2con p.p4{ position:absolute; top:505px; right:38px;}
.m2con p.p5{ width:260px !important; font-size:18px; color:#322952; line-height:24px;position:absolute; top:324px; left:299px;}

.m2case{ width:100%; margin:0 auto}
.m2case ul li{ width:1152px; height:448px; margin-bottom:105px;}
.m2case ul li:nth-of-type(2){ margin-bottom:50px;}
.m2case ul li > img{ width:539px; height:448px; float:left; }
.m2case ul li .case-txt{ width:566px; float:right}
.m2case ul li .case-txt h3{ width:365px; height:80px; margin:28px auto 33px; text-align:center;}
.m2case ul li .case-txt p{ font-size:20px; color:#6d6d6d; line-height:24px; text-align:left}
.m2case ul li .case-txt > div{ width:100%; margin:0 auto 70px;}
.m2case ul li .case-txt > div span{ display:inline-block; font-size:22px; color:#000; margin:2px 5px 2px 0}
.m2case ul li .case-txt > div span img{ width:38px; height:44px; text-align:center; display:inline-block; margin-right:5px}

.m3con{ width:100%; margin:0 auto 50px; height:814px}
.m3con ul li{ width:534px; height:382px; float:left; margin:15px 30px; position:relative}
.m3con ul li .m3-txt{ width:245px; position:absolute; top:22px; right:20px}
.m3con ul li .m3-txt h1{ font-size:24px; color:#fff; text-align:center; font-weight:normal; margin-bottom:45px}
.m3con ul li .m3-txt p{ font-size:22px; color:#333; line-height:30px;}
.m3con ul li .m3-txt p span{  display:block; color:#6d808e; font-size:18px}


.m4con{ width:959px; margin:0 auto; position:relative; text-align:center}
.m4con p{ width:117px; font-size:22px; color:#fff; line-height:24px;}
.m4con p.p1{ position:absolute; top:208px; left:100px;}
.m4con p.p2{ position:absolute; top:188px; right:50px;}
.m4con p.p3{ position:absolute; top:506px; left:25px;}
.m4con p.p4{ position:absolute; top:448px; right:24px;}
.m4con .zixunbtn02{width:100%; margin:0 auto; text-align:center; position:absolute; bottom:30px; left:0}

.m5con{ width:884px; height:597px; position:relative; margin:0 auto;}
.m5con .zhicheng{ width:280px; position:absolute; top:136px; left:10px}
.m5con .zhicheng h1{ font-size:45px; color:#793484; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dashed #a7a7a7;}
.m5con .zhicheng h1 span{ font-size:20px; color:#a7a7a7; margin-left:10px; font-weight:normal}
.m5con .zhicheng p{ font-size:25px; color:#252525}
.m5con .ry{ width:380px; position:absolute; top:276px; left:66px;}
.m5con .ry p{ font-size:22px; color:#252525; margin-bottom:65px; line-height:24px}
.m5con .zixunbtn03{ width:100%; margin:0 auto; text-align:center; position:absolute; bottom:10px; left:0}
.m5con .zixunbtn03 a{ width:36%; float:left; margin:0 2.5%; padding:1% 4%; background-color:#ff6736; border:1px solid #fff; box-shadow:0 0 10px #d2d2d2; border-radius:30px; font-size:28px; color:#fff;  text-align:center;}

.yishi{ width:100%; padding:20px 0 40px;}
.yishi .ZJpagination
{
    text-align: center;
    height: 30px;
    width: 100%;
}
.yishi .swiper-pagination-bullet
{
    opacity: 1;
    width: 15px;
    height: 15px;
    background-color: #333;
    margin:0 20px;
}
.yishi .swiper-pagination-bullet-active
{
    background-color: #af69df !important;
	
}


.m7-line{ width:100%; margin:0 auto;}
.m7-line .m7-pic{ float:left; margin:0 2px 15px; position:relative}
.m7-line .m7-pic .m7-txt, .m7-line .m7-pic .m7-txt02{ width:100%; margin:0 auto; position:absolute; bottom:0; left:0; height:60px; background:rgba(0,0,0,0.5); }
.m7-line .m7-pic .m7-txt p{font-size:24px; color:#fff; text-align:center; line-height:60px}
.m7-line .m7-pic .m7-txt02 p{font-size:24px; color:#fff; text-align:center; line-height:30px}







.m6con{ width:100%; margin:0 auto; height:180px}
.m6con ul li{ width:346px; height:68px; line-height:68px; float:left; margin:10px 25px; background-color:#decaf6; border:2px solid #000; border-radius:10px; text-align:center; font-size:24px; color:#322952; font-weight:bold}
.m6con ul li.c-color{ background-color:#dddddd !important}

.m7con{ width:100%; margin:0 auto; text-align:center}

.bounces{-webkit-animation:bounces 2s infinite;-o-animation:bounces 2s infinite;animation:bounces 2s infinite}
@-webkit-keyframes bounces{0%,20%,50%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0);-webkit-transform:translateZ(0)}
    40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0);-webkit-transform:translate3d(0,-4px,0)}
    70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0)}
    90%{transform:translate3d(0,-1px,0);-webkit-transform:translate3d(0,-1px,0)}
}
@keyframes bounces{0%,20%,50%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0);-webkit-transform:translateZ(0)}
    40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-4px,0);-webkit-transform:translate3d(0,-4px,0)}
    70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0)}
    90%{transform:translate3d(0,-1px,0);-webkit-transform:translate3d(0,-1px,0)}
}