/* CSS Document */
/* 全局定义 */
* {
  margin: 0;
  padding: 0;
}

html {
  min-width: 1000px;
}

body {
  text-align: center;
  color: #666;
  -webkit-text-size-adjust: none;
}

img {
  vertical-align: middle;
  _behavior: url("../js/png.htc");
  border: none;
}

.clear {
  clear: both;
  height: 0;
  overflow: hidden;
}

.blank10 {
  height: 10px;
  overflow: hidden;
}

.blank20 {
  height: 20px;
  overflow: hidden;
}

ul {
  list-style: none;
}

a {
  color: #090000;
  text-decoration: none;
}

a,
img,
li,
div,
ul,
{
transition: all 0.3s ease;
}

a:hover {
  color: #19c17d;
}

.white {
  color: white;
}

.green {
  color: #429b01;
}

.yellow {
  color: #19c17d;
}

.blue {
  color: #004ea0;
}

.text {
  margin: 0px 0px;
  padding: 0 30px;
  text-align: left;
  line-height: 32px;
}

.text2 {
  margin: 60px 0px;
  color: #666666
}

tr:first-child {
  font-weight: bold;
}

td {
  padding: 0 5px;
}



/* 头部 */
.header_out {
  width: 100%;
  margin: 0 auto;
  position:absolute;
  z-index: 9999;
}

#header_out2 {
  width: 100%;
  background: #aaaaaa;
  color: #19c17d;
  text-align: center;
  margin-top: 0px;
  height: 38px;
  line-height: 38px;
  font-weight: bold;
  font-size: 14px;
}

#header_out2 a {
  color: #090000;
}

#header_out2 a:hover {
  color: #19c17d;
}

.header_line {
  width: 100%;
  margin: 0 auto;
  height: 18px;
  background-color: #434343;
}

#header {
  width: 80%;
  overflow: visible;
  margin: 0 auto;
  text-align: left;
  display: flex;
}

#header .logo {
  flex: 5%;
  color: #666;
  padding-top:2vw
}
#header .logo img {
  width:100%;
  margin-top:-5px;
}

#header .cxt {
  text-align: left;
  position: absolute;
  right: 270px;
  top: 30px;
}

#header .tel {
  position: absolute;
  right: 330px;
  top: 40px;
  font: bolder 20px/26px "microsoft yahei";
  color: #19c17d;
  text-align: right;
  padding-left: 30px;
  background: url(../images/telBg.png) left center no-repeat;
}

#header .tel img {
  float: left;
}

#header .tel span {
  font: bolder 24px/24px "microsoft yahei";
  color: #c00725;
  font-style: italic;
}

#header .ewm_top {
  position: absolute;
  left: 900px;
  top: 30px;
  font: bolder 36px/36px "microsoft yahei";
  color: #666;
}

#header .language {
  flex: 0.1%;
  color: #fff;
  border:1px solid #fff;
  border-radius:0.5vw;
  height:1.2vw;
  text-align:center;
  margin-top:2.3vw;
  overflow:hidden;
}

#header .language img {}

#header .language a {
  color: #fff;
  font-size: 0.8vw;
  line-height:1.2vw;
  width:50%;
  text-align:center;
  display:block;
  float:left;
}

#header .language a:hover {
  color: #6fc27e;
  background:#fff;
}

#header .language a.current {
  color: #000;
  background:#fff;
}

.shareLink {
  height: 24px;
  width: 24px;
  display: inline-block;
  overflow: hidden;
  border-radius: 5px;
  vertical-align: middle
}

.shareLink img {
  height: 30px;
  width: 30px;
  margin: -3px 0 0 -3px;
}

.search {
  display: none;
  text-align: left;
  height: 28px;
  width: 193px;
  border: 0px solid #aaa;
  position: absolute;
  right: 0px;
  top: 38px;
  border-radius: 0px;
}

.search span {
  position: absolute;
  top: 0px;
  left: 0px;
  border: none;
  line-height: 28px;
  padding-right: 30px;
  background: none;
  color: #999;
}

.search .key {
  position: absolute;
  top: 0px;
  left: 0px;
  border: none;
  line-height: 28px;
  background: none;
  color: #999;
  width: 145px;
  border-bottom: 1px solid #19c17d;
}

.search2 {
float:right;
  text-align: left;
  height: 1.3vw;
  line-height:1.3vw;
  width: 13vw;
  border: 0px solid #aaa;
  border-radius: 0px;
  position:relative;
    border: 1px solid #666;
	border-radius:50vw;
	margin-top:2.2vw;
}


.search2 .key {
  position: absolute;
  top: 0px;
  left: 0.5vw;
    height: 1.3vw;
  line-height:1.3vw;
  border: none;
  color: #666;
  width: 9vw;
  background:none

}
.search2 button.search_submit {
  position: absolute;
  top: 0px;
  right: 0px;
  border: none;
  width:2.6vw;
  height:1.3vw;
  background:url(../images/search.png) center center no-repeat; background-size:auto 70%;
  color: #999;
}



.search .search_submit {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  border: none;
  border-left: 0px solid #aaa;
  background: none;
  width: 35px;
  color: #fff;
  height: 35px;
  background: url(../images/search.jpg) left top no-repeat;
}

/* 菜单 */
#menu_out {
  text-align: center;
  z-index: 999;
  flex: 75%;
}

#nav {
  z-index: 9;
  margin: 0 0 0 10%;
  text-align: center;
}

#nav ul {
  margin: 2vw auto;
}

#nav ul li {
  text-align: center;
  float: left;
  margin: 0 2vw;
}

#nav ul li.line {
  height: 0px;
  width: 1px;
  overflow: hidden;
}

#nav ul li.line img {
  height: 0px;
  width: 1px;
}

#nav li a {
  color: #fff;
  border-bottom: 0px #fff solid;
  display: block;
  margin: 0 0%;
  width: 100%;
  padding: 0 0px;
  float: left;
  font: normal 0.8vw/2vw "microsoft yahei";
  text-transform: uppercase;
}

#nav li a:hover {
  color: #fff;
  border-bottom: 2px #19c17d solid;
}
#nav ul li ul {
  position:absolute;
  top: auto;
  left: -0px;
  display: none;
  width:100%;
  z-index: 999;
  background:#fff;
  border-top: none;
  text-align:center;
}

#nav ul li ul li.menuDownClass {
  display: flex;
  padding:5vw 0 7vw;
  margin:0 auto;
  width:80%;
  float:none;
}
#nav ul li ul li.menuDownClass div.menuDownclassSub{
flex:30%;
color:#333;
display:flex;
border-right:1px solid #ccc;
}
#nav ul li ul li.menuDownClass div:last-child{
border-right:0px solid #ccc;
}
#nav ul li ul li.menuDownClass div .img{flex:60%; text-align:right; padding-top:2vw; padding-right:2vw}
#nav ul li ul li.menuDownClass div .img img{ width:60%;}
#nav ul li ul li.menuDownClass div .link{flex:40%; text-align:left;}
#nav ul li ul li.menuDownClass div .link a{ display:inline;}
#nav ul li ul li.menuDownClass div .link a.menuDownClassText{ color:#111; font-weight:600; border-bottom:0px solid #fff;}
#nav ul li ul li.menuDownClass div .link a:hover.menuDownClassText{ color:#111; border-bottom:0px solid #19c17d; background:url(../images/line2.jpg) left bottom no-repeat; background-size:50% auto;}
#nav ul li ul li.menuDownClass div .link a.menuDownPro{ color:#111;}
#nav ul li ul li.menuDownClass div .link a:hover.menuDownPro{border-bottom:none; color:#19c17d}





/*#nav ul li ul {
  position: absolute;
  top: -25px;
  left: -0px;
  display: none;
  z-index: 999;
  background: url(../images/menuBg.png) 20px top no-repeat;
  border-top: none;
  box-shadow: 0px 0px 0px 0px #aaa;
  padding: 13px 0 10px;
}

#nav ul li ul li {
  margin: 0;
  display: block;
  padding: 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.9);
}

#nav ul li ul a {
  color: #666;
  padding: 0;
  height: 30px;
  width: 130px;
  line-height: 30px;
  font-size: 13px;
  display: inline;
  margin: 0px 30px;
  font-weight: lighter;
  text-align: left;
  border-bottom: 1px #999 solid;
  text-transform:none
}

#nav ul li ul a:hover {
  color: #19c17d;
  border-bottom: 1px #19c17d solid;
}

#nav ul li ul li:first-child {
  padding: 9px 0 0;
  border-radius: 9px 9px 0 0;
}

#nav ul li ul li:last-child {
  padding: 0 0 9px;
  border-radius: 0 0 9px 9px;
}

#nav ul li ul li:last-child a {
  border-bottom: 0px #999 solid;
}*/

#nav ul li.pcls>a {
  color: #fff;
  border-bottom: 2px #19c17d solid;
}

#nav ul li ul li ul {
  top: -9999px;
  left: 270px;
}

.cnt100 {
  display: flex;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  clear: both;
}

.cnt90 {
  display: flex;
  width: 90%;
  text-align: center;
  margin: 0 auto;
  clear: both;
}


.cnt85 {
  display: flex;
  width: 85%;
  text-align: center;
  margin: 0 auto;
  clear: both;
  flex-wrap: wrap; /* 允许换行 */
  align-items: flex-start; /* 让项目靠上对齐 */
}

.cnt80 {
  flex: 80%;
  text-align: center;
  margin: 0 auto;
}


.cnt70 {
  flex: 70%;
  text-align: center;
  margin: 0 auto;
  display:flex;
  flex-wrap: wrap; /* 允许换行 */
  align-items: flex-start; /* 让项目靠上对齐 */
}

.cnt60 {
  flex: 60%;
  text-align: left;
  margin: 0 auto;
}


.cnt50 {
  flex: 50%;
  text-align: center;
  margin: 0 auto;
}

.cnt40 {
  flex: 40%;
  text-align: left;
  margin: 0 auto;
}

.cnt30 {
  flex: 30%;
  text-align: center;
  margin: 0 auto;
}

.cnt20 {
  flex: 20%;
  text-align: center;
  margin: 0 auto;
}

.ljRoad {
  text-align: left;
  font-size: 0.8vw;
  margin: 3% auto;
  width: 90%;
}
.ljRoad a.index{ 
color:#111;
}
.ljRoad a{ 
color:#cc0000;
}
.ljRoad a:hover{ 
color:green;
}

#productsConter {
  display: flex;
  flex-direction: row;
  margin: 0px auto;
  padding-bottom: 0px;
  width: 90%;
  text-align: center;
  background: url(../images/bg1.jpg) center top no-repeat;
  background-size: cover;
}

#productsConter a.productList {
  flex: 25%;
  border-left: 1px solid #fff;
  margin-left: -1px;
  text-align: center;
}

#productsConter a:hover.productList {
  background-color: rgba(78, 171, 230, 0.5);
}

#productsConter a.productList img {
  width: 100%;
  height: auto;
  padding: 20px 0px;
}

#productsConter a.productList .ProIndexDis {
  display: block;
  border: 1px solid #090000;
  color: #090000;
  margin: 30px auto;
  width: 50px;
  height: 50px;
  line-height: 46px;
  font-size: 1.5vw;
  border-radius: 100%;
}

#productsConter a:hover.productList .ProIndexDis {
  display: block;
  border: 1px solid #19c17d;
  color: rgba(255, 255, 255, 1);
  background-color: #19c17d;
}

#productsConter a.productList .ProIndexTitle {
  font-size: 1.2vw;
  color: #090000;
  line-height: 1em;
  padding:0 2% 30px;
}

#productsConter2 {
  margin: 0px auto;
  padding-bottom: 0px;
  width: 80%;
  text-align: left;
}

#productsConter2 a.productList2 {
  width: 46%;
  float: left;
  margin: 20px 0 20px 2.6%;
  border: 1px solid #19c17d;
  border-radius: 20px;
}

#productsConter2 a:hover.productList2 {
  background-color: rgba(78, 171, 230, 0.5);
}

#productsConter2 a.productList2 img {
  width: 25%;
  height: auto;
  padding: 5%;
  float: left;
}

#productsConter2 a.productList2 .ProIndexBox2 {
  width: 60%;
  height: auto;
  padding: 5% 5% 5% 0;
  float: right;
}

#productsConter2 a.productList2 .ProIndexBox2 .ProIndexDis2 {
  display: block;
  font-size: 0.9vw;
  line-height: 1.5em;
  color: #090000;
  float: left;
}

#productsConter2 a:hover.productList2 .ProIndexBox .ProIndexDis2 {}

#productsConter2 a.productList2 .ProIndexBox2 .ProIndexTitle2 {
  display: block;
  font-size: 1.2vw;
  line-height: 1em;
  color: #090000;
  float: left;
}

#productsConter2 a.productList2 .ProIndexBox2 .hrLine2 {
  height: 3px;
  width: 38px;
  background-color: #19c17d;
  display: block;
  margin: 10px auto;
  line-height: 15em;
  float: left;
  clear: both
}



#productsConter2 a.productList2 .ProIndexBox2 .ProIndexDate2 {
  font-size: 0.9vw;
  color: #090000;
  line-height: 2em;
  float: left;
}


