/* 预定义样式开始 */

body,

div,

ol,

ul,

li,

dl,

dt,

dd,

h1,

h2,

h3,

h4,

h5,

h6,

p,

form,

fieldset,

legend,

input {

  margin: 0;

  padding: 0;

  /* min-width:1500px; */

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: normal;

}



ol,

ul {

  list-style: none;

}



img,

fieldset {

  border: 0 none;

  display: block;

}



 {

  padding: 0rem;

  margin: 0rem;

}



ul li {

  list-style: none;

}



a {

  text-decoration: none;

}



.fl {

  float: left;

}



.fr {

  float: right;

}



em {

  font-style: normal;

}



body {

  font: 14px/1.5;

  color: #333;

  background-color: #fff;

  min-width: 1226px;

  font-weight: 微软雅黑;

}



i {

  font-style: normal;

}



input:focus {

  outline: none;

}



/* 预定义样式结束 */

/* 整体最大外围 */

#box {

  width: 100%;

  position: relative;

}



/*-----------------*/

/* 开头logo处开始 */

.top {

  width: 100%;

  height: 120px;

  /* background: lightcyan; */

}



.content-top {

  width: 1202px;

  height: 120px;

  background: #ffffff;

  margin: 0 auto;

}



.logo-left {

  width: 310px;

  height: 70px;

  float: left;

  margin-top: 30px;

  margin-bottom: 20px;

}



.logo-left span {

  font-size: 23px;

  letter-spacing: 8px;

  color: #343332;

}

.logo-right .login-top .login-top-cont-b p{
	text-align: right;
}


.logo-right {

  width: 731px;

  height: 92px;

  float: right;

  margin-top: 28px;

}



.logo-right .login-top {

  width: 768px;

  height: 24px;

  position: relative;

}



.login-top-cont-a .chin {

  color: #e60012;

  font-weight: 700;

  font-size: 18px;

}



.login-top-cont-a .elemis {

  color: #343332;

  font-weight: 500;

  font-size: 18px;

}



.login-top-cont-a .chin::after {

  content: "";

  border: 0.3px solid #343332;

  margin-left: 5px;

}



.login-top-cont-a .shu {

  font-weight: 600;

  height: 50px;

}



.logo-right .login-top .login-top-cont-b {

  width: 213px;

  height: 47px;

  float: right;

  position: absolute;

  top: -11px;

  left: 571px;

}



.logo-right .login-top .login-top-cont-b i {

  line-height: 24px;

  color: #343332;

  font-size: 14px;

}



.logo-right .login-list {

  width: 768px;

  height: 68px;

  position: relative;

}



.login-list .login-list-l {

  width: 100%;

  height: 50px;

  position: absolute;

  top: 18px;

}



.login-list .login-list-l .list-ul li {

  width: 128px;

  height: 50px;

  float: left;

  text-align: center;

  transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -webkit-transition: all 0.3s ease;

}



/* .login-list .login-list-l .list-ul .col-lis {

	background: #e60012;

	color: #ffffff;

} */



.login-list .login-list-l .list-ul li:hover {

  background: #e60012;

  color: #ffffff;

}



.login-list .login-list-l .list-ul li:hover a {

  color: #ffffff;

}



.login-list .login-list-l .list-ul a {

  color: #343332;

  /* line-height: 50px; */

  margin-top: 15px;

  border-right: 1px solid #d00009;

  display: block;

}



/* 中部images */

.ban-img {

  width: 100%;

  height: 400px;

  background: url(../img/indexbanner.jpg) no-repeat center;

}



.ban-img img {

  width: 100%;

}



/* 底部部分 */

.list-se {

  width: 100%;

  height: 256px;

  /* background: #1f1f1f; */

  background: url(../img/bend.jpg) no-repeat center;

  /* z-index: 9999; */

}



.list-se .list-hr {

  width: 100%;

  height: 213px;

  border-bottom: 2px solid #2c2c2c;

  position: absolute;

}



.list-se .list-center {

  width: 1202px;

  height: 206px;

  margin: 0 auto;

  position: relative;

  display: flex;

  justify-content: space-between;

}



.list-se .list-center .list-centerls {

  width: 58%;

  height: 50px;

  position: absolute;

  top: 139px;

}



.list-se .list-center .list-center-left {

  width: 700px;

  height: 206px;

}



.list-se .list-center .list-center-left .list-logo {

  width: 266px;

  height: 70px;

  padding: 43px 0;

}



