*{margin:0;padding:0;}
html{color:#fff;background:#fff;}
body{width:100%;margin:0 auto;font-size:14px;font-family:"Microsoft YaHei";line-height:1.7;color:#242424;}
li,ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Microsoft YaHei";}
img{border:0 none;-ms-interpolation-mode:bicubic;}
a{text-decoration:none;cursor:pointer;}
h2{font-size:38px;color:#000;text-align: center;}
.white{color: #fff;}
body{overflow-x:hidden;}
.transtion{transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.article{max-width: 1920px; min-width: 1024px; margin: 0 auto; font-size: 18px;}
.over{overflow: hidden;}
.content{width: 1180px;margin:0 auto;}
.article h2{width: 100%;color: #333;font-size: 40px;text-align: center;font-weight: 400;line-height: 1.3;padding: 80px 0 60px}
.article h2 span{display: block;font-size: 30px;color: #666}
.article h2 em{display: block;font-size: 14px;color: #666;background: url('../images/img1.png') no-repeat bottom center;padding-bottom: 45px}
.fl{float: left}
.fr{float: right}
.none{margin-right: 0;}
.btn{display: block;color: #fff;font-size: 36px;text-align: center;margin: 0 auto;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;width: 384px;height: 92px;line-height: 92px;-webkit-border-radius: 46px;-moz-border-radius: 46px;border-radius: 46px;background-color: #9137f7;}
.btn:hover{transform:scale(1.05);-moz-transfrom:scale(1.05);-webkit-transfrom:scale(1.05);-o-transfrom:scale(1.05);}



/*======*/
.banner{display:block;width: 100%;height:873px;background: url('../images/banner.jpg') no-repeat top center;}

.section1 .content{width: 1185px;background: url('../images/img7.jpg') no-repeat left top ;}
.section1 .content h2{padding: 140px 30px 80px;}
.section1 .content dl{width: 237px;float: left;position: relative}
.section1 .content dl dt{position: absolute;left: 0;top: 0;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.section1 .content dl p{position: absolute;left: 0;bottom: 0;font-size: 16px;color: #fff}
.section1 .content dl p img{display: inline-block;vertical-align: middle;margin-right: 20px}
.section1 .content dl:hover dt{display: none}
.section1 .content .text{width: 474px;margin-left: 474px;}
.section1 .content dl.dl{width: 237px;height: 238px;background: #4F4881}
.section1 .content dl.dl a{display: block;width: 180px;padding: 3px 0;text-align: center;font-size: 19px;color: #fff;margin: 98px auto;position: relative;text-transform: uppercase;}

a.btns svg {
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
a.btns rect {
  fill: none;
  stroke: #fff;
  stroke-width: 1;
  stroke-dasharray: 422, 0;
}
a.btns:hover rect {
  stroke-width: 1;
  stroke-dasharray: 15, 310;
  stroke-dashoffset: 20;
  -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

.section2{margin-top: -120px;margin-bottom: 90px}
.section2 h2{text-align: left;padding-bottom: 16px}
.section2 h2 em{background-position: left bottom}
.section2 .over{margin: 0 178px}
.section2 dl{width: 241px;float: left;font-size: 16px;color: #666}
.section2 dl h3{font-size: 24px;color: #333;text-align: center;font-weight: 500;margin-top: 10px}
.section2 dl.mar{margin: 0 50px}
.section3 {background: url('../images/img22.jpg') no-repeat top center;margin-bottom: 90px}
.section3 h2,.section3 h2 span,.section3 h2 em{color: #fff}
.section3 h2 em{background: url('../images/img2.png') no-repeat center bottom}
.section3 .content{width: 1090px;background: #fff;padding: 35px 15px;-moz-box-shadow:0 3px 8px rgba(8,1,3,.2);-webkit-box-shadow:0 3px 8px rgba(8,1,3,.2);box-shadow:0 3px 8px rgba(8,1,3,.2);}
.section3 dl{width: 481px;position: relative;float: left;margin: 15px 32px;}
.section3 dl dd{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #754C9C;color: #fff;font-size: 16px;line-height: 1.4;display: none;transition:all 1000ms ease;-moz-transiton:all 1000ms ease;-webket-transition:all 1000ms ease;-o-transition:all 1000ms ease;}
.section3 dl dd h3{font-size: 36px;text-align: center;font-weight: 500;margin-top: 50px}
.section3 dl dd h3 span{display: block;font-size: 22px;font-weight: normal}
.section3 dl dd h3 i{display: block;background: #512978;width: 35px;height: 5px;margin: 15px auto}
.section3 dl dd p{width: 320px;margin: 0 auto 10px}
.section3 dl dd p a{color: #fff;width: 110px;text-align: center;padding:4px 0;border: 1px solid #fff;margin-top: 10px}
.section3 dl:hover dd{display: block;}
.section4{background: url('../images/img23.jpg');padding-bottom: 90px;}
.section4 dl{width: 268px;font-size: 16px;color: #666;float: left;margin: 0 13px}
.section4 dl dt{position: relative}
.section4 dl h3{width: 138px;padding: 3px 0;text-align: center;font-size: 22px;color: #fff;background: #DB4593;font-weight: 500;position: absolute;left: 65px;bottom: -21px}
.section4 dl dd{margin-top: 35px;line-height: 1.4}
.section4 p{overflow: hidden;width: 420px;margin:30px auto 0;font-size: 18px;}
.section4 p a{display: block;width: 140px;color: #333;text-align: center;padding: 3px 0;border: 1px solid #000;transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.section4 p a:hover{border-radius: 30px}
.section5{padding: 80px 0}
.section5 .content{width: 1040px;}
.section5 .content h2{text-align: left;padding-top: 50px}
.section5 .content h2 em{background-position: left bottom}
.section5 .content a{display: block;font-size: 18px;width: 155px;text-align: center;padding: 3px 0;border: 1px solid #754C9C;color: #754C9C;text-transform: uppercase;outline: none;-webkit-transition: all .5s; transition: all .5s; background: -webkit-linear-gradient(left, #754C9C, #754C9C) no-repeat; background: linear-gradient(to right, #754C9C, #754C9C) no-repeat;background-size: 0% 100%;}
.section5 .content a:hover {
  background-size: 100% 100%;
  color: #fff;
}
.section6{height: 816px;background: url('../images/img29.jpg') no-repeat center}
.section6 h2{color: #fff;}
.section6 h2 em{color: #fff;background: url('../images/img2.png') no-repeat bottom center}
.section6 .over{width: 1134px;}
.section6 li{font-size: 18px;color: #fff;width: 308px;height: 412px;background-color: #7932bd;float: left;margin: 0 35px}
.section6 li h3{font-size: 40px;text-align: center;line-height: 1.2;font-weight: 500;margin: 60px auto 20px}
.section6 li p{margin: 0 35px}