li {
	list-style: none;
}

a {
	color: inherit
}

ul {
	margin-bottom: 0;
	padding: 0;
}

p{
	margin-bottom: 0
}

/*@font-face {*/
/*font-family: 'Open Sans';*/
/*font-style: normal;*/
/*font-weight: 300;*/
/*src: url(https://static.ingping.net/yp/fonts/oppoSans-R.ttf);*/
/*}*/

body {
	font-family: 'Open Sans';
}

/* body{
	font-family: 'OPPOSans-L'
} */

#header {
	padding: 20px 0;
}

.nav_search {
	min-height: 0;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 5px;
}

.nav_search .search_inp {
	float: right;
	position: relative;
}

.nav_search .search_inp .submit {
	background: none;
	border: none;
	background: url('../images/search.png') no-repeat center;
	background-size: 22px;
	position: absolute;
	right: 8px;
	width: 22px;
	height: 22px;
	top: 4px
}

.nav_search .search_inp .txt {
	border: none;
	border: 1px solid #d7b084;
	height: 30px;
	padding-left: 10px;
	outline: none;
}

.nav_search .search_inp input::placeholder {
	color: #d7b084;
}

#header .container {
	height: 100%;
	display: flex;
    align-items: center;
}

@media(min-width:1600px){
	/*#header .container{*/
	/*	width:1560px;*/
	/*}*/
}

#logo {
	display: block;
	height: 100%;
	float: left;
}

#nav {
	margin-left: auto
}

#nav ul {
	margin-left: 70px
}

#nav ul li {
	font-size: 16px;
	margin:0 18px 0 18px;
	float: left;
	position: relative;
	cursor: pointer;
}

#nav ul li.on::after{
	content: '';
	width: 100%;
	height: 2px;
	background: #c30101;
	position: absolute;
	bottom: -34px;
	left: 0;
}

/* #nav ul li.on{
	border-bottom: 2px solid #c30101;
} */

/*#nav ul li:last-child::after{*/
/*	display: none;*/
/*}*/

#nav ul li a {
	color: #000000;
	display: block;
	text-decoration: none;
}

#nav ul li a.on {
	color: #000000;
}

#nav ul li .haschild{
	position: absolute;
	width: 100%;
	z-index: 100;
	background: #efeeef;
	left: 0;
	border-top: 4px solid #cc0000;
	top: 52px;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
}

#nav ul li:hover .haschild{
	display: block
}

#nav ul li:hover > a{
	color: #cc0000
}

.action-nav{
	float: right;
	margin-left: 20px
}

.action-nav .search-input{
	border: none;
	outline-style: none;
    padding: 5px;
    height: 100%;
    vertical-align: middle;
    font-size: 18px;
    border: none;
    border-bottom: 1px solid #333;
    max-width: 180px;
    transform: scale(0,1);
    transform-origin: right top;
    transition: all .3s;
}

.action-nav .search-input.on{
	transform: scale(1);
}

.action-nav .search-input::placeholder{
	font-size: 18px;
}

.action-nav .dropdown button{
	background: none !important;
	border: none;
	font-size: 18px;
	outline: none !important;
	box-shadow: none !important;
	padding: 0;
}

.dropdown-menu{
	top: 130%;
	left: -40px;
	min-width: 120px;
}

.search-wrap{
	float: right
}

.action-nav .dropdown{
	margin-left: auto
}

.dropdown-menu li{
	font-size: 17px;
	padding: 4px 0
}

.action-nav .dropdown img{
	margin-left: 8px;
}

.c_list{
	text-indent: 30px;
	cursor: pointer;
	font-size: 14px;
}

.c_list .childs{
	position: absolute;
	left: 100%;
	background: #ececec;
	top: -4px;
	width: 165px;
	text-indent: 20px;
	border-top: 4px solid #f7931e;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
}

.c_list:hover .childs{
	display: block
}

.c_list p{
	margin-bottom: 0;
	line-height: 35px;
}

.c_list p img{
	transform: rotate(270deg);
	width: 13px;
	position: relative;
	top: -3px;
	display: none;
}

.c_list:hover img{
	display: inline-block;
}

#banner-swiper .swiper-pagination-bullet {
	width: 12px !important;
	height: 12px !important;
	background: #fff !important;
	opacity: .8 !important;
	margin: 0 8px !important;
}

#banner-swiper .swiper-pagination-bullet-active {
	background: #cc0000 !important;
}

#banner-swiper .swiper-pagination {
	bottom: 90px !important
}

#banner{
	position: relative;
}

#banner .m-video{
	position: absolute;
	top: 50%;
	left: 50%;
	
	
	-webkit-transform: translate(-50%,-50%);
}

#banner .m-video img{
	transform: scale(.8);
	opacity: .7;
	transition: all linear 150ms;
}

#banner .m-video img:hover{
    opacity: 1;
}


#banner-swiper .txt {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}

#banner-swiper .txt h2 {
	color: #d7b084;
	font-size: 42px
}

#banner-swiper .txt p {
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	margin: 15px 0;
}

#banner-swiper .txt .bannerBtn {
	background: #d7b084;
	color: #fff;
	width: 200px;
	height: 50px;
	margin: 30px auto;
	line-height: 50px;
	transition: all linear 200ms;
}

#banner-swiper .txt .bannerBtn:hover {
	background: #bf996e;
	color: #fff;
	cursor: pointer;
}

#home-about{
	position: relative;
	top: -50px;
	z-index: 10;
	margin-bottom: -50px;
}

#home-about .container{
	background: #ffffff;
	box-shadow: 0 3px 5px #f4f4f4
}


#home-about .txt{
	margin-left: 40px;
	margin-right: 35px
}

#home-about .con{
	 display: flex;
    align-items: center;
}

#home-about .con .left{
	text-align: left
}

#home-about .con .img{
	width: 755px;
	flex-shrink: 0
}

.home-title{
	text-align: center;
	font-size: 33px;
	margin-bottom: 18px;
}

#home-about p{
	font-size: 15.5px;
	color: #4d4d4d;
	line-height: 2
}

#home-about .ab-title{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 24px;
	line-height: 1
}

.more-btn{
	color: #333333;
	font-size: 16px;
	border: 2px solid #CC0000;
	color:#CC0000;
	display: block;
	width: 138px;
    line-height: 41px;
	margin: 30px 0 0 0;
	text-align: center;
	transition: all linear 200ms;
}

.more-btn:hover{
	background: #cc0000 !important;
	color: #fff;
	border-color: #cc0000;
	cursor: pointer;
}

#home-news{
	margin: 65px 0;
}

#home-news .left{
	width: 45.2%;
	float: left;
	overflow: hidden;
}

#home-news .left img{
	width: 100%;
}

#home-news .left p{
	line-height: 57px;
	background: #161616;
	font-size: 18px;
	color: #fff;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-bottom: 0;
	text-indent: 20px;
}

#home-news .home-title{
	margin-bottom: 40px;
}

#home-news .swiper-slide{
	position: relative;
}

#home-news .right{
	width: 53%;
	float: right;
}

#home-news .right .hd{
	text-align: right;
	margin-bottom: 15px
}

#home-news .right .hd span{
	display: inline-block;
	width: 140px;
	line-height: 37px;
	border-radius: 6px;
	text-align: center;
	background: #EBEBEB;
	margin-left: 8px;
	font-size: 20px;
	cursor: pointer;
}

#home-news .right .hd span.on{
	background: #FF0000;
	color: #fff
}

#home-news .right .li{
	padding: 12px 0;
	border-bottom: 1px solid #DFDFDF;
	
}

#home-news .right .li:last-of-type{
	border: none
}

#home-news .right .li .p1{
	font-size: 18px;
	color: #000;
	margin-bottom: 5px;
	margin-top: 8px;
}

#home-news .right .li .p2{
	font-size: 12.5px;
	color: #666;
	line-height: 1.6
}



#home-news .right .li a{
	display: flex;
	align-items: center;
}

#home-news .right .li .img{
	width: 176px;
	margin-left: auto;
	flex-shrink: 0
}

#home-news .right .li .img img{
	width: 100%;
	height: 100px;
}

#footer{
	background: #fafafa;
	padding-top: 80px;
	padding-bottom: 80px
}

#footer .container{
	max-width: 1250px;
}

.footer-head{
	display: flex;
	padding-bottom: 65px;
	border-bottom: 2px solid #8a8a8a
}

.footer-head .right{
	margin-left: auto;
	margin-top: 45px;
	text-align: center;
}

.footer-head .right p{
	margin-top: 10px;
	font-size: 12px;
	color: #333333;
}

.footer-head .link ul{
	display: flex
}

.footer-head .link .tit{
	font-size: 18px;
	color: #333333;
	margin-bottom: 16px;
}

.footer-head .link li{
	margin-right: 25px;
	font-size: 17px;
	color: #333333;
}

a{
	color: initial;
	text-decoration: none !important
}

.footer-head .link li img{
	position: relative;
	top: -2px;
	margin-right: 5px;
}

.footer-head h3{
	font-size: 26px;
	font-weight: bold;
	color: #333333;
	line-height: 37px;
	margin-top: 45px;
}

.copyright{
	display: flex;
	font-size: 16px;
	color: #333333;
	margin-top: 20px;
}

.flex{
	display: flex
}

.copyright .tel{
	color: #333333;
	font-weight: bold;
	margin-left: auto;
}

#home-product{
	margin: 65px 0;
}

.home-title{
	margin-bottom: 50px;
}

.home-title .p1{
	font-size: 24px;
	text-transform: uppercase;
	color: #D6D6D6;
	margin-bottom: 5px
}

.home-title .p2{
	font-size: 35px;
	color: #000000;
	font-weight: bold
}

#home-product .left{
	width: 45.8%;
	background: #F8F8F8;
	text-align: center;
	float: right;
	margin-left: auto
}

#home-product .left .txt{
	position: absolute;
	top: 0;
	left: 0;
	text-align: left
}

#home-product .right{
	width: 53.2%;
}

#home-product .right_t{
	height: 271px;
	background: #F8F8F8;
	margin-bottom: 10px
}

#home-product .right_t:last-of-type{
	margin-bottom: 0
}

#home-product .left .swiper-container{
	height: 100%;
}

#home-product .left .swiper-container .swiper-slide img{
	position: relative;
	top: 60%;
	-webkit-transform: translate(0,-50%);
}

#home-product .left .swiper-pagination{
	bottom: 25px;
}

#home-product .swiper-pagination-bullet{
	opacity: .4;
	width: 10px;
	height: 10px;
}

#home-product .swiper-pagination-bullet-active{
	background: #333333;
	opacity: 1;
}

#home-product-swiper2 .swiper-pagination{
	width: 20px;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	bottom: initial;
	left: inherit;
}

#home-product-swiper3 .swiper-pagination{
	width: 20px;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	bottom: initial;
	left: inherit;
}

#home-product-swiper2 .swiper-slide{
	display: flex;
    align-items: center;
    justify-content: center;
}

#home-product-swiper3 .swiper-slide{
	display: flex;
    align-items: center;
    justify-content: center;
}

#home-product .gd{
	margin-top: 45px;
}

#home-product h3{
	margin: 0;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 16px;
}

#home-product .txt{
	height: 100%;
	width: 50%;
	float: left;
	color: #000;
}

#home-product .txt3{
	width: 40%;
}

#home-product .txt .more-btn{
	float: right;
	color: #fff;
	border: 1px solid #fff;
}

#home-product .txt .padding{
	padding-left: 50px;
	padding-top: 50px;
}

#home-product .txt p{
	margin-bottom: 2px;
	font-size: 16px;
	color: #666666
}

#home-product .right_t .imgs{
	width: 46%;
	float: left;
	height: 100%;
}

#home-product .right_t .swiper-container{
	height: 100%;
}

#home-product .right_t .imgs{
	text-align: center
}

#home-product .right_t .imgs img{
	height: 80%;
}

#home-product .right_b{
	height: 215px;
	margin-top: .8%
}

#home-product .right_b .bottom_l{
	width: 60%;
	float: left;
	height: 100%;
}

#home-product .right_b .txt{
	width: 48%;
	float: left;
	height: 100%;
	background: #cccccc;
	padding-top: 35px;
}

