@import url('bootstrap.min.css');
@import url('swiper.min.css');
@import url('animation.css');
@import url('base.css');
@import url('common.css');
@import url('fontawesome.min.css');
@font-face {
/*	font-family: 'DINPRO';
	src: url('../fonts/DINPRO-MEDIUM.OTF');*/
}
@font-face {
    font-family: 'PingFang SC';
    src: url('../fonts/pingfang/PingFang SC.ttf') format('truetype');
}

@font-face {
    font-family: 'PingFang B';
    src: url('../fonts/pingfang/PingFang SC B.ttf') format('truetype');
}

:root {
--primary:#f60310;	
--main: #111;
}

.pageWrap{
	position: relative;
	overflow-x: hidden;
}

.container-fluid{
	max-width: 1440px;
	padding: 0 2%; 
    margin-left: auto;
    margin-right: auto;
}

.div-img img{
	width: 100%;
}

/*首页模块*/
.banner{
	margin-top: 100px;
}

.bannerSwiper{
	position: relative;
}

.bannerSwiper .swiper-slide{
	position: relative;
}

.bannerSwiper .swiper-slide .div-text{
	position: absolute;
	width: 100%;
	left: 0;
	color: #fff;
	height: 100%;
	top: 0;
}

.bannerSwiper .item1 p.title{
	font-size: 70px;
	font-weight: bold;
}

.bannerSwiper .item1 p.title span{
	color: var(--primary);
}

.bannerSwiper .item1 p.des{
	font-size: 28px;
	margin-top: 15px;
	margin-bottom: 8%;
}

.bannerSwiper .swiper-pagination span{
	width: 13px;
	height: 13px;
	background-color: #6b6f6f;
	margin: 0 8px!important;
	opacity: 1;
}

.bannerSwiper .swiper-pagination span.swiper-pagination-bullet-active{
	width: 16px;
	height: 16px;
	border:1px solid #fff;
	background-color: unset;
	position: relative;
	text-align: center;
}

.bannerSwiper .swiper-pagination span.swiper-pagination-bullet-active:after{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	top: 4px;
	left: 4px;
	background-color: #fff;
	border-radius: 50%;
}

.bannerSwiper .item2{
	margin-top: 4%;
}

.bannerSwiper .item2 p.des{
	font-size: 23px;
	max-width: 650px;
	margin-top: 25px;
	line-height: 36px;
}

.bannerSwiper .item2 .tb{
	max-width: 40%;
}

.bannerSwiper .item3 .title2{
	position: relative;
	font-size: 30px;
	font-family: 'Bahnschrift';
	font-weight: bold;
	padding-bottom: 15px;
	color: #111;
}

.bannerSwiper .item3 .title2:after{
	position: absolute;
	content: "";
	width: 30px;
	height: 3px;
	background-color: #111;
	bottom: 0;
	left: 0;
}

.bannerSwiper .item3 .tb{
	margin: 45px 0;
	max-width: 60%;
}

.bannerSwiper .item3 p.des{
	font-size: 35px;
}


/*了解更多按钮*/
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.more span{
	display: inline-block;
	font-size: 16px;
	margin-right: 30px;
}
.more i{
	display: inline-block;
	transform: rotateY(180deg);
}
.more a{
	display: inline-block;
    padding: 0 30px;
    line-height: 64px;
    border-radius: 4px;
    position: relative;
    z-index: 0;
    color: #fff;
    border:1px solid #fff;
}

.more a:hover{
	background-color: var(--primary);
	border:1px solid var(--primary);
}

.more2 span{
	display: inline-block;
	font-size: 16px;
	margin-right: 30px;
}
.more2 i{
	display: inline-block;
	transform: rotateY(180deg);
}
.more2 a{
	display: inline-block;
    padding: 0 30px;
    line-height: 64px;
    border-radius: 4px;
    position: relative;
    z-index: 0;
    color: #fff;
    background-color: var(--primary);
}


.hvr-ripple-out::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  animation-duration: 1s;
  border: 6px solid var(--primary);
  border-radius:4px;
}