.list-se .list-center .list-center-left .list-logo a span {

  color: #fffefe;

  font-size: 26px;

  margin-top: 5px;

  display: block;

}



.list-se .list-centerls .list-centerls-u {

  display: flex;

  justify-content: space-between;

}



.list-se .list-centerls .list-centerls-u li,

.shu {

  line-height: 50px;

  font-size: 14px;

  color: #d2d2d2;

}



.list-se .list-centerls .list-centerls-u li:hover {

  color: #fffefe;

}



.list-se .list-center .list-center-right {

  width: 369px;

  height: 209px;

  display: flex;

  justify-content: space-between;

}



.list-center-right .list-left {

  width: 252px;

  height: 163px;

  padding: 24px 0;

}



.list-center-right .list-right {

  width: 116px;

  height: 209px;

  display: flex;

  text-align: center;

}



.list-center-right .list-right .img-list img {

  margin-top: 39px;

}



.list-center-right .list-right .img-list .em-tl {

  color: #d2d2d2;

  margin-top: 10px;

  display: block;

  font-size: 14px;

}



.list-center-right .list-left .list-title-le {

  color: #d2d2d2;

  font-size: 12px;

  margin-top: 14px;

}



.but-l {

  width: 100%;

  height: 40px;

  margin-top: 10px;

}



.but-l .but-t {

  width: 1202px;

  height: 40px;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  flex-direction: row;

  align-items: center;

}



.but-l .but-t .but-le {

  width: 600px;

  height: 30px;

  margin: 0 auto;

  margin-left: 200px;

}



.but-l .but-t .but-le .but-tl {

  line-height: 30px;

  font-size: 12px;

  color: #545454;

}



.but-l .but-t .but-re {

  width: 251px;

  height: 30px;

  margin: 0 auto;

  margin-left: -80px;

  line-height: 30px;

  font-size: 12px;

  color: #545454;

}



.but-l .but-t .but-re span {

  line-height: 30px;

  font-size: 12px;

  color: #545454;

}



/* 搜索部分 */

/* .tion {

	width: 100%;

	height: 1700px;

}

 */

.tion .tion-center {

  width: 1200px;

  height: 1250px;

  margin: 0 auto;

}



.tion .tion-center .tion-top {

  width: 100%;

  height: 99px;

  position: relative;

}



.tion .tion-center .tion-top-ti {

  width: 100%;

  height: 20px;

  position: absolute;

  top: 36%;

}



.tion .tion-center .tion-top-ti .icon-i,

.images {

  width: 20px;

  height: 20px;

  float: left;

}



.tion .tion-center .tion-top-ti .icon-tile {

  width: 500px;

  height: 20px;

  margin-left: 25px;

}



.tion .tion-center .tion-top-ti .icon-tile-dq {

  width: 74px;

  height: 20px;

  float: left;

  color: #727272;

}



.tion .tion-center .tion-top-ti .icon-tile-a {

  width: 500px;

  height: 20px;

}



.tion .tion-center .tion-top-ti .icon-tile-a a,

span {

  color: #727272;

  font-size: 16px;

}



.tion .tion-center .tion-top-ti .icon-tile-a a:hover {

  color: #e90310;

}



.sea-top {

  width: 100%;

  height: 302px;

}



.sea-top .sea-top-sea {

  width: 1202px;

  height: 302px;

  margin: 0 auto;

}



.search-top {

  width: 100%;

  height: 60px;

  background-color: #fff;

  position: relative;

}



.search-fo {

  width: 583px;

  height: 40px;

  position: absolute;

  top: 20px;

  float: right;

  left: 619px;

  box-shadow: -3px 5px 4px #ebebeb;

  box-shadow: blur;

}



.search-fo .search-tex {

  width: 225px;

  height: 40px;

  /* float: right; */

  margin-left: 278px;

}



.search-fo .search-tex .search-ul li {

  float: left;

  line-height: 40px;

  cursor: pointer;

  margin-left: 20px;

  color: #b9b8b7;

  font-size: 14px;

}



.search-fo .input-f {

  display: block;

  width: 229px;

  height: 40px;

  padding-left: 18px;

  font-size: 14px;

  color: #333;

  border: none;

  float: left;

  /* margin-left: 50px; */

}



.search-fo input[type="submit"] {

  display: block;

  cursor: pointer;

  width: 80px;

  height: 40px;

  background: url(../image/icon02sou.png) center center no-repeat;

  background: #e60012;

  border: none;

  float: right;

  color: #ffffff;

}