#aboutConter {
  display: flex;
  flex-direction: row;
  margin: 0px auto;
  padding-bottom: 0px;
  width: 90%;
  text-align: center;
}


#aboutConter .aboutBox {
  flex: 40%;
  text-align: left;
  padding: 2%;
  color: #090000;
  font-size: 1vw;
  line-height: 2em;
}

#aboutConter .aboutBox .aboutTitle{
  text-align:left;
  color:#090000;
  font-size:1.5vw;
  font-weight:600;
  position:relative;
}
#aboutConter .aboutBox .aboutTitle2{
  text-align:left;
  font-size:1.3vw;
  font-weight:600;
  margin-bottom:0vw;
 }

#aboutConter .aboutBox .aboutTitle strong{

  font-size: 2.5vw;
  line-height: 2em;
  font-weight:bold;
  position:absolute;
  top:0;
  left:0;
  z-index:1
}


#aboutConter .aboutBox .aboutTitle .b1{
  font-size: 7.5vw;
  text-transform:uppercase;
  font-weight:bold;
  color:#eee;
  position:absolute;
  top:-1vw;
  left:0;
  z-index:0
}

#aboutConter .aboutBox .aboutTitle .b2{
  position:absolute;
  top:-3vw;
  left:-1.5vw;
  z-index:0;
  background:#edf7ef;
  display:block;
  width:7vw;
  height:7vw;
  border-radius:50%;
}

#aboutConter .aboutBox .aboutTitle .b3{
 position:absolute;
  top:-2vw;
  left:7.3vw;
  z-index:0;
  background:#6fc27e;
  display:block;
  width:1.5vw;
  height:1.5vw;
  border-radius:50%;
}
#aboutConter .aboutBox .aboutTitle span{
 position:absolute;
  top:4.5vw;
  left:0vw;
  z-index:0;
  background:#000;
  display:block;
  width:4vw;
  height:0.3vw;
}




#aboutConter .aboutBox .aboutTitleS {
  padding-bottom: 0.1vw;
  font-size: 1.2vw;
  line-height: 2em;
  font-weight:bold;
}


#aboutConter .aboutBox .aboutText {
  padding-bottom: 0;
  font-size: 0.7vw;
  line-height: 1.9em;
}

#aboutConter .aboutBox img {
  width: 100%;
  height: auto;
  padding: 20px 0px;
}



.mapBox{font-size: 1.2vw; line-height: 1newsTitle3em;}
#productConter3 {
  display: flex;
  flex-direction: row;
  margin: 0px auto;
  padding-bottom: 0px;
  width: 100%;
  text-align: center;
}

#productConter3 .productBox3 {
  flex: 50%;
  text-align: left;
  padding: 2%;
  color: #090000;
  font-size: 1vw;
  line-height: 2em;
}

#productConter3 .productBox3 span {
  height: 5px;
  width: 8%;
  background-color: #19c17d;
  display: block;
  margin: 2% 0 5%;

}

#productConter3 .productBox3 .productTitle2 {
  padding-bottom: 1%;
  font-size: 1.5vw;
  line-height: 2em;
  font-weight: bold;
}

#productConter3 .productBox3 .productTitle3 {
  padding-bottom: 1%;
  font-size: 1.2vw;
  line-height: 2em;
  font-weight: bold;
}

#productConter3 .productBox3 .productText {
  padding-bottom: 1%;
  font-size: 0.8vw;
  line-height: 2em;
}

#productConter3 .productBox3 img {
  width: 100%;
  height: auto;
  padding: 20px 0px;
}


#areaConter {
  margin: 0px auto;
  padding-bottom: 0px;
  width: 90%;
  text-align: center;
}

#areaConter a.areaList {
  font-size: 0.8vw;
  line-height: 2em;
  width: 46%;
  float: left;
  margin:2%;
}

#areaConter a.areaList img {}

#areaConter a.areaList .areaText {
  padding: 10% 0%;
  overflow: hidden;
  background-color: rgba(78, 171, 230, 0);
  opacity: 1;
}

#areaConter a:hover.areaList .areaText {
  opacity: 1;
  background-color: rgba(78, 171, 230, 0.9);
  color: #fff;
}

#areaConter a.areaList .areaText .areaTitle {
  font-size: 1.3vw;
  line-height: 2em;
}

#areaConter a.areaList .areaText .areaDes {
  text-align: center;
  font-size: 0.8vw;
}


#areaConter2 {
  display: flex;
  flex-direction: row;
  margin: 0px auto;
  padding-bottom: 0px;
  width: 90%;
  height:40vw;
  text-align: center;
  background:#fff;
}

#areaConter2 .areaList {
  flex: 25%;
  border-left: 3px solid #fff;
  margin-left: -3px;
  text-align: center;
}


#areaConter2 .areaList img {
  width: 100%;
  height: auto;
  padding: 0 0px;
}

#areaConter2 .areaTitle {
color:#fff;
font-size:2vw;
margin-top:-30vw;

}



#newsConter3 {
  display: flex;
  flex-direction: row;
  margin: 0px auto;
  padding-bottom: 0px;
  width: 96%;
  text-align: center;
}

#newsConter3 a.newsList3 {
  flex: 23%;
  margin: 0 1%;
  text-align: left;
  background-color: #fff;
  padding: 0.5% 1%;
}

#newsConter3 a:hover.newsList3 {}

#newsConter3 a.newsList3 img {
  width: 100%;
  height: auto;
  padding: 20px 0px;
}

#newsConter3 a.newsList3 .newsTitle3 {
  display: block;
  color: #090000;
  margin: 2% auto;
  line-height: 1em;
  font-size: 1.1vw;
  font-weight: bold;
}

#newsConter3 a:hover.newsList3 .newsTitle3 {
  color: #19c17d;
}

#newsConter3 a.newsList3 .newsDate3 {
  font-size: 16px;
  color: #666;
  line-height: 2em;
  height: 2em;
  padding: 1% 0px;
  background: url(../images/date.jpg) left center no-repeat;
  text-indent: 2em;
}

#newsConter3 a.newsList3 .newsDes3 {
  font-size: 0.9vw;
  color: #333;
  line-height: 1.5em;
  text-indent: 2em;
  padding-bottom: 2%;
}

#linkConter {
  display: flex;
  flex-direction: row;
  margin: 0px auto;
  padding-bottom: 0px;
  width: 50%;
  text-align: center;
}

#linkConter a.inkList {
  width: 33.3333%;
  text-align: center;
  margin: 20px 0;
  padding: 0 0;
  color: #fff;
  border-right: 1px solid #fff;
}

#linkConter a.inkList:last-child {
  border-right: 0px solid #fff;
}

#linkConter a:hover.inkList {
  color: #ff0;
}

#linkConter a.inkList .linkTitle {
  margin: 0px auto;
  line-height: 2em;
  font-size: 1.5vw;
  font-weight: normal;
}

#linkConter a.inkList .linkLink {
  font-size: 1vw;
  font-weight: normal;
  border: 1px solid #fff;
  border-radius: 16px;
  display: block;
  width: 40%;
  margin: 0 auto;
}

#linkConter a:hover.inkList .linkLink {
  border: 1px solid #ffff00;
}

.titleLineLeft {
  padding: 0 0 50px;
  font-size: 2vw;
  color: #000;
  font-weight: normal;
  line-height: 2em;
  text-align: center;
  width: 100%;
}

.titleLineLeft span {
  height: 0.4vw;
  width: 4vw;
  background-color: #000;
  display: block;
}

.titleLineCenter {
  padding: 0 0 2vw;
  font-size: 2vw;
  color: #4d4948;
  font-weight: 500;
  line-height: 2em;
  text-align: center;
  width: 100%;
}

.titleLineCenter span {
  height: 0.2vw;
  width: 3vw;
  background-color: #4d4948;
  display: block;
  margin: 1vw auto;
}
.titleLineCenter .honorTitle{
font-size:1.2vw;
line-height: 3vw;
padding-bottom:3vw;
}
.titleLine2 {
  padding: 0 0 50px;
  font-size: 2vw;
  color: #000;
  font-weight: normal;
  line-height: 2em;
  text-align: center;
  width: 100%;
}

.titleLine2 span {
  height: 3px;
  width: 8%;
  background-color: #19c17d;
  display: block;
  margin: -2px auto 0;
}

.titleLine2 p {
  height: 1px;
  width: 80%;
  background-color: #999999;
  display: block;
  margin: 0px auto 0;
}

.titleLine3 {
  padding: 0 0 50px;
  font-size: 2vw;
  color: #000;
  font-weight: normal;
  line-height: 2em;
  text-align: center;
  width: 100%;
  height:7%;
}



.titleLine3 p {
  height: 1px;
  width: 100%;
  background-color: #ccc;
  display: block;
  margin: 0px auto 0;
}

.proImg {
  width: 25%;
  text-align: center;
  display: block;
  float: left;
  margin-top: 260px;
}

a.proImg {
  color: #fff;
  font-size: 28px;
  text-shadow: 1px 1px 1px #000;
}

a:hover.proImg {
  color: #19c17d;
}

/*轮播图片*/
.teachers_banner {
  width: 100%;
  height: 600px;
  background: url(../images/teachers_banner.jpg) no-repeat center top;
  background-size: cover;
  position: relative;
  overflow: hidden;
  z-index: 99;
}

.teachers_b {
  position: relative;
  margin-top: 160px;
  margin-left: 400px;
  z-index: 0;
}

#slide2 {
  margin: 0 auto;
  width: 400px;
  height: 330px;
  position: relative;
}

#slide2 li {
  position: absolute;
  width: 400px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  overflow: hidden;
}

#slide2 li img {
  width: 100%;
  height: 100%;
}

.slide_left {
  width: 240px;
}

.slide_right {
  width: 440px;
  padding: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  min-width: 0;
}

.slide_right h3 {
  font: 400 30px/18px "microsoft yahei";
  color: #222222;
}

.slide_right h3 span {
  display: inline-block;
  margin-left: 10px;
  font: 400 14px/36px "microsoft yahei";
  color: #555555;
}

.slide_right p {
  padding: 20px 0 30px;
  color: #555555;
  font: 400 14px/24px "microsoft yahei";
  border-bottom: 1px solid #dbdbdb;
}

.slide_right dl {
  padding-top: 30px;
}

.slide_right dd {
  float: left;
  width: 33.3%;
  color: #777;
  font: 400 14px/24px "microsoft yahei";

}

.slide_right dd h3 {
  color: #ff9000;
  margin-bottom: 20px;
}

.arrow2 {
  display: none;
}

.arrow2 .prev2,
.arrow2 .next2 {
  position: absolute;
  width: 64px;
  top: 38%;
  z-index: 9;
  font: 700 96px "microsoft yahei";
  opacity: 0.3;
  color: #fff;
  cursor: pointer;
}

.arrow2 .prev2 {
  left: -250px;
}

.arrow2 .next2 {
  right: -250px;
}

.arrow2 .prev2:hover,
.arrow2 .next2:hover {
  color: #00a0e9;
  opacity: .7;
}

.text_banner {
  position: absolute;
  top: 290px;
  left: 400px;
  z-index: 999;
}

.text_banner .text_banner1 {
  color: #fff;
  font: 400 48px/60px "microsoft yahei";
}

.text_banner .text_banner2 {
  color: red;
  font: 400 32px/60px "microsoft yahei";
}

.text_banner .text_banner3 {
  font: 400 18px/30px "microsoft yahei";
  position: absolute;
  top: 300px;
  left: 0px;
}

a.moreBox {
  border: 1px #ccc solid;
  background: #fff;
  font-size:0.7vw;
  line-height:2vw;
  padding: 0.2vw 4vw;
  color: #111;
  border-radius: 0px;
  float: left;
  margin: 1vw 0 0vw  0
}

a:hover.moreBox {
  border: 1px #c00 solid;
  color: #fff;
  background: #c00;
}


a.more {
  border: 1px #19c17d solid;
  background: #19c17d;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  border-radius: 18px;
  clear: both;
  margin: 50px auto;
  display: block;
  width: 150px;
  transition: all 0.3s ease;
  text-indent: 20px;
}

a.more .fj {
  float: right;
  display: block;
  height: 40px;
  width: 40px;
  border: 1px solid #19c17d;
  border-radius: 25px;
  margin: -1px -5px 0 0;
  background: #fff url(../images/fj.jpg) center no-repeat;
  position: relative;
  z-index: 999;
}

a:hover.more {
  border: 1px #999 solid;
  color: #fff;
  text-indent: 1px;
  line-height: 42px;
  background: #999;
  text-indent: 20px;
}

a:hover.more .fj {
  float: right;
  display: block;
  height: 40px;
  width: 40px;
  border: 1px solid #999;
  border-radius: 25px;
  margin: -1px -5px 0 0;
  background: #fff url(../images/fj.jpg) center no-repeat;
  position: relative;
  z-index: 999;
}

a.more2 {
  border: 1px red solid;
  width: 80px;
  height: 24px;
  margin: 0 auto;
  color: red;
  border-radius: 5px;
  display: block;
  margin-top: 50px;
}

a:hover.more2 {
  border: 1px red solid;
  color: #fff;
  background: red;
}

a.more3 {
  border: 1px #19c17d solid;
  background: #19c17d;
  padding: 8px 70px;
  color: #fff;
  border-radius: 0px;
  float: left;
  margin: 20px 20px 0 0
}