.hvr-ripple-out:hover::before{
  animation-name: hvr-ripple-out;
}

.sp{
	padding: 100px 0;
}

/*产品中心*/
.proSec{
	background-color: #f5f5f5;
}
.commonTit{
	position: relative;
}

.commonTit .dtit{
	text-align: center;
}
.commonTit .title{
	font-size: 45px;
	font-family: 'PingFang B';
	margin-bottom: 15px;
}

.commonTit .des{
	color: var(--primary);
}

.commonTit .pcates{
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 300px;
}

.commonTit .pcates a span{
	display: inline-block;
	width: 16px;
}

.commonTit .pcates a:hover{
	color: var(--primary);
}

.commonTit .pcates a:hover span svg{
	fill: var(--primary);
}

/*产品列表*/
.proSec .prolists{
	margin-top: 65px;
}
.prolists .item{
	margin-bottom: 25px;
	transition: all .4s ease;
}

.prolists .item a{
	display:block; 
	background-color: #fff;
	text-align: center;
	color: #111111;
}

.prolists .item  .tp{
/*	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;*/
}

.prolists .item .tp img{
	max-width: 100%;
	max-height: 100%;
}

.prolists .item .div-text{
	padding: 25px 15px;
	background-color: #e4e4e4;
	transition: all .3s ease;
}

.prolists .item .div-text p.title{
	font-size: 28px;
	font-family: 'PingFang B';
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box!important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.prolists .item:hover{
	transform: scale(1.05);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.09);
}

.prolists .item:hover .div-text{
	background-color: var(--primary);
}

.prolists .item:hover a{
	color: #fff;
}

/*公司简介*/
.aboutSec{
	position: relative;
}

.aboutSec:after{
	position: absolute;
	content: "";
	width: 100%;
	height: 60%;
	left: 0;
	top: 0;
	background-image: url(../images/aboutBg.png);
	background-size: cover;
	z-index: -1;
}
.aboutSec .divLeft{
	color: #fff;
}

.aboutSec .divLeft div.title p.p1{
	font-size: 20px;
	color: var(--primary);
}

.aboutSec .divLeft div.title p.p2{
	font-size: 44px;
    font-family: 'PingFang B';
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 35px;
    margin-top: 15px;
}

.aboutSec .divLeft div.title p.p2:after{
	position: absolute;
	content: "";
	width: 45px;
	height: 4px;
	background-color: var(--primary);
	left: 0;
	bottom: 0;
}

.aboutSec .divLeft div.des p{
	line-height: 32px;
}

.aboutSec .aboutItems{
	margin-top: 130px;
}

.aboutItems .item a{
	color: var(--primary);
	display: flex;
	width: 98px;
	height: 112px;
	background-image: url(../images/shap.png);
	background-size: 100% 100%;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	transition: all .4s ease;
}

.aboutItems .item .tb{
	margin-bottom: 10px;
	font-size: 13px;
}

.aboutItems .item .tb svg{
	width: 29px;
	fill: var(--primary);
	transition: all .3s ease;
}

.aboutItems .item:hover a{
	background-image: url(../images/shap2.png);
	color: #fff;
}

.aboutItems .item:hover .tb svg{
	fill: #fff;
}

.aboutSec .divRight .more2{
	text-align: right;
}

.aboutSec .divRight{
	min-width: 720px;
	margin-left: 85px;
}

.aboutSec .divRight .div-img{
	margin-top: 140px;
}

/*新闻资讯*/
.newsSec{
	padding: 0 0 115px 0;
}

.newsSec .pnBtn{
	position: absolute;
	right: 0;
	bottom: 0;
}

.newsSec .pnBtn span{
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 1px;
	border:1px solid #cccccc;
	margin-left: 25px;
	cursor: pointer;
	transition: all .3s ease;
}

.newsSec .pnBtn span svg{
	fill: #231f20;
	width: 18px;
	transition: all .3s ease;
}

.newsSec .pnBtn span.s1{
	transform: rotateY(180deg);
}

