@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;}

.banner{width: 100%;}
.banner img{display: block;width: 100%;}
.w124{width: 1240px;margin: auto;}
.w124 img{display: block;width: 100%;}
.ask{display: table;margin: 50px auto;background: linear-gradient(to right, #ee6884, #f18c7d);border-radius: 40px;padding: 10px 80px;font-size: 36px;color: #fff;}
.ask img{display: inline!important;width: 43px!important;height: 49px!important;vertical-align: text-top;padding-left: 20px;}
.w100{width: 100%;}
.w100 img{display: block;width: 100%;}
.content{width: 1240px;margin: auto;padding: 40px 0;background: #f5f6fb;}
.pointList1{width: 580px;margin: auto;overflow: hidden;margin-bottom: 40px;}
.point1 {float: left;display: block;width: 94px;height: 110px;border-radius: 10px;margin-right: 20px;}
.point1.active {border: #3075f7 2px solid;border-radius: 13px;}
.list1 {height: 395px;position: relative;}
.item1 {width: 100%;margin: 0 auto;position: absolute;opacity: 0;transition: all .8s;}
.item1.active {opacity: 1;}
.pointList2{width: 100%;margin: auto;overflow: hidden;margin-bottom: 40px;}
.point2 {float: left;display: block;width: 283px;height: 50px;border-radius: 10px;margin-left: 18px;border: 2px solid #000;color: #000;font-size: 18px;text-align: center;line-height: 50px;}
.point2.active {border: #ee6884 2px solid;border-radius: 10px;background: linear-gradient(to right, #ee6884, #f18c7d);color: #fff;}
.list2 {height: 395px;position: relative;}
.item2 {width: 100%;margin: 0 auto;position: absolute;opacity: 0;transition: all .8s;}
.item2.active {opacity: 1;}