a:hover.more3 {
  border: 1px #19c17d solid;
  color: #19c17d;
  background: #fff;
}

a.more4 {
  border: 1px #333 solid;
  padding: 5px 0;
  color: #333;
  background: #fff;
  width: 120px;
  font-size: 18px;
  border-radius: 0px;
  margin: 30px auto;
  clear: both;
  display: block;
}

a:hover.more4 {
  border: 1px #19c17d solid;
  background: #19c17d;
  ;
  color: #fff;
}

a.more5 {
  border: 1px #19c17d solid;
  background: #19c17d;
  padding: 5px 20px;
  font-size: 15px;
  color: #fff;
  border-radius: 8px;
  float: right;
  margin: -50px 20px 0 0
}

a:hover.more5 {
  border: 1px #19c17d solid;
  color: #fff;
  background: #19c17d;
}

a.more6 {
  border: 1px #19c17d solid;
  background: #19c17d;
  padding: 0px 10px;
  font-size: 15px;
  color: #fff;
  float: left;
  margin: 60px 20px 0 0
}

a:hover.more6 {
  border: 1px #19c17d solid;
  color: #fff;
  background: #19c17d;
}

a.more7 {
  clear: both;
  margin: 50px auto;
  display: block;
  width: 60px;
  transition: all 0s ease;
  text-align: center;
}

a.more7 .jt2 {
  display: block;
  height: 60px;
  width: 60px;
  border: 1px solid #19c17d;
  border-radius: 35px;
  background: #f2f2f2 url(../images/jt2.jpg) 15px 15px no-repeat;
  position: relative;
  z-index: 999;
}

a:hover.more7 {}

a.more8 {
  border: 1px #9cabc4 solid;
  background: #9cabc4;
  height: 35px;
  line-height: 35px;
  font-size: 24px;
  color: #fff;
  border-radius: 6px;
  clear: both;
  display: block;
  font-weight: lighter;
  text-transform: uppercase;
  width: 190px;
  transition: all 0.3s ease;
  text-align: center;
  float: right;
}

a:hover.more8 {
  border: 1px #19c17d solid;
  color: #fff;
  text-indent: 1px;
  line-height: 35px;
  background: #19c17d;
}

a.more12 {
  border: 1px #19c17d solid;
  background: #19c17d;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  border-radius: 18px;
  clear: both;
  margin: 20px auto;
  display: block;
  width: 90px;
  transition: all 0.3s ease;
  text-align: center;
  float: right;
}

a:hover.more12 {
  border: 1px #19c17d solid;
  color: #19c17d;
  line-height: 42px;
  background: #fff;
}

a.more13 {
  border: 2px #19c17d solid;
  color: #090000;
  line-height: 42px;
  background: #fff;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  border-radius: 10px;
  clear: both;
  margin: 50px auto;
  display: block;
  width: 120px;
  transition: all 0.3s ease;
  text-align: center;
  float: right;
}

a:hover.more13 {
  border: 2px #19c17d solid;
  background: #19c17d;
  color: #fff;
}


.RecommendedNews {
  position: absolute;
  top: 100px;
  left: 980px;
  width: 440px;
}

.RecommendedTitle {
  border-radius: 30px;
  height: 56px;
  line-height: 56px;
  font-size: 24px;
  color: #fff;
  background: #19c17d;
  text-align: center;
  margin-bottom: 30px;
}

a.NewsIndexList2 {
  text-align: left;
  padding: 0px;
  float: left;
  margin: 20px 0px;
  width: 440px;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

a.NewsIndexList2 img {
  width: 440px;
  height: 210px;
  z-index: -1;
  border-radius: 10px;
}

a.NewsIndexList2 .NewsIndexBox {
  font-size: 18px;
  text-align: left;
  background: #fff;
  margin: 20px auto 0;
  border-radius: 10px;
  padding: 0 10px;
  z-index: 9;
  position: relative;
}

a.NewsIndexList2 .NewsIndexTitle2 {
  font-size: 18px;
  line-height: 56px;
  background-size: 30px 2px;
  z-index: 9;
}

a.NewsIndexList2 .NewsIndexTitle {
  font-size: 23px;
  color: #000;
  font-weight: bold;
  padding-bottom: 10px
}

a.NewsIndexList2 .NewsIndexDis {
  font-size: 16px;
  color: #333;
  font-weight: normal;
}

a.NewsIndexList2 .NewsIndexDate {
  font-size: 15px;
  color: #000;
  font-weight: normal;
  padding-top: 0px
}

a.NewsIndexList2 .NewsIndexTitleText {}

a.NewsIndexList2 .NewsIndexContent {}

a:hover.NewsIndexList2 {}

a:hover.NewsIndexList2 img {}

a:hover.NewsIndexList2 .NewsIndexBox {}

a:hover.NewsIndexList2 .NewsIndexTitle2 {}

a:hover.NewsIndexList2 .NewsIndexTitle {
  color: #19c17d
}

a:hover.NewsIndexList2 .NewsIndexDate {
  color: #19c17d
}

a:hover.NewsIndexList2 .NewsIndexContent {}

a:hover.NewsIndexList2 .NewsIndexTitle2 {}

.pre,
.next {
  font-size: 16px;
  line-height: 36px;
}
.cnt75 {
width:75%;
  text-align: center;
  margin: 0vw auto 5vw;
  display:flex;
}
.map img{width:100%; flex:60%;}
/*form*/
.form {
  position: relative;
  flex:40%;
  clear: both;
  padding: 0;

  background:#efefef url(../images/formBg.jpg) top left no-repeat;
  background-size:cover;

  
}
.formen {
  background:#efefef url(../images/formBgen.jpg) top left no-repeat;
  background-size:cover;
}

.form #inputCompany {
  position: absolute;
  top: 0%;
  left: 5vw;
  width: 550px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ccc;
  color: #000;
  padding: 0 10px;
}

.form #inputName {
  position: absolute;
  top: 12vw;
  left: 7vw;
  color: #000;
}
.form #inputName input ,.form #inputTel input{
width:8vw;
  line-height:1.5vw;  font-size:0.8vw;
}

.form #inputTel {
  position: absolute;
  top: 12vw;
  left: 17vw;
  color: #000;
}

.form #inputEmail {
  position: absolute;
  top: 15vw;
  left: 7vw;
  color: #000;
}
.form #inputAddress {
  position: absolute;
  top: 18vw;
  left: 7vw;
  color: #000;
}
.form #inputEmail input ,.form #inputAddress input{
width:18vw;
  line-height:1.5vw;  font-size:0.8vw;
}
.form #inputContent {
  position: absolute;
  top: 21vw;
  left: 5vw;
  color: #000;
}

.form #inputContent textarea {
width:20vw;
height:3vw;
border:none;
background:none;
  font-family: "microsoft yahei";  font-size:0.8vw;
}

.form input {
  border: none;
  background:none;
}
.form input#company {
  background: #fff;
  border: none;
  float: right;
  width: 470px;
  line-height: 40px;
}

.form input#submit {
  font-size: 1vw;
  font-weight:normal;
  height: 3vw;
  line-height: 3vw;
  text-transform: uppercase;
  clear: both;
  display: block;
  cursor: pointer;
  color: #333;
  font-family: "microsoft yahei";
  text-indent: 0px;
  text-align: center;
  margin: 2vw auto;
  float: none;
  width: 19vw;
  clear: both;
  background:#fff;
    position: absolute;
  top: 24vw;
  left: 5vw;
}

.form input:hover#submit {
  border: 1px #19c17d solid;
  color: #fff;
  background: #19c17d;
}

#products_tab3 {
  width: 80%;
  margin: 0 auto;
  padding-bottom: 50px;
}

#products_tab3 .title_tab3 ul {
  width: 100%;
  margin: 0 0 0px 18%;
}

#products_tab3 .title_tab3 ul.en {
  width: 100%;
  margin: 0 0 0px 3%;
}

#products_tab3 .title_tab3 li {
  margin: 5% 5% 0px 5%;
  overflow: hidden;
  float: left;
  text-indent: 0;
  padding: 0px 0px;
  font-size: 1.5vw;
  color: #000;
  font-weight: normal;
  border-right: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 0px;
  line-height: 2em;
  height: 2em;
}

#products_tab3 .title_tab3 li:last-child {}

#products_tab3 .title_tab3 li.active1 {
  border-bottom: 3px solid #19c17d;
  color: #19c17d;
  font-weight: bold;
}

#products_tab3 .title_tab3 li.active1 a {
  border-bottom: 2px solid #19c17d;
  color: #19c17d;
}

#products_tab3 .title_tab3 li a {
  display: block;
}

#products_tab3 .title_tab3 li a:hover {
  background: #19c17d;
  color: #fff;
  font-weight: bold;
}

#products_tab3 .content3 {
  width: 100%;
  padding: 3% 0;
  margin: 0px auto 0px;
  clear: both;
  text-align: left;
}

#products_tab3 .content2 a {}

#products_tab3 .content2 a:hover {
  border-bottom: 2px solid #19c17d;
}

#products_tab3 .content2 div {
  padding: 0px 0px 0;
}

#products_tab3 .content2 div img {
  max-width: 100%;
  height: auto;
  padding: 0
}

#products_tab3 .title_tab4 ul {
  width: 100%;
  margin: 0 auto 30px;
}

#products_tab3 .title_tab4 li {
  margin: 40px 90px 40px 0px;
  overflow: hidden;
  float: left;
  text-indent: 0;
  padding: 0px 0px;
  font-size: 24px;
  color: #000;
  font-weight: normal;
  border-right: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 0px;
  line-height: 50px;
  height: 50px;
}

#products_tab3 .title_tab4 li:last-child {}

#products_tab3 .title_tab4 li.active1 {
  border-bottom: 2px solid #19c17d;
  color: #19c17d;
  font-weight: bold;
}

#products_tab3 .title_tab4 li.active1 a {
  border-bottom: 2px solid #19c17d;
  color: #19c17d;
}

#products_tab3 .title_tab4 li a {
  display: block;
}

#products_tab3 .title_tab4 li a:hover {
  background: #19c17d;
  color: #fff;
  font-weight: bold;
}


#products_tab3 img {
  max-width: 90%;
}



#products_tab4 {
  width: 70%;
  margin: 0 auto;
  padding-bottom: 5vw;
}
#products_tab4 .title_tab3  {
  border:1px solid #999;
  border-radius:1vw;
  margin:0;
  padding:0;
}

#products_tab4 .title_tab3 ul {
  display:flex;
}


#products_tab4 .title_tab3 ul.en {
  width: 100%;
  margin: 0 0 0px 3%;
}

#products_tab4 .title_tab3 li {
	flex:30%;
  overflow: hidden;
  text-indent: 0;
  padding: 0.5vw 0px;
  margin:0 2vw;
  font-size: 1vw;
  color: #000;
  font-weight: normal;
  border-right: 0;
  text-align: left;
  cursor: pointer;
  border-radius: 0px;
  line-height: 3vw;
  height: 3vw;
}

#products_tab4 .title_tab3 li:last-child {}

#products_tab4 .title_tab3 li .p1{background:url(../images/icon2.png) left top no-repeat;  background-size:cover;}
#products_tab4 .title_tab3 li .p2{background:url(../images/icon4.png) left top no-repeat;  background-size:cover;}
#products_tab4 .title_tab3 li .p3{background:url(../images/icon6.png) left top no-repeat;  background-size:cover;}
#products_tab4 .title_tab3 li.active1 .p1{background:url(../images/icon1.png) left top no-repeat; background-size:cover;}
#products_tab4 .title_tab3 li.active1 .p2{background:url(../images/icon3.png) left top no-repeat; background-size:cover;}
#products_tab4 .title_tab3 li.active1 .p3{background:url(../images/icon5.png) left top no-repeat; background-size:cover;}
#products_tab4 .title_tab3 li p{ width:2vw; height:2vw; display:inline-block; float:left; margin-left:6.5vw; margin-top:0.5vw}

#products_tab4 .title_tab3 li.active1 {
  color: #fff;
  background:#999;
  border-radius:1vw;
}

#products_tab4 .title_tab3 li.active1 a {
  border-bottom: 2px solid #19c17d;
  color: #19c17d;
}

#products_tab4 .title_tab3 li a {
  display: block;
}

#products_tab4 .title_tab3 li a:hover {
  background: #19c17d;
  color: #fff;
  font-weight: bold;
}

#products_tab4 .content3 {
  width: 100%;
  padding: 3% 0;
  margin: 0px auto 0px;
  clear: both;
  text-align: left;
}
#products_tab4 .content3 img{
width:100%;
}

#products_tab4 .content2 a {}

#products_tab4 .content2 a:hover {
  border-bottom: 2px solid #19c17d;
}

#products_tab4 .content2 div {
  padding: 0px 0px 0;
}

#products_tab4 .content2 div img {
  max-width: 100%;
  height: auto;
  padding: 0
}

#products_tab4 .title_tab4 ul {
  width: 100%;
  margin: 0 auto 30px;
}

#products_tab4 .title_tab4 li {
  margin: 40px 90px 40px 0px;
  overflow: hidden;
  float: left;
  text-indent: 0;
  padding: 0px 0px;
  font-size: 24px;
  color: #000;
  font-weight: normal;
  border-right: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 0px;
  line-height: 50px;
  height: 50px;
}

