.p-tb80{padding: 80px 0;}
.p-lr0{padding: 0;}
.p-lr15{padding: 0 15px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.fz-42{font-size: 42px;}
.fz-30{font-size: 30px;}
.fz-24{font-size: 24px;}
.fz-20{font-size: 20px;}
.fz-16{font-size: 16px;}
.content-text{font-size: 16px;line-height: 1.6;color: #666;}
.text-p p{margin-bottom: 0;}
.bg01{background: #f7f8f9;}

@media (max-width: 1440px) {
    .p-tb80{padding: 60px 0;}
    .p-lr0{padding: 0 5px;}
    .p-lr15{padding: 0 10px;}
    .m-t60{margin-top: 45px;}
    .m-t40{margin-top: 30px;}
    .m-t20{margin-top: 15px;}
    .fz-42{font-size: 35px;}
    .fz-30{font-size: 25px;}
    .fz-24{font-size: 21px;}
    .fz-20{font-size: 18px;}
    .fz-16{font-size: 15px;}
    .content-text{font-size: 15px;}
}
@media (max-width: 991px) {
    .p-tb80{padding: 40px 0;}
    .p-lr0{padding: 0 10px;}
    .p-lr15{padding: 0 5px;}
    .m-t60{margin-top: 30px;}
    .m-t40{margin-top: 20px;}
    .m-t20{margin-top: 10px;}
    .fz-42{font-size: 28px;}
    .fz-30{font-size: 20px;}
    .fz-24{font-size: 18px;}
    .fz-20{font-size: 16px;}
    .fz-16{font-size: 14px;}
    .content-text{font-size: 14px;}
}



.pro-search-form{padding-right: 90px;position: relative;}
.pro-search-form:before{content: "";width: 28px;height: 28px;background: url('../../images/search.png') no-repeat center/100%;position: absolute;top: 50%;transform: translateY(-50%);left: 36px;z-index: 9;}
.pro-search-form .input{width: 100%;height: 48px;padding: 0 26px 0 76px;background: #f8f8f8;border-radius: 24px;} 
.pro-search-form .input::-webkit-input-placeholder{color: #dbdbdb;}
.pro-search-form .search{color: #929292;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.pro-search-form .search:hover{color: #000;}
ul.navs-ul li a{display: block;width: 225px;padding: 0 20px;height: 60px;display: flex;align-items: center;justify-content: center;font-weight: 600;border-radius: 50px;background: #fff;color: #2d2d2d;box-shadow: 6px 6px 32px 0px rgba(136,136,136,0.16);}
ul.navs-ul li.active a,ul.navs-ul li a:hover{background: #ed1c3c;color: #fff;}

.pro-list-item{padding: 24px;cursor: pointer;border: 1px solid #eee;border-radius: 10px;}
.pro-list-item .title{color: #2d2d2d;}
.pro-list-item:hover{box-shadow: 6px 6px 32px 0px rgba(136,136,136,0.16);}

ul.story-list{padding: 40px;background: #fff;overflow: hidden;}
ul.story-list li{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;position: relative;}
ul.story-list li .infobox{width: 48.5%;}
ul.story-list li .picbox{width: 48.5%;text-transform: uppercase;}
ul.story-list li:nth-child(even) .infobox{position: absolute;right: 0;}
.box-item-title{color: #d63432;}

.contact-us-zuo{width: 50%;}
.contact-us-zuo .contact-con .us-text{margin-top: 40px;padding-left: 170px;position: relative;}
.contact-us-zuo .contact-con .us-text div{position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.contact-us-zuo .contact-con .us-text div span{display: inline-block;width: 100px;text-align: right;margin-left: 20px;}
.contact-us-zuo .contact-con .code{width: 140px;position: absolute;right: 0;bottom: 0;}
.contact-us-map{width: 40%;}

@media (max-width: 1440px) {
    ul.navs-ul li a{width: 185px;}
    .pro-list-item{padding: 16px;border-radius: 8px;}
}
@media (max-width: 991px) {
    .pro-search-form{padding-right: 60px;}
    .pro-search-form:before{width: 16px;height: 16px;left: 16px;}
    .pro-search-form .input{height: 40px;padding: 0 16px 0 36px;}
    ul.navs-ul{padding: 10px 5px;display: block;overflow-x: auto;white-space: nowrap;}
    ul.navs-ul li{display: inline-block;margin-right: 10px;}
    ul.navs-ul li a{width: auto;height: 38px;box-shadow: 0 2px 10px rgba(0,0,0,0.08);}
    ul.navs-ul li:last-child{margin-right: 0;}
    .pro-list-item{padding: 8px;border-radius: 6px;}

    ul.story-list{padding: 0;}
    ul.story-list li{margin: 0;}
    ul.story-list li .infobox{width: 100%;padding: 20px;}
    ul.story-list li .picbox{width: 100%;}
    ul.story-list li:nth-child(even) .infobox{position: static;}

    .contact-us-zuo,.contact-us-map{width: 100%;padding: 0;}
    .contact-us-zuo .contact-con .us-text{margin-top: 20px;padding-left: 110px;}
    .contact-us-zuo .contact-con .us-text div span{width: 80px;margin-left: 10px;}
    .contact-us-zuo .contact-con .us-text div img{width: 20px;}
    .contact-us-zuo .contact-con .code{position: static;margin: 20px 0;}
}