/* 详情部分 */

.details {

}



.details .details-le {

  width: 240px;

  height: 460px;

  float: left;

  padding-top: 11px;

}



.details .detai-top {

  width: 240px;

}



.details .detai-top .detai-top-first {

  width: 100%;

  height: 50px;

}



.details .detai-top .detai-top-first .le-icon {

  width: 85%;

  height: 25px;

  background: #e60012;

  padding: 13px 18px;

  display: flex;

  color: #ffffff;

  font-weight: 650;

  line-height: 25px;

}



.details .detai-top .detai-top-first .le-icon em {

  margin-left: 10px;

}



.details .detai-top .detai-top-first .le-icon img {

  width: 27px;

  height: 27px;

}



.details .details-le .details-le-to {

  width: 100%;

  height: 310px;

  background: lightcoral;

  float: left;

  position: relative;

}



.details .detai-top .le-but-list {

  width: 222px;


  border: 9px solid #eeeeee;

  margin-bottom: 20px;

}

.tion{
  margin-bottom: 70px;
}

.details .detai-top .le-but-list ul li {

  display: block;

  width: 184px;

  height: 14px;

  padding: 13px 19px;

  display: flex;

  border: 1px solid #eeeeee;

}



.details .detai-top .le-but-list ul li i {

  width: 7px;

  height: 12px;

  background: #555555;

  background: url(../img/leftjt.png) no-repeat;

}



.details .detai-top .le-but-list ul li:hover i {

  background: url(../img/lefttou.png) no-repeat;

}



.details .detai-top .le-but-list ul a li:hover {

  background: #555555;

}



.details .detai-top .le-but-list ul a li:hover >span {

  color: #ffffff;

}



.details .detai-top .le-but-list ul li:hover > img {

  background: url(../img/lefttou.png) no-repeat;

}



.details .detai-top .le-but-list ul a li {

  color: #333333;

  font-size: 14px;

  line-height: 14px;

}

.details .detai-top .le-but-list ul a li span{

  color: #333;

  margin-left: 17px;

}

.details .details-le .details-le-to .tou-opir {

  width: 100%;

  height: 310px;

  background: #eeeeee;

  position: absolute;

  /* opacity: 0.5; */

  background: rgba(214, 64, 86, 0.5);

  background: hsl(351deg 100% 47% / 55%);

  top: 0px;

  left: 0px;

}



.details .details-le .details-le-to .tou-opir .tou-opir-text {

  width: 100%;

  height: 65px;

  margin-top: 61px;

}



.details .details-le .details-le-to .tou-opir .tou-opir-text .tou-opir-t {

  width: 180px;

  height: 65px;

  margin-top: 61px;

  margin: 0 auto;

  text-align: center;

}



.details .details-le .details-le-to .tou-opir .tou-opir-text .tou-opir-t i {

  font-size: 20px;

  white-space: nowrap;

  margin-bottom: 10px;

  display: block;

  color: #ffffff;

}



.details .details-le .details-le-but {

  width: 100%;

  height: 150px;

  background: #e60012;

  float: left;

}



.details .details-le .details-le-but .details-bs {

  width: 100%;

  height: 50px;

  text-align: center;

  font-weight: 600;

}



.details .details-le .details-le-but .details-bs .detalis-v {

  color: #ffffff;

  font-size: 18px;

  line-height: 57px;

}



.details .details-le .details-le-but .details-bs-b {

  width: 100%;

  height: 50px;

  text-align: center;

}



.details .details-le .details-le-but .detail-img {

  width: 180px;

  height: 57px;

  margin: 0 auto;

}



.details .details-le .details-le-but .detail-icon {

  width: 20px;

  height: 20px;

  float: left;

  margin-top: 8px;

  margin-left: 10px;

}



.details .details-le .details-le-but .detail-img .detail-img-a {

  width: 150px;

  height: 20px;

  float: right;

  margin-bottom: 4px;

}



.details .details-le .details-le-but .detail-img .detail-img-a span {

  color: #ffffff;

  font-size: 16px;

  font-weight: 700;

  margin-left: -8px;

}



.details .details-ri {

  width: 930px;

  /*height: 1600px;*/

  float: right;

  position: relative;

}



.details-le-but .detail-list {

  width: 100%;

  height: 50px;

}



.details-le-but .detail-list .detail-lis {

  width: 86%;

  height: 20px;

  padding: 0px 17px;

}



