/*公司简介开始*/
.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 .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:14%}
.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:2.5rem;text-transform: uppercase; line-height:1.2; }
.sychanpin .sycpbiaoti i{display: block;height: 3px;width: 8%;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:20%; }
.sychanpin .sycpkuang{ position:relative;display:block; }
.sychanpin .sycpkuang .sycptu{  overflow:hidden;position:relative;display:block; }
.sychanpin .sycpkuang .sycptu span{ width:100%;padding-top:100%;display:block;background-repeat:no-repeat;background-position:center;background-size:cover; }
.sychanpin .sycpkuang .sycptu .sycpwz{display:none;}
.sychanpin .sycpkuang .sycptu .sycpxian{display:none;}

.sychanpin .sycpkuang .sycptu:hover .sycpwz{overflow: hidden; display:block;  width:100%;height:100%;position:absolute; z-index: 20; color:#fff;text-transform: uppercase;font-size:1.2rem;display: flex;align-items: center;justify-content:center; top:0;left:0;}
.sychanpin .sycpkuang .sycptu:hover .sycpxian{  display: block; background-color: rgba(0,0,0,0.3); position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  overflow: hidden;  pointer-events: none;  z-index: 10;}
.sychanpin .sycpkuang .sycptu .sycpxian span { width:100%; height:100%; position:absolute; top:0; left:0; display:block}
.sychanpin .sycpkuang .sycptu .sycpxian span:before,
.sychanpin .sycpkuang .sycptu .sycpxian span:after { content:""; display:block; position:absolute; width:100%; height:1px; opacity:1; background-color:#999; transition:all .5s ease .2s; top:50%; left:50%}
.sychanpin .sycpkuang .sycptu .sycpxian span:first-child { transform:rotate(37deg); }
.sychanpin .sycpkuang .sycptu .sycpxian span:last-child { transform:rotate(-37deg); }
/*产品展示结束*/

/*新闻开始*/
.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: 6%;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:14%; }
.syxinwen .xinwentu{ overflow:hidden;position:relative;display:block; }
.syxinwen .xinwentu span{ padding-top:75%; margin:0 15px; width:100%;display:block;background-position:ceter;background-repeat:no-repeat;background-size:cover; }
.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; }
/*新闻结束*/