#products_tab4 .title_tab4 li:last-child {}

#products_tab4 .title_tab4 li.active1 {
  border-bottom: 2px solid #19c17d;
  color: #19c17d;
  font-weight: bold;
}

#products_tab4 .title_tab4 li.active1 a {
  border-bottom: 2px solid #19c17d;
  color: #19c17d;
}

#products_tab4 .title_tab4 li a {
  display: block;
}

#products_tab4 .title_tab4 li a:hover {
  background: #19c17d;
  color: #fff;
  font-weight: bold;
}


.indexContitle {
  background: #19c17d;
  padding: 0 20px;
  border-radius: 20px;
  color: #fff;
  font-size: 20px;
  margin-top: 50px;
  display: none;
}

.indexContitle2 {
  padding: 20px 0px;
  border-radius: 20px;
  color: #19c17d;
  font-size: 48px;
  font-weight: bold;
}

.indexContitle3 {
  padding: 50px 0px;
  border-radius: 20px;
  color: #888;
  font-size: 18px;
}

.BproImg,
.BproImg img {
  width: 550px;
  float: left;
}

.pro_cs {
  float: right;
  width: 650px;
  margin: 0px 0px 0 0;
  overflow: hidden;
  font-size: 18px;
  line-height: 0px;
}

.indexContitle4 {
  padding: 40px 0px;
  border-radius: 20px;
  color: #231815;
  font-size: 32px;
  font-weight: bold;
}

.indexContitle5 {
  padding: 0px 0px 50px;
  border-radius: 20px;
  color: #19c17d;
  font-size: 48px;
  font-weight: bold;
  margin-top: -20px;
}

.proDetail2 {
  font-size: 20px;
  font-weight: 300;
  color: #000;
  line-height: 36px;
}

.proDetail2 img {
  max-width: 1200px;
  font-size: 24px;
  font-weight: 300px;
  color: #000;
}

.about_move {
  position: relative;
  width: 100%;
  margin: 0px auto;
}

#a1 {
  position: absolute;
  left: 0;
  top: 9vw;
}

#a2 {
  position: absolute;
  right: 0;
  top: 9vw;
}

#div1 {
  overflow: hidden;
  width: 80%;
  height: 22vw;
  margin: 0px auto;
  position: relative;
}

#div1 ul {
  position: absolute;
  left: 0;
  top: 0;
}

#div1 ul li {
  float: left;
  list-style: none;
}

#div1 ul li img { width:15vw; height:auto; padding:0 3vw;}

#div1 ul li p {}


.xixi {
  position: relative;
  width: 1400px;
  height: 320px;
  margin: 0px auto 0;
}

.bx_container {
  width: 1260px;
  height: 360px;
  margin: 90px auto 0;
  position: relative;
}

.bx_container ul li {
  margin: 0px 0px 0 0px;
  overflow: hidden;
  cursor: pointer;
}

.bx_container ul li img {
  width: 382px;
  height: 268px;
  border-radius: 20px;
  border: none;
  margin: 0 20px;
}

.bx_wrap .prev,
.bx_wrap .next {
  width: 67px;
  height: 104px;
  outline-style: none;
  outline-width: 0;
  position: absolute;
  top: 80px;
  z-index: 111;
  text-indent: -99999px;
}

.bx_wrap a.prev {
  left: -100px;
  background: url(../images/leftAbout.jpg) no-repeat;
}

.bx_wrap a.next {
  right: -100px;
  background: url(../images/rightAbout.jpg) no-repeat;
}


.about_move2 {
  position: relative;
  float: right;
  width: 1400px;
  height: 430px;
  margin: 0px auto;
}

.about_move2 #div1 {
  overflow: hidden;
  width: 1200px;
  height: 430px;
  margin: 0px auto;
  position: relative;
}

.about_move2 #div1 li {
  margin: 0px 20px;
}

a.img_left11 {}

a.img_left11 img {
  width: 420px;
  height: 420px;
  border-radius: 20px;
  border: none;
}


.parameter {
  font-size: 20px;
  line-height: 36px;
  border-bottom: 1px solid #ccc;
  color: #000;
  font-weight: 300;
  text-align: left;
}

.parameter span {
  float: right;
}


.cnt85 .newsList {
  text-align: left;
  padding: 5vw 0;
  float: left;
  width: 80%;
  margin:0 auto;
  border-bottom:1px solid #ccc;
}
.cnt85 .newsList .newsDate{
font-size:1vw;
}
.cnt85 .newsList .newsTitle{
font-size:1.6vw;
padding: 2vw 0
}
.cnt85 .newsList .newsDes{
font-size:1vw;
}

.newsList2 {
  text-align: left;
  padding: 0px;
  float: left;
  margin: 0 10px 20px 10px;
  width: 380px;
}

.newsList2 img {
  width: 380px;
}

.newsList2 .news_title {
  font-size: 18px;
  line-height: 36px
}

.newsList2 .newsContent {}

.newsList2 div {
  padding: 15px;
  border: 1px solid #ddd;
  margin-top: 15px;
}


/* 主要内容 */
.cnt {
  clear: both;
  width: 1400px;
  margin: 0px auto;
}

.cnt_in {
  margin: 0px auto;
  text-align: left;
  width: 1400px;
  padding: 0px 0px;
  background: #fff;
}

.cnt_in2 {
  margin: 0px auto;
  text-align: left;
  width: 1400px;
  padding: 0px 0px;
  background: #fff;
}


.titleAbout {
  font-size: 18px;
  text-transform: none;
  display: block;
  width: 150px;
  padding: 8px 0;
  margin: 0 auto;
  color: #fff;
  background: #19c17d;
  border-radius: 18px;
  font-weight: normal;
  font-family: "microsoft yahei";
}

.titleAbout a {
  color: #fff;
}

.titleAbout a:hover {
  color: #fff;
}

.title_index {
  font-size: 1.5vw;
  font-weight: bold;
  line-height: 2em;
  color: #000;
  text-align: left;
  border-bottom: 0px solid #999;
  margin: 0px auto;
  font-family: "幼圆";
}

.title_index .entitle {
  font-size: 2vw;
  font-weight: normal;
  line-height: 2em;
  color: #000;
  text-align: left;
  text-transform: none;
  font-family: "microsoft yahei";
  padding-bottom: 0px;
  /*font-stretch:condensed; 文字变窄*/
}

.title_index span {
  font-size: 14px;
  font-weight: normal;
  padding-left: 20px;
}

.title_index span.en {
  font-size: 14px;
  font-family: "microsoft yahei";
  padding-left: 0
}


/*等高宽样式
.wrapper222 {
	position: relative;
	height: 0;
	padding-top: 20%;
	background-color: brown;
}
.box222 {
	position: absolute;
	width: 20%;
	height: 100%;
	top: 0;
	left:auto;
	border: 1px solid #ccc;
	background-color:#ccc;
}
*/
#AboutListBox {
  position: relative;
  height: 0;
  padding-top: 20%;
  width: 100%;
}

#AboutListBox a.AboutList {
  text-align: left;
  position: absolute;
  width: 19%;
  margin-left: 0.5%;
  top: 0;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
}

#AboutListBox a.AboutList img {
  width: 100%;
  height: 100%;
  z-index: -1;
}

#AboutListBox a.AboutList .AboutBox {
  background: #fff;
  margin: 0px 15px 0;
  width: 90%;
  border-radius: 10px;
  color: #000;
  z-index: 9;
  transition: all 0.3s ease;
  position: absolute;
  bottom: 10px;
  overflow: hidden;
}

#AboutListBox a.AboutList .AboutTitle {
  font-size: 16px;
  text-align: left;
  line-height: 28px;
  background: url(../images/icon2.png) 30px 10px no-repeat;
  padding: 15px 30px 15px;
  background-size: 30px 2px;
  font-weight: bold;
}

#AboutListBox a.AboutList .AboutTitleText {
  color: #fff;
  font-size: 14px;
  padding: 0 30px;
  position: absolute;
  bottom: -40px;
}

#AboutListBox a.AboutList .AboutContent {}

#AboutListBox #AboutList1 {
  left: 0;
}

#AboutListBox #AboutList2 {
  left: 20%;
}

#AboutListBox #AboutList3 {
  left: 40%;
}

#AboutListBox #AboutList4 {
  left: 60%;
}

#AboutListBox #AboutList5 {
  left: 80%;
}

#AboutListBox a:hover.AboutList .AboutBox {
  background: #fff;
  border-radius: 10px;
  padding-bottom: 30px;
}

#AboutListBox a:hover.AboutList .AboutTitle {
  color: #19c17d;
  background-size: 30px 2px;
}

#AboutListBox a:hover.AboutList .AboutTitleText {
  color: #999;
  position: absolute;
  bottom: 15px;
}



a.proList {
  text-align: center;
  padding: 0px;
  float: left;
  margin: 0 0px 20px 20px;
  width: 360px;
  height: 490px;
  border-radius: 10px;
  overflow: hidden;
}

a.proList img {
  width: 360px;
  height: 490px;
  z-index: -1;
}

a.proList .proBox {
  text-align: center;
  background: #fff;
  margin: -275px auto 0;
  border-radius: 10px;
  width: 300px;
  z-index: 9;
  position: relative;
  opacity: 0;
  font-size: 28px;
}

a.proList .proTitle2 {
  font-size: 28px;
  line-height: 56px;
  background-size: 30px 2px;
  z-index: 9;
}

a.proList .proTitle {
  font-size: 20px;
  margin-top: 160px;
  color: #fff;
  font-weight: bold;
  z-index: 9;
  position: relative;
}

a.proList .proTitleText {}

a.proList .proContent {}

a:hover.proList {
  text-align: center;
  padding: 0px;
  float: left;
  margin: 0 0px 20px 20px;
  width: 360px;
  height: 490px;
  border-radius: 10px;
  overflow: hidden;
}

a:hover.proList img {
  width: 360px;
  height: 490px;
  z-index: -1;
  opacity: 0.7;
}

a:hover.proList .proBox {
  text-align: center;
  background: #fff;
  margin: -275px auto 0;
  border-radius: 10px;
  width: 300px;
  z-index: 9;
  position: relative;
  opacity: 1;
}

a:hover.proList .proTitle2 {
  line-height: 56px;
  background-size: 30px 2px;
  z-index: 9;
}

a:hover.proList .proTitle {
  margin-top: 160px;
  color: #fff;
  font-weight: bold;
  position: relative;
}

a:hover.proList .proTitleText {}

a:hover.proList .proContent {}

a:hover.proList .proTitle2 {
  font-size: 18px;
  line-height: 56px;
  background-size: 30px 2px;
  z-index: 9;
}

a.NewsIndexList {
  text-align: left;
  padding: 0px;
  float: left;
  margin: 0 0px 20px 40px;
  width: 440px;
  height: 430px;
  border-radius: 0px;
  overflow: hidden;
}

a.NewsIndexList img {
  width: 440px;
  height: auto;
  z-index: -1;
  border-radius: 0px;
}

a.NewsIndexList .NewsIndexBox {
  font-size: 18px;
  text-align: left;
  margin: 40px auto 0;
  border-radius: 10px;
  padding: 0 0px;
  z-index: 9;
  position: relative;
}

a.NewsIndexList .NewsIndexTitle2 {
  font-size: 18px;
  line-height: 56px;
  background-size: 30px 2px;
  z-index: 9;
}

a.NewsIndexList .NewsIndexTitle {
  font-size: 23px;
  color: #000;
  font-weight: 400;
  padding-bottom: 30px
}

a.NewsIndexList .NewsIndexDis {
  font-size: 12px;
  color: #333;
  font-weight: 300;
}

a.NewsIndexList .NewsIndexDate {
  font-size: 15px;
  color: #666;
  font-weight: normal;
  padding-top: 30px
}

a.NewsIndexList .NewsIndexTitleText {}

a.NewsIndexList .NewsIndexContent {}

a:hover.NewsIndexList {}

a:hover.NewsIndexList img {}

a:hover.NewsIndexList .NewsIndexBox {}

a:hover.NewsIndexList .NewsIndexDis {
  color: #19c17d;
}

a:hover.NewsIndexList .NewsIndexTitle {
  color: #19c17d;
}

a:hover.NewsIndexList .NewsIndexTitleText {}

a:hover.NewsIndexList .NewsIndexContent {}

a:hover.NewsIndexList .NewsIndexTitle2 {}

.list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 1400px;
}