.details-le-but .detail-list .detail-lis .list-a {

  width: 18px;

  height: 15px;

  float: left;

  margin-top: 4px;

}



.details-le-but .detail-list .detail-lis .list-b {

  width: 180px;

  height: 20px;

  float: right;

  font-size: 16px;

}



.details-le-but .detail-list .detail-lis .list-b i {

  color: #ffffff;

  font-weight: 700;

}



.details .details-top {

  width: 100%;

}



.details .details-top .details-les {

  width: 127px;

  float: left;

  border-top: 2px solid red;

  text-align: center;

  font-size: 26px;

  height: 38px;

}



.details .details-top .details-res {

  width: 803px;

  float: right;

  border-top: 1px solid #cccccc;

  font-size: 14px;

  height: 40px;

}



/* 右侧部分开始 */

.details-ri .cent-list {

  width: 100%;

  height: 1000px;

  position: absolute;

}



.details-ri .cent-list .cent-lisu {

  display: inline-block;

  display: flex;

  /*justify-content: space-between;*/

  flex-direction: row;

  flex-wrap: wrap;

  font-size: 0;

}

.details-ri .cent-list .cent-lisu .cent-img {width: 100%;height: 238px;display: flex;align-items: center;}

.details-ri .cent-list .cent-lisu .cent-img img {width: 100%;height: 100%; object-fit: cover;}



.details-ri .cent-list .cent-lisu li {

  width: 300px;

  height: 300px;

  /*background: lemonchiffon;*/

  display: block;

  transition: all 0.5s linear;

  border-bottom: 1px solid #e60012;

  margin-top: 40px;

  margin-right:10px;

}



.details-ri .cent-list .cent-lisu .cent-tex {

  width: 100%;

  height: 62px;

  background: #ffffff;

  text-align: center;

  overflow: hidden;

  text-overflow: ellipsis;

  -o-text-overflow: ellipsis;

  -webkit-text-overflow: ellipsis;

  -moz-text-overflow: ellipsis;

  white-space: nowrap;

  -webkit-line-clamp: 1;

  line-clamp: 1;

}



.details-ri .cent-list .cent-lisu .cent-tex span {

  color: red;

  line-height: 62px;

  color: rgb(51, 51, 51);

  font-family: 微软雅黑;

  font-size: 20px;

}



.details-ri .cent-list .cent-lisu li:hover {

  -webkit-transition: all 0.2s linear;

  transition: all 0.2s linear;

  -webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);

  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);

  -webkit-transform: translate3d(0, -2px, 0);

  transform: translate3d(0, -2px, 0);

  border: none;

}



.clear {

  clear: both;

  font-size: 0;

  height: 0;

  line-height: 0;

  overflow: hidden;

  margin: 0;

  padding: 0;

  width: 0;

  border: none;

}



.tion .feny {

  width: 100%;

  height: 40px;

  margin-top: 50px;

}



.tion .feny .feny-cent {

  width: 656px;

  height: 40px;

  margin: 0 auto;

  -moz-user-select: none;

  /*火狐*/

  -webkit-user-select: none;

  /*webkit浏览器*/

  -ms-user-select: none;

  /*IE10*/

  -khtml-user-select: none;

  /*早期浏览器*/

  user-select: none;

}



.page_div {

  margin-top: 20px;

  margin-bottom: 20px;

  font-size: 15px;

  color: #666666;

  margin-right: 10px;

  padding-left: 20px;

  box-sizing: border-box;

}



.page_div li {

  min-width: 30px;

  height: 30px;

  width: 30px;

  background-color: #cccccc;

  text-align: center;

  margin: 0 7px;

  cursor: pointer;

  line-height: 28px;

  color: #333333;

  font-size: 13px;

  display: inline-block;

}

.page_div li:hover{

  background: red;

}

#firstPage,

#lastPage {

  width: 60px;

  height: 30px;

  color: #333333;

  background: #cccccc;

}



#prePage,

#nextPage {

  width: 80px;

  height: 30px;

  color: #333333;

  background: #cccccc;

}



.page_div .current {

  background: red;

  color: #333333;

  margin: 0 10px;

  width: 30px;

  height: 30px;

}



.totalPages {

  margin: 0 10px;

}



.totalPages span,

.totalSize span {

  color: #0073a9;

  margin: 0 5px;

}





.pages{

    width: 100%;

    height: 30px;

    margin-top:50px;

}

.pages .pages-cont{width: 782px;height: 40px;margin: 0 auto;display: flex;justify-content: center;}

