@font-face {  
    font-family: 'MONTSERRAT';  
    src:url('../fonts/ADAM.CG.ttf') format('truetype'); 
    font-weight: normal;  
    font-style: normal;  
}
/* 首页banner样式 */
.x-banner .owl-carousel {
	position: relative;
}

.x-banner .owl-carousel .banner-item a {
	display: block;
}

.x-banner .owl-carousel .owl-nav .owl-prev {
	left: 0;
}

.x-banner .owl-carousel .owl-nav .owl-next {
	right: 0;
}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next {
	outline: none;
	position: absolute;
	top: 50%;
	z-index: 9999;
	background: none;
	border: 1px solid #fff;
	height: 65px;
	width: 50px;
	margin-top: -32.5px;
	border-radius: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}



.x-banner .owl-carousel .owl-nav .icon-font {
	display: block;
	width: 100%;
	height: 100%;
}

.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {
	background-position: -34px -180px;
}

.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {
	background-position: -26px -480px;
}

@media (max-width: 990px) {

	.x-banner .owl-carousel .owl-nav button.owl-prev,
	.x-banner .owl-carousel .owl-nav button.owl-next {
		height: 40px;
		width: 30px;
		margin-top: -20px;
	}

	.x-banner .owl-carousel .owl-nav .iconfont {
		font-size: 20px;
	}
}

.x-banner .owl-carousel .owl-dots {
	position: absolute;
	z-index: 999;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
	bottom: 5%;

}

.x-banner .owl-carousel .owl-dots button.owl-dot {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin: 0 .5em;
	outline: none;
	background: #fff;
	border-radius: 50%;
	width: 10px;
	height: 10px;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
	background: #151515
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
	background: #151515
}

@media (max-width: 990px) {
	.x-banner .owl-carousel .owl-dots button.owl-dot {
		font-size: 12px;
	}
}

.icon-font {
	position: relative;
}

.icon-font:after {
	content: "";
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_spirit.png);
	background-repeat: no-repeat;
	position: absolute;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
}

.x-banner .owl-carousel .owl-dots {
	position: absolute;
	z-index: 999;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
	bottom: 3%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin: 0 .5em;
	outline: none;
	background: #fff;
	border-radius: 50%;
	width: 16px;
	height: 16px;

}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
	background: #e30507;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
	background: #e30507;
}


/* tit */
.tit{
    text-align: center;
}
.tit h5{
    font-size: 40px;
    color: #1a1a1a;
    font-weight: bold;
}
.tit p{
    font-size: 18px;
    color: #666;
}

/* product  */