.item {
  position: relative cursor: pointer;
  text-align: left;
  padding: 0px;
  float: left;
  margin: 0 0px 20px 20px;
  width: 380px;
  height: 390px;
  background: #fff;
  box-shadow: 0px 3px 16px 0px #aaa;
  border-radius: 0px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.title::before {
  content: counter(num) " ";
  width: 25px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  position: absolute;
  font-size: 14px;
  font-family: fantasy;
  left: 4px;
  background: center/100% 100% url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA8CAMAAAAe9Wm0AAAAbFBMVEUAAACaov2SnPKXnvaXofiyuvuCjPOgqvi4vfiBjPSyuf6Ml/a0u/21vPtte/F/i/WTnfWNmPiyuv6Ik/Zue/GRnPinr/Wfp/Gyuv6Ml/ebo/KTnfOutfqEj/W3vvpue/G/xfd1gvN8iPRodfBFzp+BAAAAF3RSTlMAECA7U2BgdIiTn6Wsvr+/v9Df39/s/o6+GugAAAGPSURBVHjazdZhk4IgEAZgpS6z8iotPEBF8P//x1tJrTxQlrm5uff7MxubLBtF9sQfp+ywjRCJk+zLhPq6SUwuxokhp4/YT1SUVtWam4nSZObImyA2YXHZ022cYsirOzwYoYti7nJzuMOqeHPNvke5jxgP2DRNNqLSMzQQtXjUtv8cBTWiwqOqohcsKikt8ajkHI+4EGjEBWNnNGJ1jUe1Vp9YJLSSeKRkh0eyC0BdEJIBZ5J/h1TA/6SUOgcgjUdaT6gJQA0CjV85jFrq/ZU/UYtA7HFzG5iA1PcOMnbs0b7tU/mcCAhjO/NE52A8jmXKMHYdnukTzE141vhyGWaSTq97ksMQhOnEF8qYFJvXneDO++lU82VznG0giYDppBVzTTvIffdjZSGFVjA2JHeVuRDbopOC6TrJ7GUSx0a1vYGR8u1kQ5krce5hJAUjlRbuRtuyu8GFVopxZ6OtxW5wObU2P3Ewaby+jya6R7UYO+C3xpICbk3NFhptTToaZ6OtzS/WGm39iUdkmdFFv5pvdNPREWjicTcAAAAASUVORK5CYII=);
}

.title {
  font-size: 23px;
  color: #000;
  text-align: left;
  margin: 30px 36px 0;
  padding: 0 0 20px;
  border-bottom: 1px solid #ccc;
}

.sumary {
  text-align: left;
  position: absolute;
  left: -300px;
  top: 90px;
}

.item::before {}

/* 默认 transition */

.item::before,
.item .sumary,
.item .title {
  transition: 0s 9999s;
}

/* 初始状态（第一个选中） */
.item:first-child .sumary {
  height: 40px;
}

.item:first-child .title {
  color: rebeccapurple;
}

.item:first-child::before {
  opacity: 1;
  width: 530px;
  height: 390px;
  background: url(../images/proBg.jpg) center center no-repeat;
}

/* 清除所有hover */
.list:hover .title {
  transition: none;
  color: #333;
}

.list:hover .sumary {
  transition: none;
  height: 0;
}

.list:hover .item::before {
  transition: none;
  opacity: 0;
}

/* 每一项hover */
.item:hover .title {
  color: rebeccapurple;
  transition: none;
}

.item:hover .sumary {
  height: 40px;
  transition: none;
}

.item:hover:before {
  opacity: 1;
  transition: none;
  width: 530px;
  height: 390px;
  background: url(../images/proBg.jpg) center center no-repeat;
}

a.ProIndexList {
  text-align: left;
  padding: 0px;
  float: left;
  margin: 0 0px 20px 20px;
  width: 380px;
  height: 390px;
  background: #fff url(../images/proBg.jpg) -999px center no-repeat;
  box-shadow: 0px 3px 16px 0px #aaa;
  border-radius: 0px;
  overflow: hidden;
  position: relative;
  text-align: center;
}

a.ProIndexList img {
  width: 300px;
  height: auto;
  z-index: -1;
  border-radius: 0px;
}

a.ProIndexList .ProIndexBox {
  text-align: left;
  position: absolute;
  left: -300px;
  top: 90px;
}

a.ProIndexList .ProIndexTitle {
  font-size: 23px;
  color: #000;
  text-align: left;
  margin: 30px 36px 0;
  padding: 0 0 20px;
  border-bottom: 1px solid #ccc;
}

a.ProIndexList .ProIndexDis {
  font-size: 12px;
  color: #000;
  font-weight: 300;
}

a.ProIndexList .ProIndexDate {
  font-size: 15px;
  color: #666;
  font-weight: normal;
  padding-top: 30px
}

a.ProIndexList .ProIndexTitleText {}

a.ProIndexList .ProIndexContent {}

a:hover.ProIndexList {
  width: 530px;
  height: 390px;
  background: url(../images/proBg.jpg) center center no-repeat;
}

a:hover.ProIndexList img {
  float: right;
  margin-right: 40px;
}

a:hover.ProIndexList .ProIndexBox {
  position: absolute;
  left: 50px;
  top: 87px;
}

a:hover.ProIndexList .ProIndexDis {
  color: #fff;
}

a:hover.ProIndexList .ProIndexTitle {
  color: #fff;
}

a:hover.ProIndexList .ProIndexTitleText {}

a:hover.ProIndexList .ProIndexContent {}

a:hover.ProIndexList .ProIndexTitle2 {}



a.NewsIndexList .moreNews {
  border: 1px #19c17d solid;
  background: #fff;
  margin-top: -25px;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  color: #19c17d;
  border-radius: 18px;
  clear: both;
  display: block;
  width: 90px;
  transition: all 0.3s ease;
  text-align: center;
  text-indent: 10px;
  float: right;
}

a.NewsIndexList .moreNews .fj {
  float: right;
  display: block;
  height: 25px;
  width: 25px;
  border: 1px solid #19c17d;
  border-radius: 25px;
  margin: -1px -5px 0 0;
  background: #fff url(../images/fj.jpg) center no-repeat;
  z-index: 999;
  background-size: 15px 15px;
}

a:hover.NewsIndexList .moreNews {
  border: 1px #19c17d solid;
  background: #19c17d;
  color: #fff;
}

a:hover.NewsIndexList .moreNews .fj {
  border: 1px #19c17d solid;
}

a.NewsIndexList3 {
  text-align: left;
  padding: 0px;
  float: left;
  margin: 0 0px 20px 70px;
  width: 350px;
  overflow: hidden;
}

a.NewsIndexList3 img {
  width: 350px;
  height: 225px;
  z-index: -1;
  border-radius: 0px;
}

a.NewsIndexList3 .NewsIndexBox {
  font-size: 18px;
  text-align: left;
  background: #fff;
  margin: 20px auto 0;
  padding: 0 0px;
  z-index: 9;
  position: relative;
}

a.NewsIndexList3 .NewsIndexTitle {
  font-size: 15px;
  color: #000;
  font-weight: bold;
  padding-bottom: 10px
}

a.NewsIndexList3 .more {
  font-size: 12px;
  color: #999;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
}

a:hover.NewsIndexList3 {
  color: #19c17d;
}

a:hover.NewsIndexList3 .NewsIndexTitle {
  color: #19c17d;
}

a:hover.NewsIndexList3 .more {
  color: #19c17d;
  border-bottom: 2px solid #19c17d;
}


.index_box {
  float: left;
  width: 250px;
  height: 400px;
  margin-top: -30px;
  text-align: left;
  position: relative;
}

.index_box div {
  position: absolute;
  left: 30px;
  top: 245px;
  width: 190px;
  height: 100px;
  overflow: hidden;
}

.index_box a {
  display: block;
  width: 120px;
  height: 50px;
  position: absolute;
  left: 15px;
  bottom: 10px;
  background: url(../images/more01.jpg) left top no-repeat;
}

.index_box a:hover {
  background: url(../images/more02.jpg) left top no-repeat;
}

.index_box1 {
  background: url(../images/index_box1.png) no-repeat
}

.index_box2 {
  background: url(../images/index_box2.png) no-repeat
}

.index_box3 {
  background: url(../images/index_box3.png) no-repeat
}

.index_box4 {
  background: url(../images/index_box4.png) no-repeat
}

.titleB {
  font-size: 28px;
  font-weight: bold;
  color: #19c17d;
  text-transform: uppercase;
}

.titleS {
  font-size: 15px;
  font-weight: normal;
  color: #999;
  text-transform: uppercase;
}


.pro .pro_list {
  height: 65px;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 8px;
}

.pro .pro_list img {
  float: left;
  margin-right: 10px;
  display: inline;
}

.pro .pro_list a {
  font-weight: bold;
}

.pro .pro_list div {
  height: 48px;
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.pro .pro_list domain() {
  div {
    text-overflow: clip;
    position: relative;
    white-space: normal;
    padding-right: 1.2em;
    max-height: 3em;
    word-wrap: break-word;
    width: 15em;
    -moz-box-sizing: border-box;
    text-align: justify;
  }

  div:after {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 1.5em;
  }
}

.mainTitle {
  height: 140px;
}

.mainTitle h3 {
  color: #000;
  font: normal 32px/60px "microsoft yahei";
}

.title {
  font: bold 14px/28px "microsoft yahei";
  color: #555;
  text-indent: 15px;
  background: url(../images/baohe_06.jpg) left bottom no-repeat;
  position: relative;
  height: 28px;
  margin-bottom: 10px;
}

.title span {
  position: absolute;
  right: 0;
  top: 0;
  font: normal 14px/28px "microsoft yahei";
}

.title span a {
  color: #384f8b;
}

.contact {
  float: left;
  width: 690px;
  height: 400px;
}
.contactImg img{max-width:100%;}
.contact p {
  padding: 30px;
  font-size: 20px;
  line-height: 36px;
}

.contact p span {
  font-size: 24px;
  line-height: 64px;
  display: block
}

.contactEn {
  float: right;
  width: 480px;
  height: 400px;
  background: #f97c0f;
  color: #fff;
}

.contactEn p {
  padding: 30px 20px 20px;
  font-size: 15px;
  line-height: 36px;
}

.contactEn p span {
  font-size: 15px;
  line-height: 64px;
  display: block
}

.contacts {
  float: right;
  width: 206px
}

.aboutTItle {
  font-size: 20px;
  font-weight: bold;
  line-height: 60px;
  text-align:left;
}

div.about {
  width: 580px;
  font: normal 15px/25px "microsoft yahei";
  position: absolute;
  top: 50px;
  right: 0px;
  color: #333;
  text-align: left;
  color: #fff;
  transition: 0.5s;
}

.about a {
  float: left;
  text-align: center;
}

.aboutImg {
  width: 1200px;
  padding: 30px 0 0 0;
  font: normal 14px/25px "microsoft yahei";
  color: #666;
  text-align: left;
}

div:hover.about {
  color: red;
  cursor: pointer;
  top: 52px;
  right: -2px;
}

a.news_list {
  height: 120px;
  overflow: hidden;
  color: #999;
  float: left;
  border-bottom: 1px dashed #ccc;
  width: 550px;
  margin: 15px auto;
  text-align: left;
  overflow: hidden;
}

a.news_list .num {
  font: bold 48px/70px "microsoft yahei", Arial, Helvetica, sans-serif;
  height: 90px;
  width: 90px;
  margin-right: 20px;
  text-align: center;
  float: left;
  border-radius: 0px;
  background: #19c17d;
  color: #fff;
}

a:hover.news_list .num {
  background: #19c17d;
}

a.news_list .num span {
  font-size: 12px;
  line-height: 13px;
}

a.news_list .news_title {
  font-weight: bold;
  font-size: 16px;
  color: #111;
}

a:hover.news_list,
a:hover.news_list .news_title {
  color: #19c17d;
}


a.news_list2 {
  height: 80px;
  overflow: hidden;
  color: #666;
  float: left;
  border-bottom: 1px solid #ccc;
  width: 900px;
  margin: 10px auto;
  text-align: left;
  overflow: hidden;
}

a:hover.news_list2 {
  color: #19c17d;
}

a.news_list2 .num {
  font: normal 48px/60px "microsoft yahei", Impact;
  height: 60px;
  width: 60px;
  margin-right: 20px;
  text-align: center;
  float: left;
  border-radius: 50px;
  border: 1px solid #ccc;
}

a:hover.news_list2 .num {
  border: 1px solid #19c17d;
}

a.news_list2 .news_title {
  font-weight: bold;
  font-size: 18px;
}

.news_right {
  width: 1200px;
  float: left;
  padding-left: 0px;
}

.news_content {
  width: 90%;
  display: block;
  overflow: hidden;
  padding-bottom: 20px;
  text-align: left;
  margin: 80px auto 0;
}

.news_content .time {
  display: block;
  font-size: 0.9vw;
  text-align: left;
  border-radius: 0px;
  line-height: 2em;
  color: #999;
  border-bottom: 0px solid #ccc;
  padding: 20px 0 20px;
  margin-bottom: 0px;
}

.news_content .time span {
  font-weight: bold;
  font-size: 0.9vw;
}

.news_content span.news_title {
  display: block;
  font-weight: bold;
  font-size: 1.5vw;
  color: #000;
  text-align: left;
  line-height: 2em;
}

.shea {
  display: block;
  font-size: 0.9vw;
  text-align: left;
  border-radius: 0px;
  line-height: 2em;
  color: #666;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  padding: 1% 0;
  margin-bottom: 0px;
}

/* 左边 */
#left2 {
  float: left;
  width: 280px;
  margin: 40px 0 0;
}

#left2 a {
  float: left;
  width: 280px;
  line-height: 35px;
  display: block;
  background: #ccc;
  color: #fff;
  border-bottom: 1px solid #aaa;
}

#left2 a:hover {
  float: left;
  width: 280px;
  display: block;
  background: #19c17d;
}