li {

  list-style: none;

}

.gcs-pagination {

  /*background: #ccc;*/

}

.gcs-pagination li {

  float: left;

  height: 30px;

  display: block;

}

.gcs-pagination a {

  text-decoration: none;

  padding: 5px 12px;

  margin: 2px;

  color: black;

  border: 1px solid lightgray;

}

.gcs-pagination span {

  text-decoration: none;

  padding: 5px 12px;

  margin: 2px;

  color: black;

}

.gcs-pagination .disabled {

  margin: 0;

  padding: 0;

 /*display: none;*/

}



.gcs-pagination a:hover {

  background: #cccccc;

}

.gcs-pagination a.cur {

  background: #4caf50;

  color: #ffffff;

}

.li-cons{
  background: #555555;
}
.onsta{
  color: #fff !important;
}
.backgr{
  background: url(../img/lefttou.png) no-repeat !important;
}


/*---------右侧固定---------*/
.right-flex {
	position: fixed;
	right: 0;
	top: 15%;
	z-index: 99;
}

.right-flex .right-flex-ul {
	display: flex;
	flex-direction: column
}

.right-flex .right-flex-ul li {
	width: 80px;
	height: 54px;
	border: 1px solid #e5e5e5;
	padding: 12px 0;
	background: #FFFFFF;
	transition: all 0.3s linear;
}

.right-flex .right-flex-ul li i {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}

.right-flex .right-flex-ul li i span {
	color: #6b6b6b;
	margin-top: 5px;

}

.right-flex .right-flex-ul li i .img_a {
	width: 26px;
	height: 26px;
	background: url(../img/kf.png) no-repeat;
}

.right-flex .right-flex-ul li i .img_b {
	width: 26px;
	height: 26px;
	background: url(../img/ly.png) no-repeat;
}

.right-flex .right-flex-ul li i .img_c {
	width: 26px;
	height: 26px;
	background: url(../img/sys.png) no-repeat;
}

.right-flex .right-flex-ul .saoyisao {
	position: relative;
}

.right-flex .right-flex-ul .saoyisao:hover {
	background: #e60012;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.right-flex .right-flex-ul .saoyisao .hidden-box {
	width: 115px;
	height: 115px;
	position: absolute;
	left: -116px;
	top: -36px;
	display: none;
}

.right-flex .right-flex-ul .saoyisao:hover .hidden-box {
	display: block;
}

.right-flex .right-flex-ul .saoyisao:hover span {
	color: #FFFFFF;
}

.right-flex .right-flex-ul .zixun:hover {
	background: #e60012;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	color: #FFFFFF;
}

.right-flex .right-flex-ul .zixun:hover span {
	color: #FFFFFF;
}

.right-flex .right-flex-ul .zaixian:hover {
	background: #e60012;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	color: #FFFFFF;
}

.right-flex .right-flex-ul .zaixian:hover span {
	color: #FFFFFF;
}

.right-flex .right-flex-ul .zixun .hidden-box-ly {
	width: 282px;
	height: 220px;
	background: #FFFEFE;
	position: absolute;
	top: 80px;
	left: -282px;
	display: none;
	box-shadow: 0 3px 10px #b2b2b2;
}

.right-flex .right-flex-ul .zixun:hover .hidden-box-ly {
	display: block;
}

.right-flex .right-flex-ul .zixun .hidden-box-ly input[type='text'] {
	width: 194px;
	height: 27px;
	margin: 9px 0;
	margin-left: 20px;
	border: none;
	border-bottom: 1px solid #E4E4E4;
}

.right-flex .right-flex-ul .zixun .hidden-box-ly input[type='submit'] {
	width: 90px;
	height: 26px;
	background: #e70012;
	border: none;
	color: #FFFFFF;
	margin-left: 22px;
}

input::-webkit-input-placeholder {
	color: #666666;
}

.right-flex .right-flex-ul .saoyisao:hover {
	background: #e60012;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
	color: #FFFFFF;
}

.right-flex .right-flex-ul .saoyisao:hover span {
	color: #FFFFFF;
}

.right-flex .right-flex-ul .zixun:hover .img_b {
	background: url(../img/touly.png) no-repeat;
}

.right-flex .right-flex-ul .zaixian:hover .img_a {
	background: url(../img/toukf.png) no-repeat;
}

.right-flex .right-flex-ul .saoyisao:hover .img_c {
	background: url(../img/tousys.png) no-repeat;
}

/*--------------------------*/