#home-product .right_b .padding{
	padding-left: 35px;
}

#home-product .right_b .more-btn{
	float: left;
}

#home-product .right_b p {
    margin-bottom: 2px;
    font-size: 13px;
}

#home-product .right_b h3{
	margin: 0;
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 12px;
}

#home-product .right_b .bottom_l .img{
	width: 52%;
	float: left;
	text-align: center;
	position: relative;
	height: 100%;
}


#home-product .right_b .bottom_l .img img{
	max-width: 155px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
}

#home-product .right_b .bottom_r{
	width: 40%;
	float: left;
	background: #cccccc;
	height: 100%;
}

#home-product .right_b .bottom_r .txt{
	width: 100%;
}

#home-product .right .swiper-pagination-bullet{
	margin: 8px 4px !important
}

#home-product .left .swiper-pagination-bullet{
	margin: 0 8px !important
}

#home-product #home-product-swiper1 .gd{
    position: absolute;
    right: 0;
    margin: 0;
    bottom: -15px;

}

#home-product #home-product-swiper1 .txt{
	width: 95%;
}

#home-product #home-product-swiper1 .padding{
	position: relative;
}

/*关于我们*/
.classify{
	padding: 25px 0;
	background: #EFEFEF;
}



.classify .parent span{
	color: #000000;
	font-size: 16px;
	color: #000;
	padding: 0 35px;
	position: relative;
	display: inline-block;
	height: 100%;
}

.classify .parent span.active a{
	color: #CC0000;
}

.classify .parent span.active::after{
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: -25px;
	background: #CC0000;
	left: 0;
}

.classify .child a{
	font-size: 15px;
	color: #777;
	margin-right: 45px;
}

.classify .child a:last-of-type{
	margin-right: 0;
}

.classify .child a.active{
	border-bottom: 1px solid #de6161;
}

.classify .container{
	position: relative;
}

.classify .ss{
	position: absolute;
	right: 0;
	top: -5px;
}

.about1{
	margin-bottom: 130px;
}

.about1 .about_wrap1{
	display: flex;
	background: #fafafa;
}

.about1 .about_wrap1 .txt{
	width: 55%;
}

.about1 .about_wrap1 .txt .padding{
	padding: 35px 44px;
	font-size: 17px;
	color: #4d4d4d;
	line-height: 31px;
}

.about1 h1{
	font-weight: bold;
	padding-left: 0;
	font-size: 29px;
	margin-bottom: 20px;
}

.about1 .about_wrap1 .txt p{
	margin-bottom: 30px;
	text-align: justify ;
}

.about1 .about_wrap1 .txt p:last-of-type{
	margin-bottom: 0;
}

.about1 .about_wrap1 .img{
	width: 45%;
}

.about1 .about_wrap1 .img img{width: 100%;}

.product-list{
	padding: 60px 0;
	background: #f5f5f5
}

.product-list ul li{
	width: 24%;
	float: left;
	text-align: center;
	margin-right: 1.3%;
	margin-bottom: 1.3%;
	background: #fff;
}

.product-list ul li:nth-child(4n){
	margin-right: 0;
}

.product-list ul li .img{
	overflow: hidden;
}

.product-list ul li .img .tp{
	margin-bottom: 20px;
}

.product-list ul li:hover img{
	transform: scale(1.1);
	filter: grayscale(0) !important;
	opacity: 1 !important;
}

.product-list ul li .img img{
	width: 70%;
    margin: 8% 10% 7% 10%;
	transition: all linear 200ms;
}

.product-list ul li .img .model{
	padding: 25px 0;
	font-size: 14px;
	text-align: left;
	width: 90%;
	margin: auto;
	border-top: 1px solid #DDDDDD;
	display: flex;
	align-items: center;
}

.product-list ul li .img .model img{
	transform: scale(1) !important;
	margin: 0;
	margin-left: auto;
	filter: grayscale(1);
	opacity: .8;
	height: 13px;
}

.product-list ul li .w{
	font-size: 18px;
	/*font-weight: bold;*/
	text-align: left;
	margin-bottom: 10px;
	text-align: center;
	padding-top: 50px
}

.product-list ul li:hover .w{
	color: #BC1D1D
}



.contact-list{
	margin: 80px 0;
}

.contact-list ul{
	background: #fafafa;
	padding: 48px 55px;
}

.contact-list ul li{
	min-height: 0;
	overflow: hidden;
	margin-bottom: 55px;
}

.contact-list ul li .img{
	float: left;
	margin-right: 65px;
}

.contact-list ul li h3{
	font-size: 19px;
	color: #c1272d;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 65px;
}

.contact-list ul li p{
	font-size: 16px;
	color: #4d4d4d;
}

.contact-list ul li p b{
	font-weight: bold;
}

.contact-list ul li:last-child{
	margin-bottom: 0;
}

.contact-list .tit{
	font-size: 24px;
	font-weight: bold;
	text-indent: 55px;
	margin-bottom: 26px;
}

.about2{
	margin-bottom: 60px;
}

.about2 ul li{
	height: 340px;
	background: url('../images/qywh-img1.png') no-repeat;
	background-size: cover;
	margin-bottom: 20px;
}

.about2 ul li .padding{
	padding: 70px 60px;
	color: #fff;
	display: flex;
	position: relative;
	align-items: center;
}

.about2 ul li .padding .left{
	background: rgba(255,255,255,.8);
	height: 200px;
	width: 60%;
	float: left;
	position: relative;
}

.about2 ul li .padding .left .txt{
	padding: 0 50px;
	font-size: 17px;
	color: #4d4d4d;
	line-height: 33px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0,-50%);
}

.about2 ul li .padding .left::before{
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	border-top: 4px solid #00ff00;
	border-left: 4px solid #00ff00;
	top: -1px;
	left: -1px;
}

.about2 ul li .padding .left::after{
	content: '';
	position: absolute;
	width: 18px;
	height: 18px;
	border-right: 4px solid #00ff00;
	border-bottom: 4px solid #00ff00;
	bottom: -1px;
	right: -1px;
}

.about2 ul li .padding .right{
	width: 35%;
	margin-left: auto;
	text-align: justify;
	/* height: 100%;
	position: relative;
	top: 50%;
    -webkit-transform: translate(0,-50%); */
}

.about2 ul li .padding .right p{
	margin-bottom: 0
}

.about2 ul li .padding .right .p1{
	font-size: 24px;
	color: #00ff00;
	font-weight: bold;
	margin-bottom: 5px;
}

.about2 ul li .padding .right .p2{
	font-size: 24px;
	font-weight: bold;
}

.about2 ul li:nth-child(2n) .left{
	margin-left: auto
}

.about2 ul li:nth-child(2n) .right{
	margin-right: auto;
	margin-left: 0;
	margin-right: 0;
	width: 37%;
}


.about2 ul li:nth-child(2n){
	height: 340px;
	background: url('../images/qywh-img2.png') no-repeat;
	background-size: cover;
}


.about-title{
	font-size: 28px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 22px;
}

.about3 .wrap{
	background: #fafafa;
	padding: 50px 120px;
}

.about3 .wrap ul{
	position: relative;
	padding-top: 25px;
	padding-bottom: 25px;
}

.about3 ul li{
	min-height: 0;
	overflow: hidden;
	margin-bottom: 40px;
}

.about3 .about-title{
	padding-left: 0;
}

.about3 .left{
	width: 175px;
	float: left;
	text-align: right;
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	position: relative;
	margin-right: 40px;
}

.about3 .left::after{
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background: #000;
	border-radius: 50%;right: 0;top: 10px;
}

.about3 .left .year{
	width: 135px;
}

.about3 .right{
	font-size: 17px;
    color: #4d4d4d;
    line-height: 32px;
    /* margin-right: 10%; */
    float: left;
    width: 70%;
}

.about3 ul::after{
	content: '';
	position: absolute;
	width: 1px;
	height: 100%;
	left: 169px;
	background: #000;
	top: 0;
}

.about3 ul li:last-child{
	margin-bottom: 0;
}




.about6 .wrap1{
	background: #fafafa;
	padding:50px 40px 30px 40px;
}

.about6 .wrap1 ul{
	display: flex;
	justify-content: center;
}

.about6 .wrap1 ul li{
	display: flex;
	align-items:center;
	margin: 55px;
}

.about6 .wrap1 ul li .icon{
	margin-right: 12px;
}

.about6 .wrap1 ul li .txt .num{
	font-size: 29.5px;
	color: #c1272d;
	font-weight: bold;
}

.about6 .wrap1 ul li .txt p{
	font-size: 16.6px;
}

.about6 .wrap1  h2{
	font-size: 17px;
	color: #4d4d4d;
}

.about6 .wrap2{
	margin: 65px 0
}
.about6 .wrap2 ul li{
	width: 33.333%;
	float: left;
	padding: 0 1%;
	text-align: center;
	margin-bottom: 60px;
}

.about6 .wrap2 ul li .icon{
	margin-bottom: -105px
}

.about6 .wrap2 ul li .txt{
	background: #fafafa;
	padding-top: 100px;
	height: 400px;
}

.about6 .wrap2 ul li .txt .pd{
	padding: 0 14%
}

.about6 .wrap2 ul li .txt h3{
	color: #000000;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 15px;
}

.about6 .wrap2 ul li .txt h4{
    color: #c1272d;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 15px;
}

.about6 .wrap2 ul li .txt p{
	line-height: 22px;
	font-size: 15px;
	margin-bottom: 0;
}




.de_wrap{
	min-height: 0;
	overflow: hidden;
	margin-bottom: 50px;
}

.de_wrap .left{
	width: 69%;
	float: left;
	background: #fff;
	padding: 45px 25px;
}

.de_wrap .left img{
	max-width: 100%;
}

.de_wrap .left .db{
	padding-top: 35px;
	margin-top: 35px;
	border-top: 1px solid #dbdbdb;
	min-height: 0;
	overflow: hidden;
}

.de_wrap .left .db a{
	display: block;
	width: 130px;
	line-height: 44px;
	border-radius: 30px;
	border: 1px solid #dbdbdb;
	text-align: center;
	font-size: 16px;
	color: #000000;
	float: left;
}

.de_wrap .left .db a:last-of-type{
	float: right;
}

.de_wrap .left .db a:hover{
	color: #cb0102;
	border: 1px solid #cb0102;
}

.de_wrap .left p{
	font-size: 16px;
	line-height: 2;
}

.de_wrap .right{
	width: 28.2%;
	float: right;
	background: #fff;
	padding: 25px 20px;
}

.de_head{
	margin-bottom: 30px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 25px;
} 

.de_head div{
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #333;
}

.de_head h1{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 1;
	margin-top: 0;
	padding-top: 0;
}

.de_head p{
	margin-bottom: 0;
}

.de_head img{
	position: relative;
	top: -3px;
	margin-right: 5px;
}

.de_head span{
	margin-right: 20px;;
}

.de_wrap .right .tit{
	font-size: 26px;
	color: #cc0000;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.de_wrap .right .tit span{
	display: inline-block;width: 8px;height: 27px;background: #cc0000;border-radius: 20px;margin-right: 17px;
	position: relative;
	top: 5px;
}

.de_wrap .right img{
	width: 113px;
	transition: all linear 200ms;
}

.de_wrap .right .img{
	flex-shrink: 1;
	margin-right: 16px;
	overflow: hidden;
}

.de_wrap .right li:hover img{
	transform: scale(1.1);
}

.de_wrap .right li{
	padding: 22px 0;
	border-bottom: 1px solid #ddd;
}

.de_wrap .right li:last-of-type{
	border: none;
	padding-bottom: 0;
}

.de_wrap .right li .p1{
	margin-bottom: 10px;
	font-size: 16px;
}

.de_wrap .right li .p2{
	font-size: 14px;
	color: #666666;
}

.de_wrap .right li:hover .p1{
	color: #CC0000;
}

.de_wrap .right li a{
	display: flex;
	align-items: center;
}

.about8{
	margin-bottom: 60px;
}

.about8 .padding{
	padding: 60px 85px 20px 85px;
	background: #fafafa;
	min-height: 0;
	overflow: hidden;
}

