@charset "utf-8";
* {
	padding: 0;
	margin: 0
;}

li {
	list-style: none
;}

a {
	text-decoration: none
;}

h2,
h3,
i,
em {
	font-style: normal
;}

html,
body {
	font-family: 微软雅黑
;}

input,
img,
a {
	outline: none;
	border: 0
;}

.clear {
	clear: both
;}


.eclip {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.l2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

/* logo顶部设置*/
.header{
       background-color:#c01d16;
}
.px1300 {
	max-width: 1350px;
	margin: 0 auto;
      padding-top:10px;
;}
.li_last{
       width: 20% !important;
}
.pic {
	padding-top: 45%;
	position: relative;
	overflow: hidden
;}

.pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100%;
	transition: all 1s;}

.pic img:hover {
	transform: scale(1.05)
;}

/*logo\search设置开始*/



.logo{ 
     padding: 20px 0;flex: 2;
}
.logo img{
     display:block;
     /* width:52%; */
     /* height:auto; */
}

.search{
       flex: 1;text-align: right;
}
.inp{
       width:200px;
       height:30px;
       padding-left: 2%;
}

.fr {
    width: 30px;
    height: 30px;
    background-color: #ffa10e;
    position: relative;
    top: -30px;
    float:right;}
input.search-btn{
    padding-top:2px;
    padding-right:4px;
}

.banner{
     width: 100%;
     height:auto;
     overflow:hidden;
}

.banner a {
	position: relative;
	display: block
;}

.banner img {
	display: block;
	width: 100%;
        height:auto;
;}

@-webkit-keyframes move1 {
	0% {
		transform: scale(0)
	;}
	95% {
		transform: scale(1.01)
	;}
	100% {
		transform: scale(1)
	;}
}

@-ms-keyframes move1 {
	0% {
		transform: scale(0)
	;}
	95% {
		transform: scale(1.01)
	;}
	100% {
		transform: scale(1)
	;}
}

.banner .b-txt {
	position: absolute;
	left: 2%;
	right: 0;
	top: 66%;
	transform: translateY(-50%);
	text-align: center
;}

.banner .b-txt p img {
	-webkit-animation: move1 2s ease-in-out;
	-moz-animation: move1 2s ease-in-out;
	-ms-animation: move1 2s ease-in-out;
	-o-animation: move1 2s ease-in-out;
	animation: move1 2s ease-in-out
;}

.banner .b-txt p:first-child img {
	display: block;
	width: 460px;
	margin-left: auto;
	margin-right: auto
;}

.banner .b-txt p:last-child img {
	display: block;
	max-width: 460px;
	width: 100%;
	margin-left: auto;
	margin-right: auto
;}

@-o-keyframes move1 {
	0% {
		transform: scale(0)
	;}
	95% {
		transform: scale(1.01)
	;}
	100% {
		transform: scale(1)
	;}
}

@-moz-keyframes move1 {
	0% {
		transform: scale(0)
	;}
	95% {
		transform: scale(1.01)
	;}
	100% {
		transform: scale(1)
	;}
}

@keyframes move1 {
	0% {
		transform: scale(0)
	;}
	95% {
		transform: scale(1.01)
	;}
	100% {
		transform: scale(1)
	;}
}

#nav {
	background-color: #ba0202
;}

.nav>ul>li {
	position: relative;
	float: left;
	width: 13.3%;
	text-align: center;
	}

.nav>ul>li>a {
	display: block;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	border-bottom: 5px solid transparent
;}

.nav>ul>li:first-child>a {
	border-bottom: 5px solid #ffa10e
;}

.nav>ul>li:hover {
	background-color: #942f22
;}

.nav>ul>li:hover>a {
	color: #fff
;}

.nav>ul>li>ul {
	position: absolute;
	left: 50%;
	width: 150px;
	margin-left: -75px;
	background-color: #fff;
	padding-bottom: 10px;
	display: none;
	box-shadow: 0 0 10px #facbcb;
	padding: 0 10px;
	box-sizing: border-box;
	z-index: 999
;}

.nav>ul>li>ul>li {
	position: relative;
	line-height: 40px;
	/* border-bottom: 1px dashed #d3cbcb */
;}

.nav>ul>li>ul>li>span {
	position: absolute;
	background: url() no-repeat center center;
	background-size: 12px auto;
	width: 20px;
	height: 20px;
	right: 5px;
	top: 13px
;}

.nav>ul>li>ul>li>span.on {
	background: url() no-repeat center center;
	background-size: 12px auto
;}

