.animate-5{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.animate-5:hover{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.p-tb60{padding: 60px 0;}
.p-lr10{padding: 0 10px;}
.p-lr5{padding: 0 5px;}
.m-t40{margin-top: 40px;}
.m-t20{margin-top: 20px;}
.title{font-size: 24px;color: #333;}
.content-text{font-size: 14px;line-height: 2;color: #888;}
.bg-01{background: #f7f7f7;}

@media(max-width: 992px){
    .p-tb60{padding: 36px 0;}
    .p-lr10{padding: 0 7px;}
    .p-lr5{padding: 0 8px;}
    .m-t40{margin-top: 28px;}
    .m-t20{margin-top: 14px;}
    .title{font-size: 20px;}
}


.index-title{font-size: 32px;}
.boxcases .swiper-slide,.box-pro{border: 1px solid #eee;}
.boxcases .swiper-button-next,.boxcases .swiper-button-prev{width: 30px;height: 50px;line-height: 50px;background-color: #333;opacity: .3;}
.boxcases .swiper-button-next{right: 0;}
.boxcases .swiper-button-prev{left: 0;}
.boxcases .swiper-button-next:after,.boxcases .swiper-button-prev:after{font-size: 20px;color: #fff;}
.boxcases .swiper-button-next:hover,.boxcases .swiper-button-prev:hover{opacity: 1;}

.info-bg{width: 100%;background: url('../images/bg.jpg') no-repeat center center/cover;display: flex;}
.info-con{flex: wrap;height: 100%;padding-bottom: 80px;position: relative;}
.info-con.info-con1{width: 50%;padding-right: 40px;}
.info-con.info-con2{width: 50%;padding-left: 40px;}
.box-flex{display: flex;}
.box-flex .box-flex-con{flex: 1;padding: 10px;color: #fff;display: flex;align-items: center;justify-content: center;}
.box-flex .box-bg1{background: #d0d0d0;}
.box-flex .box-bg2{background: #a9b1b9;}
.box-flex .box-bg3{background: #7b8e9f;}
.box-flex .box-bg4{background: #56738e;}
.box-flex .box-bg5{background: #315677;}
.box-flex .box-bg6{background: #00284c;}
.info-con1 a.more{background: #fff;color: #00284c;}
.info-con a.more{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
a.more{margin-top: 40px;display: inline-block;text-align: center;width: 120px;line-height: 40px;background: #00284c;color: #fff;}
a.more:hover{background: #0e7738;color: #fff;}

.box-about-con .box-about-img{width: 55%;}
.box-about-con .box-about-text{width: 55%;background: #f7f7f7;padding: 30px 60px;position: absolute;bottom: 0;right: 0;}
.bg-01 .box-about-con .box-about-text{background: #fff;}
.about-text{background: #fff;border-radius: 4px;text-align: center;padding: 30px;}
.about-text img{height: 60px;}
.about-text h4{font-size: 18px;margin-top: 20px;}

@media(max-width: 768px){
    .index-title{font-size: 24px;}
    .box-about-con .box-about-img{width: 100%;}
    .box-about-con .box-about-text{width: 100%;padding: 15px;position: static;}
    .box-flex .box-flex-con{padding: 8px;font-size: 12px;}
    a.more{width: 108px;line-height: 36px;display: block;position: static;transform: none;margin: 30px auto 0;}
    .about-text{padding: 10px;}
    .about-text img{height: 40px;}
    .about-text h4{font-size: 14px;margin-top: 10px;}
}


.sitebg{height: 50px;background: #f9f9f9;}
.sitebg .sitenav{line-height: 50px;color: #5a5a5a;}
.sitebg .sitenav a{display: inline-block;color: #5a5a5a;margin: 0 6px;}
.sitebg .sitenav a:hover{color: #0e7738;text-decoration: underline;}
.sitebg ul li{margin: 10px 0 10px 12px;float: left;}
.sitebg ul li a{display: inline-block;padding: 4px 12px;color: #0e7738;border: 1px solid #0e7738;}
.sitebg ul li.active a,.sitebg ul li a:hover{background: #0e7738;color: #fff;}

.message .name{font-size: 16px;text-align: right;height: 40px;line-height: 40px;}
.message .name span{color: #ff0000;}
.message input{width: 100%;height: 40px;font-size: 16px;border: 1px solid #eee;padding: 0 10px;border-radius: 5px;}
.message textarea{width: 100%;height: 100px;font-size: 16px;border: 1px solid #eee;padding: 10px;resize: none;border-radius: 5px;}
.message button{width: 120px;height: 40px;font-size: 16px;background: #333;color: #fff;text-align: center;border-radius: 5px;}
.message button:hover{background: #0e7738;}
.row-top{margin-top: -20px;}

ul.story-list li{height: 280px;display: flex;justify-content: left;align-items: center;position: relative;}
ul.story-list li .picbox{width: 420px;height: 280px;}
ul.story-list li .infobox{width: calc(100% - 420px);}
ul.story-list li:nth-child(even) .picbox{position: absolute;right: 0;}
ul.story-list li .infobox .info-content{max-width: 400px;margin-left: 40px;}
ul.story-list li:nth-child(even) .infobox .info-content{max-width: 400px;float: right;margin: 0 40px 0 0;}

a.box-service{display: block;border: 1px solid #eee;}
a.box-service .item-con{padding: 15px;border-top: 1px solid #eee;}
a.box-service h5{text-align: center;font-size: 16px;color: #333;}
a.box-service h6{margin-top: 8px;font-size: 14px;color: #888;-webkit-line-clamp: 2;line-height: 1.6;height: 3.2em;}
a.box-service:hover{box-shadow: 0 2px 16px rgba(0,0,0,.16);}
a.box-service:hover img{transform: scale(1.08);}

.flex{display: flex;align-items: center;justify-content: center;}
.lefttext{width: calc(100% - 460px);padding-right: 30px;}
.rightimg{width: 460px;}
.box-title{font-size: 18px;font-weight: bold;}
.flex-con .lefttext{padding: 0 0 0 30px;}

@media(max-width: 768px){
    .sitebg{display: none;}
    .message .name{text-align: left;}
    .row-top{margin-top: -14px;}
    
    ul.story-list li{height: auto;display: block;}
    ul.story-list li .picbox,ul.story-list li .infobox{width: 100%;height: auto;}
    ul.story-list li:nth-child(even) .picbox{position: static;}
    ul.story-list li .infobox .info-content,ul.story-list li:nth-child(even) .infobox .info-content{max-width: 100%;margin: 0;padding: 20px 0 0;}

    .flex{display: block;}
    .lefttext{width: 100%;padding: 0 0 20px;}
    .rightimg{width: 100%;}
    .flex-con .lefttext{padding: 20px 0 0;}
}