﻿.sygsjj{background:url(../images/abbj.png) center center no-repeat;background-size:cover; margin-bottom:70px;  margin-top:120px;}
.sygsjj01{width:50%; background:url(../images/abtt.jpg) center center no-repeat; background-size:cover; height:460px;}
.sygsjj02{width:40%; margin-right:5%;}
.sygsjj03{color:#0055b9; font-size:53px; line-height:58px; margin-bottom:15px; font-weight:900; font-family: Arial, Helvetica, sans-serif;}
.sygsjj04{color:#212121; font-size:32px; line-height:34px; font-weight:700;}
.sygsjj05{color:#666; font-size:16px; line-height:30px; width:100%; padding-top:30px; text-align:justify;}
.sygsjj05 a { color:#666;}
.sygsjj04_xx { width:80px; height:2px; background:#56ab1f; margin-top:25px; margin-bottom:0px;}
.tutu {}


.qywl{ width:1260px; margin:auto; height:auto; padding-top:60px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.qywlan{text-align:center; width:220px; border:2px solid rgba(0,0,0,.1); padding:30px 25px 15px; }
.qywlan:hover{ margin-top:-20px;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.qywlan01{line-height:42px; padding-top:20px; font-size:22px; color:#212121; font-weight:400; border-bottom:2px solid #FFF; font-family:Tahoma, Geneva, sans-serif;}
.qywlan02{line-height:22px; padding-top:0px; padding-bottom:20px; font-size:16px; color:#999;}


.neirong4 a{width: 180px;height: 50px;line-height: 50px;text-align: center;	font-size: 15px;display: block;color: #fff; background:#0055b9; margin-top:30px;font-weight:normal;}
.neirong4 a:hover{background: #56ab1f; color:#FFF;	}






.company{ width:1200px; margin:auto; margin-bottom:130px; height:480px; margin-top:0px; }


.news{ width:702px; float:left }
.news  h3{ width:100%; float:left; font-size:35px; color:#000; font-weight:900; padding-top:50px; padding-bottom:30px;}
.news  h3 p{font-size:20px; color:#4e4e4e; font-weight:normal }
.news  h3 span{font-size:15px; float:right ; color:#4e4e4e; font-weight:normal;  padding-top:55px;  display:flex;}









.news1{ width:702px; height:115px; float:left;position: relative;font-size:17px; color:#000000; font-weight:normal;transition: all 0.3s ease 0s; 
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; padding-top:20px; padding-bottom:20px }
.news1 img{ width:161px; height:106px; float:left; padding-right:20px; }


.news1:after, .news1:before {
  left: 0;
  bottom: 0px;
  height: 1px;
  width: 100%;
  content: "";
  position: absolute;
  background-color: #dddddd;
}
.news1:before {
  transform-origin: 100% 50%;
  transition: transform 0.3s linear;
}
.news1:after {
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: 0.3s linear 0.2s;
  background-color: #004eb8;
}
.news1:hover:after, .news1:hover:before {
  background-color: #004eb8;
  height:2px;
}
.news1:hover:before {
  transform: scaleX(0);
}
.news1:hover:after {
  transform: scaleX(1);
}


.n_left1{ width:100px; text-align:center; float:right; background:#c3c3c3; height:100px;} 
.n_left1 b{ font-size:50px; color:#fff; text-align:center; line-height:55px; padding-top:10px; float:left; width:100%;}
.n_left1 p{ font-size:16px; color:#fff; font-weight:normal;}
.n_left1 a{color:#fff;}


.n_left{ width:100px; text-align:center; float:left} 
.n_left b{ font-size:40px; color:#c7c7c7; padding-top:5px; line-height:35px}
.n_left p{ font-size:16px; color:#c7c7c7; margin:0; font-weight:normal;}
.n_left a{color:#c7c7c7;}



.n_right{ width:600px; float:right;} 
.n_right h4{ font-size:17px; color:#000000; font-weight:normal; float:left; transition: all 0.3s ease 0s; width:100%;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden;}

a:hover .n_right h4 { color:#004eb8 !important;}

.vn1{ font-size:15px; color:#a3a3a3!important; line-height:25px; width:100%; float:left; 
text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 1;

overflow: hidden; margin-top:6px;


}

.n_right1 p {
    font-size: 15px;
    color: #a3a3a3;
    line-height: 25px;
    margin-top: 5px;
    float: left;
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.n_right1{ width:400px; float:left;} 
.n_right1 h4{ font-size:17px; color:#000000; font-weight:normal; float:left; transition: all 0.3s ease 0s; width:100%;
text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
overflow: hidden;
}
.n_right1 p{ font-size:15px; color:#a3a3a3; line-height:25px; margin-top:5px; float:left;width:100%;
text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
overflow: hidden;}



.company_r{ width:412px; float:right; margin-top:80px;}
.c_pic{ border-left:solid 1px #e2e2e2;}



.news ul{ width:702px}
.news ul li{ position: relative;font-size:17px; color:#000000; font-weight:normal; float:left; transition: all 0.3s ease 0s; width:100%;
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; padding-top:20px; padding-bottom:20px}

.news ul li:after, .news ul li:before {
  left: 0;
  bottom: 0px;
  height: 1px;
  width: 100%;
  content: "";
  position: absolute;
  background-color: #dddddd;
}
.news ul li:before {
  transform-origin: 100% 50%;
  transition: transform 0.3s linear;
}
.news ul li:after {
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: 0.3s linear 0.2s;
  background-color: #004eb8;
}
.news ul li:hover:after, .news ul li:hover:before {
  background-color: #004eb8;
  height:2px;
}
.news ul li:hover:before {
  transform: scaleX(0);
}
.news ul li:hover:after {
  transform: scaleX(1);
}
.news ul li:hover h4{ color:#10a4c2;}




.news1{ width:702px; height:147px; float:left;position: relative;font-size:17px; color:#000000; font-weight:normal;transition: all 0.3s ease 0s; 
text-overflow:ellipsis;/*超出...*/ display:-webkit-box; -webkit-line-clamp:1;/*显示行数*/ -webkit-box-orient:vertical; overflow:hidden; padding-top:20px; padding-bottom:20px }
.news1 img{ width:161px; height:106px; float:left; padding-right:20px; }


.news1:after, .news1:before {
  left: 0;
  bottom: 0px;
  height: 1px;
  width: 100%;
  content: "";
  position: absolute;
  background-color: #dddddd;
}
.news1:before {
  transform-origin: 100% 50%;
  transition: transform 0.3s linear;
}
.news1:after {
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: 0.3s linear 0.2s;
  background-color: #004eb8;
}
.news1:hover:after, .news1:hover:before {
  background-color: #004eb8;
  height:2px;
}
.news1:hover:before {
  transform: scaleX(0);
}
.news1:hover:after {
  transform: scaleX(1);
}









.tpp1{ width:206px; float:left; background:url(../images/g1.png) no-repeat center 30px #004eb8; height:147px; color:#FFFFFF; text-align:center; font-size:20px; padding-top:80px;-webkit-transition:all 0.1s ease 0s; transition:all 0.1s ease 0s;}
.tpp1 a{ color:#FFFFFF; }
.tpp1:hover{ font-size:22px; -webkit-transition:all 0.1s ease 0s; transition:all 0.1s ease 0s; color:#fff!important}
.tpp1 a:hover{color:#fff!important}
.tpp2{ width:206px; float:left; background:url(../images/g2.png) no-repeat center 30px #56ab1f; height:147px; color:#FFFFFF; text-align:center; font-size:20px; padding-top:80px;-webkit-transition:all 1s ease 0s; transition:all 1s ease 0s;}
.tpp2 a{ color:#FFFFFF; }
.tpp2 a:hover{color:#fff!important}
.tpp2:hover{ font-size:22px; -webkit-transition:all 0.1s ease 0s; transition:all 0.1s ease 0s; }

.all{ width: 412px; height:270px; position: relative;}
.screen{
	height:100%;
	overflow:hidden; 
	position:relative;
}
.screen ul{ position:absolute; left:0; top:0px; width:3000px;}
.screen li{ overflow:hidden; float:left;}
.screen li img{ width:412px; height:270px; object-fit: cover;}
.all ol{ position:absolute; left:10px; bottom:10px; text-align:center; width:100%;}
.all ol li{ float: left; width: 20px; height: 20px; line-height:20px; cursor: pointer; font-size:15px; color:#898989; background:rgba(0, 0, 0, 0.5); border-radius:50%; margin-right:5px;}
.all ol li.current{ color:#fff; background: #004eb8;}



