/*

@media screen and (max-width: 1000px) {}
    ***************
*/

/* ======== site font family ========*/
@import url('css2.css');
@import url('iconfont.css');

@font-face {
	font-family: Roboto Regular;
	src: url(Roboto-Regular.ttf) format('truetype');
}
@font-face {
	font-family: Roboto Black;
	src: url(Roboto-Black.ttf) format('truetype');
}
@font-face {
	font-family:arial;
	src:url(arial.ttf);font-display:swap;
}
	.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


:root{
    --bordercolr: #212529;
    --headcolor: #121212;
    --whitec: #fff;
    --bgcolor: #ca2223;
	--hscolor:#000;
	--bscolor: #fff;
    --paracolor: #333;
    --hoverbg: #70af39;
    --textcolor: #333;
    --titlecolor: #303030;
    --btntlecolor: #666;
	--huiscolor:#f7f7f7;
	--cpcolor:#ca2223;
}

/* defult css */
body {
	font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
    color: var(--pracolor);
    margin: 0;
	
	
	
}
h1, h1 a, h2, h2 a, h3, h3 a,  h5, h5 a, h6, h6 a ,h2 span,h3 span,h4 span{
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    line-height: 1.2;
    font-weight: 700;
    transition: .5s;
    color: var(--titlecolor);
    margin: 0 0 10px;
    font-size: 22px;
}

h4 a{
    line-height: 1.2;
    font-weight: 700;
    transition: .5s;
    color: var(--titlecolor);
    margin: 0 0 10px;
    font-size: 22px;

}


h1 {
    font-size: 25px;
}
h2 {
    font-size:22px;
}
h3 {
    font-size: 22px;
}
h4 {
	font-size: 20px;
    
}
h5 {
    font-size: 17px;
}
 h6 {
    font-size: 16px;
}
img {
    height: auto;
    vertical-align: top;
    border: 0;
}
html,body{
    overflow-x: hidden;
}
.btn-primary:focus,
select:focus,
textarea:focus,
input:focus{
   box-shadow: none !important;
    border: none;
}
textarea,
input{
	outline:none;
}
.btn:focus {
    text-decoration: none;
    outline: none;
	box-shadow: none;
}
input:focus,
button:focus{
	border-color:transparent;
	outline-color:transparent;
}
textarea:focus{
	border-color:transparent;
	outline-color:transparent;	
}
::-moz-placeholder {
    font-size: 16px;
}
::-webkit-input-placeholder {
    font-size: 16px;
}
:-ms-input-placeholder {
    font-size: 16px;
}
::placeholder {
    font-size: 16px;
}
a{
    transition: .5s;
	text-decoration:none;
	color:var(--linkcolor);
}
a:focus, 
a:hover {
    text-decoration: none;
	outline: none;
	color:var(--cpcolor);
} 

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active{
  transition: background-color 50000s ease-in-out 0s, color 5000s ease-in-out 0s;	
}
p.form-messege{
    margin-top: 8px;
}
p {
	font-family: "Open Sans", sans-serif;
    font-style: normal;
    font-size: 18px;
    color: var(--paracolor);
    margin: 0;
}
.witr_all_pd0{
    padding: 0;
}
li a,a,p,span,strong,b{
	font-family: arial;
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    line-height: 1.8;
    margin: 0;
}
.pcyincang{
display: none; 
}
@media screen and (max-width: 1000px) {

	li a,a,p,span,strong,b{
	font-family: Roboto, "Roboto Regular", "Roboto Medium", "Roboto Black";
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    line-height: 1.6;
    margin: 0;
	}
	.myincang{
		display: none; 
	}
}


/* End defult css */

a{cursor:pointer;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}a:hover{-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}


