.idx-wrap{padding-top: 51px;}
@media (min-width: 992px){.idx-wrap{padding-top: 87px;}}
.idx-banner{position: relative; background-color: #000; height: 91vh;}
.idx-banner .swiper-container{width: 100%;height: 100%;}
.idx-banner .headbg{position: absolute; z-index: 0; width: 100%; height: 100%; background-repeat: no-repeat;background-size: cover;background-position: center center; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-slide{background:  no-repeat center center;}
.idx-banner .swiper-slide-active .founder{animation: fadeinup 1s .5s;-webkit-animation: fadeinup 1s .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-slide-active h3{animation: bouncein 1s 1s;-webkit-animation: bouncein 1s 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-slide-active .text-uppercase{animation: fadeinup .7s 1.5s;-webkit-animation: fadeinup .7s 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .swiper-slide-active .found-time{animation: fadeinleft .7s 2s;-webkit-animation: fadeinleft .7s 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.idx-banner .headbg::after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.2); background-repeat: repeat-x; z-index: 1;}
.idx-banner .weui-cell{width: 100%;top: 0;left: 0;bottom: .8rem;padding: 15px 0;}
.idx-banner .weui-cell .head-text{color:#fff; padding: 0 5%;}
.idx-banner .weui-cell .head-text p.founder{display: inline-block; padding: 0 3.8vw; line-height: 36px; font-size: 18px; border:2px solid #fff;}
.idx-banner .weui-cell .head-text h3{font-size: 3.6vw;line-height: 1.4;}
.idx-banner .weui-cell .head-text p.text-uppercase{font-size: 12px;}
.idx-banner .weui-cell .head-text p.found-time{font-size: 18px;letter-spacing: 2.5vw; padding-left: 2.5vw; margin-top: .7rem;}
.idx-banner .swiper-pagination-bullet{width: 15px; height: 15px; border:2px solid #fff; display: inline-block; border-radius:0; opacity: 1; background: transparent;}
.idx-banner .swiper-pagination-bullet-active{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 15px;-webkit-transition: all .3s;transition: all .3s;}
.idx-banner .swiper-button-next,.idx-banner .swiper-button-prev{height: 44px; margin-top: -22px; z-index: 12; cursor: pointer; font-size: 20px; color:#fff; line-height: 44px; background-image: none; -webkit-transition: all .3s; transition: all .3s;}
.idx-banner .swiper-button-prev{left: 0; text-align: right;}
.idx-banner .swiper-button-next{right: 0; text-align: left;}
.idx-banner .swiper-button-next::after,.idx-banner .swiper-button-prev::after{content: ""; position: absolute; display: block; height: 2px; top: 50%; margin-top: -1px; background-color: #fff; -webkit-transition: all .3s; transition: all .3s;}
.idx-banner .swiper-button-prev::after{right: 44px; left: 0;}
.idx-banner .swiper-button-next::after{left: 44px; right: 0;}
.idx-banner .swiper-container-horizontal>.swiper-pagination-bullets,
.idx-banner .swiper-pagination-custom,
.idx-banner .swiper-pagination-fraction{bottom: .96rem;}
@media (min-width: 640px){.idx-banner .swiper-button-next,.idx-banner .swiper-button-prev{width: 8.13%;}}
@media (min-width: 1200px){
.idx-banner .weui-cell .head-text h3{font-size: 3.125vw;}
.idx-banner .swiper-button-next,.idx-banner .swiper-button-prev{width: 8.6%;}
.idx-banner .swiper-button-prev:hover{padding-right: 10px;}
.idx-banner .swiper-button-prev:hover::after{right: 54px;}
.idx-banner .swiper-button-next:hover{padding-left: 10px;}
.idx-banner .swiper-button-next:hover::after{left: 54px;}
}
.banner-img{position: fixed; top: 0; left: 0; right: 0; overflow: hidden; -webkit-transform: translatez(0);}
.banner-img img{margin: 0 auto;}
@media (min-width: 1600px){.idx-banner .swiper-button-next,.idx-banner .swiper-button-prev{width: 7.632%;}}
@media(max-width: 639px){
	.idx-banner{height: 93vh;} 
	.idx-banner .weui-cell .head-text h3{font-size: 6.4vw;}
	.banner-img img{max-width: 130%; margin-left: -15%;}
}

.space-between{display: -webkit-flex; display: flex; flex-direction:column; justify-content: space-between; height: 100%;}
.quality-super-group{background-image: ;background-size: cover;background-repeat: no-repeat;padding: 0.7rem 0 0.5rem;}
.quality-super-group .split-line{width: 14px; height: 5px; background-color: #292929; margin-bottom: 14.7vw;}
.quality-super-group .qua-left .careful{margin-top: 0; font-size: .56rem; color:#a5201d; line-height: 1.4;}
.quality-super-group .qua-left p{font-size: 16px; color: #999999;}
.qua-left .weui-cell{height: 100%;}
.qua-right{float: right;}
.qua-right .total-assets{margin-top: 4.5vw;}
.qua-right .regist-capital,
.qua-right .quality-certifi{margin-top: 3.5vw;}
.qua-right .total-assets h3,
.qua-right .regist-capital h3,
.qua-right .quality-certifi h3{font-size: .78rem; color: #9f0d09;}
.qua-right .total-assets h3 i,
.qua-right .regist-capital h3 i,
.qua-right .quality-certifi h3 i{position: relative;top: .1rem;font-style: normal;}
.qua-right .total-assets h3 span,
.qua-right .regist-capital h3 span,
.qua-right .quality-certifi h3 span{font-size: 22px; color: #9f0d09; width: 34px; display: inline-block; text-align: center; border: 3px solid #9f0d09; font-family: 'microsoft yahei'; font-weight: 400; padding: 5px 0; margin-left: 8px;}
.qua-right .total-assets p,
.qua-right .regist-capital p,
.qua-right .quality-certifi p{font-size: 22px; color: #585858;}
.qua-mid .weui-cell{height: 100%;}
.qua-mid  a{font-size: 14px; color: #3a3a3a; line-height: 34px; padding: 0 15px; display: block; margin: 50px auto 10px; width: 120px; border:1px solid #727272; position: relative; border-radius: 5px; -webkit-border-radius:5px; z-index: 1; -webkit-transition: all .3s; transition: all .3s;}
.qua-mid  a::after{content: "";position: absolute;width: 0;height: 100%;top: 0;left: 0;background-color: #9f0d09;z-index: -1;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.qua-mid .qilin-box{position: relative; display: inline-block; margin-bottom: 1rem;}
.qua-mid .qilin-box div.pr{z-index: 1; -webkit-transition: all .7s; transition: all .7s;}
.qua-mid .foot-mark{position: absolute; left: 9%; bottom: -25%; width: 82%; opacity: 0; -webkit-perspective: 400; perspective: 400; -webkit-transform: translatey(-20px); transform: translatey(-20px); -webkit-transition: all .7s; transition: all .7s;}
.qua-mid .foot-mark img{-webkit-transform: rotatex(70deg); transform: rotatex(70deg);}
@-moz-document url-prefix(){.qua-mid .foot-mark{left: 4%; bottom: -30%; width: 92%;}}



@media (min-width: 640px){
.qua-left{position: absolute; left: 0; top: 0; bottom: 0;}
.quality-super-group .qua-left .careful{position: absolute; left: 0; top: 0;}
.quality-super-group .split-line{position: absolute; top: 50%; left: 0;}
.qua-mid{position: absolute; top: 0; bottom: 0; left: 33.33333333%;}
.qua-mid .qilin-box{max-width: 66%;}
.qua-mid  a{position: absolute; left: 50%; bottom: 0; margin-left: -60px;}
}
@media (min-width: 1200px){
.qua-mid .qilin-box{margin-bottom: 1.8rem;}
.qua-mid .qilin-box div.pr{-webkit-transform: translatey(50px); transform: translatey(50px);}
.qua-mid .qilin-box:hover div.pr, .qua-mid .qilin-box:hover .foot-mark{-webkit-transform: translatey(0); transform: translatey(0);}
.qua-mid .qilin-box:hover .foot-mark{opacity: .12;}
.qua-mid a:hover{border-color: #9f0d09; color: #fff;}
.qua-mid a:hover::after{width: 100%;}
}
@media (max-width: 1199px){
.qua-mid .foot-mark{bottom: -28%; left: 4%; width: 92%;}
.qua-mid .qilin-box div.pr, .qua-mid .qilin-box .foot-mark{-webkit-transform: translatey(0);}
.qua-mid .qilin-box .foot-mark{opacity: .12;}	
}
@media (max-width: 991px){
.qua-right .total-assets h3, .qua-right .regist-capital h3, .qua-right .quality-certifi h3{font-size: .64rem;}
.qua-right .total-assets h3 i, .qua-right .regist-capital h3 i, .qua-right .quality-certifi h3 i{top: -.05rem;}
.qua-right .total-assets h3 span, .qua-right .regist-capital h3 span, .qua-right .quality-certifi h3 span{font-size: 16px; width: 26px; border-width: 2px;}
}
@media (max-width: 639px){
.quality-super-group .col-sm-4{text-align: center;}
.quality-super-group .split-line{margin-top: 14.7vw; margin-left:  auto; margin-right: auto;}
.qua-mid{margin-bottom: 10vw;}
.qua-mid .qilin-box{width: 50%; margin: 10vw auto;}
.qua-right .total-assets p, .qua-right .regist-capital p, .qua-right .quality-certifi p{font-size: 18px;}
.qua-right .total-assets, .qua-right .regist-capital, .qua-right .quality-certifi{margin-top: 11vw;}
}

.excellent-case{position: relative; padding-bottom: 1rem; background-image: ;background-size: cover;background-repeat: no-repeat;background-position: center;}
.excellent-case .weui-cell__bd{color: #fff;}
@media (min-width: 1200px){
.excellent-case{background-attachment: fixed;}	
}

.latest-information .weui-cell__bd{color: #9f0d09;}
.cases .weui-cell__bd h3{font-size: .52rem;}
.excellent-case .weui-cell__ft a{color: #fff;border:1px solid #fff;}
.latest-information .weui-cell__ft a{color: #282828;border:1px solid #2c2c2c;}
.excellent-case .title{margin-top: .77rem; margin-bottom: .87rem;}
.cases .weui-cell__ft a{display: inline-block;text-align: center;padding: 5px 15px;font-size: 14px;border-radius: 4px;-webkit-border-radius: 4px;line-height: 25px;width: 177px;position: relative;z-index: 1;}
.cases .weui-cell__ft a em{width: 0;height: 100%;top: 0;left: 0;z-index: -1;background-color: #9f0d09;}
.cases .weui-cell__ft a:hover{color: #fff;border:1px solid #9f0d09;}
.cases .weui-cell__ft a:hover em{width: 100%;}
@media (max-width: 639px){
.cases .weui-cell__ft a{width: 114px;}
.excellent-case .title{margin-top: .37rem; margin-bottom: .47rem;}
.cases .weui-cell__bd p{font-size: 14px;}
}


.fine-quality-items .col-md-3{background-color: #fff; padding: 0;}
.fine-quality-items .box{position: relative; padding: 30px 20px;background-color: #fff;display: block;}
.fine-quality-items .box h3{font-size: 26px;color: #333333;margin-top: 0;}
.fine-quality-items .box p{font-size: 16px;color: #999999;margin-bottom: 20px;}
.fine-quality-items .textbox{}
.fine-quality-items .textbox.pb{left: 0; right: 0; top: 0; z-index: 1; padding: 15px 20px; -webkit-transition: all .35s .1s; transition: all .35s .1s;}
.fine-quality-items .textbox.pb h3, .fine-quality-items .textbox.pb p{color: #fff;}
.fine-quality-items .after{display: none; position: absolute; left: -10px; top: -15px; bottom: -15px; right: -10px; background: no-repeat center; background-size: cover; -webkit-transform-origin: 50% 73%; transform-origin: 50% 73%; -webkit-transform: scale(0.8,0.62); transform: scale(0.8,0.62); -webkit-transition: all .7s cubic-bezier(0.23, 1, 0.38, 1); transition: all .7s cubic-bezier(0.23, 1, 0.38, 1);}
@media (min-width: 1200px){
.fine-quality-items .after{display: block; opacity: 0;}
.fine-quality-items .col-md-3:hover{z-index: 2;}
.fine-quality-items .col-md-3:hover .after{opacity: 1; -webkit-box-shadow: 0 3px .73rem rgba(0,0,0,.38); box-shadow: 0 3px .73rem rgba(0,0,0,.38); -webkit-transform: scale(1); transform: scale(1);}
}
@media (min-width: 1400px){.fine-quality-items .after{-webkit-transform: scale(0.82,0.65); transform: scale(0.82,0.65);}}
@media (min-width: 1660px){.fine-quality-items .after{-webkit-transform: scale(0.84,0.68); transform: scale(0.84,0.69);}}
@media (min-width: 1880px){.fine-quality-items .after{-webkit-transform: scale(0.84,0.72); transform: scale(0.86,0.72);}}
@media (max-width: 639px){
.fine-quality-items .col-md-3{margin-bottom: 0;}
.fine-quality-items .box{padding-top: 15px; padding-bottom: 15px;}
.fine-quality-items .box h3{font-size: 22px;}
}

.latest-information{background-color: #f3f3f3;padding-top: 0.8rem;}
.infor-banner{position: relative; background-color: #fff;margin-top: .7rem;}
.infor-banner::before{position: absolute; display: block; content: ""; right: -10%; top: 0; bottom: 0; width: 30%; background: #fff;}
.infor-banner .img-responsive{width: 100%;}
.infor-banner .infor-text{padding: 0.3rem 3.8vw; color: #fff; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.5);}
.infor-banner .infor-text .year-month h3{margin-bottom: 0; font-size: .4rem; line-height: 1; font-family: "akzidenz"; color: #373737;padding: 2px .34rem;background-color: #fff;margin-top: 6px;}
.infor-banner .infor-text .year-month p{margin-bottom: 0; font-size: 26px; font-family: "akzidenz";}
.infor-banner .infor-text .text-box{margin-left: 3.4vw; overflow: hidden;}
.infor-banner .infor-text .text-box h3{font-size: 24px;margin-top: 0;}
.infor-banner .infor-text .text-box p{margin-bottom: 0; width: 88%;height:52px;font-size: 16px;line-height:26px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.enterprise-items{height: 100%;}
.enterprise-items .enterprise-item .weui-cell{padding: 0; height: 100%;}
.enterprise-items ul{height: 100%; margin: 0; padding: 0;}
.enterprise-items .enterprise-item{position: relative; z-index: 1; height: 25%;}
.enterprise-items .enterprise-item::after{content: "";position: absolute;top: 0;right: -24%;height:0;width:0;background-color: #9f0d09;z-index: -1;transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;}
.enterprise-items .year-month{width: 29%; text-align: center; white-space: nowrap;}
.enterprise-items .year-month h3{margin-bottom: 0; font-size: .44rem; font-family: "akzidenz"; color: #373737;margin-top: 0;}
.enterprise-items .year-month p{margin-bottom: 0; font-size: 12px;color: #373737;}
.enterprise-items .text-box h3{font-size: 24px;color: #373737;margin-top: 5px;margin-bottom: 15px;}
.enterprise-items .text-box p{margin-bottom: 0; color: #999999;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.enterprise-items .enterprise-item{cursor: pointer;}
.enterprise-items .enterprise-item.on::after{width: 132%;height: 100%;}
.enterprise-items .enterprise-item.on h3{color: #fff !important;}
.enterprise-items .enterprise-item.on p{color: #fff !important;}
.cooperative-partner .title-top{margin-top: 7.8vw;margin-bottom: 5vw;}
.cooperative-partner .title-top h3{font-size: .48rem; color: #2e2e2e;}
.cooperative-partner .img-box{margin: .15rem auto; overflow: hidden;cursor: pointer;text-align:center;}
.cooperative-partner .img-box img{display: inline; vertical-align: middle; max-height: 100%; -webkit-transition: all .3s; transition: all .3s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);}
.cooperative-partner{margin-bottom: 1.5rem;}
.banner-img .weui-cell{width: 100%; bottom: 0; top: 45px; left: 0;}
.banner-img .weui-cell__bd h3{font-size: .44rem; color: #fff;}
@media (min-width: 992px){
.banner-img .weui-cell{top: 87px;}
.latest-information .col-md-5{position: absolute; right: 0; top: 0; bottom: 0;}
}
@media (min-width: 1200px){
.cooperative-partner .partner-img-items .img-box:hover{box-shadow: 0 0 50px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.2);}	
.cooperative-partner .partner-img-items .img-box:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0);}	
}
@media (max-width: 1460px){
.enterprise-items .enterprise-item::after{right:  -28%;}
.enterprise-items .enterprise-item.on::after{width: 138%;}
}
@media (max-width: 1199px){
.infor-banner .infor-text .year-month{width: 19%;}
.infor-banner .infor-text .text-box p{width: 100%;}
.enterprise-items .text-box h3{margin-bottom: 8px;}
}
@media (max-width: 639px){
.banner-img .weui-cell__bd h3{font-size: .48rem; font-weight: bold;}
.latest-information{padding-top: .37rem; padding-bottom: .54rem;}
.cooperative-partner .title-top h3{font-size: .54rem;}
.infor-banner .infor-text{padding: 10px;}
.infor-banner .infor-text .year-month h3{font-size: 30px; padding: 2px 20px;}
.infor-banner .infor-text .year-month p, .infor-banner .infor-text .text-box h3{font-size:16px;}
.infor-banner .infor-text .text-box p{height: 36px; font-size: 12px; line-height: 18px;}
.enterprise-items .year-month h3{ text-align: center;}
.enterprise-items .text-box h3{font-size: 18px;}
.enterprise-items .enterprise-item{padding: 0;}
.infor-banner .infor-text .text-box, .enterprise-items .text-box{margin-left: 30px;}
}

.pagelist{margin-top: 4.6vw; margin-bottom: 6.6vw; text-align: center;}
.pagelist ul{display: inline-block; margin: 0; padding: 0;}
.pagelist li{float: left;}
.pagelist li a, .pagelist li span{font-size: 16px; color: #363636; display: inline-block; position: relative; margin: 0 5px; line-height: 24px;}
.pagelist li.prev a::after,
.pagelist li.next a::after{content: "";position: absolute;width: 10px;height: 10px;border-top:1px solid #999999;top: 50%;left: 50%;margin-top: -5px;}
.pagelist li.prev a::after{border-left:1px solid #999999; margin-left: -2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg);}
.pagelist li.next a::after{border-right:1px solid #999999; margin-left: -8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);}
.pagelist li.jump a{text-align: center; font-size: 12px; color: #999999; width: 24px; height: 24px; background-color:#f3f3f3;}
.pagelist li.page-num.on a{background-color: #9f0d09;color: #fff;}
.pagelist .first-page, .pagelist .last-page{margin: 0 20px;}
.pagelist li input[type='text']{width: 58px; border:1px solid #999999; margin: 0 10px 0 15px; text-align: center;}
.pagelist li .go{background-color: #9f0d09; color: #fff; padding: 2px 15px; text-align: center;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #9f0d09; border-color: #9f0d09;}
@media(max-width: 639px){.pagelist .first-page, .pagelist .last-page{margin: 0 8px;}}

.search-top input::-webkit-input-placeholder{color: #a9a9a9;} 
.search-top input:-moz-placeholder{color: #a9a9a9;} 
.search-top input::-moz-placeholder{color: #a9a9a9;} 
.search-top input:-ms-input-placeholder{color: #a9a9a9;} 
.search-top{margin-top: 5px;}
.search-top .search::before{content: "";position: absolute;top: 50%;left: 0;width: 18px;height: 18px;margin-top: -9px;background-image: ;background-position: center;background-size: 100%;background-repeat: no-repeat;}
.search-top .search::after{content: "";position:absolute;width: 92%;height: 1px;bottom:0;left: 0;background-color: #a9a9a9;}
.search-top .search input[type='text']{background-color: transparent; padding: 8px 15px 8px 30px; width: 92%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.select-product-name{margin-left: -5px; margin-right: -5px;}
.select-product-name a{display: block; margin: 5px; padding: 0 5px; font-size: 16px;color: #333333;line-height: 42px;text-align: center;background-color: #fff;position: relative;border: 1px solid #dedede;}
.select-product-name a.on{background-color: #920003; color: #fff;}
.product-main{background-color: #eeeeee;padding-top: 0.55rem;}
.product-items{margin-top: .5rem; margin-left: -11px; margin-right: -11px;}
.product-items .item{position: relative; top: 0; margin: 11px; border: 1px solid #dedede;}
.product-items .item .item-top{background: #fff  no-repeat center center; overflow: hidden;}
.product-items .item .item-name{display: block; padding: .2rem; font-size: 22px; line-height: 30px; min-height: 30px; color: #3d3d3d; text-align: center; background-color: #f4f4f4; border-top: 1px solid #dedede;}
.product-design .design-r{width: 54%; margin: 0 auto;}
.product-design .design-r h3{font-size: .32rem;color: #2e2e2e;}
.product-design .design-r p{font-size: 16px;color: #999999; line-height: 1.8; margin-top: .5rem;}
.product-two .foot-img{padding: 0 15px; margin-top: .6rem; margin-bottom: 1.5rem;}
.product-main img{margin: 0 auto; max-width: 100% !important; height: auto !important;}
@media (max-width: 1600px){.product-design .design-r{width: 67%;}}
@media (max-width: 1400px){.product-design .design-r{width: 77%;}}
@media (max-width: 1199px){.product-design .design-r{width: 85%;}}
@media (max-width: 991px){
.search-top .search{margin-bottom: 20px;}
.search-top .search input[type='text'], .search-top .search::after{width: 100%;}
.product-design .design-r{width: 100%;}
.product-design .design-r h3{font-size: 22px;}
}
@media (max-width: 639px){
.product-design .weui-cell{display: block;} 
.select-product-name .box-name{margin-bottom: 10px;}
.product-items .item .item-name{font-size: 18px;}
}
@media (min-width: 1200px){
.select-product-name a:hover{background-color: #920003; color: #fff;}
.product-items .item:hover{top: -10px; -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.1); box-shadow: 0 10px 25px rgba(0,0,0,.15);}
.product-items .item:hover .item-name{color: #920003;}
}

/*案例列表*/
.case-list-main{background-color: #eee; padding-top: 0.4rem;}
.case-list-main .case-items .col-xs-12{margin-bottom: .3rem;}
.case-items{margin-top: .45rem;}
.case-items .imgbox{position: relative; background: #fff  no-repeat center center;}
.case-items .box .foot{background-color: #fff;padding: .2rem .6rem .2rem .3rem;font-size: .28rem; line-height: .4rem; color: #333333;position: relative;}
.case-items .box .foot::after{content: ""; position: absolute; border-left:6px solid #333333; border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: .3rem; top: 50%; margin-top: -6px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
.case-items .box .foot::before{content: ""; position: absolute; width: 26px; height: 2px; right: .32rem; top: 50%; margin-top: -1px; background-color: #333333; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s;}
@media (min-width: 1200px){
.case-items .box a:hover{-webkit-box-shadow: 0 .2rem .6rem rgba(0,0,0,0.2); box-shadow: 0 .2rem .6rem rgba(0,0,0,0.2);}
.case-items .box a:hover .imgbox img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.case-items .box a:hover .foot{color: #9f0d09}
.case-items .box a:hover .foot::after{border-left-color: #9f0d09;}
.case-items .box a:hover .foot::before{background-color: #9f0d09; width: 14px;}	
}
@media (max-width: 639px){
.case-items .box .foot::before{width: 14px;}
.case-items .box .foot{padding-top: .3rem; padding-bottom: .3rem; font-size: 18px;}
}

.banner-img .weui-cell__bd p{color: #fff; margin-bottom: 36px;}
.banner-img .weui-cell__bd .sanjiao{margin-bottom: 20px; width: 22px; height: 22px; background-image: ; background-repeat: no-repeat; background-size: 100%; background-position: center; margin-left: auto; margin-right: auto;}
.case-list2-main{padding-top: .36rem;}
.case-list2-main .case-top{padding-top: 20px; text-align: left;}
.case-list2-main .case-top h1{margin-bottom: 36px; font-size: .32rem; color: #333333;}
.case-list2-main .case-top p{font-size: 16px; line-height: 28px; color: #999999; margin-bottom: 0.9rem;}
.case-list2-main .prev-next{margin-bottom: 1rem;}
.case-banner #swiper-container1{background: #fff  no-repeat center center;}
.case-banner .img-responsive{width: 100%;}
.case-thumbs{position: absolute; z-index: 1; right: 0; top: 0; bottom: 0; width: 9.2%; padding: 15px; background: rgba(0,0,0,.5); -webkit-transition: right .4s; transition: right .4s;}
.case-thumbs .swiper-container{height: 100%;}
.case-thumbs .imgbox{position: absolute; top: 12px; bottom: 12px; left: 0; right: 0; overflow: hidden; cursor: pointer; background: no-repeat center center; background-size: cover;}
.case-thumbs .imgbox::before{opacity: .5; position: absolute; display: block; content: ""; top: 0; right: 0; bottom: 0; left: 0; background: #000; -webkit-transition: all .3s; transition: all .3s;}
.case-thumbs .imgbox::after{opacity: 0; position: absolute; display: block; content: ""; top: 0; right: 0; bottom: 0; left: 0; border: .05rem solid #e71f19; -webkit-transition: all .3s; transition: all .3s;}
.case-thumbs .active-nav .imgbox::before{opacity: 0;}	
.case-thumbs .active-nav .imgbox::after{opacity: 1;}	
.case-thumbs.not{right: -9.2%;}
.case-thumbs .showhide{position: absolute; z-index: 12; width: 34px; height: 34px; left: -14px; top: 50%; margin-top: -17px; overflow: hidden; cursor: pointer;}
.case-thumbs .showhide::before{position: absolute; display: block; content: ""; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-right: 14px solid rgba(0,0,0,.5);}
.case-thumbs .showhide::after{position: absolute; display: block; content: ""; top: 50%; left: 50%; margin-top: -4px; margin-left: -7px; width: 10px; height: 10px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.case-thumbs .showhide.show{margin-left: -8px; width: 44px; height: 44px;}
.case-thumbs .showhide.show::before{border-top-width: 22px; border-bottom-width: 22px; border-right-width: 22px;}
.case-thumbs .showhide.show::after{margin-left: -10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
@media (max-width: 1440px){.case-list2-main .case-top{width: 42%;}}
@media (max-width: 1280px){
.case-thumbs{width: 11%;}
.case-thumbs.not{right: -11%;}
}
@media (max-width: 1199px){
.case-list2-main .case-top{width: 57%;}
.case-thumbs{width: 12.5%;}
.case-thumbs.not{right: -12.5%;}
}
@media (max-width: 991px){
.case-list2-main .case-top{width: 76%;}
.case-thumbs{width: 16%;}
.case-thumbs.not{right: -16%;}
}
@media (max-width: 767px){
.case-list2-main .case-top h1{font-size: .56rem;}
.case-thumbs{position: static; width: 100%; padding: 3px; background: #fff;}
.case-thumbs .swiper-slide{height: 12vw;}
.case-thumbs .imgbox{left: 3px; right: 3px; top: 3px; bottom: 3px;}
.case-thumbs .showhide{display: none;}
}
@media (max-width: 639px){
.case-list2-main .case-top{width: 90%;}
.case-thumbs .swiper-slide{height: 14vw;}
}
@media (max-width: 414px){.case-thumbs .swiper-slide{height: 16vw;}}
.pointer{cursor: pointer;}


/*关于我们*/
.pursuit-excellence{margin-top: .6rem; padding-top: 9.5vw;}
.pursuit-excellence .excell-left{width: 20%;}
.pursuit-excellence .excell-left .twenty-first-century{font-size: 22px;font-weight:normal;color: #333333;margin-top: 0;}
.pursuit-excellence .excell-left .yinhao{font-size: 66px;color: #e60700;font-family: "arial";margin-top: .6rem;}
.pursuit-excellence .excell-left .title{font-size: 3.96vw;line-height:1.2;color: #333333;}
.pursuit-excellence .excell-right{width: 34%;}
.pursuit-excellence .excell-right h3{font-size: 22px; font-weight: normal; color: #333333;margin-top: 0;}
.pursuit-excellence .excell-right p{font-size: 16px;color: #999999;margin-top: 20px;}
.pursuit-excellence .circle{position:  absolute; right: 0; bottom: 15px; width: 22px; height: 22px; border:4px solid #e71f19; border-radius: 50%; -webkit-border-radius:50%; -moz-border-radius: 50%; -o-border-radius: 50%;}

.core-mission{background-color: #eeeeee;padding-top: 0.72rem;}
.core-mission .img-responsive{max-width: 84%; margin-left: 16%;}
.mission .mission-item .box h3{margin-top: 0; margin-bottom: .28rem; font-size: 22px;font-weight: normal;color: #fff;padding: 5px 15px;line-height: 32px;width: 155px;background-color: #9f0d09;margin-right:auto;margin-left: auto;}
.mission .mission-item .box p{margin-bottom: 0; font-size: 22px; color: #404040;}
.mission .mission-item{position: relative;z-index: 2;padding: 0;}
.mission .mission-item:nth-of-type(1),
.mission .mission-item:nth-of-type(4),
.mission .mission-item:nth-of-type(5){background-color: #ececec;}
.mission .mission-item:nth-of-type(2),
.mission .mission-item:nth-of-type(3),
.mission .mission-item:nth-of-type(6){background-color: #f3f3f3;}
@media(min-width: 1441px) and (max-width: 1640px){
.pursuit-excellence .excell-left{width: 24%;}
.pursuit-excellence .excell-right{width: 38%;}
}
@media(min-width: 1200px) and (max-width: 1440px){
.pursuit-excellence .excell-left{width: 29%;}
.pursuit-excellence .excell-right{width: 42%;}
}
@media(min-width: 992px) and (max-width: 1199px){
.pursuit-excellence .excell-left{width: 34%;}
.pursuit-excellence .excell-right{width: 46%;}
}
@media(min-width: 640px) and (max-width: 991px){
.pursuit-excellence .excell-left{width: 42%;}
.pursuit-excellence .excell-right{width: 42%;}
.pursuit-excellence .excell-top{height: 850px;}
.pursuit-excellence .excell-right p{margin-bottom: 1.2rem;}
}
@media (max-width: 1400px){
.pursuit-excellence{padding-top: 12vw;}
.mission .mission-item .box h3{width: 144px; line-height: 28px; font-size: 18px;}
.mission .mission-item .box p{font-size: 18px;}
}
@media (max-width: 1199px){
.mission .mission-item .box h3{width: 134px; line-height: 24px; font-size: 16px;}
.mission .mission-item .box p{font-size: 16px;}
}
@media (max-width: 991px){
.core-mission{padding-bottom: .72rem;}
}
@media(max-width: 639px){
.pursuit-excellence{padding-top: 0;}
.pursuit-excellence .excell-left, 	.pursuit-excellence .excell-right{float: none; width: 100%; text-align: center;} 
.mission .mission-item{margin-bottom: 15px;} 
.banner-img .weui-cell__bd p{margin-bottom: 5px;} 
.banner-img .weui-cell__bd .sanjiao{width: 14px; height: 14px;}
.pursuit-excellence .excell-left .title{margin-bottom: 12vw; font-size: 9vw;}
.pursuit-excellence .excell-left .twenty-first-century{font-size: 18px; line-height: 1.6;}
.pursuit-excellence .excell-left .yinhao{line-height: 1;}
.pursuit-excellence .circle{position: static; margin: 1rem auto 1.3rem; width: 18px; height: 18px; border-width: 3px;}
.mission .mission-item .box h3{font-size: 16px; width: 118px; line-height: 20px;}
.mission .mission-item .box p{font-size: 14px;}
}
@media (min-width: 640px){
.excell-top{position: absolute; left: 0; right: 0; top: 0; z-index: 1;}
}

/*发展历程*/
.history-main{background-color: #f3f3f3;padding: .7rem 15px .4rem;position: relative;}
.history-main .split{width: .04rem;height: .4rem;background-color: #9f0d09;margin-top: 1.25rem;margin-bottom: 0.9rem;}
.history-main .history-box{width: 44%;}
.history-main .history-box:first-child .split{margin-top: 0;}
.history-main .history-box .year{font-size: .84rem;color: #9f0d09;font-family: 'arial';margin-top: 0.9rem;}
.history-main .history-box .text{margin-top: 0.54rem;margin-bottom: 0.96rem;font-size: 16px; line-height: 26px;color: #333333;}
.history-main .year-items{position: absolute; left: 100%; z-index:10; top: 0; margin-top: 1rem; -webkit-transition: all .3s; transition: all .3s;}
.history-main .year-items ul{margin-bottom: 0;}
.history-main .year-items li{padding-left: 22px; margin-bottom: .1rem; font-size: 24px; color: #333333; position: relative;cursor:pointer;}
.history-main .year-items li.on{color: #9f0d09;}
.history-main .year-items li::after{content: "";position: absolute;top: 50%;left: 0;width: 8px;height: 8px;margin-top: -4px;border-radius: 50%;-webkit-border-radius:50%;background-color: #333333;}
.history-main .year-items li.on::after{background-color: #9f0d09;}
.history-main .year-items li::before{content: ""; position: absolute; width: 1px; height: 90px; top: 50%; left: 4px; border-left:1px dashed #333333;}
.history-main .year-items li:last-child{margin-bottom: 0;}
.history-main .year-items li:last-child::before{display: none !important;}

/*发展历程  新*/

.history{position: relative; background: #fff;}
.history .box{background:  no-repeat center center; background-size: 50% auto;}
.history .line{position: absolute; display: block; left: 0; right: 0; top: 50%; margin-top: -1px; width: 100%; height: 2px; background: #6a6a6a;}
.history .box .swiper-container{padding: 3vw 0; min-height: 4rem;}
.history .before{height: 180px;}
.history .year{font-size: .48rem; line-height: 1.1; color: #303030; font-weight: bold;}
.history .desc{font-size: 16px; line-height: 28px; color: #979797;}
.history .before{padding: 0;}
.history .before::before{position: absolute; display: block; content: ""; left: 0; width: 9px; height: 9px; background: #303030; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all .3s; transition: all .3s;}
.history .swiper-slide::before{position: absolute; display: block; content: ""; left: -100%; width: 0; height: 2px; background: #fbbd1e; -webkit-transition: all .4s ease-out; transition: all .4s ease-out;}
.history .swiper-slide-active::before{left: 0; width: 100%;}
.history .swiper-slide-active .before::before{background: #fbbd1e;}
.history .swiper-slide-active .year{color: #fbbd1e;}
.history .swiper-slide:nth-of-type(2n){margin-top: 220px;}
.history .swiper-slide:nth-of-type(2n) .weui-cell{-webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.history .swiper-slide:nth-of-type(2n-1) .weui-cell{-webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end;}
.history .swiper-slide:nth-of-type(2n) .before{padding-top: 20px;}
.history .swiper-slide:nth-of-type(2n) .before::before{top: 0;}
.history .swiper-slide:nth-of-type(2n)::before{top: -21px;}
.history .swiper-slide:nth-of-type(2n-1)::before{bottom: -21px;}
.history .swiper-slide:nth-of-type(2n-1) .before{padding-bottom: 20px;}
.history .swiper-slide:nth-of-type(2n-1) .before::before{bottom: 0;}
.history .swiper-button-white{position: static; display: inline-block; margin: 0 7px 7%; width: .47rem; height: .47rem; background-color: #424242; background-size: 9px;}
@media (min-width: 1200px){
.history .swiper-button-white:hover{background-color: #fbbd1e;}
}
@media (min-height: 768px){.history{padding-top: 2%;}}
@media (max-width: 1199px){
.history .swiper-button-white{margin-bottom: 10%;}
.history .box{background-size: 70% auto;}
}
@media (max-width: 992px){
.history .after{font-size: 14px; line-height: 24px;}
}
@media (max-width: 639px){
.history .box .swiper-container{padding: 30px 0; min-height: auto;}
.history .swiper-slide .before::before, .history .swiper-slide::before, .history .line{display: none;}
.history .swiper-slide{margin: 0 !important;}
.history .before{margin: 15px !important; padding: 0 !important; height: auto;}
.history .line{top: auto; bottom: 0;}
}



/*小屏幕*/
.history-main .small-year-items{margin-top: 1.6rem;margin-bottom: 0.8rem;}
.history-main .small-year-items li{position: relative;width: 25%;float: left;font-size: 24px; color: #333333;margin-bottom: 22px;text-align: center;padding-bottom: 22px;border-bottom: 1px dashed #333333;}
.history-main .small-year-items li.on{color: #9f0d09;}
.history-main .small-year-items li::after{content: "";position: absolute;width: 8px;height: 8px;bottom: 0;left: 50%;margin-left: -4px;margin-bottom: -4px;border-radius: 50%;-webkit-border-radius:50%;background-color: #333333;}
.history-main .small-year-items li.on::after{background-color: #9f0d09;}
@media(min-width: 1441px) and (max-width: 1650px){.history-main .history-box{width: 53%;}}
@media(min-width: 1200px) and (max-width: 1440px){.history-main .history-box{width: 62%;}}
@media(min-width: 640px) and (max-width: 1199px){.history-main .history-box{width: 50%;}}
@media(max-width: 639px){
.history-main .history-box{width: 92%;}
.history-main .history-box img{margin-bottom: 15px;}
}

/*荣誉资质*/
.honor-main{background-color: #f3f3f3; padding: 0.66rem 0;}
.honor-main .row{margin-left: -.35rem; margin-right: -.35rem;}
.honor-main .col-xs-12{padding: .26rem .35rem;}
.honor-item{padding: 4vw .3rem .4rem; background: #fff; text-align: center;}
.honor-item p{font-size: 16px; line-height: 26px; color: #333; margin-bottom: 0; margin-top: .5rem;}
.honor-item img{position: relative; top: 0; max-height: 100%; -webkit-box-shadow: .1rem .3rem .4rem rgba(0,0,0,.1); box-shadow: .1rem .3rem .4rem rgba(0,0,0,.1);}
.honor-item .imgbox{display: table-cell; vertical-align: middle;}
@media (min-width: 1200px){.honor-item img:hover{top: -10px;} .honor-item p{font-size: 18px;}}
@media (max-width: 639px){.honor-item{padding-top: .6rem;}}

/*企业宣传*/
.propaga-main{background-color: #fff; margin-bottom: 0.6rem;position: relative;z-index: 1;}
.propaga-main::before{position: absolute; display: block; content: ""; left: 0; top: 0; bottom: 0; width: 10%; background: #f3f3f3;}
.propaga-main .tit{font-size: .32rem; color: #333333; margin: 0; padding: .36rem 0; background: #f3f3f3; width: 80%;}
.video-banner{width: 80%; background: #f3f3f3;}
.video-banner .box{height: 100%;}
.video-banner .box .img-responsive{width: 100%;}
.video-banner .box::before{position: absolute; display: block; content: ""; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5);}
.video-banner .video{display: none;}
.video-banner .play{position: absolute; top: 50%; left: 50%; width: .82rem; height: .82rem; margin-top: -.41rem; margin-left: -.41rem; cursor: pointer;}
.select-videos{top: 0; right: 0; bottom: 0; width: 20%;}
.select-videos .swiper-slide p{font-size: 16px; color: #333333; margin-top: .1rem;margin-bottom: 0;}
.select-videos .item{margin: 0 18%;}
.select-videos .box-img{position: relative; overflow: hidden; background: #000; cursor: pointer;}
.select-videos .box-img img{opacity: .5;}
.select-videos .box-img::after{position: absolute; display: block; content: ""; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; border: .08rem solid #9f0d09; -webkit-transition: all .3s; transition: all .3s;}
.select-videos .swiper-slide.on .box-img::after{opacity: 1;}
.select-videos .swiper-slide.on .box-img img{opacity: 1;}
.select-videos .swiper-button-next, .select-videos .swiper-button-prev{top: auto; bottom: 0; margin: 0; width: 32%; height: 32px; background-size: 6px;}
.select-videos .swiper-button-next{right: 18%; background-color: #dbdbdb;}
.select-videos .swiper-button-prev{left: 18%; background-color: #9f0d09;}
@media (max-width: 639px){
.propaga-main{padding-bottom: .46rem; background: #f3f3f3;}
.video-banner, .propaga-main .tit{width: 100%;}
.select-videos{position: static; width: 100%;}
.select-videos .swiper-container{margin-bottom: 50px; height: auto !important;}
.select-videos .item{margin: 5px 0;}
.select-videos .swiper-slide p{font-size: 16px;}
}

/*原料来源*/
.source-material{padding-top: 7.2vw; padding-bottom: 6.4vw; background-color: #eeeeee;}
.source-material .clearfix{position: relative;}
.source-material .clearfix:nth-of-type(1)::before{position: absolute; top: 0; left: 0; width: 50%; height: 100%; display: block; content: ""; background-color: #fff;}
.source-material .clearfix:nth-of-type(2)::before{position: absolute; top: 0; right: 0; width: 50%; height: 100%; display: block; content: ""; background-color: #fff;}
.source-material .col-md-6{position: static; padding: 4vw 0;}
.source-material .box .img-top{margin-bottom: 10px;}
.source-material .box h3{font-size: .44rem;color: #333333;margin-top: 0;margin-bottom: .46rem;}
.source-material .box p{font-size: 16px; line-height: 26px; color: #999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical;}
.source-material .box{width: 58%; text-align: left; margin: 0 auto;}
@media (max-width: 1650px){.source-material .box{width: 67%;}}
@media (max-width: 1440px){.source-material .box{width: 78%;}}
@media (max-width: 1199px){.source-material .box{width: 80%;}}
@media (max-width: 991px){.source-material .box{width: 90%;}}
@media (max-width: 639px){
.source-material .clearfix{display: block;}
.source-material .clearfix::before{display: none !important;}
.source-material .clearfix .col-xs-12:nth-of-type(1){background: #fff;}
.source-material .box{width: 100%;}

}
/*生产加工 process-page*/
.process-page .process-contain{padding-bottom: .28rem;background-color: #eeeeee;}
.col_999{color: #999;}
.col_333{color: #333;}
.process-page .process-contain p.describe{font-size: 16px;color: #333;}
.process-page .process-contain .asset-overview{margin:auto;width: 84%;text-align: center;margin-bottom: 0.7rem;}
.process-page .process-contain .asset-overview li{display: inline-block; width: 24%; text-align: center; padding: 0 15px;}
.process-page .scroll-num span.counter{color: #920003; font-size: .64rem; font-weight: bold;}
.process-page .scroll-num span.unit{color: #920003; font-size: 16px;}
.ff-ak{font-family: "impact","akzidenzgrotesk-extraboldcondalt" !important;}
.bgwhite{background-color: #fff;}
.process-page .process-contain h3{font-size: .44rem;color: #333;margin-top: 0;margin-bottom: 0.45rem;}
.process-page .product-base,
.process-page .project-experience,
.process-page .ranks-box,
.process-page .equipment-box{padding-top: 0.8rem;}
.process-page .process-contain p.long-text{width: 51%;line-height: 26px;margin-left: auto;margin-right: auto;margin-bottom: 0.74rem;}
.process-page .process-contain .equipment-box h3{margin-bottom: 30px;}
.process-page .process-contain .equipment-box p{margin-bottom: 1rem;}
.process-contain .img-items{margin-bottom: .89rem; margin-left: -12px; margin-right: -12px;}
.process-contain .img-items >div{margin-top: 5px; margin-bottom: 5px; padding-left: 12px; padding-right: 12px;}
@media (max-width: 1650px){.process-page .process-contain p.long-text{width: 60%;}}
@media (max-width: 1440px){.process-page .process-contain p.long-text{width: 72%;}}
@media (max-width: 1199px){
.process-page .process-contain p.long-text{width: 74%;}
.process-page .process-contain .asset-overview{width: 96%;}
}
@media (max-width: 991px){
.process-page .process-contain p.long-text{width: 80%;}
.process-page .process-contain .asset-overview{width: 100%;}
.process-page .process-contain .asset-overview li{width: 36%;margin-bottom: 10px;}
}
@media(max-width: 639px){
.process-page .process-contain .asset-overview li{width: 66%;margin-bottom: 10px;}
.process-page .process-contain p.long-text{width: 100%;}
}

/*产品研发research-page*/
.bgeee{background-color: #eeeeee;}
.research-page .research-main{padding-bottom: 0.6rem;padding-top: 0.9rem;}
.research-main p span{display: block;}
.research-page .img-box .weui-cell{position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,0.2);}
.research-page .research-main .img-box{margin-top: 0.86rem;margin-bottom: 0.86rem; background: #eee;}
.research-page .research-main h3{margin-top: 0;}
.research-page .research-main .design-develop{font-size: .44rem}
.research-page .research-main p.text{margin-top: .4rem; line-height: 26px;}
.research-page .research-main .group-subsidiary{font-size: .52rem;}
.research-page .research-main .designer{font-size: 22px;font-weight:normal;margin-top: 20px;}
.research-page .research-main .douhao{/*font-size: 100px;*/width: .6rem;height: .6rem;margin-left: auto;margin-right: auto;background-image: ;background-size: 100%;background-repeat: no-repeat;background-position: center;}
.research-page .research-main .creation-value{font-size: .52rem; color: #fff;}
.research-page .research-main p.progect-design{width: 47%; margin-bottom: 0.5rem;}
.research-page .process-creativity{line-height: 26px; font-size: 14px;}
@media (min-width: 1200px){.research-page .research-main .douhao{margin-top: 0.45rem;margin-bottom: 0.45rem;}}
@media (max-width: 1600px){.research-page .research-main p.progect-design{width: 55%;}}
@media (max-width: 1440px){.research-page .research-main p.progect-design{width: 62%;}}
@media (max-width: 1199px){.research-page .research-main p.progect-design{width: 73%;}}
@media (max-width: 991px){
.research-page .research-main p.progect-design{width: 80%;} 
}
@media(max-width: 767px){
.research-page .img-box{background: no-repeat center center; background-size: cover;}	
.research-page .img-box .weui-cell{position: static; padding: .6rem 15px !important;}
}
@media(max-width: 639px){
.research-page .research-main p.progect-design{width: 100%;}
}

/*服务体系*/
.system-page .system-main{padding-top: 1rem;padding-bottom: 1rem;}
.system-page .system-main h2.tit{font-size: .44rem;margin-top: 0;margin-bottom: 0.9rem;}
.system-page .system-main h3.sub-tit{font-size: 24px;}
.system-page .system-main p.text-box{margin-top: 30px;width: 45%;}
.system-page .system-main .box-img{margin-top: 7vw;margin-bottom: 7vw;}
.system-page .system-main .services{margin-top: 0.6rem; width: 80%; line-height: 26px;}
.system-page .system-main .services h3.sub-tit{margin-top: .3rem; margin-bottom: .3rem;}
.block{display: block;}
@media (max-width: 1650px){.system-page .system-main p.text-box{width: 53%;}}
@media (max-width: 1440px){.system-page .system-main p.text-box{width: 58%;}}
@media (max-width: 1199px){
.system-page .system-main p.text-box{width: 71%;} 
.system-page .system-main .services{width: 100%;}
}
@media (max-width: 991px){.system-page .system-main p.text-box{width: 81%;}}
@media (max-width: 639px){
.system-page .services .clearfix{display: block;} 
.system-page .services .clearfix .col-md-4{margin-bottom: 20px;} 
.system-page .system-main p.text-box{width: 100%;}
.system-page .system-main h2.tit{font-size: .64rem;}
.system-page .system-main .services img{width: 40px;}
.system-page .system-main .box-img{margin-top: 13vw; margin-bottom: 13vw;}
}


/*营销网络*/
.stores{margin-top: 30px; margin-bottom: .9rem; padding: 30px; background: #fff;}
.store-map{float: right; width: 68%;}
.store-map img, .map img{display: inline; max-width: none;}
.anchorbl{display: none;}
.query{position: absolute; z-index: 10; top: 0; left: 0; width: 32%; height: 100%; background: #fff;}
.query >div{position: absolute; top: 30px; right: 20px; bottom: 30px; left: 30px;}
.query .search{margin: 10px 0; padding: 0;}
.query .search input[type="text"]{padding: 10px 15px; line-height: 20px; height: 40px; font-size: 16px; font-weight: normal; color: #333; width: 100%;}
.query .search .weui-cell__bd{border: 1px solid #e7e7e7;}
.query .search .weui-cell__ft{width: 28%;}
.query .search .weui-cell__ft input{width: 100%; height: 40px; background: #920003; color: #fff; font-size: 16px; -webkit-border-radius: 0; border-radius: 0;}
.query select{padding-left: 15px; padding-right: 15px; width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #333; border: 1px solid #e7e7e7; background:  no-repeat 92% center; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.query-hd{position: absolute; z-index: 1; top: 0; left: 0; right: 0; height: 120px;}
.query-hd .row{margin-left: -5px; margin-right: -5px;}
.query-hd .col-xs-12{padding-left: 5px; padding-right: 5px;}
.query-bd{position: absolute; left: 0; top: 120px; right: 0; bottom: 0;}
.query-box{height: 100%;}
.query-box .weui-cell{padding: .34rem .34rem .34rem 0; line-height: 26px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s;}
.query-box .weui-cell::after{position: absolute; display: block; content: ""; left: 0; right: .34rem; bottom: 0; height: 1px; background: #eee;}
.query-box .weui-cell:last-child::after{display: none;}
.query-box .weui-cell p{margin: 0; font-size: 18px;}
.query-box .weui-cell__hd{width: 60px;}
.query-box .weui-cell__hd span{display: block; margin: 0 auto; width: 25px; height: 25px; line-height: 25px; font-size: 16px; color: #333; text-align: center; border: 1px solid #eee;}
@media (min-width: 1200px){
.query .search .weui-cell__ft input:hover{background-color: #ab0307;}
.query-box .weui-cell:hover{background-color: #eee;}
}
@media (max-width: 1280px){
.query{width: 40%;}	
.store-map{width: 60%;}
}
@media (max-width: 991px){
.query{position: static; width: 100%;}
.query >div, .query-hd, .query-bd{position: static;}
.query-hd{height: auto; margin-bottom: 20px;}
.query-bd{height: 40vw; margin-bottom: 20px;}
.store-map{width: 100%;}
}
@media (max-width: 639px){
.stores{padding: 5px 15px 15px;}	
.query-hd .col-xs-12{margin-top: 10px;}
.query-bd{height: 60vw;}
.query-box .weui-cell__hd{width: 40px;}
}

/*新闻详情*/
.news-detial-page .news-detial-main{padding-top: 40px;padding-bottom: 0.9rem;}
.news-detial-main .detail-main-box{padding-top: 0.5rem; padding-bottom: 5.6vw; width: 56%; margin: 0 auto; font-size: 16px; line-height: 28px; color: #999;}
.news-detial-main .detail-main-box .tit{font-size: 32px; line-height: 1.4; color: #333;}
.news-detial-main .detail-main-box .textbox{margin-top: 3.8vw;}
.news-detial-main .detail-main-box .textbox p{line-height: 28px;text-align:left;}
.news-detial-main .detail-main-box .textbox img{max-width: 100% !important; height: auto !important; margin: 0 auto;}
.prev-next{line-height: 56px; font-size: 16px;}
.prev, .next{padding: 0; color: #999;}
.prev span{margin-right: 0.6rem;}
.next span{margin-left: 0.6rem;}
.prev a{padding: 0 8px; background-color: #9f0d09;color: #fff;}
.next a{padding: 0 8px; color:white!important;background-color: #808080;}
@media (max-width: 1366px){.news-detial-main .detail-main-box{width: 68%;}}
@media (max-width: 991px){
.news-detial-main .detail-main-box .tit{font-size: 28px;}
.prev-next{line-height: 46px;}
}
@media (max-width: 767px){
.news-detial-main .detail-main-box{width: 100%; padding-left: 15px; padding-right: 15px;}
.news-detial-main .detail-main-box .tit{font-size: 24px;}
}

/*联系方式*/
.contact-informan-page .contact-infor-main{padding-bottom: 0.88rem;}
.contact-informan-page .map-box .infor-box{z-index: 10; width: 49.2%;padding: 0.6rem 0.48rem;bottom:0;right: 0; color: #fff;background-color: rgba(0,0,0,0.6);}
.contact-informan-page .map-box .infor-box h3{font-size: .34rem;margin-top: 0;margin-bottom: 0.4rem;}
.contact-informan-page .map-box .infor-box p{font-size: 16px;line-height:26px;margin-bottom: 0;}
.contact-informan-page .branch-office .row{margin-left: -.14rem; margin-right: -.14rem;}
.contact-informan-page .branch-office .col-xs-12{margin: .14rem 0; padding-left: .14rem; padding-right: .14rem;}
.contact-informan-page .branch-office{margin-top: .3rem;}
.contact-informan-page .branch-office .box{position: relative; padding: 0.6rem 0.5rem; background: #fff; overflow: hidden;}
.contact-informan-page .branch-office .box::before{position: absolute; display: block; content: ""; top: 0; left: 0; width: 0; height: 100%; background: #9f0d09; -webkit-transition: all .4s cubic-bezier(0.4, 0, 0.2, 1); transition: all .4s cubic-bezier(0.4, 0, 0.2, 1);}
.contact-informan-page .branch-office .box h3{position: relative; font-size: .34rem;color: #333;margin-top: 0;margin-bottom: 0.4rem; -webkit-transition: all .3s; transition: all .3s;}
.contact-informan-page .branch-office .box p{position: relative; font-size: 16px;line-height:26px;color: #999;margin-bottom: 0; -webkit-transition: all .3s; transition: all .3s;}
@media(max-width: 991px){
.contact-informan-page .map-box .infor-box{position: static; width: 100%;}
.contact-informan-page .branch-office .col-xs-12{height: auto !important;}
}
@media (max-width: 639px){
.contact-informan-page .map{height: 60vw !important;}
.contact-informan-page .map-box .infor-box h3{font-size: 28px;}
.contact-informan-page .branch-office .box h3{font-size: 26px;}
.contact-informan-page .map-box .infor-box p, .contact-informan-page .branch-office .box p{font-size: 16px; line-height: 24px;}
}
@media (min-width: 1200px){
.contact-informan-page .branch-office .box:hover{padding-left: .6rem;}
.contact-informan-page .branch-office .box:hover::before{width: 100%;}
.contact-informan-page .branch-office .box:hover h3, .contact-informan-page .branch-office .box:hover p{color: #fff;}
}

/*在线招聘*/
.online-recruit-page .online-recruit-main{padding-top: .36rem;padding-bottom: 1rem;}
.online-recruit-main .row{margin-left: -.13rem; margin-right: -.13rem;}
.online-recruit-main .col-xs-12{margin: .13rem 0; padding-left: .13rem; padding-right: .13rem;}
.online-recruit-main .box{position: relative; top: 0; padding: .4rem .47rem; background: #fff; -webkit-transition: all .4s; transition: all .4s;}
.online-recruit-main .box p{margin-bottom: 5px;}
.online-recruit-main .box .box-top{position: relative; border-bottom: 1px solid #eeeeee; padding-bottom: 18px;}
.online-recruit-main .box .box-top p{font-size: 16px;color: #333;}
.online-recruit-main .box .box-top p .number{color: #8f0002;}
.online-recruit-main .box .box-bot{margin-top: 14px;}
.online-recruit-main .box .box-bot .post-duties{margin-bottom:28px;}
.online-recruit-main .box .box-bot li p{font-size: 16px;color: #999;}
.online-recruit-main .box .box-bot .post-duties>p,.online-recruit-main .box .box-bot .tenure-requir>p{margin-bottom: 20px;}
.online-recruit-main .box .box-bot p span{color: #fff;font-size: 16px;display: inline-block;background-color: #920003;line-height: 28px;padding: 0 17px;}
.recruit-position{padding-right: 110px;}
.recruit-number{position: absolute; right: 0; top: 0; width: 100px; text-align: right;}
@media (max-width: 991px){.online-recruit-main .box{height: auto !important;}}
@media (min-width: 1200px){
.online-recruit-main .box:hover{top: -10px; -webkit-box-shadow: 0 .25rem .6rem rgba(0,0,0,.15); box-shadow: 0 .25rem .6rem rgba(0,0,0,.15);}
}

/*新闻列表*/
.news-list-page .news-list-main{padding-top: 30px;}
.news-list-main .goal-quality{padding: 0;}
.news-list-main .goal-quality p.time{font-size: 12px;color: #828282;}
.news-list-main .goal-quality h3.tit{margin-top: .17rem;margin-bottom: .4rem;}
.news-list-main .goal-quality h3.tit a{color: #333;font-size: .32rem;line-height:.46rem;height:.92rem;}
.news-list-main .goal-quality p.text{height:78px;font-size: 16px;line-height:26px;color: #999;}
.news-list-main .goal-quality .col-xs-12{padding: 0;}
.news-list-main .goal-quality .img-responsive{width: 100%;}
.news-list-main .goal-quality .box{width: 62%;}
.news-items{margin-left: -.14rem; margin-right: -.14rem; padding: .14rem 0;}
.news-items .col-xs-12{padding-left: .14rem; padding-right: .14rem;}
.news-items a{position: relative; top: 0; display: block; margin: .14rem 0; padding: .5rem 15px; background: #fff;}
.news-items .item-left{text-align: center; width: 20%; color: #333;}
.news-items .item-left .month-day{margin-top: 12px; margin-bottom: 0; font-size: 22px; line-height: 26px; height: 26px;}
.news-items .item-left .year{margin-bottom: 0; font-size: 16px;}
.news-items .item-left .spot{position: relative; top: -6px; display: inline-block; margin-left: 4px; margin-right: 4px; width: 4px; height: 4px; background: #333;}
.news-items .item-left .line{display: block; margin: 3px auto 7px; width: 4px; height: 2px; background: #999;}
.news-items .item-right{width: 62%;}
.news-items .item-right h3{margin-top: 0; font-size: 22px; font-weight: normal; line-height: 26px; height: 26px; color: #333;}
.news-items .item-right p{margin-bottom: 0; font-size: 16px; line-height: 26px; height: 52px; color: #999;}
@media (max-width: 1650px){
.news-list-main .goal-quality .box{width: 74%;}
.news-items .item-left{width: 22%;}
}
@media (max-width: 1440px){
.news-list-main .goal-quality .box{width: 80%;}
.news-items .item-left{width: 24%;}
}
@media (max-width: 1199px){
.news-items .item-left{width: 29%;}	
}
@media (max-width: 991px){
.news-list-main .goal-quality .box{width: 70%;}
.news-list-main .goal-quality .img-responsive{margin-left: auto;margin-right: auto;}
.news-items .item-left{width: 23%;}	
.news-items .item-right h3, .news-items .item-left .month-day{font-size: 20px;}
}
@media(max-width:639px){
.news-list-main .goal-quality{display: block;}
.news-list-main .goal-quality .box{width: 100%; padding: 20px 15px 15px;}
.news-list-main .goal-quality .time{margin-bottom: 0;}
.news-list-main .goal-quality h3.tit{margin-top: 0; margin-bottom: 10px;}
.news-list-main .goal-quality h3.tit a{font-size: 18px; line-height: 28px; height: auto; -webkit-line-clamp: initial;}
.news-items a{padding: 20px 10px;}
.news-items .item-left{margin-right: 4%;}
.news-items .item-right h3, .news-items .item-left .month-day{font-size: 18px;}
.news-items .item-left .month-day{margin-top: 10px;}
.news-items .item-right h3{margin-bottom: 5px;}
.news-items .item-right{width: 72%;}
}
@media (min-width: 1200px){
.news-list-main .goal-quality h3.tit a:hover{color: #920000;}
.news-items a:hover{top: -10px; -webkit-box-shadow: .1rem .15rem .55rem rgba(0,0,0,.1); box-shadow: .1rem .15rem .55rem rgba(0,0,0,.1);}
.news-items a:hover h3{color: #920000;}
}

.feedback{padding-top: 3.5vw;  padding-bottom: 3.5vw; background: #eee;}
.feedback .row{margin-left: -.22rem; margin-right: -.22rem;}
.feedback .col-xs-12{margin-bottom: .3rem; padding-left: .22rem; padding-right: .22rem;}
.feedback .required{display: block; width: 100%; padding: 10px 20px; height: 46px; font-weight: normal; font-size: 16px; color: #333; -webkit-border-radius: 0; border-radius: 0;}
.feedback textarea.required{height: 2.19rem;}
.feedback .submit{margin-top: 1.5vw; width: 215px; background: #920000; color: #fff; font-size: 20px; height: 46px; -webkit-border-radius: 0; border-radius: 0;}
@media (min-width: 1200px){
.feedback{padding-left: 6%; padding-right: 6%;}
.feedback .submit:hover{background: #c70202;}
.feedback .row{margin-left: -.42rem; margin-right: -.42rem;}
.feedback .col-xs-12{padding-left: .42rem; padding-right: .42rem;}
}
@media (max-width: 991px){}
@media (max-width: 639px){
.feedback .submit{margin-top: 5%; margin-bottom: 10%; width: 50%; font-size: 18px; height: 44px;}
.feedback .tips{position: fixed;}
}

/* leader */
.leaderbox{margin: .36rem 0 .56rem; padding: 5% 9%; background: #fff;}
.leaderbox .bigtitle{margin-top: -4%; margin-bottom: 10%; line-height: 1.2; font-size: .44rem; font-weight: normal; color: #2d2d2d;}
.leaderbox .article{font-size: 15px; line-height: 26px; color: #414141;}
.leaderbox .weui-cell__hd{padding-right: 20%; width: 54%;}
.leaderbox .weui-cell__ft{padding-left: 20%; width: 54%;}
.leaderbox .weui-cell__hd img, .leaderbox .weui-cell__ft img{display: inline;}
@media (max-width: 1199px){
.leaderbox .weui-cell__hd{padding-right: 8%; width: 40%;}
.leaderbox .weui-cell__ft{padding-left: 8%; width: 40%;}
}
@media (max-width: 991px){
.leaderbox .weui-cell__hd{padding-right: 8%; width: 50%;}
.leaderbox .weui-cell__ft{padding-left: 8%; width: 50%;}
}
@media (max-width: 767px){
.leaderbox .weui-cell{display: block;}
.leaderbox .weui-cell__hd{margin-top: 20px; padding-right: 0; width: 100%; text-align: center;}
.leaderbox .weui-cell__ft{margin-top: 20px; padding-left: 0; width: 100%; text-align: center;}
}




.bottom-ul li{display: inline-block;font-size: 14px;margin: 0 5px;}
.bottom-ul{overflow: hidden;text-align: center;}
@media (max-width: 1200px){
	.copyright .col-sm-4{width: 100%; text-align: center;}
}