#left {
  float: left;
  width: 100%;
  margin: 0px 0 30px;
}


.menuTree {
  border-top: none;
  border-radius: 0px;
  box-shadow: 0px 3px 6px 1px #fff;
  padding: 0px 0 0px;
  border-bottom: 0px solid #f0613c;
  margin-bottom: 15%;
  background: #fff;
}

.menuTree .title_list {
  font: bold 1.5vw/3em "microsoft yahei";
  color: #fff;
  background: #19c17d url(../images/title_bg2.png) 95% center repeat;
  border-radius: 0px;
  margin-bottom: 0px;
  text-align: left;
  text-indent: 5%;
}


.menuTree UL LI UL {
  DISPLAY: block;
  /* display:none*/
}

.menuTree .left_box {
  line-height: 2em;
}


.menuTree LI {
  text-align: left;
  display: block;
  margin: 0 0px 0 0;
}

.menuTree UL LI A {
  font: normal 1.1vw/2.5em "microsoft yahei";
  color: #666;
  display: block;
  padding: 2% 5%;
  border: 1px #ccc solid;
  border-top: none;
  background: #fff url(../images/IconRight.png) 97% center no-repeat;
  background-size: 3%;
  filter: grayscale(100%);
}

.menuTree UL LI A:hover {
  color: #19c17d;
  filter: grayscale(0%);
}

.menuTree UL LI UL {
  margin: 0 auto;
}

.menuTree UL LI UL LI {}

.menuTree UL LI UL LI A {
  display: block;
  font-weight: normal;
  font-size: 16px;
  color: #666;
  height: 30px;
  line-height: 30px;
  border: none;
  text-indent: 30px;
}

.menuTree UL LI UL LI A:hover {}

.menuTree UL LI UL LI UL {}

.menuTree UL LI UL LI UL LI a {
  color: #999;
  font-size: 15px;
  text-indent: 40px;
}

.menuTree UL LI UL LI UL LI a:hover {}

.menuTree UL LI UL LI UL LI UL LI a {
  color: #666;
  background: none;
}

.menuTree UL LI UL LI UL LI UL LI a:hover {
  color: #666;
  background: none;
  text-decoration: underline;
}

.menuTree UL LI UL LI UL LI UL LI UL LI a {
  color: #999;
  background: none;
}

.menuTree UL LI UL LI UL LI UL LI UL LI a:hover {
  color: #999;
  background: none;
  text-decoration: underline;
}

.menuTree a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-decoration: none;
  line-height: 1.5;
}

.menuTree @-moz-document domain() {
  li {
    overflow: hidden;
    height: 1.5em;
  }

  a {
    text-overflow: clip;
    position: relative;
    white-space: normal;
    display: block;
    max-height: 3em;
    word-wrap: break-word;
    width: 15em;
    -moz-box-sizing: border-box;
    text-align: justify;
  }

  a:after {
    content: "...";
    position: absolute;
    right: 0;
    bottom: 1.5em;
  }
}



#right {
  float: right;
  width: 100%;
}

.title_right {
  font: bold 14px/44px "microsoft yahei";
  color: #333;
  position: relative;
  height: 64px;
  width: 100%;
  float: right;
  border: 1px solid #999;
  border-top: none;
  border-left: none;
  border-right: none;
  margin-top: 40px;
  margin-bottom: 30px;
}

.title_right span {
  top: 0px;
  font-weight: normal;
  font-size: 14px;
  color: #999
}

#right ul {
  text-align: center;
  list-style: none;
}

#right .right_text {
  margin: 10px;
  line-height: 24px;
  color: #333
}

#right ul {
  text-align: center;
  list-style: none;
}

#right .right_text {
  margin: 10px;
  line-height: 24px;
  color: #333
}

#right2 {
  margin: 0 auto;
  padding-top: 40px;
  width: 1200px;
}


/* 脚部 */
#footer_out {
  width: 100%;
  background: #f8f8f8;
  color: #7f8183;
  padding-top: 20px;
  font-size: 1vw;
  margin-top: 0px;
  font-family: "microsoft yahei";
}

#footer {
  width: 70%;
  margin: 0 auto;
  text-align: left;
  clear: both;
  padding: 3vw 0;
  display: flex;
}
#footer a{
color:#7f8183
}
#footer a:hover{
color:#333;
text-decoration:underline;
}

#footerEn {
  width: 90%;
  margin: 0 auto;
  text-align: left;
  clear: both;
  padding: 3vw 0;
  display: flex;
}

.box {
  width: 1400px;
  border: 1px solid #fff;
  margin: 20px auto;
  padding: 20px;
}

.box img {
  padding: 0 10px;
}

#footer .footer_in {
  text-align: left;
  width: 1400px;
  margin: 0 auto;
  color: #7f8183;
  font-size: 18px;
  line-height: 48px;
  border-bottom: 1px solid #fff;
}

#footer .footer_in img {
  margin-top: 0px;
  padding-bottom: 30px;
  margin-right: 120px;
}

.menuFooter {
  margin-bottom: 50px;
}

.menuFooter li {
  display: inline;
}

.menuFooter li.line {
  margin: 0 50px;
  border-right: 0px #fff solid;
  overflow: hidden;
  height: 5px;
  width: 0px;
}

.menuFooter li a {
  color: #fff;
  font-size: 1.2vw;
}

.menuFooter li a:hover {
  color: #999;
}

#footer .name {
  font-size: 20px;
  font-weight: bold;
  line-height: 40px;
  border-bottom: 1px #666 solid;
  width: 330px;
}

#footer .links a.name2 {
  font-size: 32px;
  line-height: 45px;
  height: 100px;
  display: block;
  font-weight: normal;
}

#footer .name3 {
  font-size: 9px;
  line-height: 20px;
  font-weight: normal;
}

#footer .contacts_footer {
  font-size: 1vw;
  line-height: 2em;
  text-align: left;
  padding-top: 0;
  padding-left: 0;
}

.footer_text {
  float: right;
  width: 930px;
  border-left: 1px solid #dab96b;
  height: 95px;
  padding: 0 10px;
  overflow: hidden;
}

.footer_text h3 {
  color: #dab96b;
  font: normal 18px/46px "microsoft yahei";
}

.footer_text .line {
  background: #dab96b;
  height: 1px;
  width: 930px;
  overflow: hidden;
}

.footer_text .footer_text2 {
  float: left;
  border-left: 1px solid #dab96b;
  height: 32px;
  color: #dab96b;
  font: normal 18px/32px "microsoft yahei";
  padding: 0 40px 0 20px;
  margin-left: -20px;
  margin-top: 8px;
}

#footer .tel {
  position: absolute;
  right: 3px;
  top: 0px;
  font: normal 12px/26px "microsoft yahei", Arial, Helvetica, sans-serif;
  color: #ccc;
  width: 300px;
}

#footer .tel img {
  float: left;
}

#footer .tel span {
  font: bolder 24px/24px "microsoft yahei";
  color: #fff;
}


#footer .links {
  float: right;
  margin-top: 15px;
}

#footer .linksEn {
  position: absolute;
  top: 30px;
  left: 240px;
}

#footer .links a {
  color: #fff;
  font: lighter 20px/24px "microsoft yahei";
  height: 96px;
  display: block;
}

#footer .links a:hover {
  color: #7f8183;
  text-decoration: none;
}

#footer .f_links {
  line-height: 20px;
  margin: 40px 0 5px 10px;
}

#footer .f_links span {
  color: #000000;
  font-weight: bold;
  font-family: Tahoma;
}

#footer .f_links a {
  padding: 0 5px;
}

#footer .copyright {
  position: absolute;
  top: 20px;
  right: 0px;
}

#footer .footer_left {
  width: 480px;
  position: absolute;
  top: 40px;
  left: 150px;
}

#footer .footer_right {
  width: 210px;
  position: absolute;
  top: 30px;
  right: 150px;
}

#footer a.message {
  color: #fff;
  padding: 8px 40px 8px 60px;
  border-radius: 3px;
  margin-top: 50px;
  transition: 0.5s;
  background: #10477a url(../images/icon5.png) 15px center no-repeat;
}

#footer a:hover.message {
  color: #19c17d;
  background: red url(../images/icon5.png) 20px center no-repeat;
  text-decoration: none;
}

.footer_contact {
  text-align: left;
  flex:35%;
  margin-top: 0;
  margin-bottom: ;
  font: normal 1.0vw/2em "microsoft yahei";
}

.footer_menu {
  flex: 20%;
  margin: 0px 0 3vw 0;
  font: normal 1.0vw/2em "microsoft yahei";
}

.footer_product {
  text-align: left;
  flex: 20%;
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  font: normal 1.0vw/2em "microsoft yahei";
}


.footer_ewm {
  text-align: left;
  margin-top: 0;
  margin-bottom: ;
  font: normal 1.0vw/2em "microsoft yahei";
  flex:5%
}
.footer_ewm img{
width:100%;
padding-top:1vw;
}
.footer_contact .titelFooter2{
  font: bold 1.2vw/2em "microsoft yahei";
}

.footer_contact img {
  margin-bottom: 50px;
}

.contactsF {
  position: absolute;
  top: 100px;
  left: 10px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #241d1b;
}

.footer_contact .contactsFen {
  left: 752px;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #fff;
}


.footer_contact a {
  margin-top: 0px;
  display: block;
  float: right;
  margin-left: 5px;
}

.footer_contact a:hover {
  margin-top: -5px;
}

#footer_out2 {
  width: 100%;
  background: #7f8183;
  font-size: 13px;
  margin-top: 0px;
  height: 36px;
  line-height: 36px;
}

#footer_out2 img {
  padding: 12px;
}


.footerLine {
  background: #7f8183;
  height: 35px;
  line-height: 35px;
  border-top: 1px solid #ccc;
  color: #fff;
  font-size: 20px;
}


#footer_out2 {
  width: 100%;
  background: #19c17d;
  color: #fff;
  text-align: center;
  margin-top: 0px;
  height: 48px;
  line-height: 48px;
}

.class1 {
  float: left;
  text-align: left;
  padding: 0px 0px 0px 90px;
  line-height: 24px;
  margin-top: 0px;
  width: 120px;
}

.linksEn .class1 {
  float: left;
  text-align: center;
  padding: 0px 40px 0 40px;
  line-height: 22px;
  margin-top: 0px;
}

.friend_link {
  clear: both;
  text-align: right;
  padding-top: 0px;
  margin: 0 auto;
  width: 1400px;
  font-size: 16px;
  font-weight: normal;
}

.titelFooter {
  font: bold 1.2vw/4vw "microsoft yahei";
  color: #7f8183;
  padding: 1vw 0;
}

.titelFooter3 {
  font: bold 1.2vw/1.2vw "microsoft yahei";
  color: #7f8183;
  padding: 2.3vw 0 0.5vw;
}

.titelFooter span {
  height: 0.18vw;
  width: 2vw;
  background-color: #7f8183;
  clear: both;
  display: block;
  position:relative;
}

.titelFooter span span {
  height: 0.06vw;
  width: 5vw;
  background-color: #7f8183;
  clear: both;
  display: block;
  position:absolute;
  left:0;
  top:0.06vw
}





/* show */
#case_show {
  float: left;
  clear: both;
  width: 734px;
  height: 144px;
  background: url(../images/pro-show-bg.jpg) no-repeat;
}

#show {
  height: 1%;
}

#demo {
  margin: 18px 0 0 62px;
  overflow: hidden;
  width: 610px;
}

#indemo {
  float: left;
  width: 80000%;
}

#demo1 {
  float: left;
}

#demo2 {
  float: left;
}

/* pro */
a.more_proTitle {
  float: right;
  margin-right: 19px;
  font-weight: bold;
  line-height: 16px;
  margin-top: 30px;
  color: #19c17d;
}

a:hover.more_proTitle {
  color: #3465a5;
  text-decoration: underline;
}

a.productList {
  text-align: center;
  border: 0px solid #ccc;
  box-shadow: 0px 0px 0px 0px #ccc;
  width:27.8vw;
  margin:0 3vw 0 0;
  float:left;
  overflow:hidden;
}

a:hover.productList {
  border: 0px solid #19c17d;
}

a.productList img {
  width: 100%;
  padding: 0px 0 0;
  
}

a:hover.productList img {
  /*filter: invert(100%);*/
  
}

a.productList p {
  padding: 1vw 0;
  line-height: 1.2em;
  font-size: 0.9vw;
  width: 100%;
  background-color: #efefef;
  color: #000;
}

a:hover.productList p {
  color: #fff;
  background-color:#cc0000;
}


#caseConter {
  display: flex;
  flex-direction: row;
  margin: 0 auto 2vw;
  padding-bottom: 0px;
  width: 90%;
  text-align: center;
  justify-content: space-between;
}
a.caseList {
  text-align: center;
  width:22vw;
  
}

a:hover.caseList {
  border: 0px solid #19c17d;
}

a.caseList img {
  width: 100%;
  padding: 0px 0 0;
}

a:hover.caseList img {
  margin: 0
}

a.caseList p {
  padding: 1vw 0;
  line-height: 1.2em;
  font-size: 0.9vw;
  width: 100%;
  background-color: #efefef;
  color: #000;
}

a:hover.caseList p {
  color: #fff;
  background-color: #c00;
}

