@charset "utf-8";
/* css document */
.index-part01 h2{margin: 90px 0 20px; text-align: center;}
.item-wrap>.item{float: left;height: 108px; width: 42%; margin: 30px 4%; overflow: hidden;padding: 20px;}
.item-wrap>.item{display:flex;align-items:center;}
.item-wrap>.item img{max-width:60px; margin:0 20px 0 0; float:left;vertical-align: top;transition: all 0.2s;}
.item-wrap>.item h4{font-size:20px;color:#333;margin: 0 0 7px 0;line-height: 1; }
.item-wrap>.item p{font-size:14px;color: #999;line-height: 1.4;margin: 0;}
.item-wrap>.item .but{border: none; color:#4878f6;white-space: nowrap;margin:0 -100px 0 30px;transition: all 0.2s;}
.item-wrap>.item:hover{background:none; box-shadow: 0 0 10px rgba(0,0,0,.1);}
.item-wrap>.item:hover img{margin-left: -80px;margin-right:20px;}
.item-wrap>.item:hover .but{display:inline-block;margin:0 0 0 30px;}
.item-wrap>.item:hover .but:hover{background:none;}

.index-part02 .left,.index-part02 .right{width:50%;}
.index-part02 .left.img{text-align: left; padding-right: 90px;}
.index-part02 .img img{max-width: 100%;}
.index-part02 .right.img{text-align: right;padding-left: 90px;}
.index-part02 h4{margin-bottom: 30px;}
.index-part02 p{font-size: 16px;font-weight: 400;color: #999;}
.index-part02 .but{margin-top:40px; border-radius: 6px; padding: 10px 20px; }
.index-part02 .clear{display: flex;align-items: center;justify-content: space-between;margin:80px 0;}

.index-sbanner{background: url(/uploads/image/ca1images/index-bg1.png) no-repeat center center; background-size:100% 100%; }
.index-sbanner h2{font-size: 24px; color:#fff; font-weight: lighter;margin: 0; }
.index-sbanner .container{height: 118px;}
.index-sbanner .but{color:#fff; padding: 8px 16px; border-radius: 6px;}
.index-links h2{text-align: center;margin-bottom: 90px;}
.index-links img{max-width: 100%;}
.index-links{padding: 66px 0;background-color: #fafafb;}
/*02*/
.modal_01 .item{width: 20%;text-align: center; margin-bottom: 20px;}
.modal_01 .item .img{width: 80px;height: 80px;line-height: 80px;margin: 10px auto 30px auto;background-color: #eaedfb;border-radius: 50%;}
.modal_01 h2,.modal_02 h2,.modal_03 h2{margin: 20px 0; text-align: center;}
.modal_01 h3,.modal_02 h3{margin-bottom: 50px;font-size: 16px;color: #999;text-align: center;}
.modal_01 .but,.modal_02 .but{width: 180px;height: 47px; line-height:32px;font-size: 16px;border-radius: 6px;margin: 40px auto 0;display: block;}
.modal_01,.modal_02,.modal_03{padding:60px 0;}
.modal_02 .item-wrap>.item{width: 23.5%;margin:0 2% 20px 0; float: left;height: 140px;padding: 20px;cursor: pointer;}
.modal_02 .item-wrap>.item:nth-child(4n){margin-right:0;}
.panel-group{margin-top:50px;}
.panel h4{background: #fafafb;border: 1px solid #e2e5ea; padding: 10px 15px; line-height: 30px; color: #000;margin: 0;cursor: pointer;}
.panel-group .panel,.panel-group .panel .panel{margin: -3px 0 0 0; display: block;}
.panel .panel-body{margin: 0; transition: all 0.2s; height: 0;overflow: hidden; padding: 0;}
.panel.on .panel-body{ height:auto;padding: 27px 47px;font-size: 16px;font-weight: 400;color: #999;line-height: 24px;border: 1px solid #e2e5ea;}
.panel .icon_down{transform: rotate(-90deg);transition: all 0.2s;}
.panel.on .icon_down{transform: rotate(0deg);}
.panel.on .panel-body a{background:  no-repeat right center; padding-right: 15px;}
.bg_s2{background-image:; }
.bg_s2 h2{background-image:; font-size: 16px; }
.bg_s2 h2 b{font-size:24px; }
/*03*/
.new-price-banner{background: url(/uploads/image/ca1images/banner-back.jpg) no-repeat center; background-size:100% 100%;height: 260px;}
.new-price-banner .text-center{padding-top: 40px;}
.new-price-banner .text-center h3 {font-size: 48px;color: #000;margin-bottom: 33px;}
.new-price-banner .text-center p {font-size: 24px;color: #000; font-weight: lighter;}

.new-price-list{margin: 85px 0;}
.new-price-list:after{content: ""; display: block; clear: both;}
.new-price-list li{width:31%; float: left; text-align: center; cursor: pointer; padding-bottom:30px;background-color: #fff; box-shadow: 0 0 10px rgba(112,61,231,.1); margin-left:3.5%;}
.new-price-list li:nth-of-type(1) {margin-left: 0;}
.new-price-list li .top{height: 240px; background: #fafafb;box-sizing: border-box;position: relative;}
.new-price-list li.active .top:before{ content: ""; height: 3px; width: 100%;background-color: #3bafff;position: absolute;top: 0;left: 0;}
.new-price-list li .top img{margin: 43px 0 18px;}
.new-price-list li h3{color: #333; margin-bottom: 16px;}
.new-price-list li p{color: #999; line-height: 24px; margin-bottom: 5px;}
.new-price-list li .amount{font-size: 18px; color: #303659; font-weight: lighter;}
.new-price-list li .amount .num{font-size: 30px;color: #3bafff; font-weight: normal;}
.new-price-list li .more{margin: 10px auto 20px;}
.new-price-list li dl{text-align: left;padding: 20px 40px;min-height: 400px;}
.new-price-list li dl dd{line-height: 32px; color: #999;}
.new-price-list li dl dd img{margin-right: 10px;}
.new-price-list .but{width: 80%;height: 47px;line-height: 34px;border-radius: 6px;display: block;text-align: center;margin: 0 auto;border: 1px solid #3bafff;}
.icon_gou{background:  no-repeat center center; width: 14px; height: 14px; display: inline-block; margin-right: 15px;}
.doc-banner{background: url(/uploads/image/ca1images/bj.png) no-repeat center;background-size:100% 100%;height: 168px;padding-top: .1px;}
.doc-banner .tit{color:#fff; font-size: 42px;}
.doc-menu{background-color: #fff;border-bottom: 1px solid #f5f5f5;}
.doc-menu .cent{height: 170px;}
.doc-menu .cent:hover{border-bottom: 2px solid #3bafff;margin-bottom: -2px;}
.doc-menu .cent img{margin-right: 10px; max-height:60px;}


.doc-list{border: 1px solid rgba(48, 54, 89, 0.07); box-shadow: 0 5px 13px 0 rgba(48, 54, 89, 0.07);margin-bottom: 60px;}
.doc-list .tit{font-size: 24px; color: #303659; padding-left: 25px;height: 80px; line-height: 80px; background: #fafafb; border-bottom: 1px solid #f0f1f3;font-size: 24px;font-weight: 500;color: #303659;}
.doc-list .tit .icon{margin-right: 10px; position: relative; top: 2px;}
.doc-list .tit .icon-document2{top: 4px;}
.doc-list .tit .icon-document3{top: 4px;}
.doc-list .con{ padding: 25px 25px 15px;}
.doc-list .con:after{content: "";display: block; clear: both;}
.doc-list .con>li{background:  no-repeat left center; padding-left: 15px; font-size: 14px; line-height: 36px;
    float: left; width: 50%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.doc-list .con>li a{color:#555;}
.doc-list .con>li a:hover{color:#3bafff;}


@media only screen and (max-width: 880px) {
    .item-wrap>.item .but{margin:0 -90px 0 10px;}
    .item-wrap>.item:hover .but{margin:0 0 0 10px;}
    .modal_02 .item-wrap>.item,.modal_02 .item-wrap>.item:nth-child(4n){width: 48%;margin:0 2% 20px 0; }
    .modal_02 .item-wrap>.item:nth-child(2n){margin-right:0;}
}

@media only screen and (max-width: 568px) {
    .item-wrap>.item{width:94%; float: none;margin:20px 3%;}
    .index-part02 .clear{display: block;}
    .index-part02 .left,.index-part02 .right{width:100%;float:none; text-align: center;}
    .index-part02 .left.img,.index-part02 .right.img{padding: 0;text-align: center;}
    .index-part02 .img img{max-width:90%;margin: 0 auto;}
    .index-part02 .but{margin-bottom:30px;}
    .index-sbanner .left,.index-sbanner .right{float: none; text-align: center;}
    .index-sbanner .ends{float: none;flex-direction: column;}
    .index-links{padding:40px 0;background-color: #fafafb;}
    .index-links h2{margin:0 0 20px 0;}
    .index-part01 h2{line-height: 1.3;margin: 50px 0 20px;}
    .index-sbanner h2{line-height: 1.3;}
    .index-part02 h4{margin:40px 0 20px 0;}
    .modal_02 .item-wrap>.item,.modal_02 .item-wrap>.item:nth-child(4n),.modal_02 .item-wrap>.item:nth-child(2n){width:94%;margin:0 3%; }
    .modal_01 .ends{display: block;}
    .modal_01 .ends .item{width:90%; margin:0 auto 40px auto;}
    .panel.on .panel-body{padding:20px;}
    .panel h4{font-size: 16px;}

    .new-price-banner{height: 180px;}
    .new-price-banner .text-center{padding-top:30px;}
    .new-price-banner .text-center h3 {font-size:24px; margin-bottom: 10px;}
    .new-price-banner .text-center p {font-size: 16px;}
    .new-price-list li{float: none; width: 100%; margin: 0 0 30px 0;}
    .new-price-list li dl {min-height: unset;}
    .doc-menu .cent {height: 120px;}
    .doc-list .con>li{width: 100%; float: none;}

}