.about8 .padding ul li{
	width: 22.97%;
	float: left;
	margin-right: 2.7%;
	margin-bottom: 40px;
}

.about8 .padding ul li:nth-child(4n){
	margin-right: 0;
}

.about8 .padding ul li img{
	width: 100%;
}

.about8 .padding h3{
	margin-top: 0;
	color: #4d4d4d;
	font-size: 17px;
	line-height: 32px;
	margin-bottom: 33px;
}

.about8 .about-title{
	text-indent: 0;
}

.about9{
	margin-bottom: 80px;
}

.about9 .padding{
	padding: 70px 50px 50px 50px;
	background: #fafafa;
	
}

.about9 .padding .txt{
	font-size: 17px;
	color: #4d4d4d;
	line-height: 34px;
	padding: 0 30px;
}

.about9 .padding .txt p{
	margin-bottom: 35px;
}

.about9 .padding img{
	/*position: relative;*/
	/*top: 30px;*/
	/*margin-top: -10px;*/
	max-width: 100%;
}

.pro-imgs{
	margin-top: 80px;
	min-height: 0;
	overflow: hidden;
	margin-bottom: 50px;
}

.big-img{
	width: 76%;
	float: left;
	text-align: center;
	position: relative;
    height: 100%;
}

.big-img img{
	display: none;
    max-width: 450px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    position: absolute;
}

.big-img img.active{
	display: block;
	margin: auto;
}

.small-img{
	width: 225px;
	float: right;
	position: relative;
	padding: 26px 0 20px 0;
	height: 512px;
	overflow: hidden;
	
}

.small-img ul{
	position: relative;
}

.small-img ul li{
	margin-bottom: 12px;
	background: linear-gradient(to bottom,#cecece,#f3f1f0);
	overflow: hidden;
	border-radius: 8px;
	/* opacity: .5; */
	height: 225px;
	cursor: pointer;
	position: relative;
}

.small-img ul li.active{
	opacity: 1;
}

.small-img img{
	width: 80%;
    margin: 0;
    -webkit-transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
    position: absolute;
}

.canshu{
	min-height: 0;
	overflow: hidden;
	margin-bottom: 90px;
}

.canshu .txt{
	float: left;
}

.canshu .img{
	float: right;
}

.canshu .img img{
	max-width: 460px;
}

.detail-wrap .title{
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 40px;
}

.detail-wrap .canshu .txt{
	font-size: 17px;
	color: #4d4d4d;
}

#result td{
    font-size: 14px;
}

.xingneng .title{
	margin-bottom: 30px;
}

.about7 .wrap1{
	background: #fafafa;
	margin-bottom: 37px;
}

.about7 .wrap1 .padding{
	display: flex;
}

.about7 .padding .txt{
	margin-right: 50px;
	font-size: 17px;
	color: #4d4d4d;
	line-height: 33px;
	text-align: justify;
}

.about7 .wrap1 .padding img{
	max-width: 430px;
}

.about7 .padding{
	padding: 45px 50px;
}

.about7 .wrap2{
	background: #fafafa;
	margin-bottom: 60px;
}

.about7 .wrap2 img{
	max-width: 100%;
}

.about7 .wrap2 h4{
	font-size: 35px;
	color: #808080;
	margin-bottom: 30px;
}

.about7 .wrap2 .txt{
	margin-bottom: 40px;
}

.about5{
	margin-bottom: 50px;
}

.about5 .wrap1{
	
}

.about5 .wrap1 ul li{
	background: #fafafa;
	padding: 45px;
	min-height: 0;
	overflow: hidden;
	margin-bottom: 25px;
}

.about5 .wrap1 ul li .imgs{
	float: left;	
	width: 70%;
}

.about5 .wrap1 ul li .imgs img{
	width: 100%;
	display: none;
}

.about5 .wrap1 ul li .imgs img.active{
	display: block;
}

.about5 .wrap1 ul li .txt{
	width: 26%;
	float: right;
}

.about5 .wrap1 ul li .txt h3{
	font-size: 22px;
	color: #333333;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 15px;
}

.about5 .wrap1 ul li .txt .p{
	font-size: 15px;
	color: #000000;
	margin-bottom: 10px;
	padding-left: 15px;
	position: relative;
	cursor: pointer;
}

.about5 .wrap1 ul li .txt .p.active{
	color: #c1272d;
	font-weight: bold;
}

.about5 .wrap1 ul li .txt .p.active::before{
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #c1272d;
}

.about5 .wrap1 ul li:last-child .imgs{
	width: 66%;
}

.about5 .wrap1 ul li:last-child .txt{
	width: 30%;
}

.about5 .wrap1 ul li:last-child .txt h3{
	padding-left: 0;
}

.about5 .wrap1 ul li:last-child .txt .p{
	color: #4d4d4d !important;
	font-weight: normal !important; 
	line-height: 30px;
	text-align: justify;
	padding-left: 0;
	font-size: 17px;
}

.about5 .wrap1 ul li:last-child .txt .p p{
	margin-bottom: 20px;
}

.about5 .wrap1 ul li:last-child .p.active::before{
	display: none !important;
}

.recruit{
	margin-bottom: 50px;
}

.recruit .rec_head{
	line-height: 72px;
	background: #fafafa;
	height: 70px;
	margin-bottom: 15px;
}

.recruit .rec_head span{
	font-size: 22px;
	color: #c1272d;
	margin-left: 4%;
	display: block;
	float: left;
	width: 17%;
}

.recruit .rec_head span:nth-child(2){
	width: 20%;
}

.recruit .rec_head span:nth-child(3){
	width: 25%;
}

.recruit .item_head{
	line-height: 72px;
	background: #c1272d;
	height: 70px;
	cursor: pointer;
}

.recruit .item_head span{
	font-size: 18px;
	color: #fff;
	margin-left: 4%;
	display: block;
	float: left;
	width: 17%;
}

.recruit .item_head span:last-of-type{
    width: 23%;
}

.recruit .item_head span:nth-child(2){
	width: 20%;
}

.recruit .item_head span:nth-child(3){
	width: 25%;
}

.recruit .item_foot{
	background: #fafafa;
	padding: 50px 55px 40px 55px;
	display: none;
}

.recruit ul li.active .item_foot{
	display: block;
}



.recruit ul li{
	margin-bottom: 15px;
}

.recruit ul li .padding b{
	font-size: 24px;
	margin-bottom: 10px;
	display: block;
}

.recruit ul li .padding p{
	font-size: 17.5px;
	line-height: 27px;
}

.recruit .item_head span i{
	float: right;
	position: relative;
	top: -2px;
}

.recruit ul li.active .item_head span i{
	transform: rotate(90deg);
	top: 0;
}

.xuzhi .box {
	margin-bottom: 40px;
}

.xuzhi .box .padding{
	background: #fafafa;
	padding: 50px 55px 45px 55px;
}

.xuzhi .box b {
    font-size: 19px;
    margin-bottom: 10px;
}

.xuzhi .box p {
    font-size: 18px;
    line-height: 33px;
	margin-bottom: 4px;
}

.about10 {
	margin-bottom: 30px;
}

.about10 .about-title{
	padding-left: 0;
}


.fengcai{
	margin-bottom: 40px;
}

.fengcai .padding{
	background: #fafafa;
	padding: 52px 60px 40px 60px;
}

.fengcai .imgsList{
	display: flex;
	margin-bottom: 20px;
}

.fengcai .imgsList a{
	display: none;
}
.fengcai .imgsList a.active{
	display: block;
}

.fengcai .imgsList:last-of-type{
	margin-bottom: 0;
}

.fengcai .imgsList .right{
	margin-left: auto;
}

.imgsList .left{
	position: relative;
}

.imgsList p{
	position: absolute;
	bottom: 0;
	font-size: 26px;
	color: #ffffff;
	font-weight: bold;
	left: 50px;
	bottom: 25px;
}

.imgsList .right{
	position: relative;
}

.imgsList img{
	max-height: 395px;
}

.yanfa .container{
	max-width: 1260px;
}

.yanfa{
	margin-top: 50px;
}

.yanfa .box{
	margin-bottom: 80px;
}

.yanfa .about-title{
	text-indent: 0 !important;
}

.proswiper-btn img{
	width: auto;
	margin: 0;
}

.proswiper-btn{
}

.proswiper-btn .btn-prev{
	position: absolute;
	top: 2px;
	left: 0;
	width: 100%;
	height: 18px;
	background: #fff;
	text-align: center;
	z-index: 99;
	cursor: pointer;
}

.proswiper-btn .btn-next{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	transform: rotate(180deg);
	width: 100%;
	height: 18px;
	background: #fff;
	text-align: center;
	cursor: pointer;
}

    
    .about7 .padding .txt p{
        margin-bottom: 0;
    }
    .about7 .padding p:last-of-type{
        margin-bottom: 0;
    }
    .about7 .wrap2{
        margin:30px 0 50px 0;
        min-height: 0;
        overflow: hidden;
    }
    .about7 .wrap2 ul li{
        width: 49%;
        float: left;
        margin-bottom: 20px;
        position: relative;
        overflow: hidden;
    }
    .about7 .wrap2 ul li img{
        width: 100%;
        transition: all linear 200ms;
    }
    .about7 .wrap2 ul li a{
        display: none;
    }
    .about7 .wrap2 ul li a:first-of-type {
        display: block;
    }
    .about7 .wrap2 ul li p {
        position: absolute;
        bottom: 0;
        font-size: 22px;
        color: #ffffff;
        font-weight: bold;
        left: 0;
        bottom: 0;
        line-height: 70px;
        background: rgba(0,0,0,.5);
        width: 100%;
        text-align: center;
        margin-bottom: 0;
    }
    .about7 .wrap2 ul li:nth-of-type(2n) {
        float: right;
    }
    
    .fancybox-title-float-wrap {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-bottom: 0;
        z-index: 8050;
        text-align: center;
        bottom: 15px;
        width: 96%;
        left: 2%;
        background: rgba(0,0,0,.5);
        line-height: 60px;
    }
    .fancybox-title-float-wrap .child {
        display: block;
        margin-right: 0;
        padding: 0;
        background: transparent;
        background: none;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        text-shadow: none;
        color: #FFF;
        font-weight: bold;
        line-height: inherit;
        white-space: nowrap;
        font-size: 23px;
    }
    .about7 .wrap2 ul li:hover img{
        transform: scale(1.1);
    }
    
    .fengcai .imgsList{
        display: block;
        min-height: 0;
        overflow: hidden;
    }
    .imgsList .left{
        width: 49%;
        float: left;
        margin-bottom: 20px;
        overflow: hidden;
    }
    .imgsList .left img{
        width: 100%;
        transition: all linear 200ms;
    }
    .imgsList .left:nth-of-type(2n){
        float: right;
    }
    .imgsList .left a:first-of-type{
        display: block;
    }
    .imgsList .left img:hover{
        transform: scale(1.1);
    }
    
    .navlist .li {
            width: 100%;
            margin-left: 0;
            font-size: 15px;
            line-height: 45px;
            border-top: 1px solid #333;
        }
        
        .navlist .li a{
            color: #fff;
        }
        
        .navlist {
            position: absolute;
            left: 0;
            top: 60px;
            background: #000;
            z-index: 999;
            width: 100%;
            text-indent: 20px;
            display: none;
        }
        #footer{
            background: #000;
        }
        .footer-head .link li a{
            color: #fff;
        }
        .footer-head .link .tit{
            color: #fff;
        }
        .footer-head h3{
            color: #fff;
        }
        .copyright{
            color: #fff;
        }
        .copyright .tel{
            color: #fff;
        }
        .footer-head .right p{
            color: #fff;
        }
        #nav ul{
            margin-left: 1px;
        }
        #nav ul li:first-of-type{
            padding-left: 0;
        }
        #nav ul li{
            padding-bottom: 0;
        }
        #nav{
            margin-top: 0;
        }
        .action-nav{
            margin-top: 0;
        }
        .nav-search{
            width: 260px;
            background: #fff;
            border-radius: 30px;
            height: 32px;
            margin-top: 10px;
        }
        .nav-search form{
            height: 100%;
        }
        .nav-search input{
            outline: none;
            border: none;
            background: none;
            height: 100%;
            float: left;
            text-indent: 10px;
        }
        .nav-search .submit{
            width: 30px;
            height: 30px;
            float: right;
            background: url('../images/search.png');
            transform: scale(.8);
            margin-right: 6px;
        }
        .footer-head{
            padding-bottom: 30px;
            border-bottom: none;
        }
        .foot-link{
            min-height:0;overflow:hidden;color:#b3b3b3;padding-bottom: 12px;border-bottom: 2px solid #8a8a8a;
            font-size: 17px;
        }
        .foot-link a{
            color:#b3b3b3;
            margin-right: 4px;
        }
        .foot-link a:hover{
            color: #fff;
        }
	    #newHead{
        width: 100%;
        height: 80px;
        background: #000000;
    }
    #newHead .container{
        height: 100%;
    }
    #newHead .container #logo img{
        height: 100%;
    }
    .language{
        float: right;
        font-size: 17px;
        color: #cccccc;
        margin-top: 29px;
    }
    .language img{
        margin-right: 7px;
        margin-left: 4px;
        position: relative;
        top: -2px;
    }
     .language img:last-of-type{
         margin-right: 0;
     }
     
     #fuwu{
        margin-top: 60px;
    }
    #fuwu{
	     margin-bottom: 60px;
	 }
	    #fuwu .list{
	        background: #fafafa;
	        padding: 38px;
	        padding-bottom: 20px;
	        min-height: 0;
	        overflow: hidden;
	    }
	    #fuwu .about-title{
	        margin-bottom: 30px;
	    }
	    #fuwu .list span{
	        display: block;
	        float: left;
	        width: 50%;
	    }
	    #fuwu .list span:nth-of-type(2){
	        width: 35%;
	    }
	    #fuwu .list span:nth-of-type(3){
	        width: 15%;
	    }
	    #fuwu .list .list-head{
	        min-height: 0;
	        overflow: hidden;
	        border-bottom: 2px solid #bbbbbb;
	        padding-bottom: 12px;
	        margin-bottom: 5px;
	    }
	    #fuwu .list .li{
	        min-height: 0;
	        overflow: hidden;
	        line-height: 48px;
	        border-bottom: 1px dashed #ddd;
	        font-size: 17px;
	        color: #808080;
	    }
	    #fuwu .list .list-head span{
	        font-size: 22px;
	        color: #808080;
	    }
	    #fuwu .list .li img{
	        position: relative;
	        top: -2.5px;
	    }
	    #fuwu .list span a:hover{
	        color: #cc0000;
	    }
	    #fuwu .list .li:last-of-type{
	        border: none;
		}
		