.newsSec .pnBtn span:hover{
	background-color: var(--primary);
	border:1px solid var(--primary);
}

.newsSec .pnBtn span:hover svg{
	fill: #fff;
}

.newsSec .newslists{
	margin-top: 45px;
}

/*新闻列表*/
.newslists .item{
	margin-bottom: 25px;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.08);
}
.newslists .item a{
	display: block;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	overflow: hidden;
}

.newslists .item .div-text{
	padding: 45px 30px;
	position: relative;
	transition: all .3s ease;
}

.newslists .item .time{
	position: absolute;
	left: 30px;
	top: 0;
	transform: translateY(-50%);
}

.newslists .item .time span{
	display: inline-block;
	padding: 15px 15px;
	font-size: 14px;
	color: #fff;
	background-color: var(--primary);
	transition: all .3s ease;
}

.newslists .item .title{
	height: 60px;
	margin-bottom: 15px;	
	overflow: hidden;
	transition: all .3s ease;
}

.newslists .item .title p{
	font-size: 24px;
	line-height: 30px;
	font-family: 'PingFang B';
	color: #231f20;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box!important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.newslists .item .des{
	height: 72px;
	margin-bottom: 25px;

}

.newslists .item .des p{
	color: #666666;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box!important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	transition: all .3s ease;
}

.newslists .item .view{
	color: var(--primary);
}

.newslists .item .view i{
	display: inline-block;
	margin-left: 10px;
}

.newslists .item .view svg{
	transform: rotateY(180deg);
	fill: var(--primary);
}

.newslists .item .div-img{
	overflow: hidden;
}

.newslists .item .div-img img{
	transition: all .3s ease;
}

.newslists .item:hover .div-img img{
	transform: scale(1.05);
}

.newslists .item:hover .div-text{
	background-color: var(--primary);
}

.newslists .item:hover .div-text .title p{
	color: #fff;
}

.newslists .item:hover .div-text .des p{
	color: #fff;
}

.newslists .item:hover .time span{
	background-color: #fff;
	color: var(--primary);
}

.newslists .item:hover .view svg{
	fill: #fff;
}

.newslists .item:hover .view{
	color: #fff;
}

/*底部*/
.footer{
	background-color: #282828;

}

.footer .main{
	padding: 60px 0;
	color: #fff;
	font-size: 15px;
	line-height: 26px;
}

.footer .main a{
	color: #b2b2b2;
}

.footer .main a:hover{
	color: var(--primary);
}

.footer .main .title{
	font-size: 18px;
	color: #fff;
	font-family: 'PingFang B';
	margin-bottom: 25px;
}

.footer .infos .item .tb{
	width: 20px;
	min-width: 20px;
	max-width: 20px;
	margin-right: 10px;
}

.footer .infos .item .tb svg{
	fill: var(--primary);
}

.footer .infos .item{
	color: #b2b2b2;
	margin-bottom: 15px; 
}

.footer .fmenus{
	max-width: 850px;
}

.footer .fmenus .item{
	margin-left: 25px;
}

.footer .copyright{
	padding: 20px 0;
	border-top:1px solid #b2b2b2;
	color: #b2b2b2;
	font-size: 15px;
}

.footer .copyright a{
	color: #b2b2b2;
}

/*内页开始*/
.nyBan{
	position: relative;
	margin-top: 80px;
}

.nyBan .div-text{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
}

