.p-t120{padding-top: 120px;}
.p-b120{padding-bottom: 120px;}
.p-t60{padding-top: 60px;}
.p-b60{padding-bottom: 60px;}
.m-t40{margin-top: 40px;}
.m-t30{margin-top: 30px;}
.m-t20{margin-top: 20px;}
.m-t10{margin-top: 10px;}
.fz-36{font-size: 36px;}
.fz-28{font-size: 28px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-18{font-size: 18px;}
.fz-16{font-size: 16px;}
.content-text{font-size: 14px;line-height: 1.8;color: #565656;}
.br10{border-radius: 10px;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f7f7;}

@media (max-width: 768px) {
    .p-t120{padding-top: 60px;}
    .p-b120{padding-bottom: 60px;}
    .p-t60{padding-top: 45px;}
    .p-b60{padding-bottom: 45px;}
}


.slideBox.site{padding: 30px 0;background: #eee;}
.slideBox.site .name{max-width: 60%;}
.slideBox.site ul.navs-ul{max-width: 38%;}
.slideBox.site ul.navs-ul li>span{margin: 0 8px;}
.slideBox.site ul.navs-ul li>a{color: #565656;}
.slideBox.site ul.navs-ul li>a:hover{text-decoration: underline;}
.box-item-title span{color: #302c8b;}
.box-item-line{width: 80px;height: 4px;background: #fc8902;}
.about-us-info{height: 280px;overflow-y: auto;}
a.view-more{display: inline-block;padding: 12px 30px;background: #302c8b;color: #fff;border-radius: 5px;}
a.view-more:hover{background: #008cd4;}
a.learn-more{display: inline-block;padding: 12px 24px;background: #000;color: #fff;border-radius: 20px;}
a.learn-more:hover{background: #fff;color: #000;}
a.contact-now{display: inline-block;padding: 12px 30px;background: #fff;color: #000;border-radius: 5px;}
a.contact-now:hover{background: #008cd4;color: #fff;}

.about-us-list{width: 100%;border-radius: 10px;overflow: hidden;position: relative;}
.about-us-list .pic-img-top{height: 100%;position: relative;z-index: 9;transition: all 0.5s;}
.about-us-list .pic-img-top::after{content: "";width: 100%;height: 100%;background: rgba(214,208,219,0.5);position: absolute;top: 0;left: 0;}
.about-us-list .pic-img-top .con-txt-top{padding: 20px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;}
.about-us-list:hover .pic-img-top{transform: rotateY(-180deg);}
.about-us-list .con-txt-end{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 20px 40px;background: #f7f8f9;position: absolute;top: 0;left: 0;z-index: 999;transform: rotateY(-180deg);backface-visibility: hidden;transition: all 0.5s;}
.about-us-list:hover .con-txt-end{transform: rotateY(0deg);}
.about-us-zuo{width: 400px;}
.about-us-you{width: calc(100% - 450px);}
.about-us-you ul.maincaseclass li{width: 32%;padding: 18px;background: #fefefe;text-transform: uppercase;cursor: pointer;}
.about-us-you ul.maincaseclass li.cur{background: #302c8b;color: #fff;}
.about-us-you section.baron{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about-us-you section.baron aside{max-width: 32%;text-align: center;}
.about-us-you section.baron aside h3{font-size: 60px;color: #302c8b;}
.about-us-you section.baron aside h4{font-size: 18px;font-weight: 700;}
.about-us-you section.bar{margin-bottom: 10px;height: 14px;border: 1px solid #aaa;box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;}

.product-list-item{width: 100%;color: #262525;border-radius: 10px;overflow: hidden;position: relative;}
.product-list-item .pic-img-top .desc{color: #2e2e2e;}
.product-list-item .pic-img-top{height: 100%;position: relative;z-index: 9;transition: all 0.5s;}
.product-list-item .pic-img-top::after{content: "";width: 100%;height: 100%;background: rgba(214,208,219,0.75);position: absolute;top: 0;left: 0;}
.product-list-item .pic-img-top .con-txt-top{padding: 20px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;}
.product-list-item:hover .pic-img-top{transform: rotateX(-180deg);}
.product-list-item .con-txt-end{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;padding: 20px;background: #302c8b;color: #FFF;position: absolute;top: 0;left: 0;z-index: 999;transform: rotateX(-180deg);backface-visibility: hidden;transition: all 0.5s;}
.product-list-item .con-txt-end .desc{color: #fff;}
.product-list-item:hover .con-txt-end{transform: rotateX(0deg);}

.services-zuo-info{width: calc(100% - 400px);}
.box-show-info ul,.box-show-info ol{margin-bottom: 8px;}
.box-show-info h2{font-size: 36px;margin-bottom: 8px;font-weight: 700;color: #000;}
.box-show-info h3{font-size: 28px;margin-bottom: 8px;font-weight: 700;color: #000;}
.box-show-info h5{font-size: 18px;margin-bottom: 8px;font-weight: 700;color: #000;}
.box-show-info a{color: #565656;}
.box-show-info a:hover{color: #302c8b;text-decoration: underline;}
.services-you-navs{width: 330px;}
.services-you-navs ul.list li a{display: block;padding: 10px 15px 10px 50px;color: #000;background: rgba(0,0,0,0.05);margin-bottom: 2px;line-height: 30px;position: relative;}
.services-you-navs ul.list li a::after{content: "";width: 7px;height: 7px;background: #333;border-radius: 50%;left: 25px;position: absolute;top: 50%;transform: translateY(-50%);}
.services-you-navs ul.list li.active a,.services-you-navs ul li.list a:hover{background: #302c8b;color: #fff;}
.services-you-navs ul.list li.active a::after,.services-you-navs ul li.list a:hover::after{background: #fff;}
.service-action-end{padding: 30px;background: #302c8b;color: #fff;border-radius: 4px;}

.blog-list-box .pic-img{display: block;overflow: hidden;}
.blog-list-box .pic-img:hover img{transform: scale(1.08);}
.blog-list-box .title a{font-weight: 700;color: #000;}
.blog-list-box .title a:hover{color: #302c8b;}
.blog-list-box .desc{color: #565656;}
.services-you-navs ul.news li{padding-left: 20px;margin-bottom: 10px;background: url('../images/you.png') no-repeat left 6px/4px;}
.services-you-navs ul.news li a{color: #000;}
.services-you-navs ul.news li a:hover{color: #302c8b;text-decoration: underline;}

.time-file-slide{padding: 20px 0;color: #565656;border-bottom: 1px dashed #dedede;}
.time-file-slide .time{padding-left: 24px;background: url('../images/time.png') no-repeat left center/18px;}
.time-file-slide .file{margin-left: 24px;padding-left: 24px;background: url('../images/file.png') no-repeat left center/18px;}
.time-file-slide .file a{text-transform: uppercase;color: #000;}
.time-file-slide .file a:hover{color: #302c8b;}
.wp_box_prev_next{padding-top: 20px;color: #565656;border-top: 1px dashed #dedede;}
.wp_box_prev_next .item{padding-left: 20px;line-height: 2;position: relative;}
.wp_box_prev_next .item .icon{display: block;width: 11px;height: 10px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.wp_box_prev_next .item .top{background: url('../images/top.png') #565656 no-repeat left center/11px;}
.wp_box_prev_next .item .end{background: url('../images/end.png') #565656 no-repeat left center/11px;}
.wp_box_prev_next .item a{color: #565656;}
.wp_box_prev_next .item a .txt{color: #565656;}
.wp_box_prev_next .item a:hover .top{background-color: #302c8b;}
.wp_box_prev_next .item a:hover .end{background-color: #302c8b;}
.wp_box_prev_next .item a:hover .txt{color: #302c8b;text-decoration: underline;}

.message-form{width: 100%;max-width: 750px;padding: 10px;background: #fff;margin: 40px auto 0;box-shadow: 0px 0px 32px -1px rgba(0,0,0,0.24);}
.contact-us-top{padding: 6px;background: #F0713E;color: #fff;}
.contact-us-end{padding: 20px 40px 60px;background: #302c8b;color: #fff;}
.contact-us-end .con-box{padding-left: 200px;position: relative;}
.contact-us-end .con-box .text{width: 180px;text-align: right;position: absolute;top: 0;left: 0;}
.contact-us-end .con-box .text span{color: #f00;}
.contact-us-end .con-box input{width: 100%;max-width: 360px;height: 30px;border-bottom: 1px solid #fff;color: #fff;}
.contact-us-end .con-box select{width: 100%;max-width: 360px;height: 30px;border-bottom: 1px solid #fff;color: #fff;}
.contact-us-end .con-box select option{color: #000;}
.contact-us-end .con-box textarea{width: 100%;max-width: 360px;height: 100px;border-bottom: 1px solid #fff;color: #fff;}
.contact-us-end .sumbit{width: 130px;height: 40px;background: #008cd4;color: #fff;border-radius: 50px;}

.overlaybg{background: #000;border-bottom: 1px solid rgba(238,238,238,0.1);}
.home-wrap-item-box{display: flex;align-items: flex-start;justify-content: space-between;}
.home-wrap-item-box .vacolumn-line{width: 36%;max-width: 400px;padding: 30px;background: rgba(51,51,51,0.3);}
.home-wrap-item-box .vacolumn-line .list-box{display: flex;align-items: center;justify-content: space-between;}
.home-wrap-item-box .vacolumn-line .list-box .picimg{width: 60px;}
.home-wrap-item-box .vacolumn-line .list-box .contxt{width: calc(100% - 80px);}
.home-wrap-item-box .vacolumn-line .list-box .contxt .top{color: #008cd4;}
.home-wrap-item-box .vacolumn-line .list-box .contxt .end{color: #ccc;}
.home-wrap-item-box .template-wrap{width: 60%;max-width: 720px;padding: 30px;background: #302c8b;color: #fff;}
.home-wrap-item-box .template-wrap .con-box{padding-left: 200px;position: relative;}
.home-wrap-item-box .template-wrap .con-box .text{width: 180px;text-align: right;position: absolute;top: 0;left: 0;}
.home-wrap-item-box .template-wrap .con-box .text span{color: #f00;}
.home-wrap-item-box .template-wrap .con-box input{width: 100%;max-width: 360px;height: 30px;border-bottom: 1px solid #fff;color: #fff;}
.home-wrap-item-box .template-wrap .con-box select{width: 100%;max-width: 360px;height: 30px;border-bottom: 1px solid #fff;color: #fff;}
.home-wrap-item-box .template-wrap .con-box select option{color: #000;}
.home-wrap-item-box .template-wrap .con-box textarea{width: 100%;max-width: 360px;height: 100px;border-bottom: 1px solid #fff;color: #fff;}
.home-wrap-item-box .template-wrap .sumbit{width: 130px;height: 40px;background: #008cd4;color: #fff;border-radius: 50px;}

@media (max-width: 1229px) {
    .about-us-list{height: 8rem;max-height: 320px;}
    .about-us-list .pic-img-top .con-txt-top{padding: 15px;}
    .about-us-list .con-txt-end{padding: 15px;}
    .services-zuo-info{width: calc(100% - 300px);}
    .services-you-navs{width: 260px;}
}
@media (max-width: 991px) {
    .services-zuo-info,.about-us-zuo{width: 100%;padding-bottom: 20px;}
    .about-us-zuo .pic-img{width: 80%;max-width: 540px;margin: auto;}
    .services-you-navs,.about-us-you{width: 100%;padding-top: 20px;}

    .home-wrap-item-box{display: block;}
    .home-wrap-item-box .vacolumn-line{width: 100%;max-width: 100%;padding: 20px;}
    .home-wrap-item-box .template-wrap{width: 100%;max-width: 100%;padding: 20px;}
    .home-wrap-item-box .template-wrap .con-box{padding-left: 110px;}
    .home-wrap-item-box .template-wrap .con-box .text{width: 102px;}
}
@media (max-width: 768px) {
    .slideBox.site .name,.about-us-you ul.maincaseclass li{width: 100%;max-width: 100%;text-align: center;}
    .slideBox.site ul.navs-ul{width: 100%;max-width: 100%;justify-content: center;}
    .about-us-list{height: 27rem;max-height: 540px;}
    .about-us-list .pic-img-top .con-txt-top{padding: 10px;}
    .about-us-list .con-txt-end{padding: 10px;}
    .about-us-you ul.maincaseclass li{padding: 12px;}
    .about-us-you section.baron aside{width: 100%;max-width: 100%;padding: 15px 0;}
    .product-list-item .pic-img-top .con-txt-top{padding: 10px;}
    .product-list-item .con-txt-end{padding: 10px;}
    .contact-us-end{padding: 10px 20px 40px;}
    .contact-us-end .con-box{padding-left: 110px;}
    .contact-us-end .con-box .text{width: 102px;}
}