#foot{
	background: #efefef;
}

.f_menu{
	width: 75%;
	min-height: 0;
	overflow: hidden;
	float: left
}

.f_menu ul li{
	float: left;
	width: 16.6666%;
}

.f_menu ul li a{
	display: block;
}

.f_menu ul li a:hover{
	color: #CC0000
}

.f_top h3{
	font-size: 16px;
	color: #333;
	margin-bottom: 20px;
	margin-top: 0;
	padding-bottom: 1px;
	position: relative;
}

.f_top h3::after{
	content: '';
	width: 20px;
	height: 1px;
	background: #333;
	position: absolute;
	bottom: 0;
	left: 0;
}

.f_top h3 a{
	font-size: 16px;
	color: #333;
}

.f_top a{
	color: #333;
	font-size: 14px;
	margin-bottom: 22px;
}

.r_contact{
	text-align: right;
	float: right;
}

.c_2{
	text-align: right;
}

.c_1{
	display: flex;
	align-items: center;
	margin-bottom: 23px;
}

.c_1 .p1{
	font-size: 25px;
	color: #333;
	letter-spacing: 1px;
	font-weight: bold
}

.c_1 .p2{
	font-size: 14px;
	color: #333;
}


.c_2 div{
	font-size: 14px;
	margin-bottom: 10px;
	color: #333;
}

.c_2 img{
	margin-right: 6px;
}

/* .c_2 div{
	display: flex;
	align-items: center;
} */

.c_3{
	display: flex;
	align-items: center;
}

.c_3 div:last-of-type img{
	float: left;
}

.c_3 div:first-of-type{
	margin-right: 32px;
}

.c_3 div:last-of-type{
	color: #4b4a4a;
	font-size: 16px;
	
}

.c_3 div:last-of-type span{
	line-height: 2;
}

.c_3 div:last-of-type img{
	position: relative;
	top: 9px;
	margin-right: 14px;
}

.copyright{
	margin-top: 20px;
	height: 72px;
	border-top: 1px solid #323232
}

.copyright .container{
	display: flex;
	align-items: center;
	height: 100%;
}

.copyright div{
	font-size: 14px;
	color: #333;
}

.copyright a{
	font-size: 14px;
	color: #9C9C9C;
}

.copyright p{
	margin-bottom: 0
}

.copyright div:last-of-type{
	margin-left: auto;
}


#home-partner{
	margin-bottom: 80px
}
#home-partner ul{
	min-height: 0;
	overflow: hidden;
}
#home-partner ul li{
	margin-right: 1.2%;
	width: 19%;
	float: left;
	border: 1px solid #fff;
	text-align: center;
	margin-bottom: 1.2%;
}

#home-partner ul li:hover{
	border:1px solid #FF0000
}

#home-partner ul li .img{
	overflow: hidden;
}

#home-partner ul li .img img{
	max-width: 100%
}
/* 
#home-partner ul li:hover img{
	transform: scale(1.1);
} */

#home-partner ul li:nth-of-type(5n){
	margin-right: 0;
}

#home-app{
	background: #F5F5F5;
	padding: 50px 0
}

#home-app .app-hd{
	display: flex;
	
	
}

#home-app .app-hd div{
	width: 100%;
	text-align: center;
	padding-bottom: 35px;
	border-bottom: 2px solid #E2E2E2;
	cursor: pointer;
}

#home-app .app-hd div.on img{
	filter: grayscale(0);
}

#home-app .app-hd div.on{
	border-bottom: 2px solid #D32A2A;
}

#home-app .app-hd div.on p{
	color:#D32A2A
}

#home-app .app-hd div img{
	filter: grayscale(1);
	margin-bottom: 5px;
}

#home-app .app-bd{
	margin-top: 33px;
}

#home-app .app-bd img{
	width: 100%;
}

#home-app .app-bd .li .container{
	position: relative;
}

#home-app .app-bd .li{
	display: none;
}

#home-app .app-bd .li.on{
	display: block;
}

#home-app .app-bd .li .txt{
	position: absolute;
	left: 0;
	bottom: 50px;
	color: #fff
}

#home-app .app-bd .li .txt .p1{
	font-size: 25px;
	margin-bottom: 15px;
}

#home-app .app-bd .li .txt .p2{
	font-size: 16px;
	margin-bottom: 15px;
}

.pages_nav .crumbs{
	float: left;
	background: #fff;
	height: 100%;
	display: flex;
	align-items: center;
}

.pages_nav .crumbs .icon{
	float: left;
	height: 100%;
	margin-right: 15px;
}

.pages_nav .crumbs .icon img{
	margin-top: 23px;
}

.pages_nav .container{
	height: 100%;
}

.pages_nav{
	height: 70px;
	overflow: hidden;
	border-bottom: 1px solid #eee
}

.pages_nav .p_nav{
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
	float: right;
}

.pages_nav .p_nav a{
	width: auto;
	color: #000;
	text-align: center;
	font-size: 16px;
	position: relative;
	height: 100%;
	z-index: 7;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
}

.pages_nav .icon{
	text-align: center;
	filter: grayscale(1)
}

.pages_nav .br{
	display: flex;
	align-items: center;
}

.pages_nav .br a{
	font-size: 14px;
	color: #7b7a7a;
	margin-right: 11px;
}

.pages_nav .br a:last-of-type{
	color: #000
}

.pages_nav .br a:last-of-type{
	margin-right: 0;
}

.p_nav a.active{
	background: #CC0000;
	color: #fff
}

.news-list img{
	width: 100%;
	border-radius: 5px;
}

.news-list{
	background: #f5f5f5;
	padding: 50px 0 50px 0;
}



.news-list ul li{
	background: #fff;
	padding: 22px 20px;
	margin-bottom: 22px;
}

.news-list ul li a{
	display: flex;
	align-items: center;
}

.news-list ul li .time{
	flex-shrink: 0
}

.news-list .img{
	width: 111px;
	margin: 0 30px 0 40px;
}

.news-list ul li h2{
	margin: 0;
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #333;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-list ul li p{
	font-size: 14px;
	color: #666666;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-list ul li .icon{
	margin-right: 10px;
}


.news-list ul li .txt{
	width: 80%;
}


.news-list2{
	background: #f5f5f5;
	padding: 50px 0 50px 0;
}