.nyBan .div-text p.p1{
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.nyBan .div-text p.p2{
	font-size: 44px;
	margin-bottom: 30px;
}

.nyBan .div-text .down span{
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	border:1px solid rgba(255,255,255,.4);
}

@keyframes move {
	0% {
		opacity: 1;
		transform: translateY(-5px);
	}
	100% {
		opacity: 0;
		transform: translateY(5px);
	}
}

.nyBan .div-text .down span svg{
	fill: #fff;
	width: 20px;
	animation: move 1.3s infinite;
}

.nyBg{
	background-color: #f5f5f5;
}

.nyDh{
	padding: 20px 0;
	border-bottom: 1px solid #dbdbdb;
	color: #808080;
	background-color: #f5f5f5;
	font-size: 14px;
}

.nyDh a{
	color: #808080;
	display: inline-block;
	margin: 0 5px;
}

.nyDh a:hover{
	color: var(--primary);
}

.nyDh span{
	display: inline-block;
}

.nyDh i{
	display: inline-block;
	width: 22px;
	height: 22px;
}

.nyDh i svg{
	fill: #808080;
}

.proSlider{
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	overflow: hidden;
}

.proSlider .title{
	padding: 35px 15px;
	text-align: center;
	color: #fff;
	background-color: var(--primary);
	font-size: 32px;
}

.proSlider .title span{
	display: inline-block;
	margin-right: 5px;
}

.proSlider .title span svg{
	fill: #fff;
	width: 30px;
	height: 30px;
}

.proSlider .cates li{
	margin-bottom: 2px;
}

.proSlider .cates li a{
	display: block;
	background-color: #fff;
	padding: 15px;
}

.proSlider .cates li a svg{
	transform: rotateY(180deg);
}



.proSlider .cates li.active a{
	background: #c9c9c93b;
}

.proSlider .cates li:hover a{
	background-color: var(--primary)!important;
	color: #fff;
}

.proSlider .cates li:hover a svg{
	fill: #fff;
}

.nyplists .item{
	margin-bottom: 30px;
	text-align: center;
}

.nyplists .item a{
	display: block;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.nyplists .item .div-img{
	position: relative;
}

.nyplists .item .div-img img{
	transition: all .3s ease;
}

.nyplists .item .mask{
	position: absolute;
	content: "";
	width: 0;
	height: 100%;
	top: 0;
	left: 50%;
	background-color: rgba(246,3,16,.8);
	display: flex;
	align-items: center;
	justify-content:center;
	transition: all .4s ease;
}

.nyplists .item .mask svg{
	width: 50px;
	height: 50px;
	fill: #fff;
	transform: translateY(100%);
	opacity: 0;
	transition: all .4s ease;
	transition-delay: .3s;
}

.nyplists .item .div-text{
	margin-top: 15px;
}

.nyplists .item .div-text p{
	font-size: 20px;
}

.nyplists .item:hover .mask{
	width: 100%;
	left: 0;
}

.nyplists .item:hover .mask svg{
	opacity: 1;
	transform: translateY(0);

}

.nyplists .item:hover a{
	color: var(--primary);
}

.nyplists .item .div-img{
	overflow: hidden;
}

.nyplists .item:hover .div-img img{
	transform: scale(1.05);
}

.pagination{
	margin-top: 35px;
	justify-content: center;
}

.pagination a{
	display: block;
	width: 48px;
	height: 48px;
	border:1px solid #dbdbdb;
	line-height: 46px;
	text-align: center;
	margin: 0 5px;
	border-radius: 2px;
	font-size: 16px;
}
.pagination a.page-item{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pagination a i{
	font-size: 20px;
	color: #111;
}
.pagination a.page-num.page-num-current,
.pagination a:hover{
	border-color: #ef0202 !important;
	background: #ef0202;
	color: #fff;
}
.pagination a.page-item:hover i{
	color: #fff;
}

/*产品详情*/

.proDetail .div-text{
	padding-left: 35px;
}
.proDetail .div-text p.title{
	font-size: 30px;
	font-family: 'PingFang B';
	padding-bottom: 20px;
	position: relative;
	margin-bottom: 30px;
}

.proDetail .div-text p.title:after{
	position: absolute;
	content: "";
	width: 45px;
	height: 4px;
	background-color: var(--primary);
	left: 0;
	bottom: 0;
}

.proDetail .div-text .des p{
	color: #666666;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    transition: all .3s ease;
}

.proDetail .div-text .des{
	margin-bottom: 65px;
}

.proDetail .div-text .more2 .a2{
	background-color: #0c0f1a;
	margin-left: 25px;
}

.proDetail .div-text .more2 .a2.hvr-ripple-out::before{
	border:6px solid #0c0f1a;	
}

.detail{
	margin-top: 35px;
}

.detail .dtit{
	border-bottom: 1px solid #eee;	
}

.detail span{
	display: inline-block;
	padding:15px 35px;
	font-size: 26px;
	font-weight: bold;
	background-color: var(--primary);
	color: #fff;
}

.detail .content{
	padding:35px 0;
	min-height: 300px;
}

.detail .content p{
	line-height: 26px;
}

.prev-next{
	padding-top: 25px;
	border-top: 1px solid #eee;
}

.prev-next a:hover{
	color: var(--primary);
}


/*新闻详情*/
.newsDetail .main{
	padding:45px 35px;
	background-color: #fff;
}

.newsDetail h2.title{
	font-size: 30px;
	font-weight: lighter;
	line-height: 36px;
	text-align: center;
	margin-bottom: 25px;
}

.newsDetail .meta{
	padding-bottom:30px;
	border-bottom: 1px solid #eee;
	margin-bottom: 35px;
	text-align: center;
}

.newsDetail .meta span{
	display: inline-block;
	margin: 0 15px;
}

.newsDetail .meta span.s1{
	color: var(--primary);
}

.newsDetail .content{
	padding-bottom: 45px;
	min-height: 200px;
}

.aboutSec2 h2.title{
	font-size: 30px;
	text-align: center;
	margin-bottom: 25px;
}

.aboutSec2 .des{
	padding:0 4%;
}

.aboutSec2 .des p{
	color: #8c8c8c;
	line-height: 30px;
}


.conInfo .item{
	margin: 10px 0;
	padding: 45px 15px;
	text-align: center;
	color: #000;
	border:1px solid #cccccc;
}

 .conInfo .item .bt{
 	margin-top: 25px;
 	margin-bottom: 15px;
 }


  .conInfo .item .info{
  	font-size: 28px;
  	font-weight: bold;
  	height: 65px;
  }

  .conInfo .item.item-email .info{
  	font-size: 22px;
  	font-weight: normal;
  	
  }

  .conInfo .item.item-add .info{
  	font-size: 20px;
  	font-weight: normal;
  }


  .conLy{
  	padding-top: 65px;
  }

   .conLy p.title{
	   	font-size: 24px;
	   	text-align: center;
	   	margin-top: 25px;
	   	margin-bottom: 35px;
	   	color: var(--primary);
	   	font-family: 'OPPOSans-M';
   }

  .div-form .item{
  	margin-bottom: 20px;
  }

  .div-form .item input, .div-form .item textarea{
  	display: block;
  	width: 100%;
  	padding: 15px 25px;
  	background-color: #f4f4f4;
  	color: #000;
  	border:none;
  }


.div-form .item input::-webkit-input-placeholder,.div-form .item textarea::-webkit-input-placeholder { /* WebKit browsers */
  color: #7e7e7e;
}

.div-form .item input:-moz-placeholder,.div-form .item textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #7e7e7e;
}

.div-form .item input::-moz-placeholder,.div-form .item textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #7e7e7e;
}

.div-form .item input:-ms-input-placeholder,.div-form .item textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #7e7e7e;
}


  .div-form .divBtn{
  	text-align: center;
  	margin-top: 25px;
  }

  .div-form .divBtn button{
  	display: inline-block;
  	padding: 12px 65px;
  	background-color: var(--primary);
  	color: #fff;
  	border:none;
  	margin: 25px auto;
  	border-radius: 25px;
  }


#china-map{
	background-color: #fff!important;
}

#china-map,#world-map{
  width:100%;
  height:800px;
  min-height: 600px!important;
  min-width: 100%!important;
}


.divSearch1{
	display: block;	
	margin-bottom: 35px;
	text-align: right;
}

.divSearch1 input{
	max-width: 300px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    border: unset;
    background-color: #fff;
}

.divSearch1 button{
	display: inline-block;
	border:unset;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	background-color: var(--primary);
	color: #fff;
}