#newsConter{
  display: flex;
  flex-direction: row;
  margin: 0 auto 2vw;
  padding-bottom: 0px;
  width: 90%;
  text-align: center;
}

#newsConter .newsConter1{
  flex: 40%;
  text-align: center;
}
#newsConter .newsConter1 img{
	width:100%;
}

#newsConter .newsConter2{
  display: flex;
  flex-wrap: wrap;
  flex: 60%;
  text-align: lelft;
}

#newsConter .newsConter2 a.newsList{
	width:50%;
	background:#f8f8f8;
	padding: 2vw 2vw 0;
  box-sizing: border-box;
  color:#111;
  
  /* 右边框和下边框 */
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#newsConter .newsConter2 a:hover.newsList{
	background:#e2e2e1;
}
/* 去掉偶数项的右边框 */
#newsConter .newsConter2 .newsList:nth-child(even) {
  border-right: none;
}

/* 去掉最后两行的下边框 */
#newsConter .newsConter2 .newsList:nth-last-child(-n+2) {
  border-bottom: none;
}

/* 日期和链接布局 */
#newsConter .newsConter2 .newsList .newsMeta-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align:left;
  border-bottom: 1px solid #ccc;
  padding-bottom:0.6vw;
  margin-bottom:0.7vw;
}

#newsConter .newsConter2 .newsList .newsDate{
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
  text-align:left;
  flex:50%;
  font-size:0.7vw;
  
}
#newsConter .newsConter2 .newsList .newsMore {
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
  text-align:right;
  flex:50%;
  font-size:0.7vw;
}

#newsConter .newsConter2 .newsList .newsMore:hover {
  color: #1a3a6b;
}

/* 主标题样式 */
#newsConter .newsConter2 .newsList .newsTitle {
  font-size: 1vw;
  line-height:2vw;
  text-align:left;
  font-weight:600;
  letter-spacing: 0.5px;
  color:#111;
}

/* 描述文本样式 */
#newsConter .newsConter2 .newsList .newsDesc {
  font-size: 0.7vw;
  line-height: 1.8;
  text-align: justify;
}




/*产品中心*/

#productsConter2{
  display: flex;
  flex-wrap: wrap;
}
#productsConter2 a.productsList2{
	width:50%;
	background:#fff;
  box-sizing: border-box;
  color:#111;
display:flex;
    /* 右边框和下边框 */
    border-right: 1vw solid #efefef;
  border-bottom: 1vw solid #efefef;
   transition: all 0.3s ease;
}

#productsConter2 a:hover.productsList2{
	background:#e2e2e1;
	
}
/* 去掉偶数项的右边框 */
#productsConter2 a.productsList2:nth-child(even) {
  border-right: none;
}

/* 去掉最后两行的下边框 */
#productsConter2 a.productsList2:nth-last-child(-n+2) {
  border-bottom: none;
}

/* 日期和链接布局 */
#productsConter2 a.productsList2 .productsMeta-info2 {
flex:55%;
padding: 5vw  0 5vw 5vw;
}


/* 类目名样式 */
#productsConter2 a.productsList2 .productsClass2{
  font: bold 1.2vw/1.5em "microsoft yahei";
  color: #000;
  padding: 0vw 0 0vw;
}


#productsConter2 a.productsList2 .productsClass2 span {
  height: 0.18vw;
  width: 2.5vw;
  background-color: #19c17d;
  clear: both;
  display: block;
  position:relative;
   transition: all 0.3s ease;
   margin-top:2vw;
}
#productsConter2 a:hover.productsList2 .productsClass2 span {
  width: 15.5vw;
}

#productsConter2 a.productsList2 .productsClass2 span span {
  height: 0.06vw;
  width: 13vw;
  background-color: #ccc;
  margin-left:2.5vw;
  margin-top:0;
  clear: both;
  display: block;
  position:absolute;
  left:0;
  top:0.06vw;
}
#productsConter2 a:hover.productsList2 .productsClass2 span span {
  width: 0vw;
  right:0;
}



/* 主标题样式 */
#productsConter2 a.productsList2 .productsTItle2{
  font-size: 0.9vw;
  line-height: 1.5em;  
  padding:2vw 0;
}
/* 更多文本样式 */
#productsConter2 a.productsList2 .productsMore2{
  font-size: 0.9vw;
  line-height: 1.4vw;
  height:1.4vw;
  width:6vw;
  color:#fff;
  border-radius:0.7vw;
  background:#c00 ;
}
#productsConter2 a.productsList2 .productsMore2 span{
	width:1vw;
	height:1vw;
  background:#fff url(../images/产品中心.jpg) center no-repeat;
  background-size:60%;
  border-radius:0.6vw;
  display:inline-block;
  margin:0.2vw 0.4vw 0 0.4vw;
  float:left;
  
}

#productsConter2 a.productsList2 .productsImg2{
flex:45%;
padding:5vw 4vw 5vw 0;
}
#productsConter2 a.productsList2 .productsImg2 img{
 width:95%;
 margin:2.5%;
 transition: all 0.3s ease;
}
#productsConter2 a:hover.productsList2 .productsImg2 img{
 width:100%;
 margin:0;
}






a.img_left {
  display: block;
  vertical-align:top;
  position: relative;
  flex: 0 0 calc(29% - 2px); 
  height: 40%;
  margin: 0 2% 3% 2%;
  overflow: visible;
  text-align: center;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 6px 6px 10px 0px #ccc;
}

a:hover.img_left {
  border: 1px solid #19c17d;
}

a.img_left img {
  width: 100%;
  padding: 0px 0 0;
}

a:hover.img_left img {
  margin: 0
}

a.img_left p {
  padding: 5% 0;
  line-height: 1.2em;
  font-size: 0.9vw;
  width: 100%;
  height:10%;
  background-color: #fff;
  color: #333;
  border-top: 1px solid #ccc;
}

a:hover.img_left p {
  color: #fff;
  background-color: #19c17d;
}

a.img_left .pro_tip {
  position: absolute;
  top: 0;
  left: 30px;
  width: 51px;
  height: 94px;
  border: none;
}

a:hover.img_left .pro_tip {
  position: absolute;
  top: 0;
  left: 30px;
  width: 51px;
  height: 94px;
  border: none;
}

a.img_left2 {
  display: block;
  position: relative;
  width: 540px;
  height: 420px;
  margin: 0 30px 60px;
  overflow: visible;
  float: left;
  text-align: center;
  background: #ddd;
}

a:hover.img_left2 {}

a.img_left2 img {
  width: 500px;
  height: 350px;
  padding: 20px 0 0;
}

a:hover.img_left2 img {}

a.img_left2 p {
  text-align: left;
  font-weight: normal;
  color: #000;
  text-indent: 20px;
  ;
}

a:hover.img_left2 p {
  color: #19c17d;
}

a.img_left2 .pro_tip {
  position: absolute;
  top: 0;
  left: 30px;
  width: 51px;
  height: 94px;
  border: none;
}

a:hover.img_left2 .pro_tip {
  position: absolute;
  top: 0;
  left: 30px;
  width: 51px;
  height: 94px;
  border: none;
}

a.img_left3 {
  display: block;
  position: relative;
  width: 230px;
  height: 190px;
  margin: 0px 5px 10px 5px;
  overflow: visible;
  float: left;
  text-align: center;
  background: #fff;
  border: 0px solid #ccc;
}

a:hover.img_left3 {
  border: 0px solid #19c17d;
}

a.img_left3 img {
  width: 230px;
  height: 150px;
  padding: 0px 0 0;
}

a:hover.img_left3 img {}

a.img_left3 p {
  padding: 0px;
  line-height: 40px;
  width: 230px;
  height: 40px;
  overflow: hidden;
  overflow: hidden;
  background-color: #19c17d;
  color: #fff;
  position: absolute;
  bottom: 0px;
  left: 0
}

a:hover.img_left3 p {
  color: #fff;
  background-color: #19c17d;
}

a.img_left3 .pro_tip {
  position: absolute;
  top: 0;
  left: 30px;
  width: 51px;
  height: 94px;
  border: none;
}

a:hover.img_left3 .pro_tip {
  position: absolute;
  top: 0;
  left: 30px;
  width: 51px;
  height: 94px;
  border: none;
}

a.img_left4 {
  display: block;
  position: relative;
  width: 230px;
  height: 290px;
  margin: 0px 5px 10px 5px;
  overflow: visible;
  float: left;
  text-align: center;
  border: 0px solid #ccc;
}

a:hover.img_left4 {
  border: 0px solid #19c17d;
}

a.img_left4 img {
  width: 230px;
  height: 230px;
  padding: 0px 0 20px;
}

a:hover.img_left4 img {}

a.img_left4 p {
  padding: 0px;
  line-height: 20px;
  width: 230px;
  height: 20px;
  color: #333;
  text-align: left;
}

a:hover.img_left4 p {
  color: #19c17d;
}

a.img_left4 .pro_tip {
  position: absolute;
  top: 0;
  left: 30px;
  width: 51px;
  height: 94px;
  border: none;
}

a:hover.img_left4 .pro_tip {
  position: absolute;
  top: 0;
  left: 30px;
  width: 51px;
  height: 94px;
  border: none;
}

a.img_left4 p.p2 {
  color: #999;
}

a:hover.img_left4 p.p2 {
  color: #19c17d;
}

a.img_left5 {
  display: block;
  position: relative;
  width: 230px;
  height: 320px;
  margin: 0px 24px 48px 24px;
  overflow: visible;
  float: left;
  text-align: center;
  border: 1px solid #ccc;
  padding: 10px;
}

a:hover.img_left5 {
  border: 1px solid #19c17d;
}

a.img_left5 img {
  width: 230px;
  height: 230px;
  padding: 0px 0 20px;
}

a:hover.img_left5 img {}

a.img_left5 p {
  padding: 0px;
  line-height: 24px;
  width: 230px;
  height: 24px;
  color: #333;
  text-align: left;
}

a:hover.img_left5 p {
  color: #19c17d;
}

a.img_left5 .pro_tip {
  position: absolute;
  top: 0;
  left: 30px;
  width: 51px;
  height: 94px;
  border: none;
}

a:hover.img_left5 .pro_tip {
  position: absolute;
  top: 0;
  left: 30px;
  width: 51px;
  height: 94px;
  border: none;
}

a.img_left5 p.p2 {
  color: #999;
}

a.img_left6 {
  display: block;
  position: relative;
  width: 280px;
  height: 280px;
  margin: 0px 8px 16px 8px;
  overflow: visible;
  float: left;
  text-align: center;
  border: 1px solid #ccc;
}

a:hover.img_left6 {
  border: 1px solid #19c17d;
}

a.img_left6 img {
  width: 280px;
  height: 280px;
}

a.img_left6 p {
  text-align: left;
  display: none;
}

a.img_left6 p .p1 {
  position: absolute;
  left: 10px;
  bottom: 30px;
}