.news-list2 ul li{
	width: 32%;
	float: left;
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	margin-right: 2%;
	margin-bottom: 2%;
}
.news-list2 ul li img{
	width: 100%;
	transition: all linear 200ms;
}
.news-list2 ul li:hover h2{
color: #CB0102
}
.news-list2 ul li .img{
	overflow: hidden;
}
.news-list2 ul li:hover .img img{
	transform: scale(1.1)
}
.news-list2 ul li:hover .time{
	border-top: 1px solid #CB0102;
}
.news-list2 ul li:nth-of-type(3n){
	margin-right: 0;
}
.news-list2 ul li .time img{
	width: 22px;
	margin-right: 9px;
}
.news-list2 ul li .txt{
	padding: 25px;
}
.news-list2 ul li .txt h2{
	margin: 0;
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 10px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news-list2 ul li .txt p{
	margin: 0;
	font-size: 14px;
	color: #666;
	
	
	margin-bottom: 16px;
	line-height: 1.5;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-list2 ul li .time{
	color: #666;
	font-size: 16px;
	display: flex;
	align-items: center;
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #ECECEc;
}

.yangpin{
	padding: 50px 0
}

.page-title{
	text-align: center;
}

.page-title .p1{
	font-size: 35px;
	font-weight: bold;
	margin-bottom: 15px;
}

.page-title .p2{
	font-size: 18px;
	color: #666;
	line-height: 2
}

.biaodan{
	border: 1px solid #ECECEC;
	margin: 60px 0 55px 0
}

.biaodan .inp-row{
	height: 75px;
	border-bottom: 1px solid #ECECEC;
	display: flex;
	align-items: center;
}

.biaodan .inp-row:last-of-type{
	border: none;
}

.biaodan .inp-row div{
	width: 286px;
	background: #F5F5F5;
	height: 100%;
	font-size: 16px;
	line-height: 65px;
	text-indent: 20px;
}

.biaodan .inp-row div b{
	color: #CB0102
}

.biaodan .inp-row .inp{
	height: 43px;
	border: 1px solid #ECECEC;
	margin-left: 15px;
	outline: none;
	width: 77%;
	padding-left: 15px;
}

.biaodan .inp-row .inp::placeholder{
	color: #B5B5B5;
	font-size: 14px;
}

.biaodan .inp-row .inp.textarea{
	height: 100px;
	padding-top: 12px;
}

.submit{
	width: 210px;
	line-height: 62px;
	outline: none;
	border: none;
	font-size: 22px;
	background: #CC0000;
	border-radius: 5px;
	margin: auto;
	color: #fff;
	display: block;
}

.biaodan .inp-row.textarea-row{
	height: 140px;
}

.faq .li{
	background: #fff;
	margin-bottom: 25px;
}

.faq .li.on{

}

.faq .li .f-head{
	display: flex;
	height: 72px;
	align-items: center;
	cursor: pointer;
}

.faq .li .f-head .q{
	width: 72px;
	height: 100%;
	background: #CB0102;
	color: #fff;
	font-size: 32px;
	text-align: center;
	line-height: 72px
}

.faq .li .f-head .t{
	width: 70%;
	font-size: 20px;
	color: #0E0E0E;
	margin-left: 20px;
}

.faq .li .f-head .i{
	margin-left: auto;
	margin-right: 25px;
}

.faq .li .f-head .i img{
	filter: grayscale(1);
	opacity: .7;
}

.faq .li.on .f-head .i img{
	filter: grayscale(0);
	opacity: 1;
	transform: rotate(90deg)
}

.faq .li .f-body{
	display: flex;
	padding: 30px 50px 30px 15px;
	border-top: 1px solid #eee;
	display: none;
}

.faq .li.on .f-body{
	display: flex
}

.faq .li .f-body div:first-of-type{
	color: #CB0102;
	font-size: 25px;
	margin-right: 30px;
}

.faq .li .f-body div:last-of-type{
	color: #666;
	font-size: 16px;
	line-height: 1.6
}

.faq .li .f-body div:last-of-type p{
	margin-bottom: 14px;
}

.faq .li .f-body div:last-of-type p:last-of-type{
	margin-bottom: 0
}

.page{
	background: #f5f5f5;
		padding: 50px 0 50px 0;
}

.faq .page-title{
	margin-bottom: 50px
}

.download-list ul li{
	display: flex;
	width: 31%;
	float: left;
	margin-right: 3.5%;
	margin-bottom:  3.5%;
}

.download-list ul li .title{
	height: 85px;
	border-bottom: 1px solid #E7E7E7;
	font-size: 18px;
	margin-top: 15px
}

.download-list{
	margin: 65px 0 30px 0;
}

.download-list ul li:nth-of-type(3n){
	margin-right: 0;
}

.download-list ul li .img{
	margin-right: 22px;
}

.download-list ul li .icons img{
	filter: grayscale(1);
	opacity: .7;
}

.download-list ul li .txt{
	width: 95%;
}

.download-list ul li .txt a{
	display: inline-block;
	margin-top: 20px;
	margin-right: 33px;
}

.download-list ul li .txt a:hover img{
	filter: grayscale(0);
	opacity: 1;
}

.pro-detail .container{
	background: #fff
}

.pro-detail .pro-head{
	padding: 30px;
	min-height: 0;
	overflow: hidden;
	display: flex
}

.pro-detail .pro-head .imgs{
	width: 723px;
	margin-right: 55px;
}

.pro-detail .pro-head .imgs img{
	width: 100%;
}

.pro-detail .pro-head .imgs .b-img{
	border: 1px solid #dddddd;
	text-align: center
}

.pro-detail .pro-head .imgs .b-img img{
	width: 440px;
	margin: 50px 0
}

.pro-detail .pro-head .imgs .s-img .img{
	width: 65px;
	height: 65px;
	border: 1px solid #dddddd;
	float: left;
	margin-right: 10px;
	margin-top: 20px;
	cursor: pointer;
}


.pro-detail .pro-head .txt .t1{
	font-size: 26px;
	color: #CC0000;
	margin-bottom: 12px;
}

.pro-detail .pro-head .txt .t2{
	font-size: 18px;
	margin-bottom: 22px;
}

.pro-detail .pro-head .txt .p{
	font-size: 16px;
	color: #666;
	line-height: 2
}


.pro-detail .btns{
	margin-top: 80px
}
.pro-detail .btns a{
	display: block;
	float: left;
	width: 156px;
	line-height: 40px;
	background: #CC0000;
	color: #fff;
	font-size: 16px;
	border-radius: 30px;
	text-align: center;
	border: 1px solid #CC0000;
	margin-right: 20px;
	cursor: pointer;
}
.pro-detail .btns a:last-of-type{
	color: #CC0000;
	background: none;
}
.pro-detail .btns a img{
	position: relative;
	margin-right: 5px;
	top: -2px;
}


#result table{
    width: 100%;
	font-size: 16px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    margin-bottom: 80px;
}
#result table td{
    border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 7px
}

#result table tbody tr:nth-of-type(2n-1){
	background: #e6e6e6;
}
#result table tbody tr:nth-of-type(2n){
	background: #ffffff;
}
#result table tbody tr:first-of-type{
	background: #CC0000;
	color: #fff
}

.xn {
	margin: 30px
}

.xntitle{
	color: #CC0000;
	font-size: 26px;
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-indent: 30px;
	padding-top: 22px;
}

.xntitle span{
	display: inline-block;
	width: 9px;
	height: 28px;
	background: #CC0000;
	border-radius: 20px;
	margin-right: 12px;
	position: relative;
	top: 7px;
}


.xncontainer{
	margin-top: 25px;
}

/*#result table tr td:last-of-type{*/
/*	width: 90px;*/
/*}*/

#home-news .bd .item{
	display: none;
}


#home-news .bd .item.on{
	display: block;
}


#home-news .swiper-pagination-bullet{
	background: #fff;
	
}

#home-news .swiper-container-horizontal>.swiper-pagination-bullets{
	bottom: 18px;
	left: inherit;
	width: auto;
	right: 15px;
}


.pro-detail .pro-head .imgs .s-img .img.swiper-slide-active{
	border: 1px solid #CC0000;
}

.pro-detail .pro-head .imgs .s-img .img.active{
	border: 1px solid #CC0000;
}

.service-1{
	margin-top: 40px;
}

.service-1 .li{
	background: #fff;
	width: 32%;
	margin-right: 2%;
	float: left;
	text-align: center;
	padding: 52px 0
}

.service-1 .li:last-of-type{
	margin-right: 0;
}

.service-1 .p1{
	font-size: 16px;
	color: #131313;
	margin-top: 20px;
	margin-bottom: 22px;
}

.service-1 .p2{
	font-size: 25px;
	color: #cb0102;
	margin-top: 20px;
	margin-bottom: 22px;
	font-weight: bold
}

.service-2{
	position: relative;
	margin-top: 65px;
	overflow: hidden;
}

.service-2 h2{
	font-size: 35px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: 65px;
	width: 100%;
	text-align: center;
	line-height: 1
}

.service-3 .li{
	width: 50%;
	float: left;
	padding: 2.5%;
	position: relative;
	top: -100px;
	background: #f5f5f5;
	margin-bottom: -80px
}

.service-3 .li:last-of-type{
	background: #fff;
}

.service-3 .li .title{
	font-size: 28px;
	margin-bottom: 22px;
}

.service-3 .li .title img{
	margin-right: 10px;
}

.service-3 .li p{
	font-size: 14px;
	color: #666666;
	line-height: 2.2;
}

.contact1{
	display: flex
}

.contact1 .txt{
	width: 560px;
}

.contact1 .img{
	margin-left: auto
}

.contact1 .li{
	display: flex;
	align-items: center;
	margin-bottom: 44px;
}

.contact1 .li:last-of-type{
	margin-bottom: 0;
}

.contact1 .txt .title{
	font-size: 35px;
	font-weight: bold;
	padding: 50px 0 45px 0;
	line-height: 1;
	border-bottom: 1px solid #d8d8d8;
	margin-bottom: 50px;
	position: relative;
}

.contact1 .txt .title::after{
	width: 82px;
	content: '';
	height: 2px;
	background: #cc0000;
	position: absolute;
	bottom: 0;
	left: 0;
}

.contact1 .li .icon{
	margin-right: 22px;
}
.contact1 .li .t1{
	color: #666;
	font-size: 16px;
	margin-bottom: 10px;
}
.contact1 .li .t2{
	color: #000;
	font-size: 16px;
	font-weight: bold
}


.contact2{
	padding: 65px 0;
	margin: 65px 0
}


.contact2 .li{
	background: #fff;
	width: 32%;
	margin-right: 2%;
	float: left;
	text-align: center;
	padding: 32px 0;
	margin-top: 50px;
	border-radius: 10px;
}

.contact2 .li:last-of-type{
	margin-right: 0;
}


.contact2 .li .icon{
	width: 85px;
	height: 85px;
	background: #f4f4f4;
	border-radius: 50%;
	text-align: center;
	line-height: 85px;
	margin: auto;
}

.contact2 .li .icon img{
	filter: grayscale(1)
}

.contact2 .li .code{
	margin: 37px 0;

}

.contact2 .li .code img{
	border: 2px solid #e0e0e0;
	border-radius: 10px;
	padding: 12px;
}

.contact2 .li p{
	font-size: 18px;
}

.contact3 img{
	margin: 30px 0 30px 0
}

.f_head{
	color: #333;
	height: 108px;
	width: 100%;
	border-bottom: 1px solid #323232;
	margin-bottom: 30px;
}

.f_head .container{
	display: flex;
	align-items: center;
	height: 100%;
}

.f_head b{
	font-weight: normal;
	font-size: 16px;
	margin-left: 32px;
}

.f_head .icons{
	margin-left: auto;
	display: flex;
	align-items: center;
}

.f_head .icons span{
	display: inline-block;width: 34px;
	height: 34px;
	line-height: 34px;
	background: #313131;
	text-align: center;
}

.f_head .icons > div{
	margin-left: 18px;
	position: relative;
}

.f_head .icons > div .pop{
	width: 79px;
	height: 85px;
	background: url('../images/ewm-popup.png');
	position: absolute;
	top: -96px;
	left: -25px;
	display: none;
}

.f_head .icons > div:hover .pop{
	display: block;
}

.f_head .icons > div .pop img{
	width: 71px;
	margin: 4px;
}

.f_head .icons .img2{
	display: none;
}

.f_head .icons > div:hover .img2{
	display: inline-block;
}

.f_head .icons > div:hover span{
	background: #cc0000;
	cursor: pointer;
}

.f_head .icons > div:hover .img1{
	display: none;
}

#header .container{
	position: relative;
}

#header .container .child-nav{
	background: #f8f8f8;
	position: absolute;
	top: 70px;
	left: 0;
	z-index: 999;
	width: 100%;
	
	padding: 50px 50px 50px 30px;
	min-height: 0;
	overflow: hidden;
	height: 0;
	opacity: 0;
	transition: all linear 200ms;
}

#header .container .child-nav.on{
	height: auto;
	opacity: 1;
}

.child-nav .img{
	width: 271px;
	margin-left: auto;
	overflow: hidden;
	margin-right: 20px;
}

.child-nav .img:hover img{
	transform: scale(1.1);
}

.child-nav .img img{
	width: 100%;
	transition: all linear 200ms;
	cursor: pointer;
}

.child-nav .margin{
	display: flex;
	width: 100%;
}

.child-nav .tit{
	font-size: 22px;
	line-height: 1;
	border-left: 4px solid #cc0000;
	padding-left: 12px;
	margin-bottom: 38px;
}

.child-nav .txt a{
	font-size: 14px;
	color: #666666;
	display: inline-block;
	margin: 14px 70px 16px 16px;
}

.child-nav .txt a:hover{
	color: #cc0000;;
}



.sys-hd{
	text-align: center;
	margin-top: 45px;
}
.sys-hd span{
	display: inline-block;
	width: 160px;
	line-height: 40px;
	background: #fff;
	border-radius: 30px;
	font-size: 16px;
	color: #666;
	text-align: center;
	margin: 0 12px;
	cursor: pointer;
}
.sys-hd span.on{
	background: #CC0000;
	color: #fff;
}
.sys-bd{
	margin-top: 50px;
}
.sys-swiper img{
	width: 100%;
}
.sys-swiper .left{
	width: 82%;
	float: left;
}
.sys-swiper .right{
	width: 16.6%;
	float: right;
	height: 612px;
	overflow: hidden;
	position: relative;
}
.sys-swiper .right .swiper-slide{
	position: relative;
	cursor: pointer;
}
.sys-swiper .right .swiper-slide p{
	position: absolute;
	width: 100%;
	bottom: 0;
	font-size: 16px;
	color: #fff;
	background: rgba(0,0,0,.5);
	text-align: center;
	padding: 5px 0;
}

.sys-swiper .right .swiper-slide:hover p{
	background: #CC0000;
	color: #fff;
}

