@charset "gb2312";
/*base style*/
*{ margin:0; padding:0;}
body{ margin:0; padding:0; font-size:14px; font-family:"Microsoft YaHei";margin: 0 auto; }
ul,p,form,input,h1,h2,h3,h4,h5,h6{padding:0; margin:0;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none; color:#000000;}
a:hover{ text-decoration:none;}
.clear{clear:both;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.c{text-align:center;}

@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('iconfont.ttf?t=1681094383753') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-click:before {
  content: "\e6b9";
}


.banner{width: 100%;}
.banner img{display: block;width: 100%;}
.main{width: 100%;margin: 50px auto;padding-bottom: 1px;}
h2.title{width: 1200px;margin: auto;padding: 30px 0;font-size: 40px;text-align: center;color: #6815ce;}
.ask{width: 300px;margin: 30px auto;}
.ask a{display: block;width: 280px;margin: auto;background: linear-gradient(to right, #295ef0, #6815ce);border-radius: 30px;text-align: center;font-size: 20px;line-height: 50px;color: #fff;position: relative;box-shadow: 0px 0px 8px 4px #ddc9ff;}
.ask a i{font-size: 22px;position: absolute;right: 24px;}
.w12{width: 1200px;margin: auto;}

.main1 ul{width: 1200px;margin: auto;display: flex;flex-wrap: wrap;}
.main1 ul li{flex: 30%;margin: 0 5px 10px 5px;display: flex;flex-direction: column;align-items: center;position: relative;}
.main1 ul li img{width: 100%;}
.main1 ul li span{display: block;width: 100%;height: 40px;font-size: 20px;color: #fff;text-align: center;line-height: 40px;background: rgba(49, 47, 45, .5);position: absolute;bottom: 0;left: 0;}
.main2, .main4{margin-bottom: 0;}
.main2 img{width: 100%;display: block;}
.main3 h2.title{padding-bottom: 0px;}
.main3 span{display: block;font-size: 28px;text-align: center;line-height: 2;font-weight: bold;color: #e55149;padding-bottom: 30px;}
.main3 img{width: 1200px;margin: auto;display: block;}
.main4{position: relative;}
.main4 img{width: 100%;display: block;}
.main4 h2.title{position: absolute;top: 30px;color: #fff;padding-bottom: 60px;}
.main4 .ask{position: absolute;left: calc((100% - 300px) / 2);bottom: 60px;}
.main4 .ask a{background: #fff;color: #6815ce;}
.main5 .h50{width: 100%;height: 50px;}
.main5 .c_img{width: 520px;margin-right: 51px;}
.main5 .contents{position: relative;width: 100%;margin: 0 auto;padding: 50px 0 0 40px;border: 2px #333 solid;}
.main5 .c_zi{font-size: 22px;line-height: 36px;color: #333;}
/* 两个定位的模块 */
.main5 .class{position: absolute;left: 40px;top: -31px;font-size: 32px;color: #333;background-color: #fff;width: 200px;height:60px;text-align: center;line-height: 60px;}
.main5 .task{position: absolute;right: 50px;bottom: -39px;width: 270px;height: 100px;text-align: center;line-height: 100px;border-radius: 10px;font-size: 25px;background: url(../images/anniubgc.png) no-repeat;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;color: #fff;}
.main5 .h90{width: 100%;height: 90px;}
.main5 .h100{width: 100%;height: 100px;}
.main6 ul{width: 1200px;margin: auto;display: flex;flex-wrap: wrap;}
.main6 ul li{flex: 30%;margin: 0 5px 10px 5px;display: flex;flex-direction: column;align-items: center;}
.main6 ul li img{width: 100%;}
.main6 ul li span{display: block;width: 100%;height: 40px;font-size: 20px;color: #6815ce;text-align: center;line-height: 40px;}
.main7 .list1{height:350px;position: relative;}
.main7 .item1{width: 88%;margin: 0 auto;position: absolute;opacity: 0;transition: all .8s;}
.main7 .item1.active {opacity: 1;}
.main7 .css1{height:218px;display: block;margin: 20px 20px;background: url(../images/lsbgc.png) no-repeat;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;padding: 20px 20px;position: relative;}
.main7 .css2{padding-right: 351px;display: block;}
.main7 .lsname{font-size: 30px;font-weight: 700;color: #fff;}
.main7 .lsbq{font-size: 20px;margin-left: 10px;}
.main7 .kec{font-size: 18px;line-height: 33px;color: #fff;}
.main7 .css3{display: block;width: 258px;height: 315px;padding: 8px;position: absolute;top: -27px;right: -27px;}
.main7 .css3 img{border-radius: 8px;}
.main7 .pointList1{margin-left: 13%;}
.main7 .point1{float: left;display: block;width: 90px;height: 90px;border-radius: 10px;margin-right:8px;}
.main7 .point1 img{border-radius: 9px;}
.main7 .point1.active{border: #3075f7 2px solid;}
.main8 img{width: 1220px;margin: auto;display: block;}
.main9{background: url(../images/main9_bg.jpg) no-repeat;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.main9 h2.title{color: #fff;padding: 60px 0 0 0;}
.main9 .slide{width: 90%;margin: 0 auto;min-height: 1.8rem;overflow: hidden;position: relative;}
.main9 .slide .img{overflow: hidden;position: absolute;transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
.main9 .slide .img img{width: calc(100% - 14px);height: calc(100% - 14px);margin: 7px;}
.main9 .slide .img1{width: 40%;height: 40%;top: 30%;left: -50%;z-index: 1;}
.main9 .slide .img2{width: 60%;height: 60%;top: 20%;left: -20%;z-index: 2;}
.main9 .slide .img3{width: 84%;height: 84%;top: 10%;left: 8%;z-index: 3;}
.main9 .slide .img4{width: 60%;height: 60%;top: 20%;left: 60%;z-index: 2;}
.main9 .slide .img5{width: 40%;height: 40%;top: 30%;left: 110%;z-index: 1;}
.main9 .ask a{background: #fff;color: #6815ce;}
.main10 ul{width: 1200px;margin: auto;display: flex;flex-wrap: wrap;}
.main10 ul li{flex: 23%;margin: 0 5px 10px 5px;display: flex;flex-direction: column;align-items: center;}
.main10 ul li img{width: 100%;}
.main10 ul li span{display: block;width: 100%;height: 40px;font-size: 20px;color: #6815ce;text-align: center;line-height: 40px;}
.main11 img{display: block;width: 100%;}