a.img_left6 p .p2 {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

a:hover.img_left6 p {
  display: block;
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: 0px;
  height: 30px;
  line-height: 30px;
  background: #19c17d
}

a:hover.img_left6 p .p1,
a:hover.img_left6 p .p2 {
  position: relative;
  color: #fff;
  left: auto;
  bottom: auto;
}

a.img_left7 {
  display: block;
  position: relative;
  width: 280px;
  margin: 0px 8px 16px 8px;
  overflow: visible;
  float: left;
  text-align: center;
}

a.img_left7 img {
  width: 280px;
}

a.img_left7 p {
  padding: 0px;
  line-height: 30px;
  padding: 0 0px;
  height: 30px;
  color: #333;
  text-align: center;
  position: absolute;
  bottom: 30px;
}

a.img_left8 {
  margin: 0px 0px;
  width: 240px;
  text-align: center;
  padding: 0 0px;
}

a.img_left8 .title {
  color: #19c17d;
  font-img_left12 size: 26px;
  margin-bottom: 20px;
}

a.img_left9 {
  padding: 0px 40px 60px;
  display: block;
  float: left;
}

a.img_left10 {
  margin: 20px 35px;
  float: left;
}

a.img_left10 img {
  width: 328px;
  height: 123px;
}

a.img_left12 {
  display: block;
  position: relative;
  width: 100%;
  height: 800px;
  margin: 40px 0;
  overflow: visible;
  text-align: left;
  background: #fff;
  color: #000;
  border: 0px solid #ccc;
}

a:hover.img_left12 {
  border: 0px solid #19c17d;
  background: #fefefe;
  box-shadow: 0px 3px 6px 6px #ddd;
}

a.img_left12 img {
  width: 500px;
  height: auto;
  position: absolute;
  left: 80px;
  top: 150px;
}

a:hover.img_left12 img {}

a.img_left12 .img_left12_in {
  width: 650px;
  height: 600px;
  left: 650px;
  top: 100px;
  position: absolute;
}

a:hover.img_left12 .img_left12_in {}

a.img_left12 .img_left12_in .indexContitle2 {
  font-size: 36px;
  font-weight: normal;
  line-height: 48px;
}

a.img_left12 .img_left12_in .indexContitle3 {
  font-size: 22px;
  font-weight: normal;
  padding: 20px 0;
}

a.img_left12 .img_left12_in .indexContitle4 {
  font-size: 16px;
  font-weight: normal;
  color: #000;
  padding: 0 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
}

a.img_left12 .img_left12_in .indexContent {
  font-size: 14px;
  font-weight: normal;
}

.proList2 {
  width: 650px;
  height: 530px;
  background: #fff;
  float: left;
  text-align: left;
  position: relative;
  padding: 0;
  margin: 40px;
}

.proList2 .proImg2 {
  width: 650px;
  height: 530px;
  position: absolute;
  top: 0;
  right: 0;
}

.proList2 .proTitle2 {
  position: absolute;
  left: 40px;
  top: 60px;
  font-size: 16px;
  color: #19c17d;
  font-weight: bold;
}

.proList2 .proTitle3 {
  position: absolute;
  left: 40px;
  top: 150px;
  font-size: 14px;
  line-height: 50px;
  color: #999;
}

.proList2 a.more2 {
  position: absolute;
  right: 50px;
  top: 410px;
  border: 1px #19c17d solid;
  background: #19c17d;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  border-radius: 18px;
  clear: both;
  margin: 50px auto;
  display: block;
  width: 150px;
  transition: all 0.3s ease;
  text-align: center;
  text-indent: 20px;
}

.proList2 a.more2 .fj {
  float: right;
  display: block;
  height: 40px;
  width: 40px;
  border: 1px solid #999;
  border-radius: 25px;
  margin: -1px -5px 0 0;
  background: #fff url(../images/fj.jpg) center no-repeat;
  z-index: 999;
}

.proList2 a:hover.more2 {
  border: 1px #999 solid;
  color: #fff;
  background: #999;
}


.products_tab {
  width: 1100px;
  margin: 0 auto;
}

.products_tab .title_tab {
  float: left;
  width: 300px;
}

.products_tab .title_tab li {
  cursor: pointer;
  background: #aaa;
  color: #fff;
  height: 64px;
  margin-bottom: 64px;
  border-radius: 18px;
  text-align: center;
  line-height: 64px;
  font-size: 16px;
}

.products_tab .title_tab li.active1 {
  background: #19c17d;
}

.products_tab .content {
  float: right;
  width: 500px;
  padding-right: 250px;
  font-size: 20px;
  line-height: 30px;
  background: url(../images/ourservices.jpg) no-repeat;
  min-height: 400px;
  padding-top: 65px;
  color: #000;
  font-weight: 300;
  vertical-align: baseline;
}


#product li {
  text-align: center;
  line-height: 25px;
  float: left;
  padding: 9px 5px;
}

#probox {
  width: 900px;
  overflow: hidden;
  height: 410px;
}

#prolist {
  width: 2000px;
}

#left,
#right {
  cursor: pointer;
}

.bigimg {
  float: left;
  width: 400px;
  margin: 0 30px 0 0;
}

.proDetail {
  float: right;
  width: 450px;
  font: bold 18px/36px "microsoft yahei";
}

.title_pro2 {
  font: normal 28px/56px "microsoft yahei";
  margin: 20px 0 20px 0;
  color: #111;
  border-bottom: 1px solid #ccc;
}

.title_pro3 {
  font: bold 16px/30px "microsoft yahei";
  margin: 10px 0 10px 0;
  color: #333
}

/* 页码 */
/* 页码 */
#page {
  width: 100%;
  text-align: center;
  clear: both;
  padding:7vw 0;
}

#page a {
  color: #666;
  border: 1px #ddd solid;
  background: #fff;
  padding: 0.4vw 0.8vw;
  border-radius: 0px;
  font-size: 0.8vw;
  line-height:1.0vw;
}

#page a:hover {
  background-color: #19c17d;
  color: #fff;
  text-decoration: none;
  border: 1px #19c17d solid;
}

#page span.current u {
  color: #fff;
  border: 1px #19c17d solid;
  background: #19c17d;
  padding: 0.4vw 0.8vw;
  border-radius: 0px;
  text-decoration: none;
  font-size: 0.8vw;
  line-height:1.0vw;
}

.product {
  text-align: center;
  margin: 0 50px;
}

.product img {
  margin: 30px auto;
  max-width: 600px;
  border: 1px #ddd solid;
  padding: 5px;
}

.product .discribtion {
  text-align: left;
  padding: 10px;
}

.product .discribtion .title2 {
  font: normal 14px/30px "microsoft yahei";
  background: none;
  border-bottom: 1px dashed #999999;
  text-align: left;
  margin: 0 0 10px 0;
  padding: 0;
  color: #666666;
}

#products_tab .title_tab2 ul {
  width: 900;
  margin: 0 auto;
  height: 56px;
}

#products_tab .title_tab2 li {
  margin: 20px 10px 0 0px;
  overflow: hidden;
  float: left;
  text-indent: 0;
  padding: 5px 0px 20px;
  font-size: 28px;
  background: #fff;
  cursor: pointer;
  color: #333;
  font-weight: normal;
  border-left: 0px solid #ccc;
  border-bottom: 0px solid #999;
}

#products_tab .title_tab2 li.active1 {
  background: #fff;
  color: #111;
  border-bottom: 0px solid #19c17d;
  font-weight: normal;
}

#products_tab .content2 {
  width: 900px;
  padding: 20px 0;
  margin: 0 auto 30px;
  background: #fff;
  clear: both;
  border-top: 1px solid #ccc;
}

#products_tab .content2 div {
  padding: 0px 0px 0;
}

#products_tab .content2 div img {
  max-width: 860px;
  height: auto;
  padding: 0
}

#products_tab .title_tab2 #btn_21 {
  border-left: none;
}


#products_tab1 .title_tab1 ul {
  width: 1480px;
  margin: 0px auto;
  border-bottom: 1px solid #ccc;
}

#products_tab1 .title_tab1 li {
  margin: -4px 10px 0 0px;
  overflow: hidden;
  float: left;
  text-indent: -9999px;
  width: 120px;
  height: 8px;
  font-size: 28px;
  background: #ccc;
  cursor: pointer;
  color: #333;
  font-weight: normal;
  border-left: 0px solid #ccc;
  border-bottom: 0px solid #ccc;
}

#products_tab1 .title_tab1 li:first-child {
  margin-left: 380px;
}

#products_tab1 .title_tab1 li.active1 {
  background: #19c17d;
  color: #111;
  border-bottom: 0px solid #19c17d;
  font-weight: normal;
}

#products_tab1 div.content2 {
  width: 1240px;
  height: 450px;
  padding: 0px 0;
  margin: 0 auto 80px;
  clear: both;
  border-top: 0px solid #ccc;
  overflow: hidden;
  transition: all 1s ease;
}

#products_tab1 div:hover.content2 {
  width: 1400px;
  height: 450px;
  padding: 0px 0;
  margin: 0 auto 80px;
  clear: both;
  border-top: 0px solid #ccc;
  overflow: hidden;
  transition: all 0.3s ease;
}





/* news */
.newsShow {
  width: 601px;
  float: left;
  margin: 60px 0px 0 0px;
}

.news {
  width: 550px;
  padding-top: 20px;
  float: right;
  margin-top: 20px;
}

.news ul {
  text-align: center;
  list-style: none;
}

.news ul li {
  color: #999;
  margin: 0 auto;
  text-align: right;
  width: 270px;
  padding-right: 5px;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #999
}

.news ul li a {
  float: left;
  line-height: 32px;
  font-size: 14px;
  color: #333333
}

.news ul li a:hover {
  color: #19c17d
}


.news3 {
  float: right;
}

.title3 {
  font: bold 20px/30px "microsoft yahei", "宋体";
  text-align: center;
  background: none;
  border: none;
  padding-top: 30px;
  margin: 0;
  color: #333;
}

.news2 .time {
  text-align: center;
  color: #666666;
  border-top: 1px #ccc solid;
  border-bottom: 1px #ccc solid;
  line-height: 28px;
  margin: 10px 40px 30px;
}

.news2 .back {
  text-align: right;
  margin: 20px 50px 30px 0;
}

.news2 .back a {
  color: #000000
}

.news2 ul {
  text-align: center;
  margin-top: -10px;
  list-style: none;
}

.news2 ul li {
  color: #999;
  margin: 0 auto;
  text-align: right;
  width: 800px;
  padding-right: 5px;
  height: 30px;
  line-height: 30px;
  border-bottom: 1px dashed #999999
}

.news2 ul li.hr {
  height: 30px;
  overflow: hidden;
}

.news2 ul li a {
  float: left;
  padding-left: 15px;
  background: url(../images/icon2.gif) left center no-repeat;
  line-height: 30px;
}

.news2 .content {
  text-align: left;
  line-height: 24px
}

.news2 .content p {
  text-indent: 2em;
  padding: 0 40px;
}

.newsIndexList {
  float: right;
}

.newsIndexList li {
  display: inline;
}

.newsIndexList li a {
  background: #ccc;
  color: #000;
  padding: 10px;
}

.newsIndexList li a:hover,
.newsIndexList li a.current {
  background: #19c17d;
  color: #fff;
}

a.news_list3 {
  height: 120px;
  overflow: hidden;
  color: #999;
  float: left;
  width: 550px;
  margin: 25px 25px;
  text-align: left;
  overflow: hidden;
}

a.news_list3 .newsImg {
  float: left;
  margin-right: 15px;
}

a.news_list3 .num {
  font: bold 13px/18px Arial, Helvetica, sans-serif;
  height: 30px;
  text-align: left;
  text-indent: 30px;
  background: url(../images/iconTime.png) top left no-repeat;
  border-radius: 0px;
  color: #999;
  width: 342px;
  float: right;
}

a.news_list3 .news_title {
  font-weight: normal;
  font-size: 16px;
  line-height: 40px;
  color: #111;
}

a:hover.news_list3,
a:hover.news_list3 .news_title,
a:hover.news_list3 .num {
  color: #19c17d;
}

.news_list4 {
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  color: #333;
  float: left;
  width: 550px;
  margin: 25px 25px;
  text-align: left;
  overflow: hidden;
  border-radius: 15px;
  text-indent: 90px;
  background: #eee url(../images/icon.png) 65px center no-repeat;
}

.proTitle {
  font-size: 18px;
  color: #000;
}

.pro_cs2 {
  float: right;
  width: 600px;
  margin: 20px 0px 0 0;
  overflow: hidden;
  font-size: 18px;
  line-height: 60px;
}

.title1 {
  color: #999;
}

.title2 {
  font-size: 30px;
  display: block;
  height: 60px;
  line-height: 36px;
  margin-bottom: 10px;
  background: url(../images/line.png) left bottom no-repeat;
  color: #333;
}

.hr {
  border-bottom: 1px solid #ddd;
  clear: both;
  margin: 10px 0;
}

.bdsharebuttonbox {
  float: left;
}


/*轮播样式ʽ*/
.poster_box {
  overflow: hidden;
  margin: 100px 20px 0
}

.poster_box h2 {
  font-size: 30px;
  color: #015293;
  font-weight: bold;
  text-align: center;
}

.poster_box h3 {
  font-size: 16px;
  color: #015293;
  margin: 10px 0 35px;
  text-align: center;
}

.poster-main {
  position: relative;
  width: 100%;
  height: 840px !important;
  margin-left: auto;
  margin-right: auto;
}

.poster-main img {
  display: block;
}

.poster-main a,
.poster-main img {
  display: block;
  width: 100%;
  height: 100%;
}

.poster-main img {}

.poster-main .poster-list {
  width: 1400px;
  height: 840px;
}

.poster-main .poster-list .poster-item {
  width: 400px;
  height: 840px;
  position: absolute;
  left: 0;
  top: 0;
}

.poster-main .poster-list .poster-item .item {
  position: relative;
  width: 100%;
  height: 100%
}

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  cursor: pointer;
  filter: opacity(.8) brightness(1);
}

.poster-main .poster-btn:hover {
  filter: opacity(1) brightness(2);
}

.poster-main .poster-prev-btn {
  left: 0;
  background: url(../images/left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
  right: 0;
  background: url(../images/right.png) no-repeat center center;
}

.poster-item-title {
  background: rgba(42, 42, 42, 0.8) none repeat scroll 0 0 !important;
  /*实现FF背景透明，文字不透明*/
  filter: Alpha(opacity=80);
  background: #2a2a2a;

  color: #FFF;
  width: 100%;
  height: 52px;
  line-height: 52px;
  position: absolute;
  bottom: 0;
  text-indent: 29px
}

.lunbo_btn {
  height: 15px;
  width: 100%;
  margin: 0px auto;

  position: absolute;
  z-index: 3;
  text-align: center;
  bottom: 2px
}

.lunbo_btn li {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-color: #b4b5b7;
  border-radius: 50%;
  margin: 0px 2px;
  cursor: pointer;
}

.lunbo_btn li.poster-btn-active {
  background-color: #0b518a;
}

#proBox10{ width:90%; margin:3vw auto;}

#proBox10::-webkit-scrollbar {/*滚动条整体样式*/
        width: 0.4vw;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 0.4vw;
    }
#proBox10::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 1vw;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
		height:1vw;
		width:1vw;
    }
#proBox10::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 1vw;
        background: #EDEDED;
		height:1vw;
		width:1vw;
    }
input:focus,textarea:focus {
  outline: 0;
}

input::selection {
  background: transparent;
}

input::-moz-selection {
  background: transparent;
}