.product{
    margin-top: 5%;
}
.product .list ul{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.product .list li{
    width: 48%;
    background-color: #f2f2f2;
    margin-right: 2%;
}
.product .list li:nth-child(2n){
    margin-right: 0;
}
.product .list li a{
    padding: 5%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.product .list li .text{
    

}
.product .list li .text h5{
    font-size: 42px;
    color: #333;
}
.product .list li .text span{
    font-size: 16px;
    color: #333;
    opacity: .5;
}
.product .list li .text i{
    width: 47px;
    height: 47px;
    background-color: #000;
    position: relative;
    border-radius: 50px;
    display: block;
    margin-top: 20%;
}
.product .list li .text i::after{
    content: "";
    width: 20px;
    height: 2px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 22px;
    left: 13px
}
.product .list li .text i::before{
    content: "";
    width: 2px;
    height: 20px;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 14px;
    left: 22px;
}
.product .list li .list-img{
    border-radius: 100%;
}
.product .list li .list-img img{
    width: 100%;
}
.product .content{}
.product .content li{
    width: calc(94% / 3);
    margin-right: 3%;
    margin-top: 3%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    float: left;
    border: 1px solid #f0f0f0;
    box-sizing: border-box;
}
.product .content li:nth-child(3n){
    margin-right: 0;
}
.product .content li a{
    
}
.product .content li img{
    width: 100%;
}
.product .content li p{
    width: 100%;
    line-height: 60px;
    background-color: #eeeeee;
    color: #333;
    font-size: 16px;
    text-align: center;
}
.product .content li:hover p{
    background-color: #e30507;
    color: #fff;
}


/* case */
.case{overflow: hidden;}
.casecon{  width:800px; margin:60px auto 0 auto; position:relative; height:600px;}
.casejt{ position:absolute; width:32px; height:32px; cursor:pointer; background:url(../images/case_left.png) no-repeat top left; top:45%; left:-58px; z-index:9;}
.casejt.next{ left:inherit; right:-58px; background:url(../images/case_right.png) no-repeat top left;}
.casejt:hover{ background-position-y:bottom;}
.casecon .divdgweb_new_div_item{ position:relative; width:800px; height:600px; margin-right:100px;}
.casecon .divdgweb_new_div_item .news_div_item_pic img{ width:100%; height:100%;}
.casecon .divdgweb_new_div_item_content{ position:absolute; width:560px; height:212px; background:rgba(29,29,29,.8); left:0; right:0; margin:0 auto; bottom: 0; padding:30px 35px; opacity:0; transition:all .3s ease;}
.casecon .divdgweb_new_div_item_a{ display:block; font-size:26px; color:#fff; font-weight:bold; text-align:center;}
.casecon .divdgweb_new_div_item_body{ font-size:15px; color:#ccc; font-weight:lighter; line-height:30px; margin:20px 0 35px 0; height:90px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} 
.casecon .divdgweb_new_div_item.cur .divdgweb_new_div_item_content{ opacity:1;}
.casecon .divdgweb_new_div,.casecon .tempWrap{ overflow:visible !important;}
.casecon .divdgweb_new_div, .casecon .tempWrap{overflow: visible !important;}
/*ABOUT US*/
.w1300{
    max-width: 1300px;
    margin: 0 auto;
    min-width: 1300px;
}
.about{ background:url(../images/about_bg.jpg) no-repeat center;}
.about .w1300{ height:600px;display: -webkit-flex;display: flex;justify-content:flex-end;flex-wrap: nowrap;align-items:center;}
.abright{ width:540px;}
.abicon{ margin:0 0 35px -25px; width:58px; height:46px; background:url(../images/about_icon.jpg) no-repeat center;}
.ab_t{ font-size:26px; color:#333333;}
.ab_t em{ font-size:30px; font-weight:bold; display:block; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:15px;}
.ab_t em i{ color:#d00000;font-style: normal;}
.ab_c{ font-size:15px; color:#666666; line-height:35px; margin:35px 0 55px 0;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}
}
.ab_btn a{ display:inline-block; line-height:54px; text-align:center; background:#333333; color:#fff; transition:all .3s ease; font-size:18px; padding: 0 5%;}
.ab_btn a:hover{ background:#d00000;}

/* zhengshu */
.box4{
    padding: 1% 0;
}
.zhengshu{position: relative;}
.zhengshu .hd{ margin:45px 0; text-align:center;}
.zhengshu .hd li{
    display: inline-block;
}
.zhengshu .hd a{ display:inline-block; padding: 0 30px; background:#f1f1f1; line-height:62px; font-size:22px; color:#414b4b; position:relative; transition:all 0.5s ease; text-align:left;text-align: center;}
.zhengshu .hd a:hover{
    background:#333333; color:#fff;
}
.zhengshu .hd a:after{ content:''; display:block; width:32px; height:32px; position:absolute; top:16px; left:36px; background:url(../uploadfile/image/20201222/20201222152150_392566469.png) no-repeat left top;transition:all 0.5s ease;}
.zhengshu .hd a+a{ margin-left:11px;}
.zhengshu .hd a:nth-child(2):after{ background-position-x:-37px;}
.zhengshu .hd a:nth-child(3):after{ background-position-x:-76px;}
.zhengshu .hd a.on:after{background-position-y:-69px; transform:translateX(360deg);}
.zhengshu .hd a.on{ background:#333333; color:#fff;}
.zhengshu .bd {
    height: 480px;
    overflow: hidden;
}
.zhengshu .bd li{
    width: calc((100% - 8%) / 5);
    margin-right: 2%;
    margin-bottom: 2%;
}
.zhengshu .bd li img{
    width: 100%;
} 
.zhengshu .bd li p{
    width: 100%;
    line-height: 80px;
    /* background-color: #eeeeee; */
    text-align: center;
    font-size: 16px;
    color: #333;
}