﻿/*首页开始*/
.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('../img/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%; line-height:2; text-align: center; background: rgba(0, 115, 203, 0.8); position: absolute; left: 0; bottom: 0; font-size: 16px; color: #FFF;  font-weight: normal;}
.sy-fenlei dl dd {  padding-top: 5px;}
.sy-fenlei dl dd h4 { display: block;line-height: 1.5;}
.sy-fenlei dl dd h4 a {  font-size: 20px; color: #333333;  font-weight: normal;}
.sy-fenlei dl dd strong { display: block; height: 30px;}
.sy-fenlei dl dd strong a { display: block; width: 45%; height: 30px;  text-align: center; line-height: 28px;  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(0, 115, 203, 0.5); margin-top: -2px;}
.sy-fenlei dl:hover strong a.ck {float:left;  border: 2px solid rgba(0, 115, 203, 0.7); color: rgba(0, 115, 203, 0.7);}
.sy-fenlei dl:hover strong a.zx { float:right;  background: rgba(0, 115, 203, 0.7); color: #FFF;}
.sy-fenlei dl:hover span a { color: #0073cb;}

.sy-chanpin{ position:relative;display:block; background:url(../img/bg.png);  overflow: hidden; }
.sy-chanpin .cptitle{ text-align: center;height:99px;}
.sy-chanpin .cptitle span{ display: block;font-size:2.5rem; line-height:2; color: #fff;}
.sy-chanpin .cptitle em{ display: block; font-size:1.5rem; line-height: 1; color: #ddd; 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%; max-height:250px; border: 2px solid #FFF;}
.cpzhanshi .sy-cpbox img:hover { -webkit-transform: translate(0, -4px); transform: translate(0, -4px);  border: 2px solid #0073cb;}
.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;}
.cpzhanshi .nav-tabs{ background:#fff; }
.cpzhanshi .nav-tabs li{ width:25%; border-right:2px solid #0073cb; }
.cpzhanshi .nav-tabs li:last-child{ border-right:0px solid #0073cb; }
.cpzhanshi .nav-tabs li a{color:#0073cb;line-height:2;}
.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; overflow: hidden; background:#eef1f6; }
.sygongsi .gtitle{ text-align: center;height:99px;}
.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;}

.synews{ position:relative;display:block; overflow: hidden; background:#eef1f6;}
.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; }
.syxwbox .syxwtitle{ font-size:1.2rem;padding-left:30px;font-weight:bold; line-height:2; border-bottom:1px solid #d1d1d1; }
.syxwbox .xwtit1{ background:url(../img/nt1.png) no-repeat center left; }
.syxwbox .xwtit2{ background:url(../img/nt2.png) no-repeat center left; }
.syxwbox .xwtit3{ background:url(../img/nt3.png) no-repeat center left; }
.syxwbox .syxwtitle a.more{ font-size:1rem;font-weight:normal;margin-top:5px; }
.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: 16px;  line-height: 16px;  margin-bottom: 12px; }
.sylrbox .sylrboxr h4 a{ font-size: 16px; color: #333333; font-weight: normal; }
.sylrbox .sylrboxr p{ font-size: 14px; color: #999999; overflow:hidden; }
.sylrbox:hover{ background:f5f5f5; display:block; }

.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(../img/e1.png) no-repeat center;}
.ysbox dl dd span .e2 {  background: url(../img/e2.png) no-repeat center;}
.ysbox dl dd span .e3 {  background: url(../img/e3.png) no-repeat center;}
.ysbox dl dd span .e4 { background: url(../img/e4.png) no-repeat center;}
.ysbox dl dd span .e5 {  background: url(../img/e5.png) no-repeat center;}
.ysbox dl dd span .e6 { background: url(../img/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);}


/*首页结束*/