.sysSwiper{
	height:-webkit-calc(100% - 80px); 
	height:-moz-calc(100% - 80px); 
	height:calc(100% - 80px);
	margin-top: 40px;
}
.sys-swiper .swiper-button-next,.sys-swiper .swiper-button-prev{
	height: 30px;
	background: #BFBFBF;
	width: 100%;
	color: #fff;
	
}
.sys-swiper .swiper-button-prev{
	bottom: initial;
	top: 22px;
	left: 0;
}
.sys-swiper .swiper-button-next{
	bottom: 0;
	top: initial;
	left: 0;
}
.sys-swiper .swiper-button-prev:after, .sys-swiper .swiper-button-next:after{
	font-size: 18px;
	transform: rotate(90deg);
}
.sys-swiper .swiper-button-prev:hover,.sys-swiper .swiper-button-next:hover{
	background: #CC0000;
}
.sys-swiper  .swiper-slide.swiper-slide-active p{
	background: #CC0000;
	color: #fff;
}



.classify-gy {
	background: #fff;
}
.container-gy{
	margin-top: 65px;
	display: flex;
	align-items: center;
	background: #fff;
}
.container-gy .btns{
	margin-left: auto;
	display: flex;
	align-items: center;
	height: 100%;
	margin-right: 30px;
}
.container-gy .btns a{
	display: flex;
	align-items: center;
	justify-items: center;
	height: 41px;
	padding: 0 32px;
	border: 1px solid #CC0000;
	border-radius: 30px;
	text-align: center;
	margin-left: 14px;
	color: #CC0000;
	cursor: pointer;
}
.container-gy .btns a img{
	margin-right: 3px;
}
.container-gy .btns a:first-of-type{
	background: #CC0000;
	color: #fff;
}
.product-list-gy{
	margin-top: 45px;
}
.product-list-gy .ul{
	margin-bottom: 30px;
}

.product-list-gy .pic{
	width: 220px;
	border: 1px solid #eee;
	margin-right: 30px;
	flex-shrink: 1;
	height: 220px;
}
.product-list-gy .pic img{
	width: 100%;
}
.product-list-gy ul li{
	display: flex;
}
.product-list-gy .con{
	display: flex;
	padding: 25px 34px;
}
.product-list-gy .left{
	width: 65%;
	background: #fff;
}
.product-list-gy .right{
	width: 33%;
	margin-left: auto;
	background: #fff;
}
.product-list-gy ul li .tit{
	font-size: 20px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	padding: 25px 34px;
}
.product-list-gy .cate{
	font-size: 26px;
	color: #CC0000;
	margin-bottom: 25px;
}
.product-list-gy .cate span{
	width: 5px;
	height: 26px;
	background: #CC0000;
	display: inline-block;
	border-radius: 30px;
	margin-right: 12px;
	position: relative;
	top: 5px;
}
.product-list-gy .txt{
	font-size: 16px;
	color: #888;
	line-height: 2;
}
.product-list-gy .txt .bt{
	color: #000;
}

.product-list-gy .dl-list{
	padding: 25px 34px 0 34px;
	min-height: 0;
	overflow: hidden;
}
.product-list-gy .dl-list a{
	display: block;
	width: 47%;
	float: left;
	line-height: 40px;
	border: 1px solid #eee;
	border-radius: 6px;
	margin-bottom: 22px;
	position: relative;
	color: #666666;
	text-indent: 18px;
}
.product-list-gy .dl-list a img{
	filter: grayscale(1);
	opacity: .4;
	position: absolute;
	right: 13px;
	top: 12px;
}
.product-list-gy .dl-list a:hover img{
	filter: grayscale(0);
	opacity: 1;
}
.product-list-gy .dl-list a:hover{
	border: 1px solid #CC0000;
	color: #CC0000;
}
.product-list-gy .dl-list a:nth-of-type(2n){
	float: right;
}


.zzgc .container{
	display: flex;
	align-items: center;
}
.zzgc .img{
	width: 50%;
}
.zzgc .img img{
	width: 100%;
}
.zzgc .txt{
	width: 47%;
	margin-left: auto;
}
.zzgc .txt .p1{
	font-size: 35px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 22px;
}

.zzgc .txt .p2{
	font-size: 16px;
	color: #000000;
	line-height: 1.7;
}


#zs{
	margin-top: 70px;
}
.zs-swiper .swiper-slide{
	background: #FFFAFA;
	box-shadow: 0px 0px 10px 0px rgba(255,206,206,0.59);
	text-align: center;
	padding-top: 35px;
}
.zs-swiper .swiper-slide p{
	font-size: 14px;
	color: #131313;
	padding: 30px 0;
	margin: 0 20px;
	margin-top: 30px;
	border-top: 1px solid #EEEEEE;
}
.zs-swiper .swiper-slide.swiper-slide-active{
	transform: scale(1.1);
	z-index: 666;
	background: #fff;
	border-bottom: 2px solid #CB0102;
}
.zs-swiper.swiper-container{
	padding-top: 30px;
	padding-bottom: 110px;
}

.zs-swiper .swiper-button-next, .zs-swiper .swiper-button-prev{
	bottom:0;
	top: inherit;
	margin-top: 0;
	width: 48px;
	height: 48px;
	background: #FFEBEB;
	border-radius: 50%;
}

.sw-btns{
	position: absolute;
	bottom: 0;
	width: 140px;
	left: 50%;
	margin-left: -70px;
	height: 48px;
}

.zs-swiper .sw-btns div:hover:after{
	color: #fff;
}

.zs-swiper .sw-btns div:hover{
	color: #fff;
	background: #CB0102;
}

.zs-swiper .swiper-button-next::after, .zs-swiper .swiper-button-prev::after{
	font-size: 15px !important;
	color: #333;
	font-weight: bold;
}
.zs-swiper .fangda{
	position: absolute;
	right: 20px;
	bottom: 93px;
}

.pzgk ul{
        margin-top: 60px;
}
.pzgk ul li{
    width: 48.5%;
    background: #fff;
    height: 240px;
    float: left;
    padding: 44px 23px;
    display: flex;
    margin-bottom: 3%;
    position: relative;
}
.pzgk ul li:nth-of-type(2n){
    float: right
}
.pzgk ul li .icon{
    margin-right: 18px;
    margin-top: 10px;            }
.pzgk ul li span{
    display: block;
    width: 50%;
    float: left;
    margin-bottom: 12px;
    color: #888888;
    font-size: 16px;
}
.pzgk ul li .p1{
    font-size: 24px;
    margin-bottom: 15px
}
.pzgk ul li .num{
    width: 33px;
    height: 33px;
    background: url('../images/pz0.png') no-repeat;
    position: absolute;
    color: #fff;
    text-align: center;
    line-height: 36px;
    right: 23px;
    top: 0;
    font-size: 18px
}