.nav>ul>li>ul>li>ul {
	display: none
;}

.nav>ul>li>ul>li>ul>li {
	line-height: 30px
;}

.nav>ul>li>ul>li>ul>li>a {
	font-size: 14px;
	color: #e3dede
;}

.nav>ul>li>ul>li>a {
	font-size: 14px;
	color: #333
;font-weight: 600;}

.nav>ul>li>ul>li:hover>a {
	color: #cc0500
;}

.footer {
	background-color: #aa040b;
	padding: 15px 0
;}

.footer p {
	padding: 5px 0;
	text-align: center;
	font-size: 18px;
	color: #fff;
line-height:36px;}

.wap {
	display: none
;}

.top {
	max-width: 1920px;
	margin: 0 auto;
	/* position: fixed;*/
	right: 10px;
	top: 10px;
	width: 100%;
	height: auto;
	z-index: 9999
;}
.flex{
        display:flex;
        justify-content: space-between;
         padding:0 6%;
         align-items: center;
}
.top>img {
	display: block;
	width: 100%
;}

.wap-menu {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 99999;
	font-size: 0
;}

.wap-menu img {
	height: 25px
;}

.close-menu {
	display: none;
	position: absolute;
	right: 0;
	top: 0
;}

@media screen and (max-width: 1300px) {
	.px1300 {
		padding-left: 15px;
		padding-right: 15px
	;}
	.banner .b-txt p:first-child img {
		max-width: 385px
	;}
}

@media screen and (max-width: 1024px) {
.search{display:none;}
	.yd {
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1000
	;}
	.yd.on {
		background: rgba(0, 0, 0, .6)
	;}
	.wap {
		display: block !important
	;}
	#nav {
		display: none
	;}
	.m-head {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		height: 45px;
		background: #aa040b;
		z-index: 999
	;}
	.m-logo {
		font-size: 0
	;}
	.m-logo a {
		font-size: 0;
		line-height: 40px;
		display: block
	;}
	.m-logo img {
		max-height: 40px;
		max-width: 80%;
		vertical-align: middle
	;}
	.m-nav {
		position: fixed;
		top: 60px;
		right: -100%;
		bottom: 0;
		z-index: 999;
		background: #a31818;
		overflow-y: scroll;
		width: 100%;
		border-top: 1px solid rgba(255, 255, 255, 0.2)
	;}
	.m-nav ul {
		padding: 0 15px
	;}
	.m-nav ul li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		position: relative
	;}
	.m-nav ul li>span.on {
		transform: rotateZ(90deg)
	;}
	.m-nav ul li ul {
		display: none
	;}
	.m-nav ul li ul li {
		border: none
	;}
	.m-nav>ul>li a {
		display: block;
		font-size: 14px;
		line-height: 20px;
		padding: 15px 0;
		position: relative;
		color: #fff
	;}
	.m-nav>ul>li ul li a {
		padding: 10px 0
	;}
	.m-nav>ul>li>span {
		position: absolute;
		width: 20px;
		height: 20px;
		background: url(../images/m-nav_down.jpg) no-repeat;
		background-size: 14px 14px;
		background-position: center center;
		right: 0;
		top: 15px;
		cursor: pointer;
		display: block;
		color: #fff;
		transition: all 0.3s
	;}
	.yd.on .m-head {
		left: 0;
		width: 100%
	;}
}

@media screen and (max-width: 700px) {
	.banner .b-txt p:first-child img {
		width: 140px
	;}
.footer p{font-size:14px;line-height:26px;}
}
.wap_search {
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    overflow: hidden;
    width: 80%;
    height: 60px;
    display: block;margin:10px auto;
}

.wap_search .header-search {
    height: 40px;
    border-radius: 0;
    background: rgb(255 255 255);
    position: relative;
    width: 100%;
    margin: 10px auto;
}

.wap_search .input {
    font-size: 14px;
    color: #646464;
    height: 40px;
    line-height: 40px;
    padding: 0 .24rem;
    box-shadow: none;
    -webkit-appearance: none;
    float: left;
    border-right: 0;
    background: none;
    width: calc(100% - 40px);
}

.wap_search .btn_blue {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 0;
    background: url(../images/search-other.png) center no-repeat #ffa10e;
    border-radius: 0;
}

@media screen and (max-width: 768px) {
    .logo img {
        width: 65%;
    }
  .logo{
  /* padding:10px 0; */
 flex:2;
}
}