﻿.sou{ height:48px;line-height:48px;background:#F6F6F6;font-size:1.2rem;}
.sou  a{ padding:0 2%; }
.sou .search { position: relative; padding:0 8px;}
.sou .inp1 { width: 100%; background: #fff; height: 32px; border: none; outline: 0; padding-left: 5px;}
.sou .btn_sub { position: absolute; right: 8px; top: 8px; width: 40px; height: 32px; background: url('../image/seah.png') no-repeat center #fff; background-size: 16px; border: none; outline: 0;}

.sy-fenlei{ position:relative;display:block; }
.sy-fenlei .fltitle{  text-align: center;  height: 99px;}
.sy-fenlei .fltitle span{ display: block; font-size:2.5rem; line-height:2; color: #000000;}
.sy-fenlei .fltitle em{ display: block; font-size:1.5rem; line-height: 1; color: #666666; font-weight: normal;}

.sy-fenlei dl { margin: 0 auto;}
.sy-fenlei dl dt { overflow: hidden; text-align:center;  position: relative;}
.sy-fenlei dl dt img { transition: .5s;}
.sy-fenlei dl dt em { display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; background: rgba(232, 43, 1, 0.8); position: absolute; left: 0; bottom: 0; font-size: 18px; color: #FFF;  font-weight: normal;}
.sy-fenlei dl dd {  padding-top: 29px;}
.sy-fenlei dl dd h4 { display: block; margin-bottom: 20px; height: 24px; line-height: 24px;}
.sy-fenlei dl dd h4 a {  font-size: 24px; color: #333333;  font-weight: normal;}
.sy-fenlei dl dd p { height: 61px; font-size: 14px; color: #666666; margin-bottom:10px;}
.sy-fenlei dl dd strong { display: block; height: 35px;}
.sy-fenlei dl dd strong a { display: block; width: 45%; height: 35px;  text-align: center; line-height: 33px;  float: left;  margin-right: 10px;  font-weight: normal;  font-size: 14px; box-sizing: border-box;}
.sy-fenlei dl dd strong a.ck { float:left; border: 2px solid #666666; color: #666666;}
.sy-fenlei dl dd strong a.zx { float:right; background: #666666; color: #FFF;}
.sy-fenlei dl:hover dt img {  -webkit-transform: scale(1.1);  -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.sy-fenlei dl:hover {background:#fff;; box-shadow: 0px 3px 35px 0px rgba(235, 61, 0, 0.1); margin-top: -2px;}
.sy-fenlei dl:hover strong a.ck {float:left;  border: 2px solid #e82b00; color: #e82b00;}
.sy-fenlei dl:hover strong a.zx { float:right;  background: #e82b00; color: #FFF;}
.sy-fenlei dl:hover span a { color: #e82b00;}

.sy-chanpin{ position:relative;display:block; background: #f5f5f5;  overflow: hidden; }
.sy-chanpin .cptitle{ text-align: center;height:99px;}
.sy-chanpin .cptitle span{ display: block;font-size:2.5rem; line-height:2; color: #000000;}
.sy-chanpin .cptitle em{ display: block; font-size:1.5rem; line-height: 1; color: #666666; font-weight: normal;}
.sy-zsbox{ position: relative;padding-bottom:30px; }
.cpzhanshi .sy-cpbox{ position: relative; transition: .3s;  box-sizing: border-box;}
.cpzhanshi .sy-cpbox img{  display: block;  width:  100%;  height:  100%;border: 2px solid #FFF;}
.cpzhanshi .sy-cpbox img:hover { -webkit-transform: translate(0, -4px); transform: translate(0, -4px);  border: 2px solid #e82b00;}
.cpzhanshi .sy-cpbox .cp_lin {  display: none;  width: 140px; height: 56px;  position: absolute;transform: translate(-50%, -50%);top: 50%;  left: 50%;   box-sizing: border-box;}
.cpzhanshi .sy-cpbox .cp_lin a { display: block; width: 56px;  height: 56px;  float: left; box-shadow: 0px 2px 9px 0px rgba(232, 43, 0, 0.51);   border-radius: 50%;}
.cpzhanshi .sy-cpbox .cp_lin a.tb1 { background: url(../image/lj.png) no-repeat center;  margin-right: 23px;}
.cpzhanshi .sy-cpbox .cp_lin a.tb2 {  background: url(../image/dhdh.png) no-repeat center;}
.cpzhanshi .sy-cpbox:hover .cp_lin {   display: block;}
.sy-zsbox .cpbiaoti { width:100%;position:absolute;bottom:0px; overflow:hidden; padding-right: 15px;padding-left: 15px;}
.sy-zsbox .cpbiaoti a{display:block; background:#fff; font-size:1.2rem;line-height:2;text-align:center; }

.sy-flbox{ position:relative;display:block; overflow: hidden;  }
.sy-flbox .flbiaoti{ position:absolute; top:10px; left:10px; }
.sy-flbox .flbiaoti h4{ font-weight:bold; font-size:1.4rem;line-height:2; }
.sy-flbox .flbiaoti p{ font-size:1rem;line-height:1; }

.sy-flbox .fgt {  position: absolute;  top: 100%;   left: 100%;  transition: .5s;}
.sy-flbox .fgt span {  width: 100%;   height: 100%;}
.sy-flbox .fgt span img {  width:  100%;  height: 100%;}
.sy-flbox .fgt b {  display: block; opacity:0;-moz-opacity:0;filter:alpha(opacity=0);  width: 270px;  height: 35px;   position: absolute;  bottom: 18px;  right: 0;}
.sy-flbox .fgt b a { display: block;  float: left;  width: 116px;  height: 31px;  text-align: center;  line-height: 31px;  font-size: 14px;  color: #FFF;   font-weight: normal;}
.sy-flbox .fgt b a.ck {  border: 2px solid #f5f5f5;  margin-right: 10px;}
.sy-flbox .fgt b a.zx {  background: #e82b00;  border: 2px solid #e82b00;}
.sy-flbox:hover .fgt {  position: absolute;   top: 0;    left: 0;}
.sy-flbox:hover .fgt b {  display: block; opacity:100;-moz-opacity:100;filter:alpha(opacity=100);}

.sygongsi{ position:relative;display:block;background:#f3f7fa; overflow: hidden; }
.sygongsi .gtitle{ text-align: left;height:100%;}
.sygongsi .gtitle  span{ display: block;font-size:2.5rem; line-height:2; color: #000000;}
.sygongsi .gtitle  em{ display: block; font-size:1.5rem; line-height: 1; color: #666666; font-weight: normal;}
.aboutmore{  background:#0086e9; display:inline-block;color:#fff;text-align:center;font-size:1.5rem; width:160px; border-radius:10px; height:100%; line-height:2.5; }  
.aboutmore:hover{background:#25a2ff; color:#fff; }
.synews{ position:relative;display:block; overflow: hidden; }
.synews .ntitle{ text-align: center;height:100%; line-height:2;}
.synews .ntitle  span{ display: block;font-size:2.5rem; line-height:2; color: #000000;}
.synews .ntitle  em{ display: block; font-size:1.5rem; line-height: 1; color: #666666; font-weight: normal;}

.synews .tit {  background: #F5F5F5;  margin-bottom: 20px;border-bottom:1px solid #ccc; padding:0 10px;}
.synews .nav-tabs .nav-link{ line-height:2; font-size:1rem; }
.synews .nav-tabs .nav-item{ padding:0 5px; }
.synews .nav-tabs .nav-link:hover,.synews  .nav-tabs .nav-link:focus {border:1px solid #ccc;border-bottom:none;margin-bottom:-1px; line-height:2;padding-left:0.5rem; padding-right:0.5rem; color: #333;background: #fff; }
.synews .nav-tabs .nav-link.active, .synews .nav-tabs .nav-item.show .nav-link {border:1px solid #ccc;border-bottom:none;margin-bottom:-1px; line-height:2;padding-left:0.5rem; padding-right:0.5rem; color: #333;background: #fff; }

.synewsleft .syltbox{ position:relative; display:block; overflow:hidden; text-align: center; }
.synewsleft a{ display:block; }
.syltbox .syltboxl{ display: block;float: left;position:relative;padding-top: 6px; width: 110px; text-align: center;border-right: 1px solid #ebebeb;}
.syltbox .syltboxl em{ display: block; font-size: 48px; line-height: 36px; color: #333333; font-family: Arial; margin-bottom:20px;}
.syltbox .syltboxl  i{ display: block;font-size: 14px; color: #666666; line-height: 14px; font-family: Arial;font-weight: normal; }
.syltbox .syltboxr{ display: block;width:100%;  float: left;position:absolute; padding-left: 130px; padding-top: 3px; box-sizing: border-box;}
.syltbox .syltboxr h4{ display: block; height: 16px;  line-height: 16px;  margin-bottom: 12px; }
.syltbox .syltboxr h4 a{ font-size: 16px; color: #333333; font-weight: normal; }
.syltbox .syltboxr p{ font-size: 14px; color: #999999; overflow:hidden; }

.sylrbox{ display:block; border:1px #ccc solid; position:relative;overflow:hidden; }
.sylrbox .sylrboxl{ display: block;float: left;position:relative;padding-top: 6px; width: 110px; text-align: center;border-right: 1px solid #ebebeb;}
.sylrbox .sylrboxl em{ display: block; font-size: 48px; line-height: 36px; color: #333333; font-family: Arial; margin-bottom:20px;}
.sylrbox .sylrboxl  i{ display: block;font-size: 14px; color: #666666; line-height: 14px; font-family: Arial;font-weight: normal; }
.sylrbox .sylrboxr{ display: block;width:100%;  float: left;position:absolute; padding-left: 130px; padding-top: 3px; box-sizing: border-box; }
.sylrbox .sylrboxr h4{ display: block; height: 20px; overflow:hidden;  line-height: 20px;  margin-bottom: 12px; }
.sylrbox .sylrboxr h4 a{ font-size: 16px; color: #333333; font-weight: normal; }
.sylrbox .sylrboxr p{ font-size: 14px; height:55px; overflow:hidden; color: #999999; overflow:hidden; }
.sylrbox:hover{ background:f5f5f5; display:block; }
@media (max-width: 767px) {
.sylrbox .sylrboxl{ width: 80px;}
.sylrbox .sylrboxr{ padding-left: 100px; }

}
.youshi{  position:relative;display:block; background: #f5f5f5;  overflow: hidden;  }
.youshi .ytitle{ text-align: center;height:99px;}
.youshi .ytitle  span{ display: block;font-size:2.5rem; line-height:2; color: #000000;}
.youshi .ytitle  em{ display: block; font-size:1.5rem; line-height: 1; color: #666666; font-weight: normal;}

.youshi .ysbox{ position:relative;display:block; overflow: hidden; margin:1rem 0; }
.ysbox dl {width: 100%; height: auto;  margin: 0 auto;}
.ysbox dl dt { width: 100%; height: auto;overflow: hidden;position: relative;}
.ysbox dl dt em img { width: 100%; height: auto;}
.ysbox dl dt i { display: block; width: 85px; height: 49px;background: #E82B00; text-align: center; line-height: 49px; font-size: 30px; color: #FFFFFF; font-weight: bold;position: absolute; left: 21px; bottom: 31px;}
.ysbox dl dt::after {  content: '';  cursor: pointer;  position: absolute;   left: -100%;   top: 0;  width: 100%;  height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); transform: skewx(-25deg);}
.ysbox:hover dt::after {  left: 100%;  -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s;}
.ysbox dl dd { padding-top: 10px;position:relative;	clear:both;}
.ysbox dl dd span {  display: block; width: 100px;  height: auto; border-right: 1px solid #e0e0e0; float: left; padding-top: 6px; box-sizing: border-box; margin-right: 32px;}
.ysbox dl dd span i { display: block; width: 48px;  height: 48px;  margin: 0 auto;}
.ysbox dl dd span .e1 { background: url(../image/e1.png) no-repeat center;}
.ysbox dl dd span .e2 {  background: url(../image/e2.png) no-repeat center;}
.ysbox dl dd span .e3 {  background: url(../image/e3.png) no-repeat center;}
.ysbox dl dd span .e4 { background: url(../image/e4.png) no-repeat center;}
.ysbox dl dd span .e5 {  background: url(../image/e5.png) no-repeat center;}
.ysbox dl dd span .e6 { background: url(../image/e6.png) no-repeat center;}
.ysbox dl dd span em {display: block; margin-top: 19px;font-size: 30px; line-height: 30px; color: #e82b00;text-align: center; font-weight: bold;}
.ysbox dl dd strong { display: block; float: left; width: auto;	position:absolute;	padding-left:140px;}
.ysbox dl dd strong b {   display: block;  font-size: 18px;  line-height: 18px; color: #333333;  margin-bottom:11px;}
.ysbox dl dd strong p {  font-size: 15px;  color: #666666; font-weight: normal;}
.ysbox dl dd strong p em {  font-weight: bold;  color: #333333;}
.ysbox:hover {  box-shadow: 0px 3px 35px 0px rgba(235, 61, 0, 0.1);  -webkit-transform: translate(0, -5px); transform: translate(0, -5px);}