.p-tb60{padding: 60px 0;}
.p-lr5{padding: 0 5px;}
.p-lr10{padding: 0 10px;}
.m-t60{margin-top: 60px;}
.m-t40{margin-top: 40px;}
.row-top{margin-top: -20px;}
.m-t20{margin-top: 20px;}
.fz-32{font-size: 32px;}
.fz-24{font-size: 24px;}
.content-text{font-size: 16px;line-height: 2;color: #666;}
.text-p p{margin-bottom: 0;}
.bg-01{background: #f9f9f9;}



.box-site-bg{padding: 60px 0 20px;background: url('../image/bg.jpg') no-repeat center center/cover;}
.box-site-bg .title{font-size: 36px;line-height: 1;font-weight: bold;text-align: center;color: #fff;text-shadow: 0 4px 24px rgba(0,0,0,0.4);margin-bottom: 40px;}
.box-site-bg ul.site-ul li{float: left;font-size: 14px;line-height: 24px;color: #fff;}
.box-site-bg ul.site-ul li a{display: block;color: #fff;margin: 0 6px;}

.show-con-height{min-height: 75vh;}
.row-news .marke-news{margin-top: 20px;padding: 20px;display: flex;align-items: center;border: 1px solid #ddd;}
.row-news .marke-news .img{display: block;width: 220px;height: 220px;}
.row-news .marke-news .con{width: calc(100% - 220px);padding-left: 60px;}
.row-news .marke-news .con .title a{font-size: 20px;font-weight: bold;color: #333;}
.row-news .marke-news .con .desc{font-size: 16px;line-height: 2;color: #999;display: flex;align-items: center;}
.row-news .marke-news .con .desc span{width: 100px;font-weight: bold;color: #333;}
a.view-more{display: inline-block;width: 120px;height: 40px;line-height: 40px;font-size: 14px;text-align: center;border-radius: 5px;overflow: hidden;background: #005ead;color: #fff;position: relative;}
a.view-more:before{content: "";background: rgba(0,0,0,0) linear-gradient(to right,rgba(255,255,255,0) 0px,rgba(255,255,255,0.5) 100%) repeat scroll 0 0;display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.75;pointer-events: none;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
a.view-more:hover{background: #DA251D;}
a.view-more:hover:before{animation: shine 1.5s;pointer-events: auto;-webkit-animation: shine 1.5s;}
@-webkit-keyframes shine {100% {left: 125%}}
@keyframes shine {100% {left: 125%;}}
.row-news .marke-news:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.08);}
.row-news .marke-news .con .title a:hover{color: #DA251D;}
.row-news .marke-news a.img:hover img{transform: scale(1.06);}

.show-con-width .img{width: 320px;height: 320px;background: #fff;display: flex;align-items: center;justify-content: center;border: 1px solid #eee;}
.show-con-width .img img{max-width: 100%;max-height: 100%;}
.show-con-width .text{width: calc(100% - 600px);padding: 0 30px;}
.show-con-width .text .con{font-size: 16px;line-height: 2;color: #999;display: flex;align-items: center;}
.show-con-width .text .con span{width: 100px;font-weight: bold;color: #333;}
.show-con-width .desc{width: 280px;}

.show-news-left{width: 320px;}
.gs-item-title{padding: 10px 20px;font-size: 18px;background: #005ead;color: #fff;}
a.item-pro-list,.design-pro-list{width: 100%;display: block;border: 1px solid #eee;}
a.item-pro-list .img{height: 318px;}
a.item-pro-list .con,.design-pro-list .con{padding: 15px;}
a.item-pro-list .con .title,.design-pro-list .con .title{font-size: 16px;color: #333;line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.show-con-right{width: calc(100% - 320px);padding-left: 30px;}
.show-con-line{padding: 40px;border: 1px solid #eee;}
a.item-pro-list:hover .con .title,.design-pro-list .con .title a:hover,.design-pro-list .con .flex a:hover{color: #DA251D;}
a.item-pro-list:hover img,.design-pro-list a:hover img{transform: scale(1.08);}

.designswiper .swiper-button-prev,.designswiper .swiper-button-next{width: 30px;height: 42px;margin: 0;top: 50%;transform: translateY(-50%);background: rgba(0,0,0,0.16);}
.designswiper .swiper-button-prev{left: 0;}
.designswiper .swiper-button-next{right: 0;}
.designswiper .swiper-button-prev:after,.designswiper .swiper-button-next:after{font-size: 16px;color: #fff;}
.designswiper .swiper-button-prev:hover,.designswiper .swiper-button-next:hover{background: #DA251D;}
.designswiper .design-pro-list{background: #fff;}
.designswiper .design-pro-list .img{height: 283px;}
.design-pro-list .con .title a{color: #333;}
.design-pro-list .con .flex{margin-top: 15px;display: flex;justify-content: space-between;color: #888;}
.design-pro-list .con .flex a{color: #9f9f9f;}

.gs-item-title.title{font-size: 32px;line-height: 2;}
.left-pro-list .img{height: 336px;}
.right-pro-list .img{height: 234px;}
.left-pro-list .con{padding: 15px;background: #fff;}
.left-pro-list .con .title{font-size: 16px;line-height: 1.5;-webkit-line-clamp: 2;height: 3em;}
.left-pro-list .con .title a{color: #333;}
.left-pro-list .con .desc{color: #999;line-height: 25px;-webkit-line-clamp: 6;height: 150px;}
.left-pro-list:hover{box-shadow: 0 2px 12px rgba(0,0,0,0.08);}
.left-pro-list a:hover img{transform: scale(1.08);}
.left-pro-list .con .title a:hover{color: #DA251D;}


.layui-form{max-width: 750px;margin: 40px auto 0;}
.layui-form .layui-input{height: 45px;}
.layui-form .input{width: 100%;height: 45px;background: #fff;padding: 0 10px;border: 1px solid #eee;margin-bottom: 20px;}
.layui-form .projectfile{width: 100%;padding: 16px 10px 10px;background: #fff;cursor: pointer;border: 1px solid #eee;margin-bottom: 20px;}
.layui-form .projectfile .img{height: 24px;margin-bottom: 5px;}
.layui-form .textarea{width: 100%;height: 200px;background: #fff;padding: 10px;border: 1px solid #eee;margin-bottom: 20px;}
.layui-form .submit{display: block;width: 135px;height: 45px;line-height: 45px;background: #005ead;color: #fff;margin: auto;}
.layui-form .submit:hover{background: #DA251D;}