/*公司简介开始*/
.sygongsi{overflow:hidden;position:relative;}
.sygongsi .syshipin{width:100%;position:relative;}
.sygongsi .syshipin .fa{ color:#fff;font-size:5rem; }
.sygongsi .syshipin a:hover .fa{ color:#0e5a99; }
.sygongsi .syshipin .play{ position:absolute;top:50%;left:50%; margin-top:-35px;margin-left:-35px; }
.sygongsi .sygongsihezi{  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap; align-content: center; }
.sygongsi .sygstitle{ font-size:1.8rem;line-height:1.5;overflow: hidden;text-transform: uppercase; }
.sygongsi .sygstitle a{ color:#0e5a99; }
.sygongsi .sygstitle i {  display: block; height: 3px; width: 7%;  background: #cbcbcb;  -webkit-transition: all .3s;  -moz-transition: all .3s;  -o-transition: all .3s;  transition: all .3s;}
.sygongsi .sygstitle a:hover i { width:12%}
.sygongsi .synr{ line-height:1.8;font-size:1.1rem; }
.sygongsi .sygsa{ height: 40px;line-height: 40px; }
.sygongsi .sygsa a{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: relative;cursor: pointer;text-align: center;padding: 0 25px;font-size: 1.6rem;display: inline-block;text-transform: uppercase;color: #fff;background: #0e5a99;}
.sygongsi .sygsa .btn::before { background: #0e5a99; content: '';  display: block; position: absolute;  top: 0;  right: 0;  width: 100%;  height: 100%;  border-radius: 0;  opacity: 0;  -webkit-transition: all .3s;  -moz-transition: all .3s;  -o-transition: all .3s;  transition: all .3s;}
.sygongsi .sygsa .fa{ font-size:1.5rem;font-weight:normal;line-height: 40px;  }
.sygongsi .sygsa .btn:hover { background:#053e73}
.sygongsi .sygsa .btn:hover:before { width:38px; opacity:1}
.sygongsi .sygsa .btn:hover i { -ms-transform:translate(13px,0); -moz-transform:translate(13px,0); -webkit-transform:translate(13px,0); -o-transform:translate(13px,0); transform:translate(13px,0)}

/*公司简介结束*/
/*产品展示开始*/
.sychanpin{overflow:hidden;position:relative;display:block;}
.sychanpin .sycpbiaoti{ font-size:2rem;text-transform: uppercase; line-height:1.2; }
.sychanpin .sycpbiaoti i{display: block;height: 3px;width: 7%;background: #0e5a99;margin: 0 auto;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.sychanpin .sycpbiaoti:hover i{ width:12%; }
.sychanpin .sycpkuang{ position:relative;display:block; }
.sychanpin .sycpkuang .sycptu{padding:0}
.sychanpin .sycpkuang .sycptu .item{display:block}
.sychanpin .sycpkuang .blk{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;overflow:hidden;position:relative;height:0;width:100%;padding-bottom:100%}
.sychanpin .sycpkuang .blk .square-cont{position:absolute;width:100%;height:100%}
.sychanpin .sycpkuang .blk .cover-image>span{position:relative;width:100%;height:100%;display:block;text-align:center;background-position:center;background-size:contain;background-repeat:no-repeat;}
.sychanpin .sycpkuang .intro{display:block;text-align:center;transition:all .5s;z-index:1;}
.sychanpin .sycpkuang .intro span{display:inline-block;line-height:3;vertical-align:middle;text-align:center;width:100%;font-size:1.2rem;text-transform:uppercase}
.sychanpin .sycpkuang .adorn{display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:7}
.sychanpin .sycpkuang .adorn span{width:100%;height:100%;position:absolute;top:0;left:0;display:block}
.sychanpin .sycpkuang .adorn span:before,.sychanpin .sycpkuang .adorn span:after{content:"";display:block;position:absolute;width:0;height:1px;opacity:0;background-color:#595454;transition:all .5s ease .2s;top:50%;left:50%}
.sychanpin .sycpkuang .adorn>span:first-child{transform:rotate(37deg)}
.sychanpin .sycpkuang .adorn>span:last-child{transform:rotate(-37deg)}
.sychanpin .sycpkuang .item:hover .cover-image img{transform:scale(1.1)}
.sychanpin .sycpkuang .item:hover .intro{opacity:1}
.sychanpin .sycpkuang .item:hover .adorn>span:before{width:100%;opacity:1;left:-80%}
.sychanpin .sycpkuang .item:hover .adorn>span:after{width:100%;opacity:1;left:80%}
@media(max-width:768px){
	.sychanpin .sycpkuang .intro{background-color:transparent;opacity:1;padding:10px 0;position:static}
	.sychanpin .sycpkuang .intro span{text-transform:initial;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#403c3c;font-size:1.6rem}
	}
	
.sycpfeilei{overflow:hidden;position:relative;display:block;}
.sycpfeilei .sycpbiaoti{ font-size:2rem;text-transform: uppercase; line-height:1.2; }
.sycpfeilei .sycpbiaoti i{display: block;height: 3px;width: 7%;background: #0e5a99;margin: 0 auto;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.sycpfeilei .sycpbiaoti:hover i{ width:12%; }
.rmcaidan{ width:100%;overflow:hidden;position:relative;display:block; }
.rmcaidan .rmtitle{ background:#0056b3;color:#fff;font-size:1.5rem;text-align:center;font-weight:bold; }
.rmcaidanbox{ background:#f5f5f5; }
.rmcaidanbox .rmcaidanli{ border-bottom:1px dotted #ccc; font-size:1.2rem;line-height:3;}
.rmcaidanbox .rmcaidanli:hover a{ color:#0056b3; }
.rmcaidanbox .rmcaidanli:last-child{ border-bottom:0;}
.rmbox{ width:100%;overflow:hidden;position:relative;display:block; }
.rmbox .rmboxli{ width:100%;border-radius:20px; background:#ffff;box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.5);overflow:hidden;position:relative; }
.rmbox .rmboxtu{ width:100%; }
.rmbox .rmboxtu span{ width:100%;display:block;padding-top:100%;background-position:center;background-size:contain;background-repeat:no-repeat; }
.rmbox .rmboxtitle{ line-height:2;font-size:1.2rem;}

/*产品展示结束*/

/*新闻开始*/
.syxinwen{ overflow:hidden;position:relative;display:block; }
.syxinwen .syxinwenbiaoti{ font-size:2rem;text-transform: uppercase; line-height:1.2; }
.syxinwen .syxinwenbiaoti i{display: block;height: 3px;width: 7%;background: #0e5a99;margin: 0 auto;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.syxinwen .syxinwenbiaoti:hover i{ width:12%; }
.syxinwen .xinwentu{ overflow:hidden;position:relative;display:block; }
.syxinwen .xinwentu span{ padding-top:100%; margin:0 15px; width:100%;display:block;background-position:ceter;background-repeat:no-repeat;background-size:contain; }
.syxinwen .xiwenzi{ margin:0 15px; }
.syxinwen .xiwenzi p{ line-height:1.5;  -webkit-box-orient: vertical;  -webkit-line-clamp:2;  overflow: hidden; display: -webkit-box; }
.syxinwen .xiwenzi h5{ margin-bottom:0;line-height:1.8; white-space: nowrap; overflow:hidden; }
.syxinwen .xiwenzi h5 a:hover{ color:#0e5a99; }
/*新闻结束*/