/* 预定义样式开始 */

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 {

	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/banner3.jpg) no-repeat center;

}



.ban-img img {

	width: 100%;

}



/* 底部部分 */

.list-se {

	width: 100%;

	height: 256px;

	/* background: #1f1f1f; */

	margin-top: 106px;

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

	/* z-index: 9999; */

	position: absolute;

}



.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: 2000px;

} */



.tion .tion-center {width: 1200px;/* height: 1700px; */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: 300px;

	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 {
    /* height: 500px; */
    /* background: red; */
    display: flex;
    justify-content: space-between;
    width: 1200px;
}



.details .details-le {

	width: 240px;

	height: 460px;

	float: left;

	padding-top: 20px;

}



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

	width: 100%;

	height: 310px;

	background: lightcoral;

	float: left;

	position: relative;

}



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

	width: 100%;

	height: 310px;

	background: #ff0000;

	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;}



.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%;

	height: 102px;

}



.details .details-top .details-les {

	/* width: 127px; */

	height: 102px;

	float: left;

	border-top: 2px solid red;

	text-align: center;

	font-size: 26px;

	position: absolute;

}



.details .details-top .details-les i {

	display: block;

	/* width: 127px; */

	height: 102px;

	line-height: 102px;

	font-weight: 700;

	color: #333333;

}



.details .details-top .details-res {

	width: 803px;

	height: 102px;

	float: right;

	border-top: 1px solid #cccccc;

	font-size: 14px;

}



.details .details-top .details-res i {

	display: block;

	width: 148px;

	height: 102px;

	line-height: 102px;

	color: #999999;

	float: right;

}



.details .details-ri .details-imgs {

	width: 100%;

	height: 340px;

	display: flex;

	flex-direction: row;

	justify-content: space-between;

}



.details .details-ri .details-imgs .de-img-one {

	width: 463px;

	height: 316px;

}

.details .details-ri .details-imgs .de-img-one img {

	width: 100%;

	height: 316px;

}



.details .details-ri .details-imgs .de-img-two {

	width: 463px;

	height: 316px;

}

.details .details-ri .details-imgs .de-img-two img {

	width: 100%;

}



.details-ri .list-details {

	width: 100%;

}



.details-ri .list-details p {

	color: #666666;

	font-size: 16px;

	margin-bottom: 32px;

}



.details-ri .list-fx {

	width: 100%;

	height: 84px;

}



.details-ri .list-fx .list-fx-ls {

	width: 200px;

	height: 20px;

	padding: 32px 0;

	float: right;

	color: #8a8a8a;

}



.details-ri .list-fx .list-fx-ls em {

	margin-left: 8px;

}



.details-ri .list-fx .list-fx-ls .list-dv {

	width: 50px;

	height: 20px;

	float: right;

	display: flex;

	justify-content: flex-end;

}



.details-ri .list-fx .list-fx-ls .list-dv .list-box {

	width: 19px;

	height: 19px;

	margin-left: 8px;

}



.details-ri .prev-next {

	width: 100%;

	height: 40px;

	display: flex;

	justify-content: space-between;

}



.prev-next .prev-le {

	width: 463px;

	height: 40px;

	background: #e60012;

}



.prev-next .prev-le a .prev-tex {

	width: 322px;

	height: 14px;

	margin-left: 20px;

	padding: 13px 0;

}



.prev-next .prev-le a .prev-tex {

	color: #ffffff;

	font-size: 14px;

	line-height: 14px;

	display: block;

}



.prev-next .next-ri {

	width: 463px;

	height: 40px;

	background: #cccccc;

}



.next-ri .prev-tex {

	width: 96%;

	height: 14px;

	padding: 13px 0;

}



.next-ri .prev-tex {

	color: #ffffff;

	font-size: 14px;

	line-height: 14px;

	display: block;

	text-align: right;

}



.bshare-custom {

	width: 50px;

	height: 20px;

	float: right;

	display: flex;

	justify-content: flex-end;

}

.bshare-custom .bshare-weixin {

	background: url(../img/wx.png) no-repeat !important;

	display: block;
	width: 19px;
	height: 20px;

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

	background: url(../img/QQ.png) no-repeat !important;

	display: block;

	width: 19px;

	height: 20px;

}

.bshare-custom .bshare-sinaminiblog {

	background: url(../img/wb.png) no-repeat !important;

	display: block;

	width: 19px;

	height: 20px;

}

.bshare-custom .bshare-facebook {

	background: url(../img/facebook.png) no-repeat !important;

	display: block;

	width: 19px;

	height: 20px;

}

.bshare-custom .bshare-twitter {

	background: url(../img/twitter.png) no-repeat !important;

	display: block;

	width: 19px;

	height: 20px;

}


/*---------右侧固定---------*/
.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;
}

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