#nav ul li.on a{
    color: #c30101;
}
.product-list ul li .img .model span{
    display: inline-block;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-list ul li .img .tp {
    height: 285px;
}
.de_wrap .right .img {
    flex-shrink: 0;
}
.de_wrap .left img{
    height: auto !important;
}
.de_head h1 {
    line-height: 1.3;
}
.pro-detail .pro-head .imgs .b-img img{
    height: 440px;
    width: auto;
}



.recruit .rec_head {
        line-height: 54px;
        margin-bottom: 15px;
        height: 54px;
        background: #CC0000;
        
    }
    .recruit .rec_head span{
        color: #fff;
        font-size: 18px;
    }
    .recruit .item_head {
        line-height: 54px;
        height: 54px;
        background: #FFFFFF;
    }
    .recruit .item_head span{
        font-size: 16px;
        font-weight: 400;
        color: #000000;
    }
    .recruit .item_head span i img{
        filter: grayscale(1);
        transform: rotate(90deg);
    }
    .recruit .item_head span:nth-child(1) {
        width: 21%;
    }
    .recruit .item_head span:nth-child(3) {
        width: 17%;
    }
    .recruit .rec_head span:nth-child(1) {
    width: 21%;
}
    .recruit .rec_head span:nth-child(3) {
    width: 17%;
}

.recruit li.active .item_head span i img {
    filter: grayscale(0);
    transform: rotate(180deg);
}
.recruit .item_foot {
    background: #fff;
    border-top: 1px solid #EBEBEB;
    padding: 40px 55px;
}
.recruit .tt{
    font-size: 17px;
    color: #CC0000;
    font-weight: bold;
    margin-bottom: 5px;
}
.recruit ul li .padding p{
    font-size: 16px;
    line-height: 2;
    color: #666 !important;
}
#xqfl{
        height: 584px;
        background: url("../images/zhique_01.png") top center;
        color: #fff;
    }
    #xqfl .container{
            display: flex;
    height: 100%;
    align-items: center;
    }
    #xqfl .left{
        width: 40%;height: 100%;
    }
    #xqfl .left .p1{
        font-size: 55px;
        font-weight: bold;
        color: #FFFFFF;
        margin-top: 110px;
    }
     #xqfl .left .p2{
        font-size: 14px;
        font-family: SourceHanSansCN;
        font-weight: 400;
        color: #FFFFFF;
        text-transform: uppercase;
        margin-top: 5px;
        margin-bottom: 70px;
    }
    #xqfl .left span{
        display: block;
        width: 49px;
        height: 4px;
        background: #FFFFFF;
    }
    #xqfl .right{
        margin-left: auto;
        display: flex;
    }
    #xqfl .li{
        width: 160px;
        height: 468px;
        background: #FFFFFF;
        color: #000;
        border-left: 1px solid #ddd;
        padding: 0 20px;cursor: pointer;
    }
    #xqfl .li:last-of-type{
        border-right: 1px solid #ddd;
    }
    #xqfl .li .p2{
        display: none;
    }
    #xqfl .li .num{
        font-size: 55px;
        font-weight: 400;
        font-style: italic;
        color: #666666;
        line-height: 1;
        margin:65px 0 170px 0;
    }
    #xqfl .li .p2,#xqfl .li .p1{
        font-size: 16px;
        color: #000000;
    }
    #xqfl .li:hover{
        background: #CB0102;
        border-color: #CB0102;
    }
    #xqfl .li:hover div{
        color: #fff !important;
    }
    #xqfl .li:hover .p2{
        display: block;
    }
    #xqfl .li:hover .p1{
        display: none;
    }
    .fengcai{
        background: #fff;padding: 65px 0;margin-bottom: 0;
    }
    .imgsList .left {
        width: 48.48%;
    }
    .imgsList{
        margin-top: 40px;
    }
    .imgsList p {
        position: absolute;
        bottom: 0;
        font-size: 16px;
        color: #ffffff;
        font-weight: normal;
        left: 0;
        bottom: 0;
        line-height: 50px;
        text-align: center;
        width: 100%;
        background: rgba(0,0,0,.7);
    }
    .xuzhi{
        padding-top: 60px;
    }
    .xuzhi .box .padding {
        background: #fff;
        padding: 0;
        display: flex;
    }
    .xuzhi .box .padding div{
        width: 50%;
    }
    .xuzhi .box .padding .left{
        padding: 45px 35px;
    }
    .xuzhi .box .padding .right{
        border-left: 1px solid #e6e6e6;
        padding: 5px 0;
    }
    .xuzhi .box .padding .right .xx{
        border-bottom: 1px solid #e6e6e6;
        padding: 10px 43px;
        width: 100%;
    }
    .xuzhi .box .padding .right .xx:last-of-type{
        border-bottom:none;
    }
    .xuzhi .box .padding .right .xx p:nth-of-type(1){
        font-size: 16px;
        font-weight: 400;
        color: #666666;
    }
    .xuzhi .box .padding .right .xx p:nth-of-type(2){
        font-size: 20px;
        font-weight: bold;
        color: #000000;
    }
    .xuzhi .box .padding .right .xx p:nth-of-type(3){
        font-size: 16px;
        font-weight: 400;
        color:  #CB0102;
    }
   .xuzhi .box{
       margin-top: 40px;
       margin-bottom: 60px;
   }
   .xuzhi .left .zn{
       font-size: 25px;
        font-weight: bold;
        color: #000000;
   }
   .xuzhi .bz{
       margin: 30px 0;
   }
   .xuzhi .bz span{
       width: 119px;
        height: 34px;
        background: #CB0102;
        border: 1px solid #E6E6E6;
        border-radius: 27px;
        display: inline-block;
        text-align: center;
        color: #fff;
        line-height: 34px;
   }
   .xuzhi .bz b{
       margin: 0 13px;
   }
   .xuzhi .box .padding div {
        width: 100%;
    }
     .xuzhi .left p{
         font-size: 14.5px;
         line-height: 2;
         margin-bottom: 15px;
     }




 .choose .container{
        display: flex;
        align-items: center;
        background: #fff;
    }
    .choose .txt{
        padding: 0 40px;
    }
    .choose .p1{
        font-size: 30px;
        font-weight: bold;
        color: #0E0E0E;
        margin-bottom: 26px;
    }
    .choose .p2{
        font-size: 16px;
        color: #000000;
        line-height: 1.9;
    }
     .choose2{
        margin: 68px 0;
    }
    .choose2 .ul{
        display: flex;
        align-items: center;
    }
    .choose2 .ul .li{
        padding: 38px 35px;
        background: #F5F5F5;
        width: 100%;
        text-align: center;
        margin-right: 22px;
    }
    .choose2 .ul .li:last-of-type{
        margin-right: 0;
    }
    .choose2 .ul .li .p1{
        font-size: 20px;
        font-weight: bold;
        color: #606060;
        margin: 15px 0 20px 0;
        padding-bottom: 25px;
        border-bottom: 1px solid #dcdcdc;
    }
    .choose2 .ul .li .p2{
        font-size: 16px;
        font-weight: 400;
        color: #606060;
    }
    .choose2 .ul .li:hover{
        background: #CB0102;
    }
    .choose2 .ul .li:hover div{
        color: #fff;
    }
    .choose3 .ul .li{
        width: 32%;
        margin-right: 2%;
        float: left;
        margin-bottom: 2%;
        position: relative;
    }
    .choose3 .ul .li img{
        width: 100%;
    }
    .choose3 .ul .li:nth-of-type(3n){
        margin-right: 0;
    }
    .choose3 .ul .li a{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.5);
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        display:none;
    }
    .choose3 .ul .li:hover a{
        display: flex;
    }
    .choose3 .ul .li a img{
        width: auto;
    }
    
    
    .swiper-tj-btns{
            display: flex;
            margin-left: auto;
        }
        .shenghuo{
            height:650px;
            background: url('../images/yuandi1.png') no-repeat top center;
            margin-bottom: 50px;
        }
        .shenghuo .title{
            overflow: hidden;
            font-size: 35px;
            font-weight: bold;
            color: #000000;
            margin-top: 50px;
            margin-bottom: 33px;
            display: flex;
        }
        .shenghuo .right{
            margin-left: 15px;
        }
        .swiper-tj img{
            width: 100%;
        }
        .swiper-tj .swiper-slide::after{
            content: '';
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.5);
            position: absolute;
            top: 0;
            left: 0;
        }
        .swiper-tj .swiper-slide.swiper-slide-active::after{display: none;}
        .swiper-tj .swiper-slide.swiper-slide-prev{
            width: 315px !important;
            height: 473px !important;
            overflow: hidden;
        }
        .swiper-tj .swiper-slide.swiper-slide-prev img{
            width: auto !important;
        }
        .swiper-tj .swiper-slide.swiper-slide-next{
            width: 315px !important;
            height: 473px !important;
            overflow: hidden;
        }
        .swiper-tj .swiper-slide.swiper-slide-next img{
            width: auto !important;
        }
        .swiper-tj .swiper-slide.swiper-slide-active{
            width: 730px !important;
            height: 473px !important;
        }
        .swiper-tj .swiper-slide img{
            height: 473px !important;
        }

        .swiper-tj2 img{
            width: 100%;
        }


        .shenghuo2{
            margin-bottom: 50px;
        }
        .shenghuo2 p{
            line-height: 49px;
            background: rgba(0,0,0,.7);
            color: #fff;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            text-align: center;
            font-size: 16px;
        }
        .shenghuo2 .swiper-slide:hover p{
            background: #C90000;
        }
        .shenghuo2 .swiper-slide:hover img{
            border: 1px solid #C90000;
            cursor: pointer;
        }
        .swiper-tj2-btns img{
            width: 14px;
            height: 22px;
        }
        .swiper-tj2-btns div{
            width: 42px;
            height: 100%;
            background: #CB0102;
            position: absolute;
            left: 0;
            z-index: 999;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        .swiper-tj2-btns div.right{
            right: 0;
            left: inherit;
        }
        .swiper-tj2-btns div.left img{
            transform: rotate(180deg);
        }
        .swiper-tj2-btns .swiper-button-disabled{
            display: none;
        }
        
        
        
        .biaodan .inp-row div.check-row{
	        background: none;
	        width: auto;
	        text-indent: 0;
	    }
	    .check-row label{
	        font-weight: normal;
	        font-size: 16px;
            font-weight: 400;
            color: #262626;
	    }
	    .check-row .check{
	        margin-left: 22px;
	    }
	    .check-row label input{
	        margin-right: 6px;
	        transform: scale(1.3);
	        position: relative;
	        top: 2px;
	    }
	    .other{
	        border: none;
	        height: 15px;
	        outline: none;
	        width: 67px;
            border-bottom: 1px solid #4E4E4E;
            margin-left: 3px;
	    }
	    
	    .inp-row.three .inp {
            width: 25%;
        }
        .inp-row.three .inp::placeholder{
            color: #000;
        }
        
        
        .choose2 .ul .li:hover img{
             filter: brightness(0) invert(1);
        }
        
        
        .number{
            display: flex;
            align-items: center;
            margin-top: 40px;
        }
        .number .item{
            text-align: center;
            margin-right: 40px;
        }
        .number .item:last-of-type{
            margin-right: 0;
        }
        .number .n1{
            font-size: 36px;
            font-weight: bold;
            color: #C90000;
        }
        .number .n2{
            font-size: 12px;
            color: #999999;
        }
        .number .more-btn{
            margin-left: auto;
            margin-top: 6px;
        }
        
        
        .dl-list .box{
		    display: flex;
		    margin-bottom: 30px;
		}
		.dl-list .box:last-of-type{
		    margin-bottom: 0;
		}
		.dl-list .box .b1{
		    flex-shrink: 0;
		}
		.product-list-gy .dl-list a {
            width: auto;
            float: inherit;
            padding-right: 42px;
            margin-right: 8px;
            margin-bottom: 10px;
        }
        .product-list-gy .dl-list .b2{
            display: flex;
            flex-wrap: wrap;
        }




#home-product .txt .p1{
    display: none;
}
#home-product  .txt .p1.on{
    display: block;
}
#home-product  .left h3{
    text-align: left;
    text-indent: 50px;
    position: relative;
    top: 50px;
}
#home-product .left .swiper-pagination {
    bottom: 75px;
}
#home-product .left .swiper-container .swiper-slide img {
    -webkit-transform: translate(0,0)
}

#home-product .left{
    position: relative;
}
#home-product .left .p1.on{
    display: block;
}

#home-product .left .txt{
        width: 100%;
}

#home-product .left .txt .padding {
    padding-top: 100px;
}

#home-product .left .gd {
    margin-top: 0;
    position: absolute;
    right: 30px;
    top: 85px;
}
#home-product .left .swiper-container {
    margin-top: 140px;
}
#home-product .left .swiper-pagination {
    bottom: 200px;
}



.f_menu ul li:nth-of-type(1),.f_menu ul li:nth-of-type(7),.f_menu ul li:nth-of-type(9),.f_menu ul li:nth-of-type(10),.f_menu ul li:nth-of-type(11){
    display: none;
}
#header {
    background: #fff;
}
#home-news .right .li .p2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#home-news .right .li .p1{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#banner{
    position: relative;
}

#banner .txt{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    z-index: 10;
    
    top: 50%;
    transform: translate(0%,-50%);
}

#banner .txt .p1{
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 15px;
}
#banner .txt .p2{
    font-size: 16px;
}
.r_contact .ewm{
    margin-top: 30px;
    width: 140px;
    text-align: center;
    float: right;
}
.r_contact .ewm2{
    margin-right: 20px;
}
.r_contact .ewm img{
    width: 100%;
    margin-bottom: 10px;
}
.r_contact  p{
    font-size: 13px;
}
.c_1{
    justify-content: right;
}
    

.classify .ss{
    display: flex;
}
.search-input2{
    outline: none;
    border: none;
    background: none;
    border-bottom: 1px solid #ccc;
    height: 33px;
    position: relative;
    left: 5px;
    top: -2px;
    display: none;
}
.search-input2::placeholder{
    color: #999;
}
.classify .ss img{
    cursor: pointer;
}
.classify .ss:hover .search-input2{
    display: block;
}






 .page-about.container {
        display: flex;
        position: relative;
    }
    .page-about.container .p2{
        background: #fff;
        padding: 33px 99px 33px 28px;
    font-size: 15px;
    line-height: 1.845;
    }
    .page-about.container .p2 p{
        margin-bottom: 22px;
    }
    .page-about.container .p2 p:last-of-type{
        margin-bottom: 0;
    }
    .page-about.container .p1{
        font-size: 27px;
        font-weight: bold;
        color: #0E0E0E;
        margin-bottom: 35px;
    }
    .page-about.container .txt{
        width: 57.3%;
    }
    .page-about.container .img{
        position: absolute;
        right: 0;
        width: 48.78%;
    }
    .page-about.container .img img{
        width: 100%;
    }
    #qywh{
       height: 752px;
       background: url('../images/about_bg2.jpg') top center;
       display: flex;
       align-items: center;
       color: #fff;
       padding: 0 80px;
    }
    
    #qywh .right{
        display: flex;
       align-items: center;
       height: 100%;
       justify-content: center;
    }
    #qywh .right .li{
        width: 200px;
        text-align: center;
        border-left: 1px solid #fff;
        height: 100%;
        cursor: pointer;
        display: flex;
        align-items: center;
        padding-left: 35px;
    }
    #qywh .right .li.on{
        background: rgba(204,0,0,.5);
    }
    #qywh .left{
        margin-right: 104px;
        min-width: 400px;
    }
    #qywh .left .p1{
        font-size: 38px;
        margin-bottom: 28px;
    }
    #qywh .left .p2{
        font-size: 16px;
    }
    #qywh .right .li:last-of-type{
         border-right: 1px solid #fff;
    }
    #qywh .right .li .add img:last-of-type{
        display: none;
    }
    #qywh .right .li.on .add img:last-of-type{
        display: block;
    }
    #qywh .right .li.on .add img:first-of-type{
        display: none;
    }
    #qywh .icon{
        text-align: left;
    }
    #qywh .li .wz{
        font-size: 35px;
        margin: 45px 0 125px 0;
        line-height:1.2;
            width: 100px;
    }
    #qywh .li .i{
        position: relative;
    }
    #qywh .li .i::after{
        width: 3px;
        height: 46px;
        background: #fff;
        content: '';
        position: absolute;
        left: -35px;
        content: '';
        top: 2px;
    }
    #qywh .left .item{
        display: none;
    }
    #qywh .left .item.on{
        display: block;
    }
    @media(min-width:1680px){
        #qywh .right .li{
            /*width: 250px;*/
            width: 170px;        
            
        }
        #qywh .left{
            margin-right: 130px;
         }
    }
    #scjd{
		margin-bottom: 70px;
	}
	#scjd .hd{
		display: flex;
		align-items: center;
		border-bottom: 2px solid #333;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	#scjd .hd img{
		filter: grayscale(1);
		margin-right: 12px;
		position: relative;
		top: -1px;
	}
	#scjd .hd div{
		width: 100%;
		text-align: center;
		font-size: 24px;
		font-weight: bold;
		color: #666666;
		opacity: .7;
		cursor: pointer;
	}
	
	#scjd .hd div.on img{
		filter: grayscale(0);
	}
	#scjd .hd div.on {
		filter: grayscale(0);
		color: #CC0000;
	}
	#scjd .bd{
		text-align: center;
		font-size: 16px;
	}
	#scjd .bd .w{
		margin-bottom: 10px;
		line-height: 1.7;
	}
	#scjd .bd .li{
		display: none;
	}
	#scjd .bd .li.on{
		display: block;
	}
	.fzlc-swiper .time {
		font-size: 24px;
		color: #CC0000;
		line-height: 1.6;
		text-align: center;
		border-bottom: 2px dashed #999;
		padding-bottom: 20px;
		margin-bottom: 30px;
		position: relative;
	}
	
	.fzlc-swiper .time::after {
		content: '';
		position: absolute;
		width: 16px;
		height: 16px;
		left: 50%;
		margin-left: -8px;
		bottom: -8px;
		background: url('../images/yuandian.png');
	}
	
	.fzlc-swiper .swiper-slide .p {
		font-size: 16px;
		color: #000000;
		line-height: 1.6;
		position: relative;
		padding: 0 20px 0 20px;
	}
	
	.fzlc-swiper .swiper-slide .p::after {
		content: '';
		position: absolute;
		width: 8px;
		height: 8px;
		background: #D81D14;
		border-radius: 50%;
		left: 0;
		top: 8px;
	}
	
	.fzlc-swiper {
		margin-top: 160px;
	}
	
	#fzlc {
		height: 718px;
		background: url('../images/fzlc-bg.png') center -60px;
		position: relative;
	}
	
	#fzlc .swiper-button-next,
	#fzlc .swiper-button-prev {
		width: 32px;
		height: 32px;
		top: 45%;
	}
	
	#fzlc .swiper-button-next:after,
	#fzlc .swiper-button-prev:after {
		display: none;
	}
	
	#fzlc .swiper-button-next {
		right: -70px;
	}
	
	#fzlc .swiper-button-prev {
		left: -70px;
	}
	
	#fzlc .i2 {
		display: none;
	}
	
	#fzlc .swiper-button-prev:hover .i2,
	#fzlc .swiper-button-next:hover .i2 {
		display: block;
	}
	
	#fzlc .swiper-button-prev:hover .i1,
	#fzlc .swiper-button-next:hover .i1 {
		display: none;
	}
	
	
	
