/*-----------INDEX PAGE START-----------*/

@-webkit-keyframes bug01{0%{-webkit-transform:translateX(5px);transform:translateX(5px);-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes bug02{0%{-webkit-transform:translateX(0px);transform:translateX(0px);-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateX(3px);transform:translateX(3px);-webkit-transform:translateY(-3px);transform:translateY(-3px)}}

@media (max-width:991px){

*{font-weight:400;}
div,p,h1,h2,h3,span{font-weight:400;}

.m-more{}
.m-more a{position:relative;margin:0 auto;display:block;width:200px;height:44px;border:#cacaca solid 1px;color:#666;font-size:15px;line-height:44px;text-align:center;}
.m-more a:hover{border:#404040 solid 1px;color:#fff;background-color:#404040;}
.m-more a:before{content:"";position:absolute;top:18px;left:calc(50% + 40px);width:7px;height:1px;background-color:#999;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.m-more a:after{content:"";position:absolute;bottom:18px;left:calc(50% + 40px);width:7px;height:1px;background-color:#999;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.m-more a:hover:before{left:calc(50% + 42px);background-color:#fff;}
.m-more a:hover:after{left:calc(50% + 42px);background-color:#fff;}

.m-title{color:#222;font-size:20px;line-height:20px;text-align:center;letter-spacing:-1px;font-family:"Arial","microsoft Yahei";font-weight:400;}
.m-title em{display:block;color:#888;font-size:13px;line-height:20px;margin-top:2px;font-weight:normal;text-transform:uppercase;font-family:"Myriad Set Pro","microsoft Yahei";}
.m-title em.cn{font-size:13px;line-height:18px;letter-spacing:0px;margin-top:6px;padding-left:15px;padding-right:15px;}

.m-service{padding:30px 0px 5px;}
.m-service .tab-link{text-align:center;margin-top:15px;}
.m-service .tab-link a{display:inline-block;height:32px;margin-left:1px;margin-right:1px;margin-bottom:2px;padding-left:20px;padding-right:20px;background-color:rgba(0,0,0,0.05);color:#4f4f4f;font-size:12px;line-height:32px;text-align:center;cursor:pointer;}
.m-service .tab-link a:hover{background-color:rgba(0,0,0,0.1);color:#222;}
.m-service .tab-link a.active{background-color:#bb121a;color:#fff;}
.m-service .content{padding:15px 2px;}
.m-service .content .item{padding-left:2px;padding-right:2px;}
.m-service .content .item a{display:block;}
.m-service .content .item .pic img{max-width:none;width:100%;height:auto;}
.m-service .content .item .text{margin-top:12px;text-align:center;font-size:13px;color:#222;line-height:20px;height:40px;overflow:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.m-service .content .item a:hover .text{color:#ed000d;}
.m-service .owl-controls{margin-top:5px;margin-bottom:10px;text-align:center;}
.m-service .owl-controls .owl-page{cursor:pointer;display:inline-block;width:8px;height:8px;margin:0px 3px;border:rgba(0,0,0,0.2) solid 1px;border-radius:10px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-service .owl-controls .owl-page.active{border:#bb121a solid 1px;background-color:#bb121a;}

.m-case{position:relative;background-color:#fff;}
.m-case.gray{background-color:#f4f4f4;background-image:url(../images/bg-m-news.png);}
.m-case .container{padding:30px 0px 30px;}
.m-case .tab-link{text-align:center;margin-top:10px;padding-left:8px;padding-right:8px;height:38px;}
.m-case .tab-link a{float:left;display:inline-block;width:calc(33.333333% - 4px);height:38px;margin-left:2px;margin-right:2px;background-color:rgba(0,0,0,0.1);color:#4f4f4f;font-size:14px;line-height:40px;text-align:center;cursor:pointer;}
.m-case .tab-link a:hover{background-color:rgba(0,0,0,0.2);color:#222;}
.m-case .tab-link a.active{background-color:#404040;color:#fff;}
.m-case .content{padding:15px 0px 0px;margin-left:8px;margin-right:8px;}
.m-case .content .item{position:relative;width:calc(100% - 4px);margin-left:2px;margin-right:2px;}
.m-case .content .item a{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;}
.m-case .content .item .pic{position:relative;overflow:hidden;}
.m-case .content .item .pic.border:before{content:"";position:absolute;z-index:1;width:100%;height:100%;border:rgba(0,0,0,0.1) solid 1px;}
.m-case .content .item .pic img{width:100%;height:auto;}
.m-case .content .item .pic i{position:absolute;z-index:1;left:calc(50% - 20px);top:calc(50% - 20px);width:40px;height:40px;background-image:url(../images/icon-video.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;}
.m-case .content .item .text{background-color:#fff;padding:12px 15px 10px;}
.m-case .content .item .text .link{color:#333;font-size:15px;line-height:20px;height:20px;-webkit-transition:all .2s linear;transition:all .2s linear;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-case .content .item .text .date{color:#888;font-size:13px;line-height:20px;height:20px;margin-top:3px;overflow:hidden;}
.m-case .content .item .text .date i{font-size:13px;}
.m-case .content .item.hover-shadow:hover{box-shadow:none!important;-webkit-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0);}
.m-case .m-more{margin-top:20px;}

.m-news{position:relative;background-color:#f4f4f4;background-image:url(../images/bg-m-news.png);}
.m-news .container{padding:30px 0px 30px;}
.m-news .tab-link{text-align:center;margin-top:10px;padding-left:8px;padding-right:8px;height:38px;}
.m-news .tab-link a{float:left;display:inline-block;width:calc(33.333333% - 4px);height:38px;margin-left:2px;margin-right:2px;background-color:rgba(0,0,0,0.1);color:#4f4f4f;font-size:14px;line-height:40px;text-align:center;cursor:pointer;}
.m-news .tab-link a:hover{background-color:rgba(0,0,0,0.2);color:#222;}
.m-news .tab-link a.active{background-color:#404040;color:#fff;}
.m-news .content{padding:2px 0px 0px;margin-left:8px;margin-right:8px;}
.m-news .content .item{position:relative;float:left;width:calc(100% - 4px);margin:2px;}
.m-news .content .item a{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;}
.m-news .content .item .pic{overflow:hidden;}
.m-news .content .item .pic img{width:100%;height:auto;-webkit-transition:all 2s linear;transition:all 2s linear;}
.m-news .content .item .text{background-color:#fff;padding:12px 15px 10px;}
.m-news .content .item .text .link{display:block;color:#333;font-size:16px;line-height:22px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-news .content .item .text .date{color:#888;font-size:13px;line-height:22px;margin-top:2px;}
.m-news .content .item .text .date i{font-size:13px;}
.m-news .m-more{margin-top:18px;}

.list-news{}
.list-news .item{border-bottom:#ddd dotted 1px;margin-bottom:15px;padding-bottom:15px;}
.list-news .item .date{float:left;width:56px;height:60px;background-color:#f2f2f2;text-align:center;padding-top:5px;}
.list-news .item .date i{display:block;color:#666;font-size:28px;line-height:34px;letter-spacing:-1px;}
.list-news .item .date em{display:block;color:#999;font-size:14px;line-height:16px;margin-top:-2px;}
.list-news .item .text{float:left;width:calc(100% - 56px);padding-left:10px;padding-right:0px;}
.list-news .item .text h1{font-size:16px;line-height:20px;margin-top:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .item .text p{color:#666;font-size:13px;line-height:18px;height:36px;margin-top:4px;overflow:hidden;}

.m-advantage{position:relative;background-color:#fff;}
.m-advantage .container{padding:30px 10px 20px;}
.m-advantage .content{padding:10px 0px 0px;}
.m-advantage .item{float:left;width:calc(50% - 40px);margin-left:20px;margin-right:20px;}
.m-advantage .item .pic{width:40px;height:40px;margin:10px auto 10px;}
.m-advantage .item .pic img{width:100%;height:100%;}
.m-advantage .item .text-cn{color:#333;font-size:18px;line-height:22px;font-family:"Arial","microsoft Yahei";text-align:center;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-advantage .item .text-en{color:#666;font-size:14px;line-height:18px;font-family:"Arial","microsoft Yahei";height:54px;text-align:center;margin-top:4px;-webkit-transition:all .2s linear;transition:all .2s linear;}

.s-service{position:relative;z-index:10;text-align:center;}
.s-service .item-wrap{position:relative;display:block;overflow:hidden;cursor:pointer;}
.s-service .item{background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all 4s linear;transition:all 4s linear;}
.s-service .item:hover{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.s-service .item .bgcolor{position:absolute;z-index:1;width:100%;height:100%;background:-webkit-linear-gradient(left,rgba(0,0,0,1),transparent);background:-o-linear-gradient(left,rgba(0,0,0,1),transparent);background:-moz-linear-gradient(left,rgba(0,0,0,1),transparent);background:linear-gradient(left,rgba(0,0,0,1),transparent);}
.s-service .item .text{position:relative;z-index:2;float:left;width:100%;color:#fff;font-size:18px;line-height:30px;text-align:center;padding:40px 30px 50px;-webkit-transition:all .3s linear;transition:all .3s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-service .item .text a{position:absolute;z-index:4;top:0;left:0;display:block;width:100%;height:100%;}
.s-service .item .text img{float:right;display:block;width:60px;height:auto;margin-left:30px;margin-top:5px;}
.s-service .item .text i{font-size:30px;}
.s-service .item .text em{display:block;color:rgba(255,255,255,0.8);font-size:13px;line-height:22px;margin-top:5px;-webkit-transition:all .3s linear;transition:all .3s linear;}
.s-service .item-wrap:hover .text{color:#bb121a;}
.s-service .item-wrap:hover .text em{color:#fff;}
.s-service .item-wrap-r:hover .text{color:#bb121a;}
.s-service .item-wrap-r:hover .text em{color:#fff;}
.s-service .item-wrap-r{position:relative;display:block;overflow:hidden;cursor:pointer;}
.s-service .item-wrap-r .bgcolor{background:-webkit-linear-gradient(right,rgba(0,0,0,1),transparent);background:-o-linear-gradient(right,rgba(0,0,0,1),transparent);background:-moz-linear-gradient(right,rgba(0,0,0,1),transparent);background:linear-gradient(right,rgba(0,0,0,1),transparent);}
.s-service .item-wrap-r .text{float:right;text-align:center;}
.s-service .item-wrap-r .text img{float:left;margin-right:30px;}
.s-service .item-wrap:hover .text img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(180deg);transition:all 1.8s ease;-ms-transition:all 1.8s ease;-moz-transition:all 1.8s ease;-webkit-transition:all 1.8s ease;-o-transition:all 1.8s ease;}
.s-service .item-wrap-r:hover .text img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(180deg);transition:all 1.8s ease;-ms-transition:all 1.8s ease;-moz-transition:all 1.8s ease;-webkit-transition:all 1.8s ease;-o-transition:all 1.8s ease;}
.s-service .name{position:relative;display:inline-block;height:40px;background-color:#404040;padding-left:30px;padding-right:30px;color:#fff;font-size:15px;line-height:40px;}
.s-service .name:before{content:"";position:absolute;z-index:2;top:0px;left:-24px;width:24px;height:40px;border-style:solid;border-color:#404040 transparent;border-width:0px 0px 40px 24px;}
.s-service .name:after{content:"";position:absolute;z-index:2;top:0px;right:-24px;width:24px;height:40px;border-style:solid;border-color:#404040 transparent;border-width:40px 24px 0px 0px;}
.s-service .content{padding:50px 0px 50px;width:100%;}
.s-service .content .pic{float:left;width:45%;}
.s-service .content .pic img{width:100%;height:auto;}
.s-service .content .texts{float:right;width:55%;padding-left:40px;font-size:15px;color:#222;line-height:26px;text-align:justify;font-family:"Arial","microsoft Yahei";}
.s-service .content .texts h1{font-size:24px;color:#222;line-height:28px;margin-bottom:15px;margin-top:-2px;font-weight:bold;}
.s-service .content .texts p{margin-bottom:15px;}

.m-project{background-color:#f4f4f4;background-image:url(../images/bg-m-news.png);}
.m-project .container{padding:30px 10px 30px;}
.m-project .sub-link{margin-top:15px;overflow:hidden;}
.m-project .sub-link a{display:inline-block;height:38px;background-color:rgba(0,0,0,0.1);color:#4f4f4f;font-size:14px;line-height:40px;text-align:center;padding-left:25px;padding-right:25px;cursor:pointer;}
.m-project .sub-link a:hover{background-color:rgba(0,0,0,0.2);color:#222;}
.m-project .content{padding:0px 0px 15px;margin-left:-5px;margin-right:-5px;}
.m-project .content .item{position:relative;margin:5px;overflow:hidden;height:0px;padding-top:40%;}
.m-project .content .item.t01{width:calc(100% - 10px);}
.m-project .content .item.t02{width:calc(100% - 10px);}
.m-project .content .item.t03{width:calc(100% - 10px);}
.m-project .content .item.t04{width:calc(100% - 10px);}
.m-project .content .item img{position:absolute;z-index:9;left:0px;top:0px;width:auto;height:100%;}
.m-project .content .item.t01 img{width:100%;height:auto;top:-40%;}
.m-project .content .item.t02 img{width:auto;height:100%;}
.m-project .content .item.t03 img{width:100%;height:auto;}
.m-project .content .item a{position:absolute;z-index:12;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;}
.m-project .content .item .mask{position:absolute;z-index:10;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.1);}
.m-project .content .item .text{position:absolute;z-index:11;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;padding:25px;}
.m-project .content .item .text h1{color:rgba(255,255,255,1);font-size:18px;line-height:22px;font-weight:bold;text-shadow:0px 0px 2px rgba(0,0,0,0.6);}
.m-project .content .item .text h2{color:rgba(255,255,255,1);font-size:14px;line-height:20px;margin-top:2px;text-shadow:0px 0px 2px rgba(0,0,0,0.6);}

.m-product{background-color:#fff;}
.m-product .container{padding:30px 10px 30px;}
.m-product .sub-link{margin-top:15px;overflow:hidden;}
.m-product .sub-link a{display:inline-block;height:38px;background-color:rgba(0,0,0,0.1);color:#4f4f4f;font-size:14px;line-height:40px;text-align:center;padding-left:25px;padding-right:25px;cursor:pointer;}
.m-product .sub-link a:hover{background-color:rgba(0,0,0,0.2);color:#222;}
.m-product .content{padding:0px 0px 15px;margin-left:-5px;margin-right:-5px;}
.m-product .content .item{position:relative;margin:5px;overflow:hidden;height:0px;padding-top:40%;}
.m-product .content .item.t01{width:calc(100% - 10px);}
.m-product .content .item.t02{width:calc(100% - 10px);}
.m-product .content .item.t03{width:calc(100% - 10px);}
.m-product .content .item img{position:absolute;z-index:9;left:0px;top:0px;width:100%;height:auto;}
.m-product .content .item a{position:absolute;z-index:12;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;}
.m-product .content .item .mask{position:absolute;z-index:10;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;background-color:rgba(0,0,0,0.1);}
.m-product .content .item .text{position:absolute;z-index:11;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;padding:25px;}
.m-product .content .item .text h1{color:rgba(255,255,255,1);font-size:18px;line-height:22px;font-weight:bold;text-shadow:0px 0px 2px rgba(0,0,0,0.6);}
.m-product .content .item .text h2{color:rgba(255,255,255,1);font-size:14px;line-height:20px;margin-top:2px;text-shadow:0px 0px 2px rgba(0,0,0,0.6);}

.m-intro{background-color:#fff;position:relative;}
.m-intro .container{position:relative;z-index:2;padding:30px 20px 30px;}
.m-intro .content{padding:15px 0px 15px;}
.m-intro .content h1{color:#222;font-size:20px;line-height:30px;font-weight:400;text-align:center;}
.m-intro .content p{color:#666;font-size:14px;line-height:26px;margin-top:0px;text-align:justify;margin-bottom:10px;text-indent:28px;}
.m-intro .content p:last-child{margin-bottom:0px;}
.m-intro .m-more{margin-top:5px;}
.m-intro #particles-dot-white{display:none;position:absolute;z-index:1;left:-20px;top:0px;width:120%;height:100%;overflow:hidden;opacity:0.8;filter:alphaopacity=80;}

}

@media (max-width:768px){


}

@media (max-width:480px){

.m-intro .icon{margin:0 23px;}

}

@media (max-width:320px){

.m-intro .icon{margin:0 16px;}

}

@media (min-width:992px){

.m-more{}
.m-more a{position:relative;margin:0 auto;display:block;width:200px;height:44px;border:#cacaca solid 1px;color:#666;font-size:14px;line-height:42px;text-align:center;}
.m-more a:hover{border:#404040 solid 1px;color:#fff;background-color:#404040;}
.m-more a:before{content:"";position:absolute;top:18px;left:calc(50% + 40px);width:7px;height:1px;background-color:#999;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.m-more a:after{content:"";position:absolute;bottom:18px;left:calc(50% + 40px);width:7px;height:1px;background-color:#999;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
.m-more a:hover:before{left:calc(50% + 42px);background-color:#fff;}
.m-more a:hover:after{left:calc(50% + 42px);background-color:#fff;}

.pic-list{padding:14px 3px 14px;margin-left:-10px;margin-right:-10px;}
.pic-list .item{position:relative;float:left;margin:0px 7px 0px;width:calc(25% - 14px);margin-left:5px;margin-right:5px;margin-bottom:10px;}
.pic-list .item .pic{position:relative;overflow:hidden;}
.pic-list .item .pic.border:before{content:"";position:absolute;z-index:1;width:100%;height:100%;border:rgba(0,0,0,0.1) solid 1px;}
.pic-list .item .pic img{width:100%;height:auto;}
.pic-list .item .pic i{position:absolute;z-index:1;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;background-image:url(../images/icon-video.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;}
.pic-list .item .text{background-color:#f4f4f4;padding:20px 20px 22px;}
.pic-list .item .text .link a{display:block;font-size:16px;line-height:18px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.pic-list .item .text .date{color:#888;font-size:13px;line-height:20px;height:40px;margin-top:6px;overflow:hidden;}
.pic-list .item .text .date i{font-size:15px;}

.m-title{color:#333;font-size:26px;line-height:40px;text-align:center;font-family:"Arial","microsoft Yahei";}
.m-title em{display:block;color:#888;font-size:18px;line-height:24px;font-weight:normal;margin-top:0px;text-transform:uppercase;letter-spacing:-1px;font-family:"Myriad Set Pro","microsoft Yahei";}
.m-title em.cn{font-size:14px;line-height:24px;letter-spacing:0px;}

.m-service{padding:50px 0px 30px;}
.m-service .tab-link{text-align:center;margin-top:15px;}
.m-service .tab-link a{display:inline-block;height:34px;margin-left:1px;margin-right:1px;margin-bottom:2px;padding-left:30px;padding-right:30px;background-color:rgba(0,0,0,0.05);color:#4f4f4f;font-size:13px;line-height:34px;text-align:center;cursor:pointer;}
.m-service .tab-link a:hover{background-color:rgba(0,0,0,0.1);color:#222;}
.m-service .tab-link a.active{background-color:#bb121a;color:#fff;}
.m-service .content{margin:30px 0px 30px;}
.m-service .content .item{padding-left:2px;padding-right:2px;}
.m-service .content .item a{display:block;}
.m-service .content .item .pic img{max-width:none;width:100%;height:auto;}
.m-service .content .item .text{margin-top:12px;text-align:center;font-size:14px;color:#222;line-height:20px;height:40px;overflow:hidden;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}
.m-service .content .item a:hover .text{color:#ed000d;}
.m-service .owl-controls{margin-top:10px;margin-bottom:10px;text-align:center;}
.m-service .owl-controls .owl-page{cursor:pointer;display:inline-block;width:8px;height:8px;margin:0px 3px;border:rgba(0,0,0,0.2) solid 1px;border-radius:10px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-service .owl-controls .owl-page.active{border:#bb121a solid 1px;background-color:#bb121a;}
.m-service .owl-controls .owl-buttons div{position:absolute;top:50%;margin-top:-60px;width:30px;height:48px;z-index:10;cursor:pointer;-moz-background-size:16px 32px;-webkit-background-size:16px 32px;background-size:16px 32px;background-position:center;background-repeat:no-repeat;}
.m-service .owl-controls .owl-buttons div.owl-prev{left:-50px;background-image:url(../images/scroll-left.png);}
.m-service .owl-controls .owl-buttons div.owl-next{right:-50px;background-image:url(../images/scroll-right.png);}

.m-case{position:relative;background-color:#fff;}
.m-case.gray{background-color:#f4f4f4;background-image:url(../images/bg-m-news.png);}
.m-case .container{padding:60px 0px 70px;}
.m-case .content{padding:30px 0px 0px;margin-left:-10px;margin-right:-10px;}
.m-case .content .item{position:relative;width:calc(100% - 10px);float:left;margin-left:5px;margin-right:5px;margin-bottom:10px;}
.m-case .content .item a{position:absolute;z-index:2;left:0px;top:0px;width:100%;height:100%;}
.m-case .content .item .pic{position:relative;overflow:hidden;}
.m-case .content .item .pic.border:before{content:"";position:absolute;z-index:1;width:100%;height:100%;border:rgba(0,0,0,0.1) solid 1px;}
.m-case .content .item .pic img{width:100%;height:auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-case .content .item:hover .pic img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03);}
.m-case .content .item .pic i{position:absolute;z-index:1;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;background-image:url(../images/icon-video.png);background-position:center;background-repeat:no-repeat;background-size:100% 100%;}
.m-case .content .item .text{background-color:#fff;padding:20px 20px 22px;}
.m-case .content .item .text .link{font-size:15px;line-height:18px;height:18px;-webkit-transition:all .2s linear;transition:all .2s linear;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-case .content .item:hover .text .link{color:#db000a;}
.m-case .content .item .text .date{color:#888;font-size:13px;line-height:18px;height:18px;margin-top:8px;overflow:hidden;}
.m-case .content .item .text .date i{font-size:15px;}
.m-case .owl-controls{margin-top:10px;margin-bottom:10px;text-align:center;}
.m-case .owl-controls .owl-page{cursor:pointer;display:inline-block;width:8px;height:8px;margin:0px 3px;border:rgba(0,0,0,0.2) solid 1px;border-radius:10px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-case .owl-controls .owl-page.active{border:#bb121a solid 1px;background-color:#bb121a;}
.m-case .owl-controls .owl-buttons div{position:absolute;top:50%;margin-top:-44px;width:30px;height:48px;z-index:10;cursor:pointer;-moz-background-size:16px 32px;-webkit-background-size:16px 32px;background-size:16px 32px;background-position:center;background-repeat:no-repeat;}
.m-case .owl-controls .owl-buttons div.owl-prev{left:-50px;background-image:url(../images/scroll-left.png);}
.m-case .owl-controls .owl-buttons div.owl-next{right:-50px;background-image:url(../images/scroll-right.png);}
.m-case .m-more{margin-top:20px;}

.m-news{position:relative;background-color:#f4f4f4;background-image:url(../images/bg-m-news.png);}
.m-news .container{padding:60px 0px 70px;}
.m-news .tab-link{text-align:center;margin-top:15px;}
.m-news .tab-link a{display:inline-block;width:120px;height:34px;margin-left:2px;margin-right:2px;background-color:rgba(0,0,0,0.1);color:#4f4f4f;font-size:14px;line-height:34px;text-align:center;cursor:pointer;}
.m-news .tab-link a:hover{background-color:rgba(0,0,0,0.2);color:#222;}
.m-news .tab-link a.active{background-color:#404040;color:#fff;}
.m-news .content{padding:20px 0px 0px;margin-left:-10px;margin-right:-10px;}
.m-news .content .item{position:relative;float:left;width:calc(33.333333% - 20px);margin-left:10px;margin-right:10px;}
.m-news .content .item a{position:absolute;z-index:1;left:0px;top:0px;width:100%;height:100%;}
.m-news .content .item .pic{overflow:hidden;}
.m-news .content .item .pic img{width:100%;height:auto;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-news .content .item:hover .pic img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03);}
.m-news .content .item .text{background-color:#fff;padding:22px 20px;}
.m-news .content .item .text .link{display:block;font-size:15px;line-height:18px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-case .content .item:hover .text .link{color:#db000a;}
.m-news .content .item .text .date{color:#888;font-size:13px;line-height:18px;margin-top:8px;}
.m-news .content .item .text .date i{font-size:15px;}
.m-news .m-more{margin-top:35px;}

.list-news{}
.list-news .item{float:left;width:calc(50% - 0px);border-bottom:#ddd dotted 1px;margin-bottom:15px;padding-bottom:15px;}
.list-news .item .date{float:left;width:70px;height:70px;background-color:#f2f2f2;text-align:center;padding-top:7px;}
.list-news .item .date i{display:block;color:#666;font-size:38px;line-height:40px;letter-spacing:-1px;}
.list-news .item .date em{display:block;color:#999;font-size:14px;line-height:16px;}
.list-news .item .text{float:left;width:calc(100% - 70px);padding-left:20px;padding-right:10px;font-family:"Arial","microsoft Yahei";}
.list-news .item .text h1{font-size:16px;line-height:26px;margin-top:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .item .text p{color:#666;font-size:13px;line-height:20px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.m-advantage{position:relative;background-color:#fff;}
.m-advantage .container{padding:60px 0px 90px;}
.m-advantage .content{padding:30px 0px 0px;}
.m-advantage .item{float:left;width:calc(25% - 40px);margin-left:20px;margin-right:20px;}
.m-advantage .item .pic{width:60px;height:60px;margin:0px auto 20px;}
.m-advantage .item .pic img{width:100%;height:100%;}
.m-advantage .item .text-cn{color:#333;font-size:18px;line-height:22px;text-align:center;font-family:"Arial","microsoft Yahei";-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-advantage .item .text-en{color:#666;font-size:13px;line-height:20px;text-align:center;font-family:"Arial","microsoft Yahei";margin-top:6px;-webkit-transition:all .2s linear;transition:all .2s linear;}
.m-advantage .item:hover .pic img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);transition:all 1.8s ease;-ms-transition:all 1.8s ease;-moz-transition:all 1.8s ease;-webkit-transition:all 1.8s ease;-o-transition:all 1.8s ease;}

.s-service{position:relative;z-index:10;text-align:center;}
.s-service .item-wrap{position:relative;display:block;overflow:hidden;cursor:pointer;}
.s-service .item-wrap:before{content:"";position:absolute;z-index:3;top:0px;right:calc(50% - 800px);display:block;border-style:solid;border-color:#fff transparent;border-width:0 0 100vw 62.5vw;}
.s-service .item-wrap:after{content:"";position:absolute;z-index:2;top:0;right:0;display:block;width:calc(50% - 800px);height:100%;background-color:#fff;}
.s-service .item{background-position:center;background-repeat:no-repeat;background-size:cover;-webkit-transition:all 4s linear;transition:all 4s linear;}
.s-service .item:hover{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);}
.s-service .item .bgcolor{position:absolute;z-index:1;width:100%;height:100%;background:-webkit-linear-gradient(left,rgba(0,0,0,1),transparent);background:-o-linear-gradient(left,rgba(0,0,0,1),transparent);background:-moz-linear-gradient(left,rgba(0,0,0,1),transparent);background:linear-gradient(left,rgba(0,0,0,1),transparent);}
.s-service .item .text{position:relative;z-index:2;float:left;width:60%;color:#fff;font-size:24px;line-height:40px;text-align:right;padding:120px 15px;-webkit-transition:all .3s linear;transition:all .3s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.s-service .item .text a{position:absolute;z-index:4;top:0;left:0;display:block;width:100%;height:100%;}
.s-service .item .text img{float:right;display:block;width:60px;height:auto;margin-left:30px;margin-top:5px;}
.s-service .item .text i{font-size:30px;}
.s-service .item .text em{display:block;color:rgba(255,255,255,0.6);font-size:14px;line-height:22px;margin-top:5px;-webkit-transition:all .3s linear;transition:all .3s linear;}
.s-service .item-wrap:hover .text{color:#bb121a;}
.s-service .item-wrap:hover .text em{color:#fff;}
.s-service .item-wrap-r:hover .text{color:#bb121a;}
.s-service .item-wrap-r:hover .text em{color:#fff;}
.s-service .item-wrap-r{position:relative;display:block;overflow:hidden;cursor:pointer;}
.s-service .item-wrap-r .bgcolor{background:-webkit-linear-gradient(right,rgba(0,0,0,1),transparent);background:-o-linear-gradient(right,rgba(0,0,0,1),transparent);background:-moz-linear-gradient(right,rgba(0,0,0,1),transparent);background:linear-gradient(right,rgba(0,0,0,1),transparent);}
.s-service .item-wrap-r .text{float:right;text-align:left;}
.s-service .item-wrap-r .text img{float:left;margin-right:30px;}
.s-service .item-wrap-r:before{content:"";position:absolute;z-index:3;top:0px;left:calc(50% - 800px);display:block;border-style:solid;border-color:transparent #fff;border-width:100vw 0 0 62.5vw;}
.s-service .item-wrap-r:after{content:"";position:absolute;z-index:2;top:0;left:0;width:calc(50% - 800px);height:100%;display:block;background-color:#fff;}
.s-service .item-wrap:hover .text img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(180deg);transition:all 1.8s ease;-ms-transition:all 1.8s ease;-moz-transition:all 1.8s ease;-webkit-transition:all 1.8s ease;-o-transition:all 1.8s ease;}
.s-service .item-wrap-r:hover .text img{transform:rotateY(360deg);-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(180deg);transition:all 1.8s ease;-ms-transition:all 1.8s ease;-moz-transition:all 1.8s ease;-webkit-transition:all 1.8s ease;-o-transition:all 1.8s ease;}
.s-service .name{position:relative;display:inline-block;height:40px;background-color:#404040;padding-left:30px;padding-right:30px;color:#fff;font-size:15px;line-height:40px;}
.s-service .name:before{content:"";position:absolute;z-index:2;top:0px;left:-24px;width:24px;height:40px;border-style:solid;border-color:#404040 transparent;border-width:0px 0px 40px 24px;}
.s-service .name:after{content:"";position:absolute;z-index:2;top:0px;right:-24px;width:24px;height:40px;border-style:solid;border-color:#404040 transparent;border-width:40px 24px 0px 0px;}
.s-service .content{padding:50px 0px 50px;width:100%;}
.s-service .content .pic{float:left;width:45%;}
.s-service .content .pic img{width:100%;height:auto;}
.s-service .content .texts{float:right;width:55%;padding-left:40px;font-size:15px;color:#222;line-height:26px;text-align:justify;font-family:"Arial","microsoft Yahei";}
.s-service .content .texts h1{font-size:24px;color:#222;line-height:28px;margin-bottom:15px;margin-top:-2px;font-weight:bold;}
.s-service .content .texts p{margin-bottom:15px;}

.m-project{background-color:#f4f4f4;background-image:url(../images/bg-m-news.png);}
.m-project .container{padding:30px 0px 20px;}
.m-project .sub-link{display:-webkit-flex;display:flex;justify-content:center;align-items:center;margin-top:15px;overflow:hidden;}
.m-project .sub-link a{display:inline-block;width:auto;height:34px;padding-left:30px;padding-right:30px;background-color:rgba(0,0,0,0.1);color:#4f4f4f;font-size:14px;line-height:34px;text-align:center;cursor:pointer;}
.m-project .sub-link a:hover{background-color:rgba(0,0,0,0.2);color:#222;}
.m-project .content{padding:20px 0px 30px;margin-left:-2px;margin-right:-2px;}
.m-project .content .item{position:relative;float:left;margin:2px;overflow:hidden;height:0px;}
.m-project .content .item.t01{width:calc(30% - 4px);padding-top:480px;}
.m-project .content .item.t02{width:calc(70% - 4px);padding-top:240px;}
.m-project .content .item.t03{width:calc(35% - 4px);padding-top:236px;}
.m-project .content .item.t04{width:calc(35% - 4px);padding-top:116px;}
.m-project .content .item img{position:absolute;z-index:9;left:0px;top:0px;width:100%;height:auto;-webkit-transition:all .3s linear;transition:all .3s linear;}
.m-project .content .item:hover img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03);}
.m-project .content .item a{position:absolute;z-index:12;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;}
.m-project .content .item .mask{position:absolute;z-index:10;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;background-color:rgba(0,0,0,0);-webkit-transition:all .3s linear;transition:all .3s linear;}
.m-project .content .item:hover .mask{background-color:rgba(0,0,0,0);}
.m-project .content .item .text{position:absolute;z-index:11;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;padding:30px;}
.m-project .content .item .text h1{color:rgba(255,255,255,1);font-size:22px;line-height:26px;font-weight:bold;-webkit-transition:all .3s linear;transition:all .3s linear;text-shadow:0px 0px 2px rgba(0,0,0,0.6);}
.m-project .content .item .text h2{color:rgba(255,255,255,1);font-size:14px;line-height:18px;margin-top:4px;-webkit-transition:all .3s linear;transition:all .3s linear;text-shadow:0px 0px 2px rgba(0,0,0,0.6);}
.m-project .content .item:hover .text h1{color:rgba(255,255,255,1);}
.m-project .content .item:hover .text h2{color:rgba(255,255,255,1);}

.m-product{background-color:#fff;}
.m-product .container{padding:60px 0px 70px;}
.m-product .sub-link{display:-webkit-flex;display:flex;justify-content:center;align-items:center;margin-top:15px;overflow:hidden;}
.m-product .sub-link a{display:inline-block;width:auto;height:34px;padding-left:30px;padding-right:30px;background-color:rgba(0,0,0,0.1);color:#4f4f4f;font-size:14px;line-height:34px;text-align:center;cursor:pointer;}
.m-product .sub-link a:hover{background-color:rgba(0,0,0,0.2);color:#222;}
.m-product .content{padding:20px 0px 30px;margin-left:-2px;margin-right:-2px;}
.m-product .content .item{position:relative;float:left;margin:2px;overflow:hidden;height:0px;}
.m-product .content .item.t01{width:calc(50% - 4px);padding-top:280px;}
.m-product .content .item.t02{width:calc(25% - 4px);padding-top:280px;}
.m-product .content .item.t03{width:calc(25% - 4px);padding-top:138px;}
.m-product .content .item img{position:absolute;z-index:9;left:0px;top:0px;width:100%;height:auto;-webkit-transition:all .3s linear;transition:all .3s linear;}
.m-product .content .item:hover img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03);}
.m-product .content .item a{position:absolute;z-index:12;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;}
.m-product .content .item .mask{position:absolute;z-index:10;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;background-color:rgba(0,0,0,0);-webkit-transition:all .3s linear;transition:all .3s linear;}
.m-product .content .item:hover .mask{background-color:rgba(0,0,0,0);}
.m-product .content .item .text{position:absolute;z-index:11;left:0px;top:0px;right:0px;bottom:0px;width:100%;height:100%;padding:30px;}
.m-product .content .item .text h1{color:rgba(255,255,255,1);font-size:22px;line-height:26px;font-weight:bold;-webkit-transition:all .3s linear;transition:all .3s linear;text-shadow:0px 0px 2px rgba(0,0,0,0.6);}
.m-product .content .item .text h2{color:rgba(255,255,255,1);font-size:14px;line-height:18px;margin-top:4px;-webkit-transition:all .3s linear;transition:all .3s linear;text-shadow:0px 0px 2px rgba(0,0,0,0.6);}
.m-product .content .item:hover .text h1{color:rgba(255,255,255,1);}
.m-product .content .item:hover .text h2{color:rgba(255,255,255,1);}

.m-intro{background-color:#fff;position:relative;overflow:hidden;}
.m-intro .container{position:relative;z-index:2;padding:60px 0px 70px;}
.m-intro .content{padding:30px 0px 30px;margin-left:-5px;margin-right:-5px;}
.m-intro .content h1{color:#222;font-size:20px;line-height:30px;font-weight:400;text-align:center;}
.m-intro .content p{color:#666;font-size:16px;line-height:30px;margin-top:0px;text-align:justify;margin-bottom:15px;text-indent:32px;}
.m-intro .content p:last-child{margin-bottom:0px;}
.m-intro #particles-dot-white{position:absolute;z-index:1;left:0px;top:-20px;width:120%;height:120%;overflow:hidden;opacity:0.8;filter:alphaopacity=80;}

}

@media (min-width:1280px){

.m-project .content .item.t01{padding-top:560px;}
.m-project .content .item.t02{padding-top:280px;}
.m-project .content .item.t03{padding-top:276px;}
.m-project .content .item.t04{padding-top:136px;}

.m-product .content .item.t01{padding-top:340px;}
.m-product .content .item.t02{padding-top:340px;}
.m-product .content .item.t03{padding-top:168px;}

}