/* tongyong css */
.header_top_left2 p{line-height: 1.5;}
.menu_btn2 ul{width:210px; height:48px;}
.menu_btn2 ul li{width:100%; height:20px;}
.menu_btn2 ul li a{color:#000;}

.biankuang{
	border-radius:5px;
	padding: 30px 30px 30px 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.mbiankuang{
	border-radius:5px;
	padding: 10px 10px 10px 10px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}

.yuanjiao{
  border-radius: 5px;
  border: 0px solid #b0b0b0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.bsyinying{
	-webkit-box-shadow: 0 0 5px #fff;   
    -moz-box-shadow: 0 0 5px #fff;   
    box-shadow: 0 0 5px #fff;   
}

.czjuzhong{
	display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.juzhong{
	display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}

.touming{
	background-color: rgba(255, 255, 255, 0);
}

.jianbianse{
background-image: linear-gradient(90deg, #fbfbfb 3%, #414d5a 100%);/* 渐变背景色 */
}
.bsziti{
	color:white;
}

.hsxuxian {
	padding:8px 15px;
	border-left: 2px dashed #ff0000;
}
.hsshixian {
	padding:8px 15px;
	border-left: 2px solid #ff0000;
}
.borderradius{
	border-radius:6px;
}


.ding75{
	margin-top:73px;
}
.ding30{
	margin-top:30px;
}
.pad20{
	padding-top:20px;
}
.font30{
	font-size:30px;
}

.product-video66 img:hover {
	justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
	-webkit-transform: scale(1.05);
	transform: scale(2.05);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	transition: transform 1s ease; /* 平滑过渡效果 */
}

.miaobian{
	text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;
}

.bsbeijing{
	background-color:white;
}

.zuoyou10{
	margin-left:20px;
	margin-top:20px;
}

.icohongdian{
	overflow: visible;
	color:red;
	margin-left:-30px;
	font-size:30px;
}



.hsxian {
	border-left: 1px solid #a1a1a1;
}

.left20{
	margin-left:20px;
}



.sj-top{
	display:flex;
}

.sj-logo{
	width:130px;
	height:40px;
}


.sj-lxfs{
	width:100px;
}


.art_banner {
	width: 100%;
	height: auto;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.art_banner:before {
    position: absolute;
    width: 100%;
    content: "";
    height: 100%;
	background:rgba(1,17,45,0) ;}
.art_banner img {
	width: 100%;
	line-height: normal;
}
.art_banner dl {
	
	padding: 15px 0;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	top: 50%;
	left: 14.5%;
	margin-top: -40px;
	position: absolute;
	z-index: 100;
}
.art_banner dl dt {
	
	margin: 0 auto;
	font-size: 80px;
	line-height: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
}
.art_banner dl h1 {
	text-align:left;
	margin: 0 auto;
	font-size: 30px;
	color:white;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;text-shadow: 1px 1px 1px #000;
}
.art_banner dl h3 {
	text-align:left;
	margin: 0 auto;
	font-size: 20px;
	color:white;
	line-height: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;text-shadow: 1px 1px 1px #000;
}



.art_banner_dea {
	width: 100%;
	height: auto;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.art_banner_dea dl {
	padding: 15px 0;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	top: 20%;
	left: 14.5%;
	margin-top: -40px;
	position: absolute;
	z-index: 100;
}
.art_banner_dea dl h1 {
	text-align:left;
	margin: 0 auto;
	font-size: 30px;
	color:white;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;text-shadow: 1px 1px 1px #000;
}
.art_banner_dea dl p {
	float:left;
	text-align:left;
	width:50%;
	margin: 0 auto;
	font-size: 16px;
	color:black;	
}



.art_banner_xk {
	width: 100%;
	height: auto;
	color: #fff;
	position: relative;
	overflow: hidden;
}
.art_banner_xk dl {
	padding: 15px 0;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	top: 20%;
	left: 14.5%;
	margin-top: -40px;
	position: absolute;
	z-index: 100;
}
.art_banner_xk dl h1 {
	text-align:center;
	margin: 0 auto;
	font-size: 30px;
	color:white;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 20px;text-shadow: 1px 1px 1px #000;
}
.art_banner_xk dl p {
	float:center;
	text-align:center;
	width:60%;
	margin: 0 auto;
	font-size:20px;
	color:white;	
}

.jzdq{
	padding-left:40%;
}
.linktop{
	display:none;
}
@media screen and (max-width: 1000px) {
.linktop{
	padding:10px 5px;
	display:block;
	width:100%;
	display:flex;
	height:50px;
	position: relative;
	box-shadow: 0 0 6px rgba(0,0,0,0.3);
}

.fudong{
position:fixed;
top:0;
left:0;
padding-top:5px;
width:100%;
height:50px;
background:#fff;
z-index:99;
box-shadow: 0 0 6px rgba(0,0,0,0.3);
}

.linkleft{
	float:left;
	width:40%;
	
}
.linkleft img{
	width:148px;
	height:auto;
	
	padding:5px 0;
	padding-left:10px;
	cursor:pointer;
}


.linkcenter{
	width:45%;
	text-align:left;
	padding-top:3px;
}
.linkcenter img{
	
	width:30px;
}
.linkcenter i{
	font-size:22px;
	color:#848484;
	padding:0 10px;
}
.linkcenter i:hover{
	color:var(--cpcolor);
	
}

.linkright{
	float:right;
	
	width:15%;
	text-align:right;
	position:absolute;
	cursor:pointer;
}
.linkright img{
	position:fixed;
	right:10px;
	height:30px;
	top:9px;
	padding:0 2px;
	font-size:40px;
	margin-left:5px;
	
	z-index:99;
}

.linkright img:hover{
	
	transform: scale(1.2);
	transition: transform 0.6s ease;
}



}


@media screen and (max-width: 1000px) {
.art_banner dl h3 {
	text-align:left;
	margin: 0 auto;
	font-size: 14px;
	color:white;
	line-height: 1em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;text-shadow: 1px 1px 1px #000;
}

.jzdq{
	padding-left:10%;
}


}

.art_banner dl dd {
	width: 100%;
	font-size: 18px;
	color: #fff;
	margin-bottom: 35px;
}
.art_banner dl dd img {
	width: 18px;
	height: auto;
	margin-right: 5px;
	vertical-align: middle;
}
.art_banner dl dd a {
	color: #fff;
}
.art_banner dl dd a:hover {
	color: #fff;
}

/**news***/


.breadcumb_newsindex{
	 width:100%;
	 display: flex;
	 overflow-x: auto;
}




.listpage {
	text-align:center;
	display:flex;
}
.listpage a{
	border-radius:5px;
	padding:5px 8px;
	margin:5px;
	border: 1px solid #848484;
}
.listpage a:hover{
	padding:5px 8px;
	color:white;
	background:var(--cpcolor);
	border-radius:5px;
	border: 1px solid var(--cpcolor);
}





.news_xiahuaxian{
	position: relative;
    overflow: hidden; 
    line-height:35px;
}
.news_xiahuaxian:after{
content: '';
  position: absolute;
  bottom: 0;
  left:50%;
  width: 30%; /* 下划线长度超过文字的百分比 */
  height: 1px;
  background: var(--cpcolor);
  transform: scaleX(0.9); /* 下划线长度调整，1 代表正常长度，0.5 代表长度为原来的一半 */
  transform-origin:left;
 text-decoration: underline;
}


.news_xiahuaxian2{
	position: relative;
    overflow: hidden; 
    line-height:35px;
	color:white;
}
.news_xiahuaxian2:after{
content: '';
  position: absolute;
  bottom: 0;
  left:50%;
  width: 30%; /* 下划线长度超过文字的百分比 */
  height: 1px;
  background: var(--cpcolor);
  transform: scaleX(0.9); /* 下划线长度调整，1 代表正常长度，0.5 代表长度为原来的一半 */
  transform-origin:left;
 text-decoration: underline;
}

.xiahuaxian{
	text-decoration: underline;
}

.news_center{
	width:30%;
	float:none;
	text-align:center;
}

.newsbutton a{
	vertical-align: bottom;
	border: 1px solid #b0b0b0;
}


.news_bstit{
	height:45px;
	margin-bottom: 5px;
	text-align:left;
	
}
.news_bstit img{
	float: left;
	margin-top:1px;
	height:5px;
	width:50px;
	margin-bottom: -10px;
}
.news_left h2{
	padding-top:3px;
}


.h2kd{width:310px;}
.h2kd2{width:180px;}
.h2kd3{width:440px;}

.h2kd4{width:230px;}
.h2kd5{width:550px;}
.h2kd6{width:300px;}

.h2kd7{width:100px;}
.h2kd8{width:130px;}

.h2kd9{width:310px;}
.h2kd10{width:270px;}
.h2kd11{width:510px;}

.h2kd12{width:220px;}
.h2kd13{width:270px;}

.h2kd14{width:275px;}

.news_right{ 
	height:60px;
	width:68%;
	float:right;
	text-align:right;
	
}



.news_left{
	height:55px;
	width:32%;
	float:left;
	
}
.news_right button{ 
	margin-top:20px;
	color:white;
	width:120px;
	height:30px;
	float:right;
	background-color:var(--cpcolor);
}

.news_right button:hover{ 
	background-color:red;
}
.news_right button:hover a{ 
	color:white;
}

/*======== header top start ==========*/


.footerhr {
	display: flex;
  justify-content: center;
}
.footerhr hr{
	
	color:#f5f5f5;
	width:1460px;
}
.header_top {
display: flex;
  justify-content: center;
height:100px;
    padding: 10px 0;

    background-color: var(--bscolor);
}

.headflex{
	padding:10px;
	display:flex;
}

.header_top_left2{
	padding-left:20px;
	padding-top:7px;
	width:50%
	font-size:12px;
}

.header_top_left {
	width:50%
    margin-top:10px;
    margin-left:0;
}
.header_top_left p a{
    color: var(--bscolor);
	text-align: center;
    margin-left: 0;
}
.header_top_left p a:hover{
    color: var(--bgcolor);
}
.header_top_left p a i {
    margin-right: 6px;
}
.header_top_left p a i:hover{
    color: var(--bgcolor);
}
/* top right */
.header_top_right {
display: flex;

margin-top:20px;
 float: right;
}

.menu_btn3{
text-align: center;
float:left;
margin-top:8px;
width:260px;
}

.menu_btn3 a{
padding:0 10px;
}

.menu_btn2{

right:20px;
width:230px;
}




.menu_btn3>img{
float:left;

padding: 5px 10px;
}

.menu_btn3 a img{transition: transform 0.3s ease;}
.menu_btn3 a img:hover{transform: scale(1.2); }


.menu_btn{
	margin-top:5px;
	position: relative;
}
.menu_btn span a{
    background: var(--bgcolor);
    color: var(--whitec);
    display: block;
    border-radius: 5px;
	text-align:center;
	width:150px;
    font-size: 14px;
    margin-right: 2px;
    padding: 9px 10px;
}
.menu_btn span a:hover{
    background-color: #e24e3b;
}

.lgmulu{
transform: translateX(-50%);
	padding-top:10px;
	position: absolute;
	display:none;
	width:153px;
	height:100px;
	background:#000;
	color:black;
	right:-77px;
	z-index: 19999;
	box-shadow: 0 -4px 3px rgba(0, 0, 0, 0.6);
	
}


.lgmulu li{
	padding:3px 5px;
	width:100%;
	height:40px;
	list-style-type:none;
	text-align:center;
	color:black;
}

.lgmulu li:hover {
	background:#eee;
	width:100%;
	
	color:red;
	font-size:18px;
}
.lgmulu li:hover a{
	color:red;
}
.menu_btn:hover .lgmulu{
	display:block;
}




.header_top_right ul {
    padding: 0;
    margin: 0;
}
.header_top_right ul li{
    display: inline-block;
}
.header_top_right ul li a {
    color: var(--bscolor);
    margin-right: 10px;
}
.header_top_right ul li a:hover{
    color: var(--bgcolor);
}

@media screen and (max-width: 1000px) {
  .header_top{
    display: none; 
  }
  .myincang{
	display: none; 
  }
  
  .menu_btn2 a{
	font-size:14px;
	line-height:6px;
}
  .news_right button{ 
	margin-top:10px;
	color:white;
	width:100px;
	height:30px;
	background-color:var(--cpcolor);
}
  
.news_right button:hover{ 
	background-color:red;
}
  

.listpage {
	display: flex;
    flex-wrap: wrap;
    gap: 10px;
	text-align:center;
}

}
/*======== header top end ==========*/



.index_banner{
	width:100%;
}

.index_ban_img{
  height:70%;
}

.index_ban_img h3{
	margin-top:20px;
	color:white;
	font-size:6vh;
}
.index_ban_img p{
	margin-top:20px;
	font-size:3vh;
	color:white;
}

@media screen and (max-width: 1000px) {
	.index_ban_img h3{
		font-size:3vh;
		color:white;
	}
	.index_ban_img p{
		display:none;
	}

}






/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    top: 0;
    left: -110%;
    background: #e9331433;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}
.nav_icon_popup.icon_popup {
    opacity: 1;
    visibility: visible;
    left: 0;
}



/*======== main menu area start ==========*/

/* mobile menu */




.mobile_menu{
    display: none;
}
.mobile_logo_area{
	
    display: none;
}



@media screen and (max-width: 1000px) {



.mobtop{
	display:flex;
}
.mob_left{
	width:45%;
	float:left;
	margin-left:5px;
	margin-bottom:6px;
	text-align:left;
}
.mob_left img{

	width:160px;
}

.mob_right{
	width:53%;
	float:right;
	height:50px;
	margin-bottom:6px;
}
.moblxp1{
	margin-left:20px;
	text-align:right;
	height:20px;
	margin-right:10px;
	font-size:12px;
}
.moblxp2{
	margin-left:20px;
	text-align:right;
	height:20px;
	margin-right:10px;
	font-size:12px;
}


}



.main_menu_area.absolute_menu.sticky {
position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #333333;
}
/* home 2 main area css */
.main_menu_area.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #333333;
}
.absolute_menu .sticky_logo{
    display: none;
	
}
.absolute_menu.sticky .sticky_logo{
    display: block;
}
.absolute_menu.sticky .main_logo{
    display: none;
}
.main_menu_area .sticky_logo{
    display: none;
}
.main_menu_area.sticky .sticky_logo{
    display: block;
}
.main_menu_area.sticky .main_logo{
    display: none;
}
.mean-nav ul li a i{
    display: none;
}

.main_menu_area.sticky .inner_main_nav_area >ul >li >a{
    color: var(--whitec);
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a:hover{
    color: var(--bgcolor);
}
.main_menu_area.sticky .inner_main_nav_area >ul >li >a i{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_btn a{
    color: var(--whitec);
}
.main_menu_area.sticky .main_nav_icons >i{
    color: var(--whitec);
}

/* main nav area css */
.main_menu_area .inner_main_nav_area >ul >li >a{
    color: var(--bscolor);
}
.main_nav_area {
width:1380px;

    display: flex;
    align-items: left;
	background: #333333;
}
.main_menu_all_item{

    align-items: center;
}
.site_logo_area {
    margin-left: 95px;
}
/* inner main nav area css */



.inner_main_nav_area ul{

	width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
	
	float: left;
}
.inner_main_nav_area >ul >li:nth-child(1) {
	float: left;
	padding-left: 0;
	margin-left:0;
    display: inline-block;
    position: relative;
}

.inner_main_nav_area >ul >li {
	float: left;
	padding-left: 50px;
	padding-right:50px;
    display: inline-block;
    position: relative;
}


.inner_main_nav_area >ul >li >a {

    display: block;
    margin: 25px 20px 25px 0;
    transition: .2s;
    position: relative;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
	color: var(--bscolor);
}
.inner_main_nav_area >ul >li >a:hover{
    color: var(--bgcolor);
}
.inner_main_nav_area >ul >li >a>i{
    font-weight: 900;
    color: var(--titlecolor);
}
/* main nav icons */
.main_nav_area .main_nav_icons >i{
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    text-align: center;
    background:none;
    color: var(--blackc);
    cursor: pointer;
    transition: .5s;
}
/* nav icon popup css */
.nav_icon_popup {
    position: fixed;
    top: 0;
    left: -110%;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 1s;
}
.nav_icon_popup.icon_popup {
    opacity: 1;
    visibility: visible;
    left: 0;
}


.sub-menuaa ul H4 {

margin-top:5px;
padding-left: 2px;

}

.sub-menuaa h4 a{
	font-size:25px;
    line-height: 1.5;
    font-weight: 900;
    transition: .5s;
    color: var(--paracolor);
    margin: 0 0 0;
    

}




.sub-menuaa ul li {
	width:300px;
	overflow: hidden; /* 隐藏超出容器的内容 */
  white-space: nowrap;
}
.sub-menuaa ul li a{

color:#848484;
}
.sub-menuaa ul li a:hover{
transform:translateX(10px);
}

.sub-menua h4{
	
}


.product-ul-list img{
	
	width:auto;
	height:65px;

}
.product-ul-list li p{

	width:130px;
	height:42px;
}


.product-p-list{
	width:120px;
	height:40px;

}

.newssxfk{
	height:20px;
}

.news_list_txt_title{

	background-color:#fff;
	padding:20px 0;

}
.news_content_bg_color{
	white-space: nowrap;
	 padding: 2px 20px 0 0;
	overflow:hidden;

}

.news_content_bg_color:hover a{
	color:var(--cpcolor);
}






.div-with-line {
	
  position: relative;
  height: 50px; /* 设置div的高度 */
}
 
.div-with-line:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; /* 设置线的高度 */
  background: var(--huiscolor); /* 设置线的颜色 */
}
.div-with-line p{
	line-height: 1.4;
	
}
.div-with-line{
width:95%;
}
.xiaoyuandian{

background-image: url('../image/yuand.png');
  background-size: cover; /* 背景图片覆盖整个元素 */
  background-repeat: no-repeat; /* 背景图片不重复 */
  background-position: center; /* 背景图片居中 */
  width:50px;
height:50px;

}

/*index_top_ban*/

.index_top_ban{
	padding-top:73px;
	padding-bottom:0;
}

@media screen and (max-width: 1000px) {
	.index_top_ban{
	padding-top:0;
	padding-bottom:0;
}
}



/*dealer shoufengqin*/


.sfqcontainer {
  display: flex;
  width: 100%;
  padding: 4% 2%;
  box-sizing: border-box;
  height: 550px;
}

.sfqbox {
  flex: 1;
  overflow: hidden;
  transition: .5s;
  margin: 0 2px;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
  line-height: 0;
}

.sfqbox > a > img {
  width: 200%;
  height: calc(100% - 10vh);
  -o-object-fit: cover;
     object-fit: cover;
  transition: .5s;
}

.sfqbox > a > p {
  font-size: 20px;
  display: block;
  text-align: center;
  height: 30px;
  line-height: 36px;
}

.sfqbox:hover {
  flex: 1 2 60%;
}

.sfqbox:hover > img {
  width: 100%;
  height: 100%;
}

/***************************************/

.dh ul{position: relative;overflow: hidden;width: 1200px;height: 306px;margin: 10px auto 0;padding-bottom:30px;}
.dh ul li{float: left;width: 162px;overflow: hidden;height: 100%;position: relative;cursor: pointer;}
.dh ul li a{display: block;width: 100%;height: 100%;}
.dh ul li .layer{position: absolute;bottom: 0;left: 0;width: 100%;background:rgba(27,29,36,0.4);height: 100%;}
.dh ul li .layer .p1{position: absolute;bottom: 5px;left: 10px;}
.dh ul li .layer .p2{position: absolute;bottom: 5px;right: -200%;}
.dh ul li .layer .p2 b,.dh ul li .layer .p2 span{display: block;font-weight: bold;font-size: 20px;}
.dh ul li .layer .p1 b,.dh ul li .layer .p1 span{display: block;font-weight: bold;font-size: 14px;}

.dh ul li.curr{}

.col1{color: #fff;text-align:center;line-height:15px;}
.col2{color: #fff;text-align:center;line-height:18px;}



/*product_cont_area*/

.product_qx_pic img{
	width:100%;
}
.product_quxiantu {

	padding:20px 0;
}



.product_cont_area{
	/***background-image:url('pro_detail.jpg');***/
	 background: linear-gradient(to bottom, #030130, #040140,#030130);
	margin-top:73px;
}
.product_cont_wz{
	width:100%;
	float:left;
}
.product_cont_wz a,.product_cont_wz i,.product_cont_area h2 ,.product_cont_area p,.product_cont_area h4{
	color:white;
}
.product_cont_pic img{
	vertical-align:top;
	width:auto;
	height:400px;
}
.product_cont_pic p i{
	padding-left:28%;
	font-size:50px;
}

.product_cont_title{
	margin-top:30px;
}
.product_cont_title h1 {
    font-size: 35px;
	color:white;
    margin: 0 0 35px;
}
.product_cont_title h2 {
    font-size: 35px;
	color:white;
    margin: 0 0 35px;
}

.product_cont_btn{
	padding-top:22px;
}



.product_cont_btn a{
	
	padding:5px 20px;
	color:white;
	background-color:#B00420;
}
.product_cont_btn a:nth-child(2){
	
	margin-left:20px;
}

.product_cont_btn a:hover{
	background-color:var(--cpcolor);
}

.product_cont_wz p{
	padding:10px 0;
}
.product_cont_p p{

	padding:10px 0;
}

.product_cont_pro p{

	padding:10px 0;
}

.product-video iframe{
	width:100%;
	height:290px;
}


.product-video{
	padding:10px 10px;
}
.product-video video{
	width:100%;
	height:290px;
	background-color:var(--hscolor);
}
.product-video img{
	width:100%;
	height:290px;
}
.product-video p{
	height:30px;
	overflow:hidden;
	text-align:center;
}
.product-video:hover p{
	background:var(--cpcolor);
	color:white;
}
.product-video2{
	padding:10px 10px;
}
.product-video img{
	width:100%;
	height:auto;
}
.product-video2 p{
	height:30px;
	overflow:hidden;
	text-align:center;
}
.product-video2:hover p{
	background:var(--cpcolor);
	color:white;
	border-radius:5px;
}

.hover-image {
  width: 100%; 
  transition: transform 0.6s ease; 
}
.hover-image:hover {
  transform: scale(1.05);
}

.hover-image2 {
  width: 100%; 
  transition: transform 0.6s ease; 
}
.hover-image2:hover {
  transform: scale(1.05);
}

.product-video:hover{
	border-radius:10px;
}

.team_area_case {
	background:var(--huiscolor);

}





.product_area_pic{
	background-color:#fff;
}

.product_ys_ys{
	padding:30px 0;
	background-color:#f7f7f7;
}

.product_ys_ys p{
	padding:8px 0;
}

.product_work_pic{
	padding:30px 0;
	background: linear-gradient(to bottom, #0a103d, #0a1b57,#0a103d);

}

.product_work_txt p{
	color:white;
	margin:center;
}

.product_work_img img{
	
	max-width:100%;
}



.product_peizhi{
	padding:30px 0;
	background-color:#fff;
	
}

.product_peizhi_table{
	overflow-x: auto;
	width: 100%
	
}


.product_peizhi_table p{
	line-height:20px;
}
.product_peizhi_table table { 
	border:1px;
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	background: #fff;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.product_peizhi_table tr:first-child {
	background-color: #f2f2f2;
	height: 60px;
	line-height: 60px;
	color: #000; 
	text-align:center;
}

.product_peizhi_table tr bg-light{
	background:#fff;
}

.product_peizhi_table tr:nth-child(2n+3) {
	background: #f5f5f5;
}
.product_peizhi_table .bhead {
	background-image: linear-gradient(90deg, #018587 3%, #2f2466 100%);
	color: #fff
}
.product_peizhi_table tr.odd {
	background: #f5f5f5;
	text-align: center;
	color: #333;
}
.product_peizhi_table tr.even {
	background: none;
}
.product_peizhi_table td.even {
	background: #fff;
}
.product_peizhi_table table td {
	line-height: 46px;
	text-align: center;
}
.product_peizhi_table tr {
	border: 1px solid #ddd;
}


.product_work_pic_fenjie{

	padding:30px 0;
	background-color:#fff;
}
.product_work_pic_fenjie p{

	color:black;
}

.pxtujiecss{
	float:flex;
}
.list-paddingleft-2{
	width:30%;
}


/*       cases_cont                 */

.cases_cont_pic{

	padding-bottom:30px;
}

.cases_cont_pic img{
	width:auto;
	height:350px;
	

}

.cases_cont_txt {

	padding:0 10px;
}

.cases_cont_txt p{
	padding:5px 0;
}

.cases_cont_txt h1{
	color:white;
	padding-bottom:10px;
}


.cases_cont_pro{
	margin-top:30px;
	background-color:#fff;
	margin-bottom:20px;
	
}
.cases_cont_pro_pic{
	width:23%;
	
	border: 0 solid #b0b0b0;
	margin-left:20px;
	padding:0;
	border-radius: 5px;
	
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
 
}
.cases_pichover {
	width:100%;
	
	overflow:hidden;
}

.cases_pichover img{
	height:213px;
	width:100%;
	height:auto;
}
.cases_cont_pro_pic p{
	height:75px;
	padding: 7px 0;
	text-align:center;
	overflow:hidden;
}
.cases_cont_pro_pic:hover p{
	color:white;
}

.cases_cont_pro_pic:hover{
	background:var(--cpcolor);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	
}


.carousel-control-next i,.carousel-control-prev i{
	
	font-size:5vh;
	color:white;
	border-radius: 10px;
}
.carousel-control-next:hover i,.carousel-control-prev:hover i{
	font-size:5vh;
	background:rgb(255,0,0,0.6);
	border-radius: 10px;
}


@media screen and (max-width: 1000px) {

	.product_cont_pic img{
	height:300px;
	}
	.cases_cont_pro_pic p{
	height:70px;
	}

	.product_work_txt p{
		padding-top:20px;
	}
	.cases_pichover {
	width:100%;
	height:auto;
	overflow:hidden;
	}
	.cases_cont_pic{

	padding-bottom:10px;
	}


	.carousel-control-next i,.carousel-control-prev i{
	
	font-size:3vh;
}
	.carousel-control-next:hover i,.carousel-control-prev:hover i{
	font-size:3vh;
}
}

.cases_peizhi_table{
	width:96%;
	overflow-x: auto;
}

.cases_peizhi_table p{
	line-height:20px;
}
.cases_peizhi_table table { 
	border:1px;
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
	background: #fff;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 15px;
}
.cases_peizhi_table tr:first-child {
	background-color: #fff;
	height: 50px;
	line-height: 30px;
	color: #000; 
	text-align:center;
	border-bottom: 2px solid black;
}
.cases_peizhi_table tr {
	height:40px;
	background: #fff;
}
.cases_peizhi_table .bhead {
	background-image: linear-gradient(90deg, #018587 3%, #2f2466 100%);
	color: #fff
}
.cases_peizhi_table tr.odd {
	background: #f5f5f5;
	text-align: center;
	color: #333;
}
.cases_peizhi_table tr.even {
	background: none;
}
.cases_peizhi_table td.even {
	background: #fff;
}
.cases_peizhi_table table td {
	line-height: 26px;
	text-align: center;
}
.cases_peizhi_table tr {
	border: 1px solid #ddd;
}
.underline {
  border-bottom: 2px solid black; /* 下划线的样式、宽度和颜色 */
}


.cases_hdp_pc{
	padding:20px 0;
}



.carousel-control-prev img{
	width:400px;
	height:auto;
}

@media screen and (max-width: 1101px) {
	.cases_hdp_pc{
		display:none;
	}
}

@media screen and (min-width: 1100px) {
	.cases_hdp_mb{
		display:none;
	}
	
	
	
	
}

.carousel-caption h3{color:white;}



/*        kuangshi_cont_area                 */


.kuangshi_cont_area{

	background-image:url('../image/ksbjpic.jpg');
	margin-top:73px;
}



.product_cont_p h3{
	color:var(--cpcolor);
	font-size:90px;
	padding-top:20px;
  text-shadow:
    -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
    1px 1px 0 #fff;
}



.kuangshi_cont_area h1{
	padding:20px 0;
	color:white;
	font-size:30px;
}

.kuangshi_pic1{
	width:400px;
}
.kuangshi_pic1 img{
	padding:10px 10px;
	width:100%;
}
.kuangshi_pic2{
	width:240px;
	height:300px;
}
.kuangshi_pic3 img{
	padding:10px 10px;
	width:240px;
	height:160px;
}

.hengxiangpl{
	display:flex;
	padding-bottom:20px;
}

.kuangshi_liucheng{
	height:auto;
	padding:30px 0;
	background-color:#fff;
}





.ksliuchengtu img{

	width:100%;
}

.kuangshi_product_list{
	
	padding-bottom:20px;
	background-color:#091020;
}

.ks_pro_img{
	width:23%;
	border-radius:5px;
}
.ks_pro_img img{
	padding:0 10px;
	width:95%;
}
.ks_pro_img h5{
	text-align:center;
	padding:3px 0;
}
.ks_pro_img:hover h5{
	color:white;
}
.ks_pro_img:hover{
	background-color:var(--cpcolor);
	
}
@media screen and (min-width: 1200px) {
	.ks_pro_img{
	
	}
}

@media screen and (max-width: 1000px) {

	.product_cont_p h1{
	padding-top:1px;
	}
	.product_cont_btn{
	padding-bottom:20px;
	}

	.ks_pro_img{
	width:44%;
	}
	
	.kuangshi_pic2{
	width:auto;
	height:180px;
	}
	.kuangshi_cont_area h1{
	color:var(--bscolor);
	font-size:30px;
	}
	.kuangshi_cont_area h3{
	padding-bottom:20px;
	color:var(--cpcolor);
	font-size:50px;
	}

	.cases_cont_pro_pic{
	width:43%;
	margin-top:20px;
	border: 0 solid #b0b0b0;
	margin-left:20px;
	padding:0;
	border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  transition-property: transform;
  transition-duration: 1s;
  transform: translateY(0);
	}

}




.kuangshi_product_title{
	 width:100%;
	 padding-bottom:20px;
	 display: flex;
	 overflow: hidden;
}
.news_right_title{ 
	height:60px;
	width:50%;
	float:right;
	text-align:right;
	margin-right: 10px;
}




.news_bstit_title{
	color:white;
	margin-bottom: 5px;
	
	
}
.news_bstit_title img{
	margin-top:20px;
	height:5px;
	width:50px;
	margin-bottom: -20px;
}


.kuangshi_xiahuaxian{
  color:white;
  position: relative;
  overflow: hidden; 
  line-height:35px;
  
}
.kuangshi_xiahuaxian:after{
  content: '';
  position: absolute;
  bottom: 0;
  left:150px;
  width: 20%; /* 下划线长度超过文字的百分比 */
  height: 1px;
  background: var(--cpcolor);
  transform: scaleX(0.9); /* 下划线长度调整，1 代表正常长度，0.5 代表长度为原来的一半 */
  transform-origin:left;
 text-decoration: underline;
}





@media screen and (max-width: 1000px) {
	
.kuangshi_cont_area , .product_cont_area{
	margin-top:0;
}	


	.hengxiangpl{
	height:auto;
	display: flex;
    flex-direction: column;
}
.kuangshi_pic1{
	width:100%;
}
.kuangshi_pic2 {
	display: flex;
	width:100%;
}
.kuangshi_pic3 img{
	padding:0 10px;
	width:100%;
}
.kuangshi_liucheng {
	height:auto;
}

}

/* about */

.prpocont h1{
			font-size:23px;
			padding:10px;
			padding-top:20px;
			text-align:center;
		}
		.prpocont p{
			padding:15px 10px;
		}

.about_area_gy{
	padding:30px 10px;
	background:var(--huiscolor);
}
.about_area_gy p{
	padding:2px 0;
}
.about_area_dh{
	padding-top:10px;
	background:white;
}

.news_left_ab{
	width:40%;
}



.about_area_video{
	padding-bottom:20px;
	background:var(--huiscolor);

}
.about_video video{
	height:auto;
	width:100%;
}

.about_video iframe{
	height:650px;
	width:100%;
}

.about_qiang{
	padding-top:50px;
}
.about_qiang h4{
	font-size:40px;
	color:var(--cpcolor);
}

.about_heer{
	margin-left:20px;
	display:flex;
}
.about_heer span{
	color:var(--cpcolor);
}
.about_qiang p{
	padding-left:20px;
}
.right-border{
  border-right: 1px solid #f2f2f2; /*右侧边框线*/
}


.about_jidi {
	background-color:#fff;
}

.about_jidi_text{
	padding-top:40px;
	padding-bottom:20px;
}

.shuipcenter{
	display: grid;
	justify-content: center; /* 水平居中 */
}

.about_jidi img{
	padding:15px 0;
	width:400px;
}

.sxzyjuli{
	padding:0 15px;
	background-color:#f6f6f6;
}

.hsbiankuang{
	border: 1px solid var(--hscolor);
}

.epc-sec02-text-link{width:90%;height:1px;margin:14px 0 10px;background:#00d3c2;position:relative}
.epc-sec02-text-link:after{position:absolute;background:#00d3c2;width:60px;height:3px;display:block;content:'';top:-1px;left:0%}


.about_yanfa_area{
	display:flex;
	padding:30px 0;
}


.ab_zuotu{
	
	float:left;
	width:44%;
	height:496px;
	margin-top:2px;
	background-image:url(../image/about_yfbj.jpg);
}
.ab_zuotu h3{
	
	margin-left:15px;
	margin-top:50px;
	margin-bottom:8px;
	color:white;
}

.ab_zuotu p{

	margin-left:15px;
	margin-right:15px;
	margin-bottom:8px;
	color:white;
}
.ab_youtu{
	float:right;
	width:56%;
}


.ab_youtu ul{
	display: flex;
  flex-wrap: wrap;
  list-style: none; /* 移除默认列表样式 */
  padding: 0; /* 移除默认内边距 */
}

.ab_youtu ul li{
	list-style-type:none;
	width:360px;
	height:250px;
}
.ab_youtu ul li img{
	padding:2px;
	width:100%;
	height:100%;
}


.about_sanqu_bj{
	background-color:white;
	
}
.about_sanqu_bj p{
	text-align:center;
}

.about_gonghuo{
	padding:0 0 0 0;
	margin:0 0;
	background-color:#081c3d;
}

.about_gonghuo_title h2{
	text-align:center;
	color:white;
	padding:30px 0;
}

.about_gonghuo_img{
	padding:10px 10px;
	width:25%;
	height:auto;
	
}


.about_gonghuo_img img{
	width:100%;
	height:auto;
}


.about_center {
	padding-top:20px;
	padding-bottom:50px;
	display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}



.about_gonghuo_title p{
	color:white;
	padding:5px 20px;
}




@media screen and (max-width: 1200px) {

.header_top_left2{
	display:none;
}

}

@media screen and (max-width: 1000px) {
	.about_video iframe{
	height:350px;
	width:100%;
	}
	
	.sjjuzhong{
		margin-left:30px;
	}
	
	.about_yanfa_area{
		display: flex; /* 使用Flexbox布局 */
		flex-direction: column; /* 设置为竖直排列 */
	}
	.ab_zuotu{
		width:100%;
	
	}
	.ab_youtu{
		width:100%;
	}
	
	.ab_youtu ul li{
	list-style-type:none;
	width:50%;
	height:auto;
}
.ab_youtu ul li img{
	padding:2px;
	width:100%;
	height:100%;
}

.about_gonghuo_img{
	padding:10px 10px;
	width:48%;
	height:auto;
}

.about_jidi img{
	padding:15px 0;
	width:100%;
}


.news_content_bg_color{
overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 20px 10px;
}
	
}















/* dealer */

.team_dealer{
	background-color:var(--bscolor);
}


.breadcumb_dealer h2{
	text-align:center;
	padding:30px 30px;


}
.breadcumb_dealer_an{

}


.dealer_bz{
	padding:0 0 ;
	width:20%;
}

.darlerfoot{
margin: 0 0 0;
    padding: 0 0;
	width:100%;
	background-image:url('../image/service-banner2.jpg');
	background-size: cover;
}



.dealer_qiang{
	padding:50px 0;
}
.dealer_qiang h4{
	font-size:40px;
	color:var(--bscolor);
}

.dealer_heer{
	margin-left:20px;
	display:flex;
}
.dealer_heer span{
	color:var(--bscolor);
}
.dealer_qiang p{
	color:var(--bscolor);
	padding-left:20px;
}









.single_team_dealer{
	width:100%;
}

.all_content_bg_dealer{

 background-color: var(--huiscolor);
    padding: 23px 20px 20px;
    text-align: center;
    height:260px;

}

.all_content_bg_dealer p i{
	font-size:30px;
}
.all_content_bg_dealer p{
	font-size:14px;
	padding:5px 6px;
	text-align:left;
}
.all_content_bg_dealer h5{
	text-align:left;
	padding:0 6px;
	font-size:16px;
}


.all_content_bg_dealer:hover {
	
	background-color:var(--cpcolor);
}
.all_content_bg_dealer:hover p,.all_content_bg_dealer:hover h5{
color:white;
}


.kuandugaodu{
	margin-top:20px;
	
	margin-bottom:20px;
	width:120px;
	padding:10px 0;
}


.kuandugaodu:hover{
	background-color:#f86e5e;
}


.dealer_col-lg-4{
	padding:10px 10px;
	width:400px;
	
}
.all_content_bg_dealer2{
	background-color:#fff;
	padding:20px 20px;
	height:170px;
}

.dealer_center {
	display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

.team_dealer2{
	background-color: var(--huiscolor);
	padding-bottom:20px;
}

.all_content_bg_dealer2 p i{
	font-size:30px;
}




.team_dealer_pic{
	width:1300;
	height:auto;
	background-color:var(--bscolor);
}

.breadcumb_dealer_pic h2{
	text-align:center;
	padding:30px 30px;
}
@media screen and (min-width: 1001px) {
	.team_dealer_pic_mob{
		display:none;
	}
}
@media screen and (max-width: 1000px) {

  .dealer_bz{
	padding:0 0 ;
	width:50%;
}
  .dealer_col-lg-4{
	padding:10px 10px;
	width:100%;
	
	
}
.all_content_bg_dealer{
	width:100%;
}

.all_content_bg_dealer2{
	height:auto;
}

.team_dealer_pic_mob{
	display:black;
	padding:30px 0;
}
.team_dealer_pic_mob p{
	padding:5px 10px;
	text-align:center;
}

}

.dealerpic{

width:100%;
height:430px;
padding:30px 30px;
display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.dealerpic ul li{list-style:none;width:100px;height:429px;float:left;}

.dealer_picqb{
	height:100%
	width:auto;
	background-size: contain; /* 保证图片覆盖整个容器，但可能会被裁剪 */
    background-position: center; /* 图片居中显示 */
    background-repeat: no-repeat; /* 防止图片重复 */
  overflow:hidden;
}
.dealer_container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end; /* 垂直居下 */
    height: 100%; /* 容器高度 */
    border: 0 solid #d5d4d4; /* 边框仅为了可视化 */
  }

.dealer_pictxt{
	width:250px;
	height:100px;
	float:left;
	
	background-color:var(--cpcolor);
	flex-direction: column;
    justify-content: flex-end; /* 垂直居下 */
}
.dealer_pictxt p{
text-align:left;
margin-top:10px;
padding:5px 10px;
color:white;
}




/* index_products *//* index_products *//* index_products */
/* index_products */
section.section.index_products {
}











section.section.index_products div.content {
}

section.section.index_products div.content div.index_hd {
    position: absolute;
    left: 160px;
    top: 230px;
}

section.section.index_products div.content div.index_hd h2.index_title {
}

section.section.index_products div.content div.index_hd div.index_title_be {
    position: absolute;
    bottom: 0;
    z-index: -1;
}

section.section.index_products div.content div.index_hd div.index_title_be img {
    width: auto;
}

section.section.index_products div.content div.products_content_box {
    width: 100%;
    position: relative;
}

section.section.index_products div.content div.products_content_box div.product_content.active {
    opacity: 1;
    transform: scaleY(1);
    pointer-events: all;
}

section.section.index_products div.content div.products_content_box div.product_content {
    align-items: flex-end;
    position: absolute;
    display: flex;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transition: all .3s ease;
    transform: scaleY(0);
    pointer-events: none;
}

section.section.index_products div.content div.products_content_box div.product_content div.left {
    width: 49.47%;
    padding-left:0;
    overflow: hidden;
    
    
    padding-right: 330px;
    margin-bottom: 85px;
}

section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper {
    width: 100%;
	height:380px;
	background: #f8f8f8;
	float:left;
	
}

section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper div.swiper-wrapper {
	float:left;
	width: 1000px;
	background: #f8f8f8;
	opacity:1;
}

section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper {
	width:1000px;
    padding-top: 55px;
	padding-left:68px;
    padding-bottom: 55px;
	background: #f9f9f9;

}

section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper h3 {
    font-size: 32px;
	padding-left:200px;
    color: var(--cpcolor);
	width:680px;
    margin-bottom: 30px;
}

section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper  p {
    font-size: 18px;
    color: #666666;
	padding-left:200px;
	width:680px;
    margin-bottom: 45px;
}

section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper div.swiper-wrapper div.swiper-slide a.index_btn {
}

section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper div.swiper-wrapper div.swiper-slide a.index_btn img {
    width: auto;
    margin-left: 10px;
}


section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper div.swiper-wrapper div.swiper-slide2 {
    padding-top: 55px;
	padding-left:110px;
    padding-bottom: 55px;
	
}

section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper div.swiper-wrapper div.swiper-slide2 h3 {
    font-size: 32px;
    color: var(--cpcolor);
	width:420px;
    font-family: 'ProximaNova-Semibold';
    margin-bottom: 30px;
}

section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper div.swiper-wrapper div.swiper-slide2 p {
    font-size: 18px;
    color: #666666;
	width:420px;
    font-family: 'Lato-Light';
    margin-bottom: 45px;
}

section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper div.swiper-wrapper div.swiper-slide2 a.index_btn {
}

section.section.index_products div.content div.products_content_box div.product_content div.left div.pro_text_swiper div.swiper-wrapper div.swiper-slide2 a.index_btn img {
    width: auto;
    margin-left: 10px;
}






section.section.index_products div.content div.products_content_box div.product_content div.right {
    width: 50.53%;
    flex: 0 0 50.53%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

section.section.index_products div.content div.products_content_box div.product_content div.right div.pro_img_swiper {
    width: calc(100% - 205px);
    transform: translateX(-235px);
}

section.section.index_products div.content div.products_content_box div.product_content div.right div.pro_img_swiper::before {
    content: "";
    position: absolute;
    width: 440px;
    height: 700px;
    bottom: 75px;
    left: 125px;
	
}

section.section.index_products div.content div.products_content_box div.product_content div.right div.pro_img_swiper div.swiper-wrapper {

}

section.section.index_products div.content div.products_content_box div.product_content div.right div.pro_img_swiper div.swiper-wrapper div.swiper-slide {
    min-height: 610px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
	
}

section.section.index_products div.content div.products_content_box div.product_content div.right div.pro_img_swiper div.swiper-wrapper div.swiper-slide a {
}

section.section.index_products div.content div.products_content_box div.product_content div.right div.pro_img_swiper div.swiper-wrapper div.swiper-slide a img {
    width: 550px;
	height:auto;
	transform: translateY(-100px);
}

section.section.index_products div.content div.products_content_box div.pro_img_swiper_small {
    width: 162px;
    height: 530px;
    transform: translateX(-270px);
    border: 1px solid rgb(223, 223, 223);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 30px;
}

section.section.index_products div.content div.products_content_box div.pro_img_swiper_small div.swiper-wrapper {
}

section.section.index_products div.content div.products_content_box div.pro_img_swiper_small div.swiper-wrapper div.swiper-slide {
    border-bottom: 1px solid rgb(223, 223, 223);
    margin-bottom: 1px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transition: all .3s ease;
}

section.section.index_products div.content div.products_content_box div.pro_img_swiper_small div.swiper-wrapper div.swiper-slide a {
    display: flex;
    height: 100%;
    width: 100%;
    padding: 15px;
    justify-content: center;
	opacity: 0.7;
   
}

section.section.index_products div.content div.products_content_box div.pro_img_swiper_small div.swiper-wrapper div.swiper-slide a:hover {
    opacity: 1;
	transform:scale(1.1);
   
}



section.section.index_products div.content div.products_content_box div.pro_img_swiper_small div.swiper-wrapper div.swiper-slide a img {
    width: auto;
}

section.section.index_products div.content div.products_content_nav {
    width: 100%;
}

section.section.index_products div.content div.products_content_nav div.flex_row {
    padding-left: 350px;
    position: relative;
    width: 100%;
    justify-content: left;
}
section.section.index_products div.content div.products_content_box div.pro_img_swiper_small div.swiper-wrapper div.swiper-slide.active{opacity:1}
section.section.index_products div.content div.products_content_nav div.flex_row a.active {
}

section.section.index_products div.content div.products_content_nav div.flex_row a {
    font-size: 24.11px;
    color: #fff;
    font-family: 'Lato-Regular';
    padding: 10px;
    background: var(--cpcolor);
    margin-right: 95px;
	border-radius:5px;
    font-size: 23.11px;
}



section.section.index_products div.content div.products_content_nav div.flex_row::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    background: var(--cpcolor);
    top: 50%;
    left: 0;
    z-index: -1;
}

.pro_img_swiper .pro_img_btns {
}

.pro_img_swiper .pro_img_btns .pro_img_btn {
    position: absolute;
    top: calc(50% - 20px);
    z-index: 9;
    cursor: pointer;
}

.pro_img_swiper .pro_img_btns .pro_img_btn img {
    width: auto;
   
    opacity: .6;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transition: all .3s ease;
}

.pro_img_swiper .pro_img_btns .pro_img_btn.pro_prev {
    left: 0;
}

.pro_img_swiper .pro_img_btns .pro_img_btn.pro_next {
    right: 0;
}

.pro_img_swiper .pro_img_btns .pro_img_btn:hover img {
    opacity: 1;
    filter: grayscale(0);
}

section.section.index_products div.content div.products_content_box div.pro_img_swiper_small div.swiper-wrapper div.swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

section.section.index_products div.content div.products_content_box div.product_content:nth-child(1) {
    position: relative;
}


.index_btn_cp{
	text-align: center;
	width:300px;
	padding:6px 10px;
	color:white;
	border: 1px solid var(--cpcolor);
	background-color: var(--cpcolor);
	
}


.index_btn_cp a {
	
    color:white;
   left:10px;
    border-radius: 50px;
}

.index_btn_cp:hover{
	color:white;
	background-color:#f96c5c;
}


.pro_img_swiper .pro_img_btns {
}

.pro_img_swiper .pro_img_btns .pro_img_btn {
    position: absolute;
    top: calc(50% - 20px);
    z-index: 9;
    cursor: pointer;
}

.pro_img_swiper .pro_img_btns .pro_img_btn img {
    width: auto;
    filter: grayscale(0);
	color:red;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transition: all .3s ease;
}




.pro_img_swiper .pro_img_btns .pro_img_btn.pro_prev {
	top:300px;
    left: 60px;
}

.pro_img_swiper .pro_img_btns .pro_img_btn.pro_next {
	top:300px;
    right: 60px;
}

.pro_img_swiper .pro_img_btns .pro_img_btn:hover img {
    opacity: 1;
    filter: grayscale(0);
}


.pro_img_swiper_small img {
    width: auto;
    filter: grayscale(0);
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transition: all .3s ease;
}






section.index_products div.content div.products_content_box div.pro_img_swiper_small div.swiper-wrapper div.swiper-slide.swiper-slide-thumb-active {
    opacity: 1;
}

section.index_products div.content div.products_content_box div.product_content:nth-child(1) {
    position: relative;
}







.index_pro_bjs{
	margin-left:5px;
	margin-top:5px;
	background-color:var(--bscolor);
}



@media screen and (max-width: 1400px) {
	.index_products_yc {
	display: none;
	}
	.proindexmb_area{
	background-color:#fbfbfb;
	}

	
	
	
	.index_pro_txt{
	
		padding:10px 0;
	}
	.index_pro_txt p,.index_pro_txt h3{
		padding:5px 5px;
		font-size:16px;
	}
	
	.index_pro_pic_si img{
	width:89%;
	object-fit: cover;
}
	
	
	
}

@media screen and (min-width: 1401px) {
	.proindexmb_area{
		display: none;
	}
	.proindexmb_area img{
	
		height:auto;
		width:100%;
	}

}

}

.carousel-item{
	overflow: hidden;
}

.carousel-item {
    line-height: 1.2em;
    /****transition: opacity 1.2s linear;***/
}

.carousel-item img{
    object-fit: cover;
    width:100%;
    /****animation: 20s ease carousel-frame;***/
}

@keyframes carousel-frame {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}


.sjduan{
		display:none;
	}
@media screen and (max-width: 1000px) {
	.carousel-item img{
		width:100%;
	}
	.pckefu{
		display:none;
	}
	.pcduan{
		display:none;
	}
	.sjduan{
		display:block;
	}

.carousel-control-prev-icon , .carousel-control-next-icon{

	background-color:var(--cpcolor);
}


.carousel-caption h3,.carousel-caption p{
	color:white;
}

.carousel-caption:active{
	background-color:rgb(211,71,54,0);
}



.hh_center_mb H3{
left:-300px;
width:400px;
text-align:center;
}
.hh_center p{
text-align:center;
}


}



.hh_center_mb H3{
 display: none;
}


/* inner nav icon popup */
.inner_nav_icon_popup {
    width: 47%;
    margin: 0 auto;
    position: relative;
}
.inner_nav_icon_popup input{
    font-size: 30px;
    font-weight: 500;
    padding: 17px 40px 15px 15px;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: 0px 0px 30px 0px #dddddd;
    background: var(--whitec);
    border-radius: 10px;
}
/* inner nav popup form icons css */
.inner_nav_popup_form_icons {
    position: absolute;
    top: 35%;
    right: 10px;
    transform: translateY(-50%);
}
.inner_nav_popup_btnicon{
    font-size: 40px;
    border: none;
    outline: none;
    background: none;
}
.inner_nav_icon_popup i{
    display: inline-block;
    margin-top: 10px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 100%;
    background-color: var(--whitec);
    color: var(--blackc);
    font-size: 25px;
    cursor: pointer;
    transition: 1s;
}
.inner_nav_icon_popup i:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}

.link-container{
text-align:center;

}
.jiakuan{
padding:0 10px;
}



.link-container a {

  border: 1px solid var(--huiscolor); /* 加黑色边框 */
  padding: 5px 15px; /* 内边距 */
  margin: 2px; /* 外边距 */
  display: inline-block; /* 使链接表现得像块级元素 */
}




/* drop down menu css */


.inner_main_nav_area ul li .sub_menu li div{

display: flex;

width:1000px;
font-size:12px;
background-color: var(--whitec);
}

.inner_main_nav_area ul li .sub_menu li div{ }

 
.inner_main_nav_area ul li .sub_menu{

    position: absolute;
    top: 100%;
    left: 0;
    width: max-content;
    min-width: 205px;
    max-width: 320px;
    text-align: left;
    margin: 0;
    padding: 0px 5px 0px;
    z-index: 9999;
    box-shadow: 0 0 30px rgb(0 0 0 / 9%);
    background-color: var(--whitec);
    opacity: 0;
    visibility: hidden;
	transition: opacity .5s;
}
.inner_main_nav_area ul li .sub_menu li{

    position: relative;
}
.inner_main_nav_area ul li .sub_menu li::before{
    opacity: 0;
    position: absolute;
    top: 50%;
    content: "";
    color: var(--bgcolor);
    left: 0;
}
.inner_main_nav_area ul li .sub_menu li:hover::before{
    opacity: 1;
    margin-left: 10px;
}
.inner_main_nav_area ul li .sub_menu li a{
    display: block;
    letter-spacing: normal;
    font-size: 12px;
    padding: 5px 15px;
    visibility: inherit !important;
    text-transform: uppercase;
}
.inner_main_nav_area ul li .sub_menu li a i{
    color: var(--titlecolor);
}
.inner_main_nav_area ul li .sub_menu li a:hover{
    color: var(--bgcolor);
    transform:translateX(10px);
    opacity: 1;
}
.inner_main_nav_area >ul >li:hover .sub_menu{
    top: 100%;
    opacity: 1;
    visibility: visible;
}
.inner_main_nav_area .sub_menu >li > ul.sub_menu{
    top: 130%;
    left: 100%;
    opacity: 0;
    visibility: hidden;
   
}
.inner_main_nav_area ul li .sub_menu li:hover  ul.sub_menu{
    top: 0;
    opacity: 1;
    visibility: visible;
}












/* main nav btn css */

/* absolute menu css */
.absolute_menu {

    padding: 0 10px;
    z-index: 9999;
    transition: .5s;
    position: absolute;
    left: 0;
    right: 0;
    background: #333333;
}
.absolute_menu .inner_main_nav_area >ul >li >a{
    color: var(--bscolor);
}
.absolute_menu .inner_main_nav_area >ul >li >a> i{
    color: var(--bscolor);
}
.inner_main_nav_area >ul >li >a:hover{
    color: var(--bgcolor);
}
.inner_main_nav_area {
    margin-left: 0;
}
/* absolute menu nav btn css */
.main_nav_btn {
    display: flex;
    align-items: center;
    margin-left: 125px;
}
.header_title a i {
    display: inline-block;
    color: var(--whitec);
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 25px;
    border-radius: 100%;
    font-size: 16px;
    margin: 0 0;
}

.hsearch {
    height: 36px;
    width: 36px;
    line-height: 36px;
    margin-left: 25px;
    cursor: pointer;
    transition: .5s;
    display: block;
    border-radius: 100px;
    margin-right: 15px;
}
.hsearch:hover{
    background-color: var(--bgcolor);
}
.hsearch:hover i{
    color: var(--whitec);
}
.em_login a {
    color: var(--whitec);
    font-size: 16px;
    margin-right: 5px;
}



.sticky .header_title a i{
    color: var(--whitec);
}

/*======== main menu area end ==========*/

/*======== slider area start  ==========*/
.slider_area {
    position: relative;
    padding: 0 0 40px;
}
.slider_width {
    max-width: 1865px;
}
/* inner slider area */
.inner_slider_area {
    height: 950px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    
}



/* inner slider content */
.inner_slider_content {
margin-top: 20%;
    width: 100%;
}
.inner_slider_content h4{
    font-size: 18px;
    font-weight: 500;
    color: var(--whitec);
    margin: 0;
	text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
}
.inner_slider_content h2{

	
    color: var(--whitec);
    margin: 0;
	text-align: center;
	font-size: 58px;
}


.inner_slider_content h1 {
    color: var(--whitec);
    font-size: 58px;
}
.inner_slider_content p{
    color: var(--whitec);
    width: 62%;
    margin: 14px auto 15px 0;
    padding: 15px 0px 0px 0px;
}
/* golobal btn css */

.g_btn_bk{
    margin-top: 40px;
	border: 1px solid #9d9d9d;
}
.g_btn_bk a {
    color: var(--cpcolor);
    padding: 12px 50px;
    margin-right: 10px;
    border-radius: 50px;
}
.g_btn_bk:hover a{
	color:white;
}
.g_btn_bk:hover{
	background-color:var(--cpcolor);
}




.g_btn{
    margin-top: 40px;
}
.g_btn a {
    background-color: var(--whitec);
    padding: 12px 50px;
    margin-right: 10px;
    border-radius: 50px;
    background: transparent;
}
.s_btn2{
    color: var(--titlecolor);
}
.g_btn a:hover{
    background: var(--bgcolor);
    color: var(--whitec);
}
/* slider btn 2 */
.g_btn .s_btn2 {
    color: var(--whitec);
    background-color: var(--bgcolor);
}
.s_btnc{
    color: var(--whitec);
    border: 1px solid #ddd;
}
.s_btn2:hover{
    color: var(--bgcolor) !important;
    background-color: var(--whitec) !important;
}
/* home 2 inner slider css */
.h2_inner_slider{
    height: 830px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex !important;
    align-items: center;
}
.slider_im img {
    width: 100%;
    margin-left: -104px;
}
/* slider defult arrow css */
/* golobal slick defult arrow css */
.slider_area .slick-prev, .slider_area .slick-next {
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: none;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    right: 0;
    color: var(--titlecolor);
}
/* slider icon hover */
.slider_area .slick-prev:hover , .slider_area .slick-next:hover{
    border-radius: 0;
    margin: 0 10px 0 10px;
}
.slider_area .slick-prev::before:hover , .slider_area .slick-next::before:hover{
    font-size: 50px;
    color: var(--bgcolor);
}
.slider_area .slick-prev{
    left: 0;
}
.btestimonial .slick-next{
    right: 42%;
}
.slider_area .slick-prev::before , .slider_area .slick-next::before{
    content: "\e671";
    font-family: iconfont;
    font-size: 50px;
    font-weight: 700;
    transition: 1s;
}
.slider_area .slick-next::before{
    content: "\e673";
}
.slider_area:hover .slick-prev , .slider_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}

/* video area */
/* home video page area css */

.slider_vedio {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: -99;
    overflow: hidden;
}
.slider_vedio iframe {
    width: 100%;
    height: 100%;
    border: none;
    transform: scale(3.4);
}


.video-conts iframe{
	width: 100%;
    height: 500px;
    border: none;
    
}







/*======== slider area end  ==========*/


/*======== beadcumd area start  ==========*/
.breadcumb_area{
	margin-top:73px;
    position: relative;
    margin-bottom: 10px;
}
.breadcumb_area img{
width:100%;
}

.cases_breadcumb_area{
	margin-top:73px;
}
.cases_breadcumb_area img{
width:100%;
}


.breadcumb_area:before, .breadcumb-blog-area:before {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    content: "";
    z-index: 1;
}

@media screen and (min-width: 1000px) {
	.cases_breadcumb_area_mob img{
		display:none;
	}
}
@media screen and (max-width: 1000px) {
.index_ab_hei{
	display:none;
}

.breadcumb_area{
	display:none;
}
.cases_breadcumb_area{
	display:none;
}
.breadcumb_area:before, .breadcumb-blog-area:before {
display:none;
}
.cases_breadcumb_area_mob img{
		width:100%;
	}


.cases_breadcumb_area{
	margin-top:0;
}
	.video_title{
		height:800px;
	}
}



.sab_text {
    text-align: center;
    padding: 160px 0 45px;
}



/* title */
.sab_text h2 {
    font-size: 30px;
    color: var(--whitec);
    margin: 0;
}
.breadcumb_inner{
	padding-left:0px;
	white-space: nowrap;
	overflow-x: auto;
}
.breadcumb_inner ul{
	padding-left:0px;
    color: var(--whitec);
    display: block;
}

.breadcumb_inner li {
    display: inline-block;
    margin: 0 2px;
    list-style: none;
}
.breadcumb_inner li h1{
    font-size: 18px;
}
.breadcumb_inner ul li a , .breadcumb_inner ul li span {
    color: var(--hscolor);
    font-size: 18px;
}
 .breadcumb_inner ul li i{
	color:var(--cpcolor);
 }


.breadcumb_innerbs{
	padding-left:0px;
}
.breadcumb_innerbs ul{
	padding-left:0px;
    color: var(--whitec);
    display: block;
}
.breadcumb_innerbs li {
    display: inline-block;
    margin: 0 2px;
    list-style: none;
}
.breadcumb_innerbs ul li a , .breadcumb_innerbs ul li span {
    color: var(--bscolor);
    
}
 .breadcumb_innerbs ul li i{
	color:var(--bscolor);
 }





.breadcumb_inner_title{

text-align:center;
padding:30px 0;
}




.breadcumb_inner_xian{
line-height:2;
position: relative;
  overflow: hidden; 
border-bottom:1px dashed #848484; color:#000;
width:60%;

}




.current{
    color: var(--whitec);
}
/*======== breadcumb area end  ==========*/

/*======== chooses area start  ==========*/
.chooses_area {
	height:460px;
    padding-top: 30px;
	padding-bottom:20px;
	background:#f5f5f5;
}
.baisebj{
	background:#fff;
	
}
.choose_text{

	margin-top:10px;
}
.choose_text h1 , .choose_text h1 span{
    font-size: 25px;
    margin: 0 0 15px;
}
.choose_text h1  span{
    color: var(--bgcolor);
}

.index_pdf a{
	border: 1px solid #848484;
	padding:8px 15px;
}

.index_pdf{
	height:40px;
	margin-top:30px;
}
.index_pdf a span{
	color:var(--cpcolor);
}

.section_area {
    display: flex;
    margin: 25px 0;
}
.section_area h2{
    font-size: 25px;
}
.video_title{
position: relative;
background:#fff;
	
	
    
}

.video_biankuang{
position: absolute;
	width:500px;
	height:380px;
	border: 2px solid red;
	transform: translateX(90px) translateY(18px); 
	animation: move-border 2s infinite alternate;
}
.vide_shipin video{
	left:20px;
	width:500px;
	height:400px;
	position: absolute; 
	z-index: 2;
}
.vide_shipin iframe{
	padding-top:50px;
	left:20px;
	width:500px;
	height:370px;
	position: absolute; 
	z-index: 2;
}


.vide_shipin {
	height:415px;
	width:616px;
   background:#fff;
}

.indexgsleft{
	padding:10px 20px;
	height:auto;
}
.index_ab_hei{
	height:40px;
}

@media screen and (max-width: 1000px) {

.breadcumb_inner_xian{

width:90%;

}
.video_biankuang{
	display:none;
}
.vide_shipin {
	height:350px;
	width:100%;
   background:#fff;
}
.vide_shipin iframe{
	padding-top:20px;
	width:90%;
	height:330px;
}

.index_pdf a span,.index_pdf a i{
	display:none;
}

.chooses_area {
	height:auto;
	padding-bottom:20px;
	background:#f5f5f5;
}

.vide_shipin video{
	padding:20px 0;
	width:100%;
	height:auto;
}


.video_title {
	height:auto;
	margin-top:20px;
}


}




.video_title img{
	height:auto;
	width:100%;
}
.tr_vedio_vano_box a i {
    left: 40%;
    top: 43%;
    position: absolute;
    display: inline-block;
    color: var(--whitec);
    width: 75px;
    height: 75px;
    text-align: center;
    line-height: 75px;
    font-size: 23px;
    border-radius: 100%;
    transition: .5s;
    background-color: transparent;
    animation: witr-shadow 1s linear infinite;
    background-color: var(--bgcolor);
}
@keyframes witr-shadow{
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}
/*======== chooses area end  ==========*/

/*======== FEATURE AREA START  ==========*/

/* ===== 4. Feature Area CSS ===== */
.cs_fe_area {
    padding: 60px 0 10px 0;
}
.twr_feature_three {
    box-shadow: 0 5px 83px rgb(3 43 86 / 12%);
    background: #fff;
    position: relative;
    overflow: hidden;
    transition: .5s;
    margin-bottom: 30px;
}
.twr_feature_three_inner {
    position: relative;
    background: inherit;
    z-index: 2;
    transition: .5s;
    padding: 40px 30px;
}
.twr_feature_three_icon {
    margin-bottom: 20px;
    transition: 1s;
}
.twr_feature_three_icon i {
    font-size: 64px;
    color: var(--bgcolor);
    text-align: center;
    transition: .5s;
}
.twr_feature_relative_text {
    position: relative;
}
.twr_fe_three_middle_icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    opacity: 0;
    transition: 1s;
}
.twr_fe_three_middle_icon i {
    font-size: 130px;
    color: #ddd;
}
.twr_feature_three_text h3 {
    margin: -30px 0 5px 0;
}
.twr_feature_three_text a {
    color: #222429;
    margin-top: 10px;
    display: inline-block;
    transition: .5s;
    font-size: 18px;
}
.twr_feature_three_text a:hover{
    color: var(--bgcolor);
}
.twr_feature_three_text p {
    margin-top: 0;
    margin-bottom: 0;
}
.twr_feature_three_image {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.feature_btn{
    margin: 10px 0;
}
.twr_feature_three:hover .twr_feature_three_inner {
    transform: translateY(-84px);
}
.twr_feature_three:hover .twr_fe_three_middle_icon {
    opacity: 1;
}
.twr_feature_three:hover .twr_feature_three_icon {
    transform: scale(0);
}
/*======== FEATURE AREA END  ==========*/

/*------- COL AREA START --------*/

.cal_to_action {
    padding: 105px 0px 105px 0px;
    margin: 40px 0;
}
.cal_text{
    text-align: center;
}
.cal_text h2{
    color: #FFFFFF;
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 20px 0px;
}
.cal_text p{
    color: var(--whitec);
    width: 67%;
    margin: auto;
}
.cal_btn a i {
    margin-left: 10px;
    color: var(--whitec);
}
.cal_btn a i:hover{
    color: var(--bgcolor);
}
.cal_btn{
    margin-top: 45px;
}
.cal_btn a{
    color: var(--whitec);
    background-color: var(--bgcolor);
    font-size: 14px;
    font-weight: 400;
    border-radius: 30px;
    padding: 12px 30px 12px 30px;
}
.cal_btn a:hover{
    color: var(--bgcolor);
    background-color: var(--whitec);
}
/*------- COL AREA END --------*/


/*------- SERVICE AREA START --------*/

.hh_center H2{
text-align:center;
}
.hh_center p{
text-align:center;
}

.hh_left H2{
text-align:left;
}
.hh_left p{
text-align:left;
}

.service_area {
    padding: 20px 0;
}
.section_title {
text-align:center;
    margin: 0 0 20px;
}



.section_title h2{
	padding-top:10px;
    font-size: 25px;
    font-weight: 700;
}
.section_title h2 span{
	font-size: 25px;
    color: var(--bgcolor);
}
.section_title img {
    position: absolute;
    margin-top: 45px;
    margin-left: -130px;
    animation: title_shap 5s linear 1s infinite alternate running;
}



.titlediv{
	position: relative;
}

.titledivbj{
	text-align:left;
	position: relative; 
	overflow:hidden;
	font-size:40px;
	padding:0 20px;
	transform: translate(50, 10);
	color:#f3f3f3;
	letter-spacing:5px;
	font-weight: 700;
}
.titledivtxt{
	position: absolute; 
	z-index: 2;
	left:10px; 
	top: 30px;
	width: 40%; 
	height: auto; 
	color:#f3f3f3;

}

.titlediv_pro{
	width:800px;
	padding-left:270px;
	padding-bottom:50px;
	position: relative;
}

.titledivbj_pro{
	text-align:left;
	position: relative; 
	overflow:hidden;
	font-size:28px;
	padding:0 6px;
	
	transform: translate(2px, 16px);
	color:rgba(255,0,0,0.1);
	font-weight: 700;
}
.titledivtxt_pro{
	position: absolute; 
	z-index: 2;
	left:270px; 
	top: 30px;
	width: 40%; 
	height: auto; 
	color:#f3f3f3;

}

.titledivtxt_pro h2{
	font-size:25px;
	color:black;
	
}






.titledivbox {
    position: relative;
    width: 100%;
    background-color: #fff;
    background-size: cover;
    text-align: center;
    color: #f3f3f3;
  }
 
  .titledivbox::after {
    content: 'Проекты'; /* 这里是你想要显示的文字 */
    position: absolute;
    top: 0;
    left: 100px;
    transform: translate(-50%, -50%);
    font-size: 50px;
  }


@keyframes title_shap{
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }
    100% {
        -webkit-transform: translateX(45px);
        transform: translateX(45px);
    }
}
.section_title p {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}
.ab_text {
    text-align: right;
}
/* service list */
.single_about {
    display: flex;
    margin-top: 40px;
    margin-bottom: 20px;
}
.ab_icon i {
    width: 70px;
    height: 70px;
    line-height: 70px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    line-height: 70px;
    display: block;
    font-size: 22px;
    text-align: center;
    color: var(--titlecolor);
    background-color: var(--whitec);
    margin-left: 25px;
    transition: .5s;
}
.ab_icon i:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
.ab_text h4 a {
    font-weight: 600;
}
.ab_text h4 a:hover{
    color: var(--bgcolor);
}
.service_maddle img{
    width: 100%;
}
.ser_left {
    text-align: left;
    margin-left: 20px;
}
/* single service */
.witr_text_widget_inner h2 {
    font-size: 40px;
    padding: 20px 0px 0px 0px;
}
/*------- SERVICE AREA END --------*/

/*===== COUNTER AREA START ======*/
.counter_area {
    margin: 0 0;
    padding: 10px 0px 10px 0px;
    background-color: #f5f5f5;
}   
.ab_counter {
    display: flex;
    margin-left: 30px;
    justify-content: center;
}
.counter_active {
    text-align: center;
    padding: 10px 0;
    position: relative;
	border-radius:5px;
}
/***
.counter_active:hover{
    border: none;
    background-color: var(--cpcolor);
	border-radius:5px;
}***/
.counter_active::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 30%;
}

.counter_active:hover::after{
    border: none;
}
.counter_active:hover::before{
    border: none;
}
.counter_active i {
    color: var(--titlecolor);
    font-size: 30px;
    transition: .5s;
}
.inner_counter h3{
    font-size: 45px;
}
.counter_active h3{
    font-size: 45px;
}
.inner_counter h4 {
    margin: 15px 0 5px;
}
.counter_active i{
	font-size:7vh;
}

@media screen and (max-width: 1000px) {
	.counter_active h3{
    font-size: 30px;
}
.counter_active i{
	font-size:5vh;
}
}


/***
.counter_active:hover.counter_active i{
    color: var(--whitec);
}
.counter_active:hover.counter_active span{
    color: var(--whitec);
}
.counter_active:hover.counter_active h4{
    color: var(--whitec);
}
.counter_active:hover.counter_active h3{
    color: var(--whitec);
}
***/


.text-uppercase {
  text-transform: uppercase;
}


.index_heer{
	display:flex;
	justify-content: center; /* 水平居中 */
}
.index_heer span{
	color:var(--hscolor);
}
.index_heer h3{
	text-align:center;
}

/* counter page */
.single_counter {
    background-color: #3B4548;
    margin: 50px 0;
}
.single_counter_active {
    display: flex;
    align-items: center;
    padding: 15px 0;
}
.counter_box i{
    margin: 17px 23px 0px 0px;
    font-size: 40px;
    color: var(--whitec);
}
.witr_counter_number_inn h3, .witr_counter_number_inn span {
    font-size: 40px;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--whitec);
}
.witr_counter_number_inn h4{
    color: var(--whitec);
}
/*===== COUNTER AREA END ======*/

/*===== TEAM AREA START ======*/
.team_area {
background-color:#fff;
    padding: 20px 0 20px;
}


.single_team img {
    position: relative;
    width: 100%;
    height: 100%;
}










.single_img{
position: relative;
}
.single_img img{
height:300px;
object-fit: cover;
}

.single_jpg{
	position: relative; 
	overflow:hidden;
}

.single_text{
position: absolute; 
z-index: 2;
right:0px; 
top: 30px;
width:auto;
height: auto; 
color:white;
background-color: var(--cpcolor);
font-size:18px;
}
.single_text p{
color:white;
padding: 10px 10px;
}




.all_content_bg_color h3{
text-align:left;
    margin: 0 0 10px;
}
.all_content_bg_color{
 
    padding: 23px 5px 30px;
    text-align: center;
    transition: .5s;
}
.all_content_bg_color h3 a:hover{
    color: var(--bgcolor);
}
.all_content_bg_color p{
text-align:left;
}
.all_content_bg_color span {
    color: #017E84;
    font-family: "IBM Plex Sans", Sans-serif;
    font-size: 16px;
    margin: 5px 0 5px;
}

.index_cases{
	background:white;
}
.index_cases img{
	transition: .5s;
}
.index_cases:hover h3,.index_cases:hover p{
	color:white;
}
.index_cases:hover img{
	transform: scale(1.09);
	transition: .5s;
}
.index_cases:hover{
	position: relative;
	background-color:var(--cpcolor);
	border-radius: 5px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}









.single_team_kuangshi p{
	padding:10px 10px;
	text-align:center;
}


.single_team_kuangshi img {
    position: relative;
    width: 100%;
    height: 100%;
	
}
.single_team_kuangshi {
	position: relative;
    margin-bottom: 20px;
	background:#fff;
	border-radius:9px;
}
.ovhidden{
	overflow:hidden;
}

.single_team_kuangshi:hover p, .single_team_kuangshi:hover img{
	
    
	-webkit-box-shadow: 0 0 5px #fff;   
    -moz-box-shadow: 0 0 5px #fff;   
    box-shadow: 0 0 5px #fff;   
	
	color:white;
	
}
.single_team_kuangshi:hover{
	border-radius:9px;
	background-color:var(--cpcolor);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}







.all_team_s_color {
    margin-top: 15px;
}
.all_team_s_color a {
    display: inline-block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 17px;
    line-height: 35px;
    text-align: center;
    margin: 0 3px;
    border: 1px solid #ddd;
}
.all_team_s_color a:hover{
    background-color: var(--bgcolor);
}
.all_team_s_color a i:hover{
    color: var(--whitec);
}
.all_team_s_color a i{
    color: #ababab;
}
/*===== TEAM AREA END ======*/



/*===== START PORT AREA  ======*/

.img_port_area{
    padding: 50px 0 ;
}
.inner_img_area {
    position: relative;
    overflow: hidden;
    margin: 0 20px;
}
.inner_img_overlay img {
    width: 100%;
    height: 100%;
    transition: .5s;
}
.inner_img_area:hover .inner_img_overlay img{
    transform: scale(1.2);
}
/* img overlay go  */
.img_overlay_go{
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: #15194677;
    transition: .5s;
}
.inner_img_area :hover .img_overlay_go{
    left: 0;
}
/* absolute icons css */
.absolute_icons {
    transform: rotateY(90deg);
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    border-radius: 100%;
    background-color: var(--whitec);
}
.inner_img_area:hover .absolute_icons{
    transform: rotateY(0);
    opacity: 1;
    visibility: visible;
}
.absolute_icons a{
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 40px;
}
.absolute_icons a:hover{
    border-radius: 100%;
    color: var(--whitec);
    background-color: var(--titlecolor);
}
.absolute_icons a i{
    color: var(--bgcolor);
}
/* inner img content  */
.inner_img_context {
    position: absolute;
    bottom: -150px;
    left: 0;
    right: 0;
    transition: .5s;
    text-align: start;
    margin: 0 30px;
    padding: 30px 20px 30px 20px;
}
.inner_img_context p{
    margin: 0;
    color: var(--whitec);
}
.inner_img_context h2 a{
    color: var(--whitec);
    font-size: 18px;
}
.inner_img_context h2 a:hover{
    color: var(--bgcolor);
}
.inner_img_area:hover .inner_img_context{
    bottom: 15px;
}
.img_area:hover .slick-prev ,.img_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}


/*===== END PORT AREA  ======*/


/*===== START TESTIMONIAL AREA  ======*/

.testimonial_area{
    padding: 50px 0;
    position: relative;
}
.test_nav {
    transition: all .5s ease 0s;
    padding: 37px 30px 26px;
    margin: 20px 10px;
    box-shadow: 0 0 10px 0 rgb(240 241 243);
    overflow: hidden;
    position: relative;
    transition: .5s;
    text-align: left;
}
.test_nav:hover{
    box-shadow: 0 0 20px 0 rgba(0,0,0,.13);
}
.test_active {
    display: flex;
    margin: 0 0 23px;
}
.test_item img{
    margin-right: 20px;
}
/* title */
.em_testi_title h4{
    margin: 0;
}
.em_testi_title span{
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 600;
    color: var(--bgcolor);
}
/*===== END TESTIMONIAL AREA  ======*/


/* =====  Testimonial2 Area CSS ===== */
.cs_test_area {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #DDDDDDAD;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 94px 0px 82px 0px;
    z-index: 9;
}
.cs_test_area .witr_section_title {
    margin-bottom: 16px;
}
.single_creativeItem {
    text-align: center;
}
.box-size {
    padding: 10px 15px;
}
.testiCreCon {
    position: relative;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 6%);
    background: #fff;
    border-radius: 5px;
    padding: 50px 20px 50px;
    margin-bottom: 35px;
}
.testiCreCon li {
    font-size: 100px;
    color: #dddddd4f;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.testiCreCon p {
    position: relative;
    margin: 0;
    z-index: 1;
}
.testiCreCon:after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -36px;
    border-radius: 15px;
    width: 50px;
    height: 50px;
    background: #fff;
    transform: rotate(45deg) translateX(-50%);
    z-index: -1;
    box-shadow: 0 2px 29px 0 rgb(0 0 0 / 8%);
}
.post_t6 .em_test_thumb {
    float: inherit;
    margin-right: 0;
    margin-bottom: 10px;
    text-align: -webkit-center;
}
.em_test_thumb img {
    border-radius: 50%;
    width: 59px;
}
.testAuthor span {
    font-size: 15px;
    color: var(--paracolor);
}

/*=====  BRAND AREA  ======*/
.cbrand_area{
    padding: 50px 0;
}

.brand_area .slick-prev , .brand_area .slick-next{
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background: none;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    background-color: var(--cpcolor);
    opacity: 0;
    visibility: hidden;
}
.brand_area .slick-prev.slick-arrow:hover {
    background: var(--bgcolor);
}
.brand_area .slick-next.slick-arrow:hover {
    background: var(--bgcolor);
}
.brand_area .slick-prev{
    left: -6%;
}
.brand_area .slick-next{
    right: -5%;
}
.brand_area:hover .slick-prev , .brand_area:hover .slick-next{
    opacity: 1;
    visibility: visible;
}

/*======== blog area start  ==========*/
.blog_area {
    padding: 100px 0 0;
}
.inner_blog_content p {
    font-size: 14px;
    width: 98%;
    margin: 0 0 15px;
}
.txbdmb30 {
    margin-bottom: 30px;
}
/* inner blog area css */
.inner_blog_text.pd0 {
    padding: 0;
    margin-left: 11px;
}
.inner_blog_area {
    margin: 0 10px 30px;
    overflow: hidden;
    background-color: var(--whitec);
    
}
/* inner blog thumb css */
.inner_blog_thumb{
    position: relative;
    overflow: hidden;
}
.inner_blog_img img{
    width: 100%;
    transition: .5s;
}
.inner_blog_area img{
	width:100%;
}
.inner_blog_area:hover .inner_blog_img img{
    transform: scale(1.2);
}
/* blog overlay css */
.blog_overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 50%);
    transform: scale(0);
    transition: .5s;
}
.inner_blog_area:hover .blog_overlay{
    transform: scale(1.2);
}
/* inner blog absolute css */
.inner_blog_absolute {
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-block;
    color: var(--whitec);
    background: var(--bgcolor);
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 14px;
    text-align: center;
}
/* inner blog text css */
.inner_blog_text {
    padding: 0 10px 0;
}
.inner_blog_text span a {
    font-weight: 400;
    font-size: 14px;
}
.inner_blog_text span {
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    color: var(--paracolor);
}
.inner_blog_text span i{
    margin-right: 3px;
    color: var(--bgcolor);
}
/*inner blog content css */
.inner_blog_content {
    padding: 0 0;
}
.inner_blog_content h1{
	font-size:39px;
}

.inner_blog_content h3 a {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 18px;
    padding-left: 10px;
}
.inner_blog_content h3 a:hover{
    color: var(--bgcolor);
}
.inner_blog_content p {
    font-size: 14px;
    width: 100%;
    margin: 10px 10px 0;
}
.inner_blog_content >a{
    font-size: 18px;
    font-weight: 400;
    color: var(--bgcolor);
    padding-left: 10px;
}
.inner_blog_content >a:hover{
    color: var(--titlecolor);
}
.inner_blog_content img{
	width:100;
	}

@media screen and (max-width: 1000px) {
	.inner_blog_content h1{
	font-size:20px;
	}
	.single_text p{
	font-size:14px;
	padding:2px 2px;
	}
	.testimonial_area{
    padding: 20px 0;
}
}

/* inner blog btn css */
.inner_blog_btn a {
    display: inline-block;
    padding: 10px 0;
    margin-left: 20px;
    color: var(--bgcolor);
}
.inner_blog_btn a:hover{
    color: var(--titlecolor);
}
.witr_blog_border {
    margin-bottom: 10px;
    border: 1px solid #f2f2f2;
}
.inner_blog_btn a i {
    font-weight: 700;
    font-size: 14px;
    color: var(--bgcolor);
}
.single_blog_btn a {
    display: inline-block;
    padding: 7px 25px;
    transition: .5s;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    margin-top: 15px;
}
.single_blog_btn a:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
.single_post_comment_area.single_contact{
    margin: 0;
}
.apartment_area .single_post_comment_area p{

color:#333;
 text-align:center;
  align-items: center; /* 垂直居中 */
  justify-content: center; /* 水平居中 */
}


/*======== blog area end  ==========*/



/*======== ABOUT 2 AREA START ==========*/

.skill_area {
    padding: 100px 0;
    background: #F9F9F9;
}
.skill_left{
    text-align: left;
}
.skill_left p{
    width: 100%;
}
.skill_left img{
    margin-left: 50px;
}
/* progress bar */
.inner_progres_bar h2{
    font-size: 18px;
}
.inner_progres_bar .progress {
    height: 10px;
    margin-bottom: 20px;
    overflow: inherit;
}
.single_about_text.single_faq {
    overflow: hidden;
}
.inner_progres_bar .progress-bar{
    margin: 2px 2px 2px;
    background-color: var(--bgcolor);
    overflow: inherit;
}
.progress-bar span {
    color: var(--titlecolor);
    text-align: end;
    margin-top: -50px;
    font-size: 16px;
}
/* web */
.skill_left h4{
    color: var(--bgcolor);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
}

/*===== ABOUT 2 AREA START  ======*/


/*======== PRICING AREA START  ==========*/

.cs_pric_area {
    padding: 50px 0 20px;
}
.pricing_area {
    border-radius: 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 8%);
    margin-bottom: 30px;
}
.pricing-part {
    position: relative;
    overflow: hidden;
	text-align:center;
}
.pricing-part strong {
    font-size: 16px;
    font-weight: 400;
    position: absolute;
    right: -40px;
    top: 13px;
    padding: 7px 20px;
    width: 160px;
    text-align: center;
    transform: rotate(45deg);
	background: var(--bgcolor);
	color:#fff;
}
.prt_content {
    padding: 10px 0 7px;
    font-size: 20px;
}
.prt_content i{
    color: var(--bgcolor);
    font-size: 40px;
    padding-top: 40px;
    display: block;
}
.all_pricing_color p {
    color: #00294B;
}
.pricing-part h5 {
    font-size: 35px;
}
.pricing-part span {
    font-size: 24px;
    margin-right: 5px;
    color: #303030;
}
.pricing_bar_title {
    position: relative;
    margin: 50px 0;
}
.pricing_bar_title::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background: #ddd;
    left: 0;
    right: 0;
    top: 50%;
}
.pricing_style_7.pricing-part h4 {
    font-size: 16px;
    padding: 13px 30px;
    display: inline-block;
    border-radius: 30px;
    color: #fff;
    z-index: 1;
    position: relative;
    background: var(--bgcolor);
}
.all_pricing_color h2, .all_pricing_color h3, .all_pricing_color h4, .all_pricing_color h5 {
    margin: 0;
    color: #303030;
}
.witri_texti_list {
    margin-top: 25px;
}
.pricing-part ul {
    padding: 0 30px;
}
.witri_texti_list ul li {
    list-style: none;
    font-size: 17px;
    margin-bottom: 17px;
}
.witri_texti_list ul li i {
    margin-right: 10px;
    color: var(--titlecolor);
}
.witr_btnp_color {
    padding-top: 37px;
    padding-bottom: 40px;
}
.witr_btnp_color a.btn {
    padding: 12px 40px 12px 40px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    background: var(--bgcolor);
    color: #fff;
}
.pricing-part a.btn:hover {
    background: 0 0;
    color: #00294b;
    border: 1px solid var(--bgcolor);
}
/*======== PRICING AREA END  ==========*/





/*===== product list START  ======*/


.single_img_productlist{
	padding:20px 0;
	
}
.all_content_bg_color_productlist a{
	margin-left:10px;
}
.all_content_bg_color_productlist:hover a{
	
}
.single_img_productlist_img{
	width:100%;
	height:auto;
	transition:transform 0.5s ease;
	
}
.single_img_productlist:hover {
	background-color:var(--huiscolor);
}
.single_img_productlist_img:hover{
	
	transform:scale(1.1);
	transition:  color 0.1s;
	transition: transform 1s;
}

.all_content_bg_color_productlist p{
	text-align:center;
	height:30px;
	overflow:hidden;
}

.products_list{
	margin:10px 0;
	background:white;
	border-radius:8px;
}

.products_list:hover p{
	color:white;
}
.products_list:hover .single_img_productlist{
	background:#999999;
}


.products_list:hover{
	background-color:var(--cpcolor);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.9);
	transform:translateY(2px);
}



.clearfix:after{content: " ";	display: block;	height: 0px;	visibility: hidden;	clear: both;}




.product_dh_list{
	margin-top: 20px;
	height:160px;
	background-color: #FFF;
	border-radius:8px;
	-webkit-box-shadow: 0 3px 10px rgba(5,66,99,.15);
	-moz-box-shadow: 0 3px 10px rgba(5,66,99,.15);
	-ms-box-shadow: 0 3px 10px rgba(5,66,99,.15);
	-o-box-shadow: 0 3px 10px rgba(5,66,99,.15);
	box-shadow: 0 3px 10px rgba(5,66,99,.15);
	overflow: hidden;
}
.product_dh_list ul{
	display:flex;
}
.product_dh_list li {list-style-type:none; width: 16.6%; float: left; padding: 20px 0 10px;  text-align: center; font-size: 18px;}
.product_dh_list li a{ width: 98%; margin: 0 auto;display: block;}
.product_dh_list li img{ width:100px;height: auto;}
.product_dh_list li.on, .product_dh_list li:hover { background: url(link-bg.png) bottom repeat-x #f2f4f7;}
.product_dh_list li p{ width: 100%;line-height:28px;  height: 56px;}


@media screen and (max-width: 1000px) {
.single_img_productlist_img{
	width:100%;
	height:auto;
	transition:transform 0.5s ease;
}
.flex-list {
 display: flex;
  flex-wrap: wrap;
  list-style-type: none; /* 移除列表的标记，如果需要的话 */
  padding: 0; /* 移除默认的内边距，如果需要的话 */
}
.flex-list li {
  flex: 1; /* 让所有列表项具有相等的宽度 */
  margin: 5px; /* 添加一些外边距 */
  min-width: 120px; /* 设置最小宽度，防止项过度缩小 */
  text-align: center; /* 文字居中 */
}
.product_dh_list{
	background-color: #FFF;
	height:auto;
	border-radius:0px;
	-webkit-box-shadow: 0 3px 10px rgba(5,66,99,.15);
	-moz-box-shadow: 0 3px 10px rgba(5,66,99,.15);
	-ms-box-shadow: 0 3px 10px rgba(5,66,99,.15);
	-o-box-shadow: 0 3px 10px rgba(5,66,99,.15);
	box-shadow: 0 3px 10px rgba(5,66,99,.15);
}

}


/*===== TEAM AREA START  ======*/
.team_member{
    padding: 60px 0;
    position: relative;
}
.team_active{
    margin-top: 60px;
}



.single_bq {
position: absolute;
  top: 50px;
  left: 50px;
  width: 150px;
  height: 100px;
  background-color: #ff0000;
}




.news_list_area{
	padding:20px 0;
	background-color:var(--huiscolor);
}

.news_bottom{
	padding-bottom:10px;
}
.single_team {
position: relative;

    margin-bottom: 20px;
}

.news_index_image{
	height:250px;
	overflow:hidden;
}

.news_index_tj{
	background-color:#fff;
	border-radius:8px;
	height:405px;
}
.news_index_image img{
	
	width:100%;
object-fit: cover;
}

.news_index_text{
	padding: 0 20px 0 0;
    
}

.news_index_text p{
	padding-top:10px;
	padding-left:20px;
}

.news_index_text p:nth-child(3){
	
	padding:0 20px;
	padding-bottom:10px;
}

.news_index_text h4{
	padding:10px 20px;
}
.news_index_tj:hover p,.news_index_tj:hover h4{

	color:white;
}
.news_index_tj:hover img{
	transform:scale(1.1);
}


.news_index_tj:hover{
	background-color:var(--cpcolor);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}


.news-conts img{
	width:100%
	height:auto;
}

.xiahuaxian{
text-decoration:underline;;
}

.single_team_news{
	display: flex;
    margin-bottom: 20px;
	background:#fff;
	border-bottom: 1px solid #ececec;
}

.news_content_bg_color_case{
	float:right;
	width:65%;
}



.single_team_news img {
    position: relative;
    width: 100%;
    height: 100%;
}

.team_member_news{
    padding: 60px 0;
}

/***鼠标滑过背景和字体变色  边框阴影***/

.single_team_news:hover h4{
	color:var(--cpcolor);
}
.single_team_news:hover img{
	transform:scale(1.1);
}
.single_team_news:hover{
	color:var(--cpcolor);
	
}

.newsmore {
	float:right;
	height:60px;
	margin-top: 10px;
	margin-right:30px;
}
.newsmore span{
	padding:3px 8px;
	
}

.single_team_news:hover .newsmore span{
	background:var(--cpcolor);
	color:white;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
	border-radius:5px;
}




.single_img_news{
	float:left;
	width:35%;
}
.single_pic{
	width:90%;
	height:250px;
	overflow: hidden;
}

.single_img_news img{
	width:100%;
	height: 100%;
	object-fit: cover;
}

@media screen and (max-width: 1400px) {
	.mnewsyc{
		display:none;
	}

}



.single_jpg_case{
position: relative; background-color: lightgray;
overflow:hidden;
}

.single_text_case{
position: absolute; 
z-index: 2;
border-top-left-radius: 0;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
right:8%; 
top: 59%;
width: 20%; 
height: auto; 
background-color:var(--cpcolor);
font-size:18px;

}
.single_text_case span i{
color:#fff;
margin-left:30%;
padding: 10px 5px;
}







.video_play{
display:none;
position: absolute; 
z-index: 2;

right:40%; 
top: 30%;
width:65px; 
height:65px; 
border-radius:50%;
background-color:var(--cpcolor);

}
.video_play span{

color:#fff;
display: flex; /* 使用Flexbox布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}
.video_play i{
	font-size:40px;
}

.cases_image{
	overflow:hidden;
}

.cases_image img{
	width:100%;
	height:auto;
	object-fit: cover;
}

.case_content_bg_color_case{
	height:auto;
}

.case_content_bg_color_case p{

	background:#f5f5f5;
}
.case_content_bg_color_case h4{

	height:75px;
	overflow:hidden;
	font-size:20px;
}


.news_content_bg_color_case h4{
	padding:20px 10px 10px 10px;
}

.news_content_bg_color_case p{
	padding:10px 5px 10px 10px;
}


.page-num-current{
	color:white;
	background:var(--cpcolor);
}



.caseslistbs{
	border-radius:5px;
}

.caseslistbs:hover span{
	color:rgb(255,255,255,0.8);
}

.caseslistbs:hover .video_play{
	display:block;
	width:65px; 
	height:65px; 
	background:rgb(0,0,0,0.5);
}
.caseslistbs:hover p{
	color:white;
	background:var(--cpcolor);
}

.caseslistbs:hover h4,.caseslistbs:hover p{
	color:white;
}

.caseslistbs:hover img{
	transform: scale(1.2);
}

.caseslistbs:hover{
	border-radius:5px;
	background-color:var(--cpcolor);
}
.caseslistbs:active .video_play{
	display:block;
	width:60px; 
	height:60px; 
	background:rgb(0,0,0,0.5);
}



@media screen and (max-width: 1288px) {

.single_text_case{
top: 48%;

}
}

@media screen and (max-width: 1000px) {
.news_index_tj{
	height:auto;
}
.news-conts p img{
	width:100%;
}
.news_index_tj{
	height:auto;
}

.single_team_news{
	display: flex;
	flex-direction: column;
	
}
.single_pic{
	width:100%;
}
	.single_img_news{
	width:100%;
	overflow:hidden;
}

.single_text_case{
top: 57%;
}
.single_text_case span{
color:#fff;
text-align:center;
}


.case_content_bg_color_case p,.case_content_bg_color_case p b{
	font-size:14px;
	height:23px;
	overflow:hidden;
	
}
.case_content_bg_color_case h4{


	overflow:hidden;
	font-size:16px;
}

}
@media screen and (max-width: 768px) {

.single_text_case{
top: 42%;

}
.single_text_case span i{
margin-left:20%;
}
}


@media screen and (max-width: 1000px) {


.single_team_news{
	display: flex;
	width:100%;
    margin-bottom: 20px;
}

.news_content_bg_color_case{

	width:100%;
}

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



.news_content_bg_color_case p{
	display:none;
}
 

}




/* team text */
.team_text {
    position: absolute;
    background: var(--whitec);
    bottom: 12%;
    padding: 15px 40px 13px;
}
/* icon hover */
.inner_img_area:hover .inner_icon{
    left: 40px;
}
.inner_icon {
    position: absolute;
    left: -180px;
    top: 50%;
    transition: .5s;
}
.inner_icon a {
    border: 1px solid var(--whitec);
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    transition: .5s;
    display: inline-block;
    margin-right: 10px;
}
.inner_icon a:hover{
    background-color: var(--bgcolor);
}
/* inner team */
.inner_team {
    margin-top: 330px;
}
.in_text {
    position: relative;
    bottom: 117px;
    display: inline-block;
}
.in_te_ac {
    margin-top: -70px;
}

/*===== TEAM AREA END  ======*/

/*======== FAQ AREA start  ==========*/
.faq_area {
    padding: 40px 0 50px;
    position: relative;
}

.faq_shap img {
    position: absolute;
    top: -471px;
    z-index: 1;
    background-position: center;
}
.kd_border{
    width: 90%;
}
.fbody_shap img {
    position: absolute;
    right: 25%;
    top: -14%;
    animation: title_shap 2s linear infinite;
}
@keyframes title_shap{
    0% {
        transform: translateX(0px);
    }
    100% {
        transform: translateX(45px);
    }
}
/* inner faq accrodion item css */
.accordion-button{
    color: #222429;
    font-size: 18px;
    font-weight: 600;
}
.accordion-body {
    padding: 1rem 1.25rem;

}
.accordion-item {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F1F1F1;
    margin-bottom: 15px;
}
/* inner faq */
.inner_faq {
    padding: 260px 0 140px;
}
.card_active {
    margin-top: 60px;
}
.active .witr_style{
    background-color: var(--bgcolor);
}
.faq_text{
    width: 90%;
}
.faq_text h4{
    font-size: 16px;
    color: var(--bgcolor);
}
.faq_text h2{
    font-size: 35px;
}
/*======== FAQ AREA end  ==========*/



/*===== END BLOG area  ======*/

/* single blog css */
.yblog_left{
    padding: 60px 0;
}
.single_comment_title{
    margin: 35px 0 55px;
}
.single_comment_title h3{
    font-size: 20px;
}
.yblog_left_text_sub span{
    color: var(--titlecolor);
    margin-right: 10px;
}
.yblog_left_text_sub span i{
    color: var(--bgcolor);
}
.single_post_comment_area input {
    width: 47%;
    outline: none;
    height: 45px;
    padding: 0 20px;
    border: 1px solid #eee;
	background: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
}
.single_post_comment_area input::placeholder{
    color: #999999;
}
/* inner single post checkbox css */
.inner_single_post_checkbox {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
.inner_single_post_checkbox input {
    height: 15px;
    width: 12px;
    margin-right: 6px;
    background: transparent;
}
.single_post_comment_area textarea {
    width: 100%;
    padding: 10px 20px;
    height: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
    outline: none;
    border: 1px solid #eee;
    background: #fff;
}
.single_post_comment_area textarea::placeholder{
    color: #999999;
}
.single_post_comment_area button {
    display: inline-block;
    text-align: center;
    padding: 12px 30px;
    margin-top: 5px;
    border-radius: 5px;
    background-color: var(--bgcolor);
    color: var(--whitec);
    border: none;
    outline: none;
    font-weight: 500;
    transition: .6s;
}
.single_post_comment_area button:hover{
    background-color: var(--bgcolor);
}
.inner_single_page_content_area p iframe{
    width: 100%;
    height: 480px;
}
.yblog_left_sub {
    padding: 10px;
}
.yblog_left_inner_content{
    margin: 10px 0
}
/*======== single blog page area end  ==========*/


/* golobal slick defult arrow css */
.slick-prev ,
.slick-next{
    position: absolute;
    top: 85%;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 100px;
    text-align: center;
    background:none;
    z-index: 9999;
    outline: none;
    border: none;
    font-size: 0;
    transform: translateY(-50%);
    transition: 1s;
    z-index: 1;
    background-color: var(--cpcolor);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    opacity: 1;
    visibility: visible;
}
.slick-prev{
    left: 45%;
}
.slick-next{
    right: 42%;
}
.slick-prev::before , .slick-next::before{
    content: "\e6e8";
    font-family: IconFont;
    font-size: 50px;
    font-weight: 700;
    color: var(--whitec);
    transition: 1s;
    margin-left: -10px;
	
}
 .slick-next::before{
    content: "\e6ed";
}
 .slick-prev:hover, .slick-next:hover{
    background-color: red;
    color: var(--whitec);
}


/*======== portfolio area start  ==========*/
.portfolio_area {
    margin: 10px;
}
/* portfolio 2 css */
.portfolio_2{
    margin-bottom: 30px;
}
.portfolio_title h2{
    font-size: 18px;
    color: var(--brcolor);
}
.section_title_area  h4{
    font-size: 14px;
    color: var(--bgcolor);
}
.section_title_area h2 {
    font-size: 35px;
    margin: 0 0 30px;
}
.portfolio_title h3{
    font-size: 48px;
}
.portfolio_title p {
    width: 64%;
    margin: 0 auto;
}
/* portfolio 2 sub content css */
.portfolio_2_subc {
    padding: 0px 0 5px 15px;
}
.portfolio_2_subc h2 a{
    font-size: 24px;
    transition: .5s;
    color: var(--brcolor);
}
.portfolio_2_subc h2 a:hover{
    color: var(--bgcolor);
}
.portfolio_nav_all {
    padding: 0 0 30px;
}
/* portfolio nav css */
.portfolio_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.portfolio_nav ul li{
    display: inline-block;
    border: 1px solid #f3eaea;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    margin: 0 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: .5s;
}
.portfolio_nav ul li.current_menu_item{
    background-color: var(--bgcolor);
    color: var(--whitec);
}


.portfolio_nav ul li:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
/* portfolio items css */
.portfolio_img_area{
    position: relative;
    overflow: hidden;
}


.portfolio_img_area img {
    position: relative;
    width: 100%;
    height: 100%;
}
.portfolio_img_area2 a{
	font-weight:600;
	margin-left:10px;
}
.portfolio_img_area2 a:hover{
	color:var(--bscolor);
}
.portfolio_pic{
	width:100%;
	height:auto;
	transition:transform 0.8s ease;
}
.portfolio_img_area:hover .portfolio_pic {

	
	background-color:var(--huiscolor);
	transform:scale(1.1);
	transition: background-color 0.1s, color 0.1s;
	transition: transform 1s;

}
.portfolio_img_area2 p{
	overflow:hidden;
	text-align:center;
	height:25px;
}
.portfolio_img_area2 p:hover{
	
	color:white;
	background-color:var(--cpcolor);
}

.portfolio_img_area:hover+ .portfolio_img_area2 p{
	color:white;
	background-color:var(--cpcolor);
	
}





.portfolio_overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(222 169 26 / 40%);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.inner_portfolio_items:hover .portfolio_overlay{
    opacity: 1;
    visibility: visible;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(233 51 20 / 64%);
    text-align: center;
}
.overlay >a{
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 5px;
    text-align: center;
    color: var(--whitec);
    margin-right: 6px;
    transition: .5s;
    margin-top: 15%;
    border-radius: 5px;
    background-color: var(--bgcolor);
}
.overlay a:hover{
    background-color: var(--titlecolor);
    color: var(--whitec);
}
.overlay >a >i{
    font-size: 22px;
}
.overlay h2{
    margin: 0;
}
.overlay h2 a{
    width: 100%;
    margin-top: 10px;
    display: inline-block;
    color: var(--whitec);
    transition: .5s;
    font-size: 24px;
}
.overlay h2 a:hover{
    background: none;
    color: var(--bgcolor);
}
.overlay p{
    color: var(--whitec);
}


.inner_portfolio_items:hover{
    opacity: 1;
    visibility: visible;
}


/* portfolio content css */
.portfolio_overlay_cont {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: all 0.3s ease-in-out 0.3s;
    opacity: 0;
    visibility: hidden;
}
.portfolio_overlay_cont >a{
    display: inline-block;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 5px;
    text-align: center;
    background: none;
    color: var(--whitec);
}
.portfolio_overlay_cont >a:hover{
    background: var(--bgcolor);
    color: var(--whitec);
}
.portfolio_overlay_cont >a i{
    font-size: 25px;
}
.portfolio_overlay_cont h2{
    margin: 0;
}
.portfolio_overlay_cont h2 a {
    margin-top: 10px;
    display: inline-block;
    font-size: 24px;
    color: var(--whitec);
    transition: .5s;
}
.portfolio_overlay_cont h2 a:hover{
    color: var(--bgcolor);
}
.portfolio_overlay_cont p{
    color: var(--whitec);
}
.inner_portfolio_items:hover .portfolio_overlay_cont{
    top: 50%;
    opacity: 1;
    visibility: visible;
}
/* portfolio lower nav area css */
.portfolio_lo_nav_area{
    padding: 40px 0 0;
}
.inner_portfolio_lower_nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.inner_portfolio_lower_nav ul li{
    display: inline-block;
}
.inner_portfolio_lower_nav ul li a{
    display: inline-block;
    border-radius: 5px;
    font-size: 19px;
    line-height: 1;
    margin: 0 5px;
    padding: 15px 24px;
    box-shadow: 0 10px 40px 0 rgba(50,65,141,.12);
}
.inner_portfolio_lower_nav ul li a.current{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_portfolio_lower_nav ul li a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_portfolio_lower_nav ul li a i{
    font-size: 22px;
    font-weight: bold;
    color: var(--titlecolor);
}
.inner_portfolio_lower_nav ul li a i:hover{
    color: var(--whitec);
}
/* portfoli4 */

.single_protfolio {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.prot_thumb {} .prot_thumb img {
    display: block;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    width: 100%;
}
.single_protfolio:hover .prot_thumb img {
    transform: scale(1.1);
}
.prot_content {
    position: absolute;
    text-align: center;    
    transition: .5s;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 9;
}
.multi_gallery.prot_content {
    height: 90%;
    width: 80%;
    right: 10%;
    top: 5%;
    bottom: 5%;
    left: 10%;
}
/*======== portfolio area end  ==========*/

/*======== project information area start  ==========*/
.project_information_area{
    padding: 100px 0
}
.inner_project_information_img img{
    width: 100%;
}
/* inner project right content css */

.inner_project_right_content ul li {
    list-style: none;
    padding-top: 10px;
}
.inner_project_right_content h2{
    font-size: 22px;
    margin: 10px 30px  25px;
    color: #232323;
}
.inner_project_right_content p span{
    font-size: 18px;
    color: #666666;
    font-weight: 700;
}
/* inner project infomation icons css */
.inner_project_in_icon a{
    width: 48px;
    height: 48px;
    border: 1px solid #dddddd;
    display: inline-block;
    line-height: 46px;
    text-align: center;
    border-radius: 30px;
    background-color: var(--whitec);
    font-size: 20px;
    margin-right: 4px;
}
.inner_project_in_icon a i{
    color: var(--titlecolor);
}
.inner_project_in_icon>a:hover{
    background-color: var(--bgcolor);
    color: var(--whitec);
}
.inner_project_in_icon {
    margin-left: 30px;
}
.pd30{
    margin-bottom: 20px;
}
.inner_project_right_content p{
    color: #666666;
    font-size: 16px;
}
/* inner project text area css */
.inner_project_text_area {
    margin-top: 25px;
}
.inner_project_text_area h2{
    font-size: 22px;
    color: #232323;
    margin: -10px  0 25px;
}
.inner_project_information_descrip {
    margin-bottom: 8px;
}
.inner_project_information_descrip h4{
    font-size: 16px;
    color: #666666;
}
.inner_project_information_descrip p{
    margin: 0;
    color: #666666;
}
/* inner project information description css */
.inner_project_infor_list{
    margin-bottom: 15px;
    padding: 0;
    list-style: none;
}
.inner_project_infor_list li{
    margin-bottom: 5px;
}
/*======== project information area end  ==========*/

/*======== blog left area start  ==========*/
.kdblog_left {
    padding: 10px 0 70px;
}
.inner_yblog_form {
    margin-bottom: 30px;
    padding: 35px 30px;
    border-radius: 8px;
    box-shadow: 0 0 30px rgb(0 0 0 / 7%);
}
.inner_yblog_form input {
    width: 80%;
    outline: none;
    height: 55px;
    border: 1px solid var(--textcolor);
    margin-left: -15px;
    padding-left: 20px;
}
.inner_yblog_form button {
    display: inline-block;
    border: none;
    outline: none;
    padding: 16px 20px;
    margin-left: -5px;
    background-color: var(--bgcolor);
}
.inner_yblog_form button:hover{
    background-color: var(--titlecolor);
}
.inner_yblog_form button i{
    font-size: 18px;
    color: var(--whitec);
}

.right_gd {

	position:fixed;
	z-index:999999;
}


/* inner left title css */
.inner_blog_content.yblog_left_sub {
    padding: 25px 15px 30px;
}
/* single page */
.single_page_item{
    padding: 25px 0 30px !important;
}
.single_page_item h5{
    color: var(--titlecolor);
}
.single_psingle_page_itemage p{
    color: var(--btntlecolor);
}
.troub_prev_next_dsing {
    align-items: center;
    border-top: 1px solid 
    #dddddd;
    display: flex;
    justify-content: space-between;
    padding: 20px 0 25px;
    margin: 30px 0;
    border-bottom: 1px solid 
    #dddddd;
}
.prevspost span, .nextspost span {
    display: block;
    font-size: 16px;
    color: #999;
    transition: .5s;
}
.prevspost a:hover{
    color: var(--bgcolor);
}
/* single page */

/* comment page */
.pocket_com_title {
    border-bottom: 1px solid #f7f7f7;
    padding: 32px 0 20px;
    margin-bottom: 30px;
}
.pocket_com_title h5{
    font-size: 21px;
    color: var(--titlecolor);
}
.comment-form-cookies-consent {
    margin: 10px 0 !important;
}
/* comment page */
.single_input input {
    margin: 0 18px 0 0;
}
label {
    cursor: pointer;
    color: var(--btntlecolor);
}
/* contact page */
.single_input {
    display: flex;
}
.md_20 {
    margin-top: 20px;
}
.tcon_form .c_blue:hover{
    background-color: #0b5ed7;
}
/* contact page */
.inner_yblog_left_title {
    margin: 30px 0 30px;
    width: 100%;
    padding: 25px 15px 30px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
    position: relative;
}
.inner_yblog_left_title h2 {
    font-size: 22px;
    position: relative;
    margin-bottom: 20px;
    color: var(--titlecolor);
}
.inner_yblog_left_title h2::before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    bottom: -8px;
    width: 19%;
    border-bottom: 2px solid var(--bgcolor);
    border-radius: 50%;
}
.colite_blog a {
    border-bottom: 1px solid #ddd;
    margin: 10px 0 10px;
}
.bl_tti {
    margin-left: -152px;
}
.inner_yblog_left_title a {
    display: block;
    margin-top: 15px;
    font-size: 15px;
    font-weight: 400;
    color: var(--titlecolor);
}
.inner_yblog_left_title a.bottom{
    border-bottom: none;
}
.inner_yblog_left_title a:hover{
    color: var(--bgcolor);
}
/* innr blog left style 2 css*/
.inner_yblgo_left_style2 a {
    display: inline-block;
    font-weight: 700;
    font-size: 17px;
    color: #666666;
    transition: .5s;
}
/* item */
.recent_text {
    width: 62%;
}

.img_area a img{
    width: 30%;
    height: 100%;
}
.recent_text a {
    color: #17161a;
    font-size: 16px;
    font-weight: 400;
    width: 163%;
    transition: .5s;
}
.recent_text a:hover{
    color: var(--bgcolor);
}
.recent_text span {
    color: var(--btntlecolor);
    display: block;
}
.kd30 {
    margin-bottom: 30px;
    width: 100%;
}
/* item */
.t_month h5 {
    background: var(--bgcolor);
    padding: 15px;
    color: var(--whitec);
    font-size: 14px;
    text-align: center;
    width: 100%;
    margin: 0;
}
.bl_le_side_text a img{
    width: 30%;
    height: 100%;
}
.inner_blog_item{
    display: flex;
}
/* category */
.inner_yblog_left_title ul{
    margin: 0;
    padding: 0;
}
.inner_yblog_left_title ul li{
    list-style: none;
    border-bottom: 1px solid rgba(0,0,0,.12);
}
.inner_yblog_left_title ul li a{
    margin: 15px 30px;
    font-weight: 400;
    color: #454545;
}
.inner_yblog_left_title ul li:before {
    content: "\eaa0";
    font-family: IcoFont!important;
    font-size: 18px;
    left: 0;
    margin-left: 15px;
    position: absolute;
}
/* TABLE */
.bl_le_side_text h2{
    color: var(--titlecolor);
}
table, th, td{
    border: 1px solid #B3B3B3;
	text-align:center;
}
.ab_le {
    width: 20%;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid  var(--bgcolor);
}
.active_t{
    color: var(--whitec);
    background-color: var(--bgcolor);
}

.ycalender_inner h5 {
    background-color: var(--bgcolor);
    color: var(--whitec);
    padding: 14px 0 12px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    margin: 0;
}
.ycalender_inner {
    width: 100%;
}
.ycalender_inner th {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 16px;
    font-size: 15px;
    font-weight: 700;
}
.ycalender_inner td {
    text-align: center;
    border: 1px solid #dddddd;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
}
.calender_text a{
    color: #454545;
}
/*======== blog left area end  ==========*/

/*===========START CONTACT area  ======*/
contact_ditu {
width:100%;
    padding: 30px 30px;
    margin: 30px 30px;
	background-size: cover;
	background-position: center;
}


.cont_ditu{
position: relative;

}

.cont_ditu_a{
position: relative; 
background-color: lightgray;
}
.cont_ditu_a iframe{

width:100%;
height:580px; 
}
.cont_ditu_b{
position: absolute; 
z-index: 2; 
top: 30px; 
left: 30px;
width: 450px; 
height: 500px; 
background-color:white;
font-size:18px;

border-radius: 15px;
  border: 0px solid #b0b0b0;
  box-shadow: 0 3px 5px 0 #d5d3d4;
  
  
  display: flex; /* 使用Flexbox布局 */
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */

}
.cont_ditu_bb {
top: 20px; 
left: 20px;
width: 400px; 
height: 450px; 
}
.cont_ditu_b li{
margin-bottom: 10px;
}
.cont_ditu_b ul{
margin-left: 20px;margin-top:20px;display: flex;flex-direction: column;list-style-type: none;
}




.cont_ditu_cont{
position: relative;

}
.cont_ditu_di iframe{

width:100%;
height:580px; 
}

.cont_ditu_t{
position: absolute; 
z-index: 2; 

top: 60%; 
left: 20%;
width: 60%; 
height: auto; 
background-color:white;
font-size:18px;

border-radius: 15px;
  border: 0px solid #b0b0b0;
  box-shadow: 0 3px 5px 0 #d5d3d4;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
background-color: rgb(255,255,255,.4);
}
.cont_ditu_t H2{

padding-top:15px;
text-align:center;

}

.cont_ditu_t H2 a{
padding:8px 0;
color:red;

}
.cont_ditu_t H2 a:hover{
	padding:8px 0;
	color:black;

}

.cont_ditu_t p{
text-align:center;
padding-bottom:10px;
}




@media screen and (max-width: 1000px) {
  .cont_ditu{
 height:430px;
  }
  .cont_ditu_di iframe{
  height:680px;
}
 .cont_ditu_t{
 left: 10%;
width: 80%; 
} 
  
  .cont_ditu_a{
top:550px;
}
  
  .cont_ditu_b{
top: 10px; 
left: 0px;
width: 100%; 
height: 500px; 
background-color:white;
font-size:18px;

border-radius: 15px;
  border: 0px solid #b0b0b0;
  box-shadow: 0 3px 5px 0 #d5d3d4;

}

.cont_ditu_a iframe{

width:100%;
height:300px; 
}



}

/**   ditu liuyan****/

.case_dtly{
margin: 0 0;
    padding: 0 0 0 0;
    background-color: #efefef;

}


.cont_dt_ly {
display: flex;
height:600px;
width:100%;
}

.cont_dt_ly_dt{
flex: 1;
   height:100%;
   width:100%;
}
.cont_dt_ly_dt iframe{
left:0;
height:100%;
width:100%;
}

.cont_dt_ly_ly{
 flex: 1;
   height:100%;
   width:100%;
}

.cont_dt_ly_ly iframe{
height:100%;
width:100%;
}

.cont_dt_ly_ly h2{
margin-top:30px;
padding:30px 50px;
}

.cont_dt_ly_ly p{

padding:0 50px;
margin-bottom:-30px;
}
.cont_dt_ly_ly p a{
	color:var(--cpcolor);
}



.right-group{
	width:50%;
	box-sizing: border-box;
	padding:45px 40px 20px 30px;
	
	position: absolute;
	right:0;
	padding-left:80px;
}

.right-group .form-group{

	position: relative;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	padding-top:30px;
}
.right-group .form-group .input-group{
	position: relative;
	
	margin:0 0 35px 0;
}

.right-group .form-group .input-group.w100{
	width: 100%;
}
.right-group .form-group .input-group input,
.right-group .form-group .input-group textarea{
background-color: transparent;

	width: 90% !important;
	padding:15px 0;
	font-size: 14px;
	
	color: #666;
	border:0;
	border-bottom:1px solid #b4b4b4;
	outline: none;
	resize: none;
}
.right-group .form-group .input-group textarea{
	min-height: 60px;
}
.right-group .form-group .input-group span{
	position: absolute;
	left:0;
	padding:5px 0;
	font-size: 14px;
	color: #666;
	transition: 0.3s;
	pointer-events: none;
}

.right-group .form-group .input-group input:focus ~ span,
.right-group .form-group .input-group textarea:focus ~ span,
.right-group .form-group .input-group input:valid ~ span,
.right-group .form-group .input-group textarea:valid ~ span{
	transform:translateY(-20px);
	font-size: 12px;
	letter-spacing: 1px;
	color: #000;
}
.right-group .form-group .input-group button{
width:200px;
	cursor: pointer;
	background: var(--cpcolor);
	color: #fff;
	border:0;
	padding:10px 30px;
	font-size: 14px;
}
.right-group .form-group .input-group button:hover{
	background:#f55555;
}


.ft-ditu iframe{
	width:100%;
	height:530px;
}

.ft-ly h2{
	text-align:center;
	padding:20px;
}
.ft-ly p{
	padding:10px;
}

@media screen and (max-width: 1000px) {

.ft-ditu iframe{
	width:100%;
	height:530px;
}
.ft-ly{
	height:540px;
}

.right-group{
	padding:20px 20px;
}
.right-group .form-group{
padding-top:10px;
}

.all_content_bg_color p{
	display:none;
}
.all_content_bg_color h3{
	font-size:18px;
	
}
.all_content_bg_color{
padding:10px;
}
.single_img img{
height:auto;
width:100%;
}

.index_heer h4{
	font-size:16px;
}
.section_title p{
	font-size:18px;
}

}


/*===========START CONTACT area  ======*/

.contact_area {

    padding-top: 30px;
}
.single_contact{
    position: relative;
    background-size: cover;
    padding: 60px 35px 60px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 6%);
}
.single_contact_tittle input{
    width: 100%;
	color:red;
    background-color: var(--whitec);
}
.single_contact_tittle input[type="text"] {
	color:red;
}

.single_contact_tittle input.red-input {
  /**background-color: rgba(255, 255, 255, .8);**/
}
.single_contact_tittle textarea.red-input {
  /**background-color: rgba(255, 255, 255, .8);**/
}

.contact_middle_text{
    margin: 20px 0 40px;
}
.contact_middle_text h4{
    color: var(--bgcolor);
}
.contact_middle_text h2{
    font-size: 38px;
}
.contact_btn{
    text-align: center;
}
.apartment_area {
    padding: 128px 26px 0 63px;
    margin-top: -150px;
    margin-bottom: 50px;
}
.con_border {
    border: 1px solid var(--whitec);
    width: 74%;
    margin-left: auto;
    margin-right: auto;
}
.contact_btn .tcontant_btn{
    border-radius: 30px;
    transition: .5s;
}
.contact_btn .tcontant_btn:hover{
    color: var(--whitec);
    background-color: var(--titlecolor);
}
/* text box css */
.main_text_box {
    display: flex;
    text-align: center;
    justify-content: center;
    margin: 0 0 50px;
}
.text_box {
    margin: 0 50px;
}
.text_box i{
    font-size: 30px;
}
.text_box i, .text_box p{
    color: var(--whitec);
}
.contact_title{

    margin-top: 10px;
}
.contact_title h2{
padding:20px 0;
    color: #000;
}
  .contact_title span{

   color: var(--whitec);
  }

.con_button {
    text-align: center;
    padding-bottom: 100px;
}
.con_button button{
    border-radius: 30px;
    transition: .5s;
}
.con_button button:hover{
    background-color: var(--titlecolor);
}
.contact_icon a:hover{
    color: var(--bgcolor);
}
/* footer contact */
.single_p_inner_contact_form input {
    width: 100%;
    height: 45px;
    border-radius: 5px;
    outline: none;
    margin-bottom: 23px;
    padding: 0 20px;
    background: none;
}
.single_p_inner_contact_form textarea{
    background: none;
    height: 150px;
}
.single_contact_tittle_btn{
    text-align: center;
}
.single_contact_tittle_btn button {
    transition: .5s;
    border-radius: 9px;
	width:300px;
}
.single_contact_tittle_btn button:hover{
    background-color: red;
	width:300px;
}
/* single contact tittle btn */
.con_ifram iframe{
    width: 100%;
    height: 500px;
    border: 10px solid var(--bgcolor);
}


/*===== END CONTTACT AREA  ======*/

/*===== END CONTACT SERVICE ITEM AREA  ======*/
.service_item_all {
    padding: 20px 0;
}

.cont_lxbs{
	padding-top:20px;
}

.single_service_box{
    border-radius:5px;
    padding: 50px 30px 50px 30px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 1);
	transition-property: transform;/***返回原位过度时间下三句***/
  transition-duration: 1s;
  transform: translateY(0);
}


.single_service_box i{


    color: var(--whitec);
    background-color: #cdcdcd;
    font-size: 15px;
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    line-height: 30px;
    display: inline-block;
}

.single_service_box p{

padding: 5px 10px;
}

/***.single_service_box:hover h3,.single_service_box:hover p{
	color:white;
}
.single_service_box:hover i{
	color:var(--cpcolor);
	background-color: white;
}
.single_service_box:hover{
    background-color:var(--cpcolor);
	border-radius:5px;
	transform: translateY(-10px);
	transition: .9s;
}
****/

/***kefu css***/
#nav_service { font-family: "Microsoft sans serif","Arial","Microsoft YaHei","黑体","宋体",sans-serif; color:#333;font-size: 14px;margin-right:2px;}
#nav_service>ul>li>img { border:none; vertical-align: bottom;align-items: center;padding:20px;}
#nav_service>ul>li>a {text-decoration:none; color:#333;}
#nav_service>ul>li>a:hover { text-decoration:underline; }
#nav_service>ul{margin:0; padding:0; }
#nav_service>ul>li{margin:0; padding:0; list-style-type: none;align-items: center;}
#nav_service>ul>li>h4{margin:0; padding:0; list-style-type: none;}
#nav_service>ul>li>p{margin:0; padding:0; list-style-type: none;}
#nav_service{position: fixed;right: 0;height: 100%;width: 60px;top: 0;text-align: center;z-index: 999;}
#nav_service>ul{margin:auto 0;position: absolute;top:50%;margin-top:-157.5px;box-shadow: -1px 0px 10px #ccc;}
#nav_service>ul>li:first-child{height:60px;}

#nav_service>ul>li a:hover{text-decoration:none;}
#nav_service>ul>li{width: 60px;height: 46px;border-top: 1px solid #eee;line-height: 60px;background-color:rgba(255,255,255,1);cursor: pointer;}
#nav_service>ul>li>i,#nav_service>ul>li>a>i{font-size: 24px;}
#nav_service>ul>li {padding: 5px 0;}
#nav_service>ul>li a{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; height: 100%; }
#nav_service>ul>li a img {display: block;}
#nav_service>ul>li a span {font-size: 12px; line-height: 20px;}
#nav_service .service_info_tel,#nav_service .service_info_email{position: absolute;padding:20px;width:300px;box-sizing: border-box;right: 59px;background-color: #fff;text-align: left;box-shadow: 2px 2px 10px 2px #ccc;top:68%;animation-duration: 0.5s;animation-name:nav-service-slide-left;display: none;}
#nav_service>ul>li:nth-child(3):hover .service_info_tel,#nav_service>ul>li:nth-child(4):hover .service_info_email,#nav_service .service_info_tel:hover,#nav_service .service_info_email:hover,#nav_service .service_info_book:hover{display: block;}

#nav_service .service_info_tel p,#nav_service .service_info_email p{font-size: 14px;line-height: 20px;}
#nav_service .service_info_tel h4,#nav_service .service_info_email h4{font-weight: bold;line-height: 20px;}
#nav_service .service_info_tel{margin-top:20px;top:31%;}
#nav_service .service_info_email{margin-top:20px;top:51%;}
#nav_service .service_info_book{margin-top:20px;top:11%;}

/* title */
.single_service_box h3 {
    padding: 15px 0 10px;
    font-size: 18px;
}
.single_google_map iframe {
    width: 100%;
    height: 500px;
    margin: 50px 0 -57px;
}
/*===== START CONTACT SERVICE ITEM AREA  ======*/

/*===========START FOOTER area  ======*/
.footer_area {
    background: #1c1c1c;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.footer_middle {
    padding: 50px 0 50px;
}

/* footer item */
.main_item {
	margin-top:40px;
    
}
.footer_item1 p {
    margin-top: 20px;

    color: var(--whitec);
}

.footrow{

	width:100%;
}

.mulufx{
	position:fixed;margin-top:80px;
	width:100%;height:130px;z-index:999;
	padding:50px 30px;
	text-align:left;
	margin-left:20px;
	
}
.mulufx p{
	padding:3px 0;
}
.mulufx img{
	padding:0 10px;
}

/* icon */
.footer_icon a {
    border: 0 solid var(--titlecolor);
    width: 40px;
    height: 40px;
    line-height: 40px;
	margin-top:5px;
    text-align: center;
    transition: .5s;
    display: inline-block;
    border-radius: 5px;
    margin-right: 10px;
    font-size: 14px;
}
.footer_icon a i{
    font-weight: 700;
    color: var(--whitec);
}

/* footer item 2 */
.widged h2 {
    color: var(--whitec);
	
    font-size: 18px;
    margin: 15px 0;
    position: relative;
}
.widged h2 span {
    font-size: 18px;
}

.h2_icon li{
	height:30px;
}


.accordion-item button:hover{
    color: var(--whitec);
    background-color: var(--bgcolor);
}
.un_border::before{
    content: "";
    position: absolute;
    width: 100px;
    border: 1px solid var(--bgcolor);
}
.widged a img {
    height: 100%;
    width: 100%;
    margin: 5px 0px 5px;
}
/* footer item 3 */
.widged ul li b span{
    font-size: 18px;
    font-weight: 600;
}
.widged ul {
    list-style: none;
    padding: 0;
    margin-top: 25px;
}

.widged ul li p i{
    margin-right: 10px;
}
.widged ul li a{
    font-size: 14px;
    font-weight: 500;
    transition: .5s;
    color: var(--whitec);
}
.widged  ul li p{
    color: var(--whitec);
}
.widged ul li a:hover{
    color: var(--bgcolor);
}






/* footer item 4 */

                                  
/* footer copy right */
/* FOOTER BORDER 1 */
.footer_border {
	padding-top:6px;
	padding-bottom:25px;
    background: #1c1c1c;
}
.copyright p{
    text-align: left;
    margin: 0;  
}
.copyright p a{
    color:#848484;
}
.foote_menu p{
	text-align: right;
    margin: 0;
    padding: 0;
	font-size:12px;
}
.foote_menu ul li{
    list-style: none;
    display: inline;
}
.foote_menu ul li a{
	
	font-size:14px;
    color: var(--huiscolor);
    margin-right: 10px;
}
/*=====END FOOTER area  ======*/


/*======== scroll top btn css  ==========*/
#scrollUp{
    position: fixed;
    bottom: 60px;
    font-size: 50px;
    height: 40px;
    line-height: 18px;
    right: 10px;
    text-align: center;
    border-radius: 5px;
    width: 40px;
    color: var(--whitec);
    background: rgba(255,0,0,0.5);
    display: none;
    cursor: pointer;
    z-index: 1;
}


.pcyinc{
	display:none;
	}	

@media screen and (max-width: 1000px) {

.footer_item1 p {
    margin-top: 20px;
}

.hh_center H2{
	padding-top:20px;
}

.apartment_area {
    padding: 128px 26px 0 63px;
    margin-top: -170px;
    margin-bottom: 50px;
}
.pcyinc{
	display:block;
	padding:0;
	}
.cont_dt_ly {
height:1200px;
display: flex; /* 使用flex布局 */
  flex-direction: column; /* 设置主轴为垂直方向 */
}
.in_product {
	padding:0 3px;
}

.mpadding3 {
	padding:0 3px;
}

.right-group{
	width:100%;
}

.yinc{
	display:none;
}

.news_sjyincang{
	display:none;
}



}