.lianxi{
    min-height: 0;
    overflow: hidden;
    margin-bottom: 70px;
    margin-top: 40px;
}
.lianxi .li{
    width: 49%;
    border: 1px solid #CCCCCC;
    float: left;
    height: 257px;
    float: left;
    margin-bottom: 25px;
}
.lianxi .li:nth-of-type(2n){
    float: right;
}
.lianxi .li .tit{
    line-height: 57px;
    background: #CC0000;
    text-indent: 20px;
    font-size: 24px;
    font-weight: bold;
    color: #FFFFFF;
}
.lianxi .li .txt{
    padding: 20px;
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    line-height: 36px;
}


.esg{
    overflow: hidden;
}

.esg .tit{
    text-align: center;
}
.esg .tit .p1{
    font-size: 30px;
    font-family: Arial;
    color: #D6D6D6;
}
.esg .tit .p2{
    font-size: 36px;
    font-weight: bold;
    color: #CC0000;
}
.e1{
    margin-top: 40px;
} 
.e1 img{
    position: relative;
    left: 50%;
    -webkit-transform: translate(-50%,0);
}
.e2 .container{
    background: linear-gradient(0deg, #F5F5F5 0%, #FFFFFF 32%);
    border-radius: 50px;
    position: relative;
    top: -40px;
    text-align: center;
    padding-bottom: 80px;
}
.e2 .container .bt{
    font-size: 36px;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #F3F3F3;
    width: 95%;
    margin: auto;
    padding: 50px 0 40px 0;
    margin-bottom: 80px;
}
.e2 img{
    margin: 0 30px;
}
.e-tit{
        text-align: center;margin-bottom: 46px;
    }
    .e-tit .p1{
        font-size: 36px;
        font-weight: bold;
        color: #000000;
        margin-bottom: 12px;
    }
    .e-tit .p2{
        font-size: 24px;
        font-weight: 500;
        color: #333333;
    }
    .e3{
        margin: 30px 0 80px 0;
    }
    .e3 img{
        margin-right: 37px;
        margin-bottom: 20px;
    }
    .e3 img:nth-of-type(9n){
        margin-right: 0;
    }
    .margin50{
        margin: 100px 0;
    }
    .e6{
        text-align: center;
    }
    .e6 img{
        margin-top: 40px;
    }
     .e4{
    min-height: 0;
    overflow: hidden;
}
    .e4 .img{
        width: 50%;
        float: left;
    }
    .e4 .img img{
        width: 100%;
    }
    .e4 .txt{
        width: 50%;
        float: left;
    }
    .e4 .txt .li{
        padding-left: 50px;
        margin-bottom: 46px;
        display: flex;
    }
    .e4 .txt .li:last-of-type{
        margin-bottom: 0;
    }
    .e4 .nr{
        background: #fff;
        min-height: 0;
        overflow: hidden;
        display: flex;
        align-items: center;
    }
    .e4 .nr .p1{
        font-size: 24px;
        font-weight: bold;
        color: #333333;
        margin-bottom: 14px;
    }
    .e4 .nr .p2{
        font-size: 20px;
        font-weight: 400;
        color: #666666;
    }
    .e4 .txt .li .icon{
        margin-right: 25px;
    }
    .lis .li{
        width: 404px;
        height: 436px;
        background: url('../images/esg8.png');
        float: left;
        color: #fff;
        margin-left: 50px;
    }
    .e5 .container{
        position:relative;
    }
    .e5 .container .lis{
        position: absolute;
        top: 0;
        left: 0;
    }
    .e5 .t{
        font-size: 17.5px;
        font-weight: 400;
        color: #666666;
        line-height: 2;
        padding: 25px;
    }
    .e5 .h{
        font-size: 24px;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 2.2;
        text-indent: 30px;
    }
    .e5 .bg{
        margin-top: 54px;
    }
    
    
    
    .videolist{
	        min-height: 0;
	        overflow: hidden;
	    }
	    .videolist ul li{
	        width: 32%;
	        float: left;
	        margin-right: 2%;
	        background: #fff;
	    }
	    .videolist ul li:nth-of-type(3n){
	        margin-right: 0;
	    }
	    .videolist ul li .img img{
	        width: 100%;
	    }
	    .videolist ul li .img{
	        position: relative;
	    }
	    .videolist ul li .img .icon{
	        position:absolute;
	        top: 0;
	        width: 100%;
	        height: 100%;
	        background: rgba(0,0,0,.5);
	        left: 0;
	    }
	    .videolist ul li .img .icon img{
	        width: 70px;
	        position:absolute;
	        top: 50%;
	        left: 50%;
	        -webkit-transform: translate(-50%,-50%);
	    }
	    .videolist ul li .p{
	        font-size: 22px;
            font-weight: 400;
            color: #000000;
            padding: 20px;
            
	    }
	    
	    
	    	.query .ul{
	    margin-top: 40px;
	    display: none;
	}
	    .query .ul .li{
	        display: flex;
	        background: #fff;
	        padding: 40px;
	        margin-bottom: 20px;
	        
	    }
	    .query .ul .li .left{
	        display: flex;
	        align-items: center;
	        flex-shrink: 0;
	        width: 40%;
	        border-right: 1px solid #DDDDDD;
	        margin-right: 4.5%;
	    }
	    .query .ul .li .right{
	        width: 59%;
	    }
	    .query .ul .li .left .img{
	        margin-right: 30px;
	    }
	    .query .ul .li .left .p1{
	        font-size: 18px;
            font-weight: bold;
            color: #000000;
            margin-bottom: 12px;
	    }
	    .query .ul .li .left .p2{
	        font-size: 14px;
            font-weight: 400;
            color: #666666;
            margin-bottom: 30px;
	    }
	    .query .tag span{
	        font-size: 14px;
            font-weight: 400;
            color: #FF1111;
            display: inline-block;
            padding: 3px 10px;
            border: 1px solid #FF1111;
            margin-right: 5px;
	    }
	    .query .tag span:last-of-type{
	        margin-right: 0;
	    }
	    .query .right h3{
	        font-size: 18px;
            font-weight: bold;
            color: #000000;
	    }
	    .query .right label{
	        display: block;
	        width: 25%;
	        float: left;
	        display: flex;
	        align-items: center;
	        font-weight: normal;
	        margin-top: 2px;
	    }
	    .query .right label input{
	        position: relative;
	        top: -2px;
	        margin-right: 5px;
	    }
	    .disabled{
	        opacity: .7;
	    }
	    
	    .chaxun{
	        padding: 22px 35px;
	        background: #fff;
	        border: 1px solid #DDDDDD;
            border-radius: 5px;
            margin-top: 30px;
            min-height: 0;
            overflow: hidden;
	    }
	    .chaxun label{
	        display: block;
	        width: 14.28%;
	        font-weight: normal;
	        float: left;
	        cursor: pointer;
	    }
	    .all{
	        border-bottom: 1px solid #DDDDDD;
	        padding-bottom: 5px;
	        margin-bottom: 5px;
	    }
	    
	    .submit1{
	        width: 148px;
            height: 39px;
            background: #FF1111;
            border-radius: 5px;
            color: #fff;
            font-size: 18px;
            outline: none;
            border: none;
            float: right;
            margin-top: 20px;
            text-align: center;
            line-height: 39px;
            cursor: pointer;
	    }
	    .select-row{
	        margin-bottom: 0;
	    }
	    
	    .select-row select{
	        height: 39px;
            background: #F5F5F5;
            border: 1px solid #DDDDDD;
            border-radius: 5px;
            width: 49%;
            text-indent: 10px;
	    }
	    .select-row select:last-of-type{
	        float: right;
	    }
	    .dl{
	        font-size: 16px;
            font-weight: 500;
            color: #000000;
            margin-bottom: 12px;
	    }
	    .all input{
	        margin-right: 5px;
	        position: relative;
	        top: 1px;
	    }
	    .div2{
	        min-height: 0;
	        overflow: hidden;
	    }
	    .div2 input{
	        position: relative;
	        top: 2px;
	        margin-right: 5px;
	    }
	    .checks-box{
	        position: relative;
	        min-height: 0;
    overflow: hidden;
	    }
	    .checks-box::after{
	        content: '';
	        width: 100%;
	        height: 100%;
	        position: absolute;
	        top: 0;
	        left: 0;
	        z-index: 999;
	    }
	    #select-pt .option{
	        display: none;
	    }
	    
	    
	    #productPdf {
    height: 100vh;
    width: 100vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 88px;
}
.desktop-pdf {
    display: none;
}
.mobile-pdf {
    display: block;
}
.dl-head{
    height: 88px;
}

@media only screen and (min-width : 1025px) {	
    .mobile-pdf {
        display: none;
    }

    .desktop-pdf {
        display: block;
    }
}
.dl-head{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
}
.dl-head .img1{
    position: relative;
    z-index: 11;
}
.dl-head .img2{
    position: absolute;
    z-index: 10;
    right: 0;
    top: 0;
}
.dl-head a{
    color: #fff;
    font-size: 18px;
}
.dl-nav{
    position: absolute;
    top: 0;
    z-index: 12;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.dl-nav a{
    position: relative;
    padding: 0 30px;
    display: inline-block;
}   

.dl-nav a::after{
    position: absolute;
    content: '';
    width: 1px;
    height: 16px;
    background: #909090;
    top: 6px;
    right: 0;
}
.dl-nav a:last-of-type::after{
    display: none;
}
.dl-head a{
    cursor: pointer;
}
.dl-head a:hover{
    color: red;
}
.xz-cate{
    display: flex;
}
.xz-cate .li{
    position: relative;
    padding: 0 40px;
    padding-bottom: 40px;
    margin-top: 40px;
}
.xz-cate .li .cd{
    position: absolute;
    background: #F9F9F9;
    width: 100%;
    border-top: 3px solid #D12F14;
    left: 0;
    top: 59px;
    display: none;
}

.xz-cate .li:hover .cd{
    display: block;
}

.cd a::after {
    display: none;
}

.xz-cate .li::after {
    content: '';
    position: absolute;
    content: '';
    width: 1px;
    height: 16px;
    background: #909090;
    top: 6px;
    right: 0;
}

.xz-cate .li:last-of-type::after{
    display: none;
}

.xz-cate .li .cd a:hover{
    color: #D12F14;
}

.xz-cate .li .cd a{
    display: block;
    font-size: 14px;
    color: #666666;
    text-align: center;
    padding: 10px 5px;
    border-bottom: 1px solid #BFBFBF;
}
.xz-cate .li .cd a:last-of-type{
    border: none;
}