/*首页开始*/

.sygongsi{ position:relative;display:block; overflow: hidden; }
.sygsnr{ text-align: center; background: #f4f4f4; }
.gtitle{}
.migusywz{ line-height:1.8;  }
.sptupian{overflow:;}
.sptupian img{ width:100%; }
.sptupian a{ display:block;transition: ease all 0.6s;-webkit-transition: ease all 0.6s;-moz-transition: ease all 0.6s;-o-transition: ease all 0.6s;  }
.sptupian a:hover{ transform: scale(1.1); }

.mitu{  position:relative;display:block; overflow: hidden; }
.mitu span{ width:100%;display:block;transition: ease all 0.6s;-webkit-transition: ease all 0.6s;-moz-transition: ease all 0.6s;-o-transition: ease all 0.6s;  }
.mitu span:hover{ transform: scale(1.2); }

.sycpfl{ position:relative;display:block; overflow: hidden; }
.sycptupian{ position:relative;display:block; overflow: hidden; }
.category-box{ position: relative;overflow: hidden; margin:15px;
transition: ease all 0.4s;
-webkit-transition: ease all 0.4s;
-moz-transition: ease all 0.4s;
-o-transition: ease all 0.4s;}
.category-box:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);}
.category-box::before,
.category-box::after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease 0s;
    z-index: 1;
}
.category-box:hover::after {
    background-color: rgba(255, 255, 255, 0.3);
    bottom: 50%;
    top: 50%;
}
.category-box:hover::before {
    background-color: rgba(255, 255, 255, 0.3);
    left: 50%;
    right: 50%;
}
.category-box a img{
    overflow: hidden;
	width: 100%;
	display: block;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.category-box-detail{
	color: #282828;
	position: absolute;
	text-align: left;
	width: 60%;
	padding: 0 5%;
	top: 50%;
	left: 0;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.category-box-type{
	margin-bottom: 17px;
}
.category-box-type h2{
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
}
.category-box-detail a.btn {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
	transition: ease all 0.4s;
	-webkit-transition: ease all 0.4s;
	-moz-transition: ease all 0.4s;
	-o-transition: ease all 0.4s;
}
.category-box-detail a.btn:hover{
	margin-left: 10px;
}

.remencp{ position:relative;display:block; overflow: hidden; }
.rmcp{ position:relative;display:block; overflow: hidden;width:100%; background:#fff;transition:all .5s; }
.rmcp:hover{ margin-top:-10px; box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.5) }
.zixun{ background:#cd1c1c;width:100px;text-align:center;color:#fff;  margin:0 auto; }
.zixun a{ color:#fff; display:block; }
.biaoti{ width:100%;border-bottom:2px solid #cd1c1c; }
.biaoti span{font-size: 20px;color: #404042;line-height: 40px;display: inline-block;position: relative;text-transform: uppercase;}
.biaoti a{ color:#cacaca;line-height: 40px; }
.remencp h2,.sygongsi h2{ font-size:2.5rem; }

.sabout{  position:relative;display:block; overflow: hidden; }
.sabout img{ max-width:100%; }
.sabouta{color: #fff;background-color: #cd1c1c; font-size: 14px;  line-height: 30px;  padding: 6px 35px;   display: inline-block;transition: ease all 0.4s;	-webkit-transition: ease all 0.4s;	-moz-transition: ease all 0.4s;	-o-transition: ease all 0.4s;	border-radius: 4px;}
.sabouta:hover{background-color: #242424;color: #fff;}

.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(../img/lj.png) no-repeat center;  margin-right: 23px;}
.cpzhanshi .sy-cpbox .cp_lin a.tb2 {  background: url(../img/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);}

.synews{ position:relative;display:block; overflow: hidden; }
.synews .ntitle{ text-align: center;height:99px;}
.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; }

.syltbox{ position:relative; display:block; overflow:hidden; }
.syltbox .syltboxl{ display: block;position:relative;padding-bottom:70%;  border:1px #aaa solid;overflow:hidden;transition: ease all 0.4s;-webkit-transition: ease all 0.4s;-moz-transition: ease all 0.4s;-o-transition: ease all 0.4s;}
.syltbox .syltboxl span{ padding:0 10px; line-height:2;background:#aaa; color: #fff;}
.syltbox .syltboxl:hover{ transform: scale(1.05);} 
.syltbox .syltboxr{ display: block;width:100%;  }
.syltbox .syltboxr h4{ display: block; height: 16px;  line-height: 16px;  margin:8px 0; }
.syltbox .syltboxr h4 a{ font-size: 14px; color: #333333; font-weight: normal; }
.syltbox .syltboxr h4 a:hover{ color: #cd1c1c; }
.syltbox .syltboxr p{ font-size: 12px; color: #777; overflow:hidden; }
.syltbox .syltboxr a{ color: #cd1c1c;font-weight:bold; }

/*首页结束*/