body{margin:0;padding:0;font-size:12px;line-height:18px;width:100%; color:#4c4c4c;}
html, body{height:100%;}
html,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,img{padding:0; margin:0;}
img{vertical-align:top; border:none;}
button,select,textarea{outline:none}
textarea{resize:none}
ul,li{list-style-type:none;}


input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* 针对Firefox */
input[type="number"] {
	-moz-appearance: textfield;
}
a{color:#808080;text-decoration:none;}
a:hover{color:#286eb4;text-decoration:underline; }
/*b,strong{font-weight:normal;}*/
cite,em,i{font-style:normal;}

.em2{text-indent:2em;}
.underline{text-decoration:underline;}
.lh24{line-height:24px;}
.textc{text-align:center;}


/*----颜色----*/
.green{color:#37a600;}
.orange{color:#f27100;}
.blue{color:#286eb4;}
.red{color:#e50000;}
.lightblue{color:#30bfa3;}
.color9{color:#999;}
.color6{color:#666;}
.color3{color:#333;}



/*----左右浮动----*/
.fl{float:left;}
.fr{float:right;}


/*----块状----*/
.inlineblock{display:inline-block;}
.block{display:block;}

/*----字体----*/
.yahei{font-family:Microsoft Yahei;}
.arial{font-family:Arial;}


/*----字体大小----*/
.font12{font-size:12px;}
.font14{font-size:14px;}
.font16{font-size:16px;}
.font18{font-size:18px;}
.font20{font-size:20px;}
.font21{font-size:21px;}
.font22{font-size:22px;}
.font23{font-size:23px;}
.font24{font-size:24px;}
.font28{font-size:28px;}


/*----字体加粗----*/
.bold{font-weight:bold;}


/*----字体位置----*/
.txt-c{text-align:center;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}

/*----2边距----*/
.mt2{margin-top:2px;}

/*----5边距----*/
.ml5{margin-left:5px;}
.mr5{margin-right:5px;}
.mt5{margin-top:5px;}
.mb5{margin-bottom:5px;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}
.pt5{padding-top:5px;}
.pb5{padding-bottom:5px;}


/*----10边距----*/
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.pl10{padding-left:10px;}
.pr10{padding-right:10px;}
.pt10{padding-top:10px;}
.pb10{padding-bottom:10px;}


/*----15边距----*/
.ml15{margin-left:15px;}
.mr15{margin-right:15px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}
.pl15{padding-left:15px;}
.pr15{padding-right:15px;}
.pt15{padding-top:15px;}
.pb15{padding-bottom:15px;}


/*----20边距----*/
.ml20{margin-left:20px;}
.mr20{margin-right:20px;}
.mt20{margin-top:20px;}
.mb20{margin-bottom:20px;}
.pl20{padding-left:20px;}
.pr20{padding-right:20px;}
.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}


/*----30边距----*/
.ml30{margin-left:30px;}
.mr30{margin-right:30px;}
.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}
.pl30{padding-left:30px;}
.pr30{padding-right:30px;}
.pt30{padding-top:30px;}
.pb30{padding-bottom:30px;}


/*----公用宽度----*/
.w1000 {
    width: 1100px;
    margin: 0 auto;
    /*overflow: hidden;*/
}



/*----公用头部----*/
.header:after,
.banner:after,
.com-title:after,
.list:after,
.home-gray:after,
.tel:after,
.telin:after,
.pro:after,
.case:after,
.footer:after,
.zy-banner:after
{clear:both;
content:".";
display:block;
font-size:0;
height:0;
line-height:0;
visibility:hidden;}


.header,
.banner,
.home-gray,
.tel,
.telin,
.pro,
.case{word-wrap:break-word; overflow:hidden;}

.com-title,
.list
{word-wrap:break-word;}


.com-title {
	position: relative;
	height: 47px;
	width: 1100px;
	margin: 0 auto 20px auto;
}

.com-title span{display:block;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);top:22px; height:45px; line-height:45px; float:left; font-size:38px; padding:0 20px;color:#333;}
.com-title span a{display:block; border-bottom:4px solid #ffa67f; height:45px; line-height:45px; float:left; font-size:24px; padding:0 5px;color:black;}
.com-title a{float:right; color:#0066cc; line-height:47px; font-size:14px;}
.contact-box {
	width: 1020px;
	margin: 20px auto;
	overflow: hidden;
	padding: 20px;
}

.border{border:1px solid #eee;margin-top:50px;}
.contact-box .company-numb {
	overflow: hidden;
	float: left;
}

.contact-box .company-numb li{/* float:left;width:33.3%; */text-align:left;line-height:33px;padding:10px 0;font-size:18px;color:#4c4c4c;}
.lxwm-icon-01,.lxwm-icon-02,.lxwm-icon-03{float:left;margin:3px 10px 0 0;width:25px;height:25px;background:url(../images/lxwm-icon.png) no-repeat;}
.lxwm-icon-01{background-position:0 0;background-size:80px auto;}
.lxwm-icon-02{background-position:-33px 0;background-size:80px auto;}
.lxwm-icon-03{background-position:-54px 0;background-size:80px auto;}
.contact-box dl{border:1px solid #eaeaea;float:right;width:492px;margin-bottom:30px;}
.contact-box dl:nth-child(2n+1){margin-right:30px;float:left;}
.contact-box dt{background:#eaeaea;height:40px;}
.contact-box dt h4{line-height:40px;position:relative;padding-left:40px;font-size:20px;font-weight:normal;}
.contact-box dt h4:before{content:"";position:absolute;left:10px;top:10px;z-index:99;width:20px;height:20px;border-radius:100%;background:#f5c0aa;}
.contact-box dt h4:after{content:"";position:absolute;left:14px;top:14px;z-index:100;width:12px;height:12px;border-radius:100%;background:#fa4b00;}
.contact-box dd{height:50px;padding:15px 0;}
.contact-box dd p{padding:5px 20px;font-size:14px;}
.list{ }

.w320{width:320px; float:left; margin-left:20px;}

.headfixed{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
}
.header {
	/*position: fixed;*/
	top: 0;
	left: 0;
	right: 0;
	background-color: #ffffff;
	height: 70px;
	z-index: 99;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15) ;
}
.header .flex{
	height: 100%;
}
.logo {
	width: 150px;
	height: 38px;
	display: block;
	/*background: url(../images/logo.png) no-repeat;*/
	margin: 10px 10px 0px 0;
}
.logo img{
	max-width:100%;
}
.header-r{float:right; margin:20px 0 0px 15px;position:relative;height:32px;line-height:32px;}
.header-r a{float:left; margin-left:20px; display:block; color:#fff; font-size:16px;line-height:32px;}
/*.header-customer{width:16px; height:16px; background:url(../images/header-icon.png) left -16px no-repeat;}*/
/*.header-enter{width:16px; height:16px; background:url(../images/header-icon.png) left top no-repeat;}*/
.header-phone{width:32px; height:32px; background:url(../images/phone-icon.png) left center no-repeat;background-size:28px auto;}
.weimg{display:none;position:absolute;z-index:99999;top:55px;right:45px;padding:10px;background:#fff;border:1px solid #ccc;box-shadow:1px 1px 5px #999;font-size:14px;text-align:center;}


.zy-banner{overflow:hidden;}
.centerbanner{ display:block; height:250px;}


.flex{
	display: flex;
}
.top_service{
	padding: 0 10px;
	/*float:left;*/
}
.top_service_title{
	font-size: 14px;
	margin-top: 10px;
}
.top_service_numb{
	font-size: 16px;
	background: #fff url("../images/website/icon_call_color.png") 6px center no-repeat;
	background-size: 20px auto;
	color: #e94812;
	padding: 0 10px 0 30px;
	border-radius: 3px;
	height: 36px;
	line-height: 36px;
}
.menu {
	flex: 1;
	/*float:left;*/
    /*width: 800px;*/
    /*background: #fff;*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 70px;*/
    /*padding: 0px 10px;*/
    /*z-index: 999;*/
    /*margin-left: -510px;*/
    /*text-align: center;*/
    /*box-shadow: 0 2px 3px rgba(0,0,0,.2);*/
}
.menu >ul{
	display: flex;
	justify-content: space-evenly;
}
.menu >ul>li {
	font-size: 18px;
	/*flex: 1 auto;*/
	line-height: 70px;
	text-align: center;
}

.menu >ul> li >a {
	text-align: center;
	color: #333;
	position: relative;
	cursor: pointer;
}

.menu ul.nav> li >a:hover, .menu ul li.menunow > a{
	color: #e94812;
	text-decoration: none;

}
.menu ul.nav> li >a:hover:after, .menu ul li.menunow > a:after{
	transform: scaleX(1);
}
.menu >ul> li >a:after{
	content: '';
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -50%;
	width: 100%;
	height: 3px;
	background: #e94812;
	transform: scaleX(0);
	transition: transform .2s ease-in-out;
}
/*.menu ul li:hover *{ color:#FFF;}*/
/*.menu ul li.pronow a{background:url(../images/menuico3.png) right 28px no-repeat; padding:0 34px 0 21px;}*/
/*.menu ul li.pronow a:hover,.menu ul li.menunow a.proico,.menu ul li.pronow:hover a{background:#fa4b00 url(../images/menuico2.png) right 28px no-repeat;}*/
.menu ul li.pronow {position:relative;}
.nav li ul.submenu {
	position: absolute;
	top: -880em;
	left: -60px;
	margin-top: 5px;
	padding: 10px;
	min-width: 115px;
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}


.nav li ul:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -6px;
	left:50%;
	margin-left: -3px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
}
/*.nav ul li {*/
/*	background: none;*/
/*	font-size: 16px;*/
/*}*/
.nav li ul.submenu a{
	color:#333;
	font-size: 15px;
}
.nav li ul.submenu a:hover {
	color:#e94812
}

.nav ul li a {
	background: none;
	padding:0 10px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	text-align: left;
	white-space: nowrap;
}
.nav ul li a>img{
	vertical-align: middle;
	margin-right: 3px;
}
	/*.menu ul li.pronow:hover ul li a{ background:none; padding:0 0 0 16px;}*/
/*.menu ul li.pronow:hover ul li a:hover{background:url(../images/menuhover.png);}*/
.nav li:hover {	visibility:inherit; /* fixes IE7 'sticky bug' */}
.nav li {position:relative;}

.nav li:hover ul,.nav li.sfHover ul {left:0;top:55px; /* match top ul list item height */z-index:99;}
ul.nav li:hover li ul,ul.nav li.sfHover li ul {	top:-999em;}
ul.nav li li:hover ul,ul.nav li li.sfHover ul {	left:150px; /* match ul width */top:0;}
ul.nav li li:hover li ul,ul.nav li li.sfHover li ul {top:-999em;}
ul.nav li li li:hover ul,ul.nav li li li.sfHover ul {	left:150px; /* match ul width */top:0;}
.hot{ position:absolute; top:10px; right:6px;}
.product-dropdown {
	background-color: #fff;
	/*filter: drop-shadow(0 6px 10px rgba(0, 0, 0, .16));*/
	/*display: flex;*/
	flex-direction: column;
	/*height: 410px;*/
	justify-content: space-between;
	left: 0;
	overflow: auto;
	position: fixed;
	top: 70px;
	width: 100%;
	transition: opacity .2s ease-in,height .2s ease-in;
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
	border-top: 1px solid #eee;
	opacity: 0;
	height: 0;
	z-index: -1;
}
#item_cpzx:hover .product-dropdown{
	opacity: 1;
	height: auto;
	z-index: 22;
	/*top:70px;*/
}
.product_m_wrap{
	display: flex;
	padding: 20px 0;
	flex-wrap: wrap;
	gap: 20px;
	line-height: 1;
}
.product_m_title{
	font-size: 18px;
	text-align: left;
	width: 100%;
	font-weight: 400;
	border-bottom: 1px solid #eee;
	height: 40px;
	line-height: 40px;
	margin-bottom: 5px;
}
.product_m_ {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	/*justify-content: space-between;*/

}
.product_m_item p{
	font-size: 12px;
	color: #909090;
}
.product_m_item h3{
	font-weight: 550;
	font-size: 18px;
	cursor: pointer;
	color: #393939;
}
.product_m_item:hover {
	color: #e94812;
}
.product_m_item:hover h3{
	color: #e94812;
	transition: color .2s ease-in;
}
.product_m_item:hover{
	background: #fdf7f7;
	transition: background .2s ease-in;
}
.product_m_item {
	width: calc(100%/3 - 30px);
	text-align: left;
	line-height: 1.5;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 10px;
	margin-right: 30px;
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}
.qr-codes_wrap .h4:after {
	content: "";
	display: block;
	width: 32px;
	margin: 12px auto 0;
	height: 4px;
	background-image: linear-gradient(45deg, #ffbd76, #fd845d);
}
.qr-codes_wrap .h4{
	font-size: 16px;
	width: 100%;
	font-weight: 550;
}
.qr-codes_wrap{
	background: #e94812;
	background-image: linear-gradient(115deg, #ff9776, #e94812);
	border-radius: 0 0 15px 15px;
	padding: 30px;
	color: #fff;
	text-align: center;
	margin-top: -20px;
	display: flex;
	flex-wrap: wrap;
	/*flex-direction: column;*/
	align-items: center;
	justify-content: center;
	gap: 20px;
	width: 280px;
	max-height: 220px;
}
.qr-codes .djiconfont{
	margin-right: 5px;
}
.qr-codes {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}
.qr-codes p {
	font-size: 12px;
}
.qr-codes img {
	width: 120px;
	height: 120px;
	border: 4px solid #fff;
	border-radius: 5px;
}
.qr-codes_con{
	border-radius: 10px;
	border: 5px solid #fff;
	border-bottom: 0;
}
/*.menu >ul> li .text {*/
/*	line-height: 70px;*/
/*	text-align: center;*/
/*	display: flex;*/
/*	align-items: center;*/
/*	justify-content: center;*/
/*	gap: 10px;*/
/*}*/
.icon-arrow-down {
	position: relative;
	width: 20px;
	height: 20px;
	display: none;
}
.icon-arrow-down::before {
	content: ' ';
	display: inline-block;
	height: 10px;
	width: 10px;
	border-width: 0 1px 1px 0;
	border-color: #ccc;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 3px;
}


.col-top {
	align-items: flex-start;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex {
	align-items: center;
	display: flex;
	flex-direction: row;
}
.m-t-10 {
	margin-top: 10px;
}
.product-dropdown .dropdown-menu {
	width: 1000px;
	margin: 20px auto;
}
.button a.b:hover .showD{
	display: block;
}
.product-item .product-info .showD img{
	box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
	border: 1px solid #eee;
}
.product-item .product-info .showD{
	display: none;
	right: 0;
	top:100%;
	z-index: 10;
	width: 150px;
}
.product-item .product-info{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 10px;
}
.product-item span{
	font-size: 14px;
	color: #8b8b8b;
}
.product-item h3::before {
	content: ' ';
	display: inline-block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 2px;
	height: 8px;
	width: 8px;
	border-width: 1px 1px 0 0;
	border-color: #333;
	border-style: solid;
	-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
	transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.product-item h3{
	position: relative;
	font-size: 18px;
	font-weight: 400;
	padding-right: 15px;
}
.product-item .button{
	display: flex;
	gap: 10px;
	position: relative;
}
.button a{
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 12px;
}
.button a.a{
	border: 1px solid #ccc;
	color: #666;
}

.button a.b{
	background: #e94812;
	color: #fff;
	position: relative;
}
.product-item{
	gap: 20px;
}
.product-item >a{
	display: inline-flex;
	width: 106px;
	height: 86px;
	/*border-radius: 8px;*/
	/*background: #e94812;*/
	align-items: center;
	justify-content: center;
	/*font-size: 16px;*/
	/*color: #fff;*/
}
.product-item >a img{
	width: 106px;
	height: 86px;
}
.product-dropdown .dropdown-menu .product-item {
	padding: 10px;
	width: 50%;
	box-sizing: border-box;
}



.home-news{width:320px; overflow:hidden;}
.home-news-t{width:290px; float:left; border-bottom:1px dashed #ccc; padding:13px 5px;}
.home-news-tpic{width:146px; height:86px; float:left; border:1px solid #d9d9d9; padding:1px;}
.home-news-tpic img{width:146px; height:86px;}
.home-news-tfont{width:130px; height:90px; float:left; padding-left:10px;}
.home-news-b{width:320px; float:left; padding:10px 0 0 0;}
.home-news-b ul li{width:320px; float:left; display:block; font-size:14px; height:30px; line-height:30px;}
.home-news-b ul li span.title{ display:inline-block; float:left; width:54px; text-align:center;}
.news-listicon{width:4px; height:16px; float:left; display:inline-block; background:url(../images/news-listicon.png) no-repeat; margin-right:10px;}
.home-news-bfont{width:266px; float:left; display:inline-block;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


.home-pro{width:310px; overflow:hidden; padding:0 5px;}


.home-pro-list1,.home-pro-list2,.home-pro-list3,.home-pro-list4{width:310px; float:left; margin-top:15px; height:50px; background:#f2f2f2;}
.home-pro-listl1 span,
.home-pro-listl2 span,
.home-pro-listl3 span,
.home-pro-listl4 span
{width:5px; height:9px; display:block; position:absolute; right:-5px; top:6px;}


.home-pro-listl1{width:180px;float:left;height:50px; line-height:50px; background:#30b0f1; text-align:center; position:relative; font-size:18px; color:#fff;}
.home-pro-listl2{width:180px;float:left;height:50px; line-height:50px; background:#ffb725; text-align:center; position:relative; font-size:18px; color:#fff;}
.home-pro-listl3{width:180px;float:left;height:50px; line-height:50px; background:#5abe26; text-align:center; position:relative; font-size:18px; color:#fff;}
.home-pro-listl4{width:180px;float:left;height:50px; line-height:50px; background:#ff7033; text-align:center; position:relative; font-size:18px; color:#fff;}




.arrow-1{width:5px; height:9px; display:block; background:url(../images/arrow.png) left top no-repeat;}
.arrow-2{width:5px; height:9px; display:block; background:url(../images/arrow.png) left -9px no-repeat;}
.arrow-3{width:5px; height:9px; display:block; background:url(../images/arrow.png) left -18px no-repeat;}
.arrow-4{width:5px; height:9px; display:block; background:url(../images/arrow.png) left -27px no-repeat;}

.pc-1{width:26px; height:26px; display:inline-block; background:url(../images/pc-icon.png) left top no-repeat;}
.pc-2{width:26px; height:26px; display:inline-block; background:url(../images/pc-icon.png) -26px top no-repeat;}
.pc-3{width:26px; height:26px; display:inline-block; background:url(../images/pc-icon.png) -52px top no-repeat;}
.pc-4{width:26px; height:26px; display:inline-block; background:url(../images/pc-icon.png) -78px top no-repeat;}

.home-pro-listr{width:130px; float:left; height:50px; line-height:50px;}
.home-pro-listr span{width:26px; height:26px; display:inline-block; float:left; margin:12px 5px 0px 11px;}
.home-pro-listr a{color:#333; font-size:18px;}


.b2b{width:310px; float:left; padding:0 5px;}
.b2b a{width:276px; float:left; height:46px; line-height:46px; border:2px dashed #f2f2f2; margin-top:15px; background:#f2f2f2; padding:0 15px;}
.b2b a:hover{width:276px; float:left; height:46px; line-height:46px; border:2px dashed #ffa67f; background:#f2f2f2;}
.b2b-logo{width:32px; height:32px; float:left; margin:5px 14px 0px 0px; border:2px solid #ff4800; border-radius:32px;}
.b2b-logo img{width:32px; height:32px; border-radius:32px;}
.b2b-font{width:226px; height:46px; line-height:46px; float:left; font-size:18px;}


.home-gray{background:#f7f7f7; padding:20px 0px;}

.gray-intro{width:470px; float:left; margin-left:20px; padding:10px; background:#fff;min-height:212px}
.gray-introimg{width:237px; height:145px; float:left; padding:15px 10px 0 0; overflow:hidden;}

.gray-introfont{width:223px; float:left; font-size:14px; padding:14px 0 0 0;}

.gray-introfont ul li{ background:url(../images/news-listicon.png) 0 5px no-repeat; width:200px; float:left; font-size:14px; height:24px; line-height:24px; display:block; color:#808080; padding:0 0 0 14px; overflow:hidden;}
.gray-introfont ul li a{width:209px; float:left;  height:16px; display:inline-block; line-height:16px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.gray-bigintro{width:980px; overflow:hidden; background:#fff; padding:10px;}
.gray-bigintro-title{width:980px; float:left; font-size:28px; height:30px; text-align:center; padding:15px 0px;}
.gray-bigintro-box{width:790px; float:left; padding:0 95px;}
.gray-bigintro-boxl{width:484px; float:left; margin-right:10px;}
.gray-bigintro-boxr{width:280px; float:left; font-size:14px; line-height:24px; padding:18px 0 0 16px;}

.gray-bigintro-boxr ul li{ background:url(../images/news-listicon.png) 0 6px no-repeat; width:266px; float:left; font-size:14px; height:25px; line-height:25px; display:block; color:#808080; padding:0 0 0 14px;}


.gray-arrowl{width:55px; height:54px; background:url(../images/arrow01.png) no-repeat; display:block; position:absolute; left:173px; top:210px;}
.gray-arrowr{width:55px; height:54px; background:url(../images/arrow02.png) no-repeat; display:block; position:absolute; right:173px; top:210px;}


.tel{}
.telin{font-size:16px;}

.tel-list{width:330px; float:left; height:100px; background:#f7f7f7; margin-left:5px;}

.tel-icon{width:105px; height:100px; float:left;}

.tel-1{width:105px; height:100px; background:url(../images/tel-icon.png) left top no-repeat; float:left;}
.tel-2{width:105px; height:100px; background:url(../images/tel-icon.png) left -200px no-repeat; float:left;}
.tel-3{width:105px; height:100px; background:url(../images/tel-icon.png) left -100px no-repeat; float:left;}
.tel-4{width:105px; height:100px; background:url(../images/tel-icon.png) left -300px no-repeat; float:left;}
.tel-5{width:105px; height:100px; background:url(../images/tel-icon.png) left -400px no-repeat; float:left;}
.tel-6{width:105px; height:100px; background:url(../images/tel-icon.png) left -500px no-repeat; float:left;}

.tel-font{width:195px; height:70px; float:left; padding:15px; line-height:22px;}
.tel-font p{width:195px;float:left; display:block;}

.pro{width:1000px; overflow:hidden;}

.pro-l{width:590px; float:left; margin-left:-10px;}
.pro-lin{width:590px; float:left;}

.pro-l-list{width:285px; height:50px; float:left; margin:0 0px 10px 10px; background:#f7f7f7;}
.pro-l-font{width:225px; height:50px; float:left; padding-left:5px; line-height:50px; font-size:18px; line-height:50px;}

.pro-r{width:400px; float:left; margin-left:20px;}

.pro-1{width:55px; height:50px; background:url(../images/pro-icon.png) left top no-repeat; float:left;}
.pro-2{width:55px; height:50px; background:url(../images/pro-icon.png) left -50px no-repeat; float:left;}
.pro-3{width:55px; height:50px; background:url(../images/pro-icon.png) left -100px no-repeat; float:left;}
.pro-4{width:55px; height:50px; background:url(../images/pro-icon.png) left -150px no-repeat; float:left;}
.pro-5{width:55px; height:50px; background:url(../images/pro-icon.png) left -200px no-repeat; float:left;}
.pro-6{width:55px; height:50px; background:url(../images/pro-icon.png) left -250px no-repeat; float:left;}


.pro-r{width:400px; float:left; margin-left:11px;}

.pro-r-list{width:400px; height:100px; float:left; background:#f7f7f7; margin-bottom:10px;}
.pro-r-listl{width:105px; height:100px; float:left; background:url(../images/pro-rbg.png) no-repeat;}
.pro-r-listc{width:180px; height:80px; float:left; padding:10px 7px;}
.pro-r-listr{width:101px; height:100px; float:left;}

.case h1{margin-bottom:20px;}
.case{padding:30px 0 50px 0px; margin-left:-10px;background:#f5f5f5;}
.case-list{width:115px; height:69px; float:left; background:#f8f8f8; border-bottom:1px solid #ebebeb; overflow:hidden; position:static !important; position:relative; display:table !important; margin:0 0px 10px 10px;}
.case-list img{max-width:115px; max-height:69px; scale:expression((this.offsetWidth > this.offsetHeight)?(this.style.width = this.offsetWidth >= 115 ? "115px" : "auto"):(this.style.height = this.offsetHeight >=69 ? "69px" : "auto")); display:inline !important; margin-top:expression((( 69 - this.height ) / 2));}
#case-list01{/* for explorer only*/position:absolute;top:50%;}
#case-list01[id] {display:table-cell; vertical-align:middle; position:static;}
#case-list02{/* for explorer only */position:relative; width:135px; margin:0 auto;text-align:center;padding-left:10px;padding-right:10px;}




/*----关于鼎尖----*/
.w948{width:948px; margin:0 auto; overflow:hidden;}

.about-t:after,
.about-c:after,
.about-c-title:after,
.about-c-body:after,
.about-b:after,
.about-b-title:after,
.about-b-body:after,
.about-b-year:after,
.about-b-list:after,
.about-b-listin:after
{clear:both;
content:".";
display:block;
font-size:0;
height:0;
line-height:0;
visibility:hidden;}


.about-t,
.about-c,
.about-c-title,
.about-c-body,
.about-b,
.about-b-title,
.about-b-body,
.about-b-year
{word-wrap:break-word; overflow:hidden;}


.about-b-list,
.about-b-listin
{word-wrap:break-word;}

.about-t{}
.about-tl{width:758px; float:left; line-height:28px; font-size:14px;}
.about-tr{width:140px; float:left; margin-left:50px;}
.about-tr img{width:131px; height:131px; border:4px solid #ffa67f;}
.about-c{}
.about-c-title{height:30px; line-height:30px;}
.about-c-body{}
.about-c-body ul li{width:316px; float:left; display:block; text-align:center;}
.about-c-body .about-cpic{width:300px; height:150px; background:url(../images/about-c.png) left top no-repeat; margin-left:10px;}

/* .about-c-body .about-cpic img{width:121px; height:120px;} */

.about-c-body ul li p{width:250px; display:block; text-align:center; margin-top:15px; font-size:18px; line-height:24px;margin-left:33px}
.about-b{margin-bottom:40px;}
.about-b-title{height:30px; line-height:30px; margin:50px 0px 20px 0px;}
.about-b-body{}
.about-b-year{}
.about-b-year span{display:block; width:110px; height:46px; font-size:22px; color:#fff; text-align:center; line-height:40px; background:url(../images/about-b.png) left top no-repeat;}
.about-b-year span{display:block; width:110px; height:46px; font-size:22px; color:#fff; text-align:center; line-height:40px; background:url(../images/about-b.png) left top no-repeat;margin-top:10px}
.about-b-list{margin-left:54px; border-left:1px solid #ccc;}
.about-b-listin{padding-top:25px; line-height:30px;}
.about-b-month{width:85px; height:30px; line-height:30px; text-align:center; padding-left:15px; display:block; float:left; margin-left:-14px; background:url(../images/about-b.png) -1px -46px no-repeat; color:#fff; font-size:16px;}



/*----产品中心----*/
.zypro-t:after,
.zypro:after
{clear:both;
content:".";
display:block;
font-size:0;
height:0;
line-height:0;
visibility:hidden;}

.zypro-t,
.zypro
{word-wrap:break-word; overflow:hidden;}

.zypro-t{height:40px; margin:25px 0px 10px 0px; font-size:28px; line-height:40px; color:#808080;}
.zypro-t-icon{height:40px; width:40px; float:left; margin-right:10px;}
.zypro-t-icon img{height:40px; width:40px;}
.zypro{margin-bottom:60px;}
.zypro-l{width:193px; float:left; border-right:2px solid #e0e0e0;}
.zypro-lin{width:203px; float:left; margin-right:-10px;}
.zypro-lin ul li{width:203px; float:left; margin-bottom:2px;}
.zypro-lin ul li a{width:183px; float:left; height:45px; line-height:45px; text-align:center; font-size:18px; color:#808080; padding-right:20px; display:block; background:url(../images/pro-l.png) left -47px no-repeat;}
.zypro-lin ul li a:hover{width:183px; text-align:center; padding-right:20px; color:#fff; float:left; height:45px; display:block; background:url(../images/pro-l.png) left top no-repeat; text-decoration:none;}
.zypro-lin ul li.pro-lnow a{width:183px; text-align:center; color:#fff; padding-right:20px; float:left; height:45px; display:block; background:url(../images/pro-l.png) left top no-repeat;}
.zypro-r{width:765px; float:left; padding-left:40px; margin-left:-10px;}
.zypro-r-title{width:765px; float:left; line-height:28px; height:28px; font-size:18px; color:#fa4b00; margin-bottom:10px;}
.zypro-r-txt{width:765px; float:left; font-size:14px; line-height:24px; color:#808080;}
.zypro-r-box{width:795px; float:left; margin-left:-30px;}
.zypro-r-list{width:360px; float:left; margin:20px 0px 0px 30px;}
.zypro-r-listl{width:116px; height:116px; border:1px solid #dadada; padding:1px; border-radius:116px; float:left;}
.zypro-r-listl img{width:116px; height:116px; border-radius:116px;}
.zypro-r-listr{width:230px; float:left; margin-left:10px;}
.zypro-r-listr01{width:230px; float:left; font-size:18px;}
.zypro-r-listr02{width:230px; float:left; font-size:14px; line-height:22px; padding-top:10px;  color:#808080;}





/*----联系我们----*/
.contact-body{width:1000px; overflow:hidden; padding-top:20px;}
.contact-body p{width:1000px; float:left; font-size:15px; color:#4c4c4c; line-height:25px; padding-bottom:10px;}
.box-two{width:765px; float:left;}
.box-two p{width:765px; float:left; text-indent:2em; font-size:15px; color:#4c4c4c; line-height:25px; padding-bottom:10px;}
.xuxian{width:765px; height:5px; border-bottom:1px dashed #d9d9d9; float:left; margin:25px 0px 30px 0px;}



/*---成功案例---*/
.cgalbanner{height:900px;background:url(../images/website/cgalBanner.jpg) center no-repeat;background-size:cover;}
.zycase{width:1000px; height:200px; float:left; position:relative;}
.case-title{height:32px; width:1000px; font-size:22px; line-height:32px; color:#4c4c4c; position:absolute; left:0px; top:7px;}
.zycase-list{width:1000px; height:199px; background:url(../images/lj-bg01.png) no-repeat; position:absolute; left:0px; top:0px;}
.zycase-list .case-font{width:798px; height:94px; float:left; padding:65px 25px 40px 20px; line-height:24px; color:#333;}
.zycase-list .case-font p{text-indent:2em; font-size:14px;}
.zycase-list .case-img{width:141px; height:125px; padding:60px 0px 0px 16px; float:left;}

.custom-comment{
	padding:80px 0 50px 0;
	margin:0 auto;
	width:1120px;
	overflow:hidden;
}
.custom-comment li{
	float:left;
	padding:15px 20px 20px;
	position:relative;
	margin:30px 15px;
	width:300px;
	height:160px;
	background:#fff;
}
.custom-comment li h3{
	font-size:16px;
	font-weigh:bold;
}
.custom-comment li p{
	font-size:14px;
	color:#808080
}
.custom-comment .custom-photo{
	position:absolute;
	top:-30px;
	width:80px;
	height:80px;
	border-radius:100%;
}
.custom-comment .custom-content{
	padding-left:100px;
}
.custom-comment .comment-content{
	padding:20px 0;
	font-size:14px;
	color:#808080;
	line-height:22px;
}
/*---新闻列表和详细---*/
.zynews:after,
.zynews-title:after,
.zynews-body:after
{clear:both;
content:".";
display:block;
font-size:0;
height:0;
line-height:0;
visibility:hidden;}


.zynews,
.zynews-title,
.zynews-body
{word-wrap:break-word; overflow:hidden;}

.zynews{}

.zynews-title{font-size:20px; font-family:Microsoft Yahei; font-weight:bold; text-align:center; line-height:26px; border-bottom:2px solid #ccc; padding-bottom:10px;}
.zynews-body{line-height:24px; font-size:14px; margin:30px 0px;}
.zynews-body img{margin:20px 0px; max-width:1000px;}
.zynews ul li{width:1000px; padding:10px 0px; line-height:20px; height:20px; border-bottom:1px dashed #ccc;}
.zynews ul li a{width:987px; font-size:14px; color:#4c4c4c; line-height:20px; height:20px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}





/* 分页 */
.commonpage{width:100%; text-align:center; font-family:Arial;padding:30px 0;}
.commonpage .result{float:left;}
.commonpage .multipage{}
.multipage span{background:#fff; border:1px solid #ddd; overflow:hidden; cursor:pointer; display:inline-block; height:30px;line-height:30px; margin-right:1px; padding:0 10px;border-radius:4px;}
.multipage .current {
	background: #fff;
	border: 2px solid #70a8e0;
	height: 28px; line-height : 28px;
	color: #70a8e0;
	cursor: default;
	font-weight: bold;
	display: inline-block;
	line-height: 28px;
}

.multipage img{display:inline-block; height:19px;}
.multipage .nolink{cursor:default; color:#ccc;}



 
/*footer*/
.footer{  background:#303236;color:#a6a6a6;font-family:"宋体"; font-size:12px;}
.footer .footerin {
	position: relative;
	max-width: 1200px;
	padding: 20px 0 0 0;
	margin: auto;
}

.footerService {
	/*position: absolute;*/
	/*top: 23px;*/
	/*right: 0;*/
	line-height: 24px;
	text-align: right;
	font-size: 16px;
	margin-top: 14px;
}

.footerService span{ display:block; color:#b2b2b2; font-size: 30px; margin:10px 0; font-family:"微软雅黑";}
.footer a{ color:#a6a6a6;}
.footer a:hover{ color:#FFF; text-decoration: none;}
.footermenu {
	width: 100%;
	height: 36px;
	line-height: 36px;
	padding: 14px 0 ; /*  overflow: hidden; */
}

.footermenu li{ float: left; padding:0 30px 0 0;}
.footerShare{height:50px;}
.footerShare dt{ float:left; line-height:36px; font-size:14px; width:82px; }
.footerShare dd{ float:left;width:500px;}
.footerShare dd a{ position:relative; background:url(../images/footerShare.png) no-repeat; display:inline-block;height:31px;}
.footerShare dd a.xlico{ background-position:0 0; width:99px; margin: 0 34px 0 0;}
.footerShare dd a.xlico:hover{background-position:0 -31px;}
.footerShare dd a.wxico{ background-position:-133px 0; width:91px; margin: 0 42px 0 0;}
.footerShare dd a.wxico span{ display: none;}
.footerShare dd a.wxico:hover{ background-position:-133px  -31px; width:91px;}
.footerShare dd a.wxico:hover span{ font-family:"微软雅黑"; border:1px solid #CCC; position:absolute; top:-220px; left:-41px; background:#FFF; display:inline-block; width:150px; padding:0 12px 12px; box-shadow: 0 0 5px #999;}
.footerShare dd a.wxico span b{height:44px;line-height:44px; color:#37a600; font-size: 18px;}
.footerShare dd a.qqico{ background-position:-266px 0; width:106px; margin:0 40px 0 0;}
.footerShare dd a.qqico:hover{ background-position:-266px -31px; width:106px;}
.copyright {
	max-width: 1200px;
	border-top: 1px solid #737373;
	clear: both;
	color: #a6a6a6;
	text-align: center;
	height: 60px;
	line-height: 60px;
	margin: 20px auto 0 auto;
}


/*右测在线咨询*/
.telbody{ width:150px; position:fixed; right:-3px; bottom:160px;}
.telbody ul{ background:#fff3e5; padding:0 10px 8px;}
.telbody ul li{ padding:0 0 6px 0;}
.telinput{border-radius:3px; border:1px solid #d9d9d9; width:130px; height:28px; line-height:28px; color:#999; font-family:"Arial","宋体"; font-size:12px; text-indent:6px;}
.telan{border-radius:3px; border:none; background:#ff4800; color:#FFF; width:130px; height:30px; text-align:center; font-size:14px; font-weight:bold; cursor:pointer;}

.colorblue{color:#246bb3;}
.weightfont{font-weight:bold;}
.page-r{width:785px; float:left; padding:10px 0 10px 10px;}
.finance-box{width:755px; float:left; padding:0 15px; color:#4c4c4c; line-height:26px;}
.finance-box li{width:755px; float:left; border-bottom:1px dotted #ccc; padding-bottom:10px; margin-bottom:10px;}
.finance-box li p{width:755px; float:left;  padding-bottom:5px;}
.finance-box li p a{width:570px; float:left; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.finance-box li p img{max-width:150px;}
/*公司活动*/
.imglist{ padding:20px 14px 0 15px; width:770px; overflow:hidden;}
.imglist ul li{ position:relative; border:1px dotted #CCC; padding:4px; margin:0 0 18px 0;}
.imglist ul li img{ width:100%;}
.imglist ul li span{display:block; position:absolute; left:4px; bottom:4px; width:750px; height:36px; line-height:36px; color:#FFF; padding:0 0 0 10px; font-size:16px;}
/*产品页面*/
/* .pronav{ position:relative; border-bottom:5px solid #e6e6e6; height:40px; padding:15px 0 0 0; margin:0 0 28px 0;} */
/* .Expbody{ position:absolute; left:18px; bottom:4px;} */
/*产品 鼎尖房产中介管理系统 */
.pro_banner{
	height:500px;
	overflow:hidden;
	position:relative;
/* 	margin-top:-20px; */
	z-index:10;
}
.pro_cpzxbanner{
	/*background:url(../images/website/cpzxBanner.png) center no-repeat;*/
	/*background-size:cover;*/
}
.cpzxSubbg {
	height: 300px;
	background: url(../images/website/cpzxSubbg.jpg) center no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}



.pro_menu{
	background: #f5f5f5;
}
.pro_bottom ,
.pro_menu>div{
	width: 1020px;
	margin: 0 auto;
	padding: 25px 0;
}
.pro_menu>div{
	padding:20px 0 0 0;
}
/*.pro_banner .fl{*/
/*	width:580px;*/
/*}*/
.pro_banner>.flex-box>.flex-box-01{
	/*width: 560px;*/
	flex: 1;
}

.cpzxSubbg .cpimg{
    width:380px;
    text-align: right;
	position: relative;

}
.pro_banner img{
    /*max-width: 100%;*/
	/*max-height: 250px;*/
	width: 100%;
	height: 250px;
    vertical-align: middle;
    /* 	margin-right:10px; */
	border-radius: 20px;
}
.pro_banner .title{
	font-size: 36px;
	line-height: 40px;
	font-weight:550;
	color:#fff;
}
.pro_banner .sectitle{
	font-size: 22px;
	font-weight: normal;
	line-height: 48px;
    color:#fbb11e
}

.probody .sectitle{
	font-size: 15px;
	font-weight: normal;
	line-height: 35px;
	color:#e94812
}

.pro_banner p{
/* 	display:inline; */
	position: relative;
	font-size: 18px;
	line-height: 30px;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 15px;
	text-align:justify;
	color:#fff;
}
.pro_banner .detailbtn{
	display:inline-block;
	padding:0 30px;
	margin-top:20px;
	margin-right: 10px;
	background:#e94812;
	color:#fff;
	height:45px;
	line-height:45px;
	border-radius:45px;
	font-size:15px;
	font-weight:400;
	cursor: pointer;
	border:1px solid #e94812;
}
.pro_banner .detailbtn:hover{
	color:#e94812;
	background:#fff;
}
.cpzxSubbg .detailbtn{
	padding-left:70px;
	background:#e94812 url(../images/website/videoPlay.png) 20px center no-repeat;
	font-size:25px;
}
.bottom_line{
	margin:0px auto 0 auto;
	width: 1100px;
	position: relative;
	overflow:hidden;
	/*color:#fff;*/
	display: flex;
	align-items: center;
	gap: 40px;
}
.cpzxSubbg .bottom_line{
    /*margin-top:100px;*/
    /*width:1020px;*/

}
.pro_banner .cpjs{
	font-size: 16px;
	margin-right: 30px;
	color: #fff;
	line-height: 1.5;
}
.Expbody dl dt{ float:left; width:242px;}
.Expbody dl dd{ float:left; font-size:30px; color:#4c4c4c; line-height:45px; padding:25px 0 0 0;line-height:35px;} 
.Expbody dl dd a{position:absolute; width:116px; display:inline-block; background:#ff7033 url(../images/dingjiaico.png) 14px 8px no-repeat;border-radius:3px; color:#FFF; font-size:16px; margin:10px 20px 0 0; padding:0 14px 0 40px; height:45px; line-height:45px; text-align:center;}
.Expbody dl dd a:hover{ background:#fa4b00 url(../images/dingjiaico.png) 14px 8px no-repeat; color:#FFF; text-decoration:none;}

.proinfo{ max-width:550px;color:#666; font-size:16px; line-height:30px; padding:15px 0 30px 0;}
.protitle{ background:url(../images/protitle.jpg) 0 32px repeat-x; height:66px; line-height:66px; overflow:hidden;}
.protitle h3{ background:#FFF; float:left; font-size:28px; color:#ff7033; font-weight:normal; padding:0 12px 0 0;}
.protitle h3 span{ background:url(../images/titleico.jpg) no-repeat; display:inline-block; width:30px; height:30px; float:left; margin:18px 10px 0 0;}
.protitle h3 span.ico1{ background-position:0 0;}
.protitle h3 span.ico2{ background-position:-30px 0;}
.userlist{ padding:9px 0 10px 15px; width:970px; overflow:hidden;}
.userlist ul{ width:1005px; overflow:hidden;}
.userlist ul li{ float:left; width:300px; padding:0 35px 0 0; text-align:center;}
.userlist ul li span{ display:block; height:40px; line-height:40px; font-size:18px; color:#333;}
.probody {
	overflow: hidden;
	/*border-bottom: 1px solid #ddd;*/
}

.probody dl {
	margin: 0 auto;
	width: 1100px;
	color: #333;
	font-size: 14px;
	line-height: 24px;
	padding: 20px 0;
	overflow: hidden;
	display: flex;
	gap: 40px;
}
.pagebody:nth-child(odd) dl,
.probody:nth-child(odd) dl{
	flex-direction: row-reverse;
}
.probody dt {
	/*width: 520px;*/
	/*height: 300px;*/
	max-width: 520px;
}

.probody dt img{width:100%;height:100%;}
.probody h3.pagetitle:before{
	content: '';
	top: 6px;
	position: absolute;
	left: 0;
	background: url("../images/ld.png") no-repeat;
	width: 24px;
	height: 24px;
	background-size: 24px auto;
}
.probody h3.pagetitle {
	padding-left: 32px;
	position: relative;
	font-size: 25px;
	font-weight: normal;
	line-height: 32px;
	/*padding: 0 0 15px 20px;*/
	/*margin-bottom: 10px;*/
}

.probody h3.pagetitle span.Digital{ position:absolute; left:0; top:-3px; font-size:35px;}
/*.propage p{*/
/*	color: #808080;*/
/*	font-size: 16px;*/
/*}*/
.propage {
	color: #808080;
	font-size: 17px;
	text-align: justify;
	line-height: 1.8;
	margin-top: 10px;
	/*gap: 40px;*/
	/*display: flex;*/
}
.pageinfo dt{ float:right;}
.pagebody dd,
.pageinfo dd {
	/*float: left;*/
	/*width: 446px;*/
	flex: 1;
	/*padding: 8px;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.pageinfo h3.pagetitle span.Digital{ left:-53px;}
.pagebody dt{ float:left;}
.pagebody dd {
	/*float: left;*/
	/*width: 430px;*/
	/*flex: 1;*/
	/*padding: 8px ;*/
}

.pagebody h3.pagetitle span.Digital{ left:-53px;}
.bounceInLeft>img{
	width: 85%;
}
.bounceInLeft{
	position:relative;
	margin:40px auto;
	width:1000px;
	/*height:800px;*/
	display: flex;
	align-items: center;
	justify-content: center;
}
.cpicon{
    position: absolute;
    top: 0;
    right: 0;
	width:1000px;
	/*height:800px;*/
}
.bounceInLef{
	position: relative;
}
.bounceInLeft:before,
.bounceInLeft:after{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	color: #e94812;
}
.bounceInLeft:after{
	content: '房产中介';
	top: 40%;
}
.bounceInLeft:before{
	content: 'SAAS平台';
	top: 48%;
}
	/* .bounceInLeft .sx {
        position: absolute;
        top: 83px;
        left: 386px;
        width: 209px!important;
        height: 601px!important;
    } */

.cpicon li>.cptext-title{
	position: absolute;
	top: 0;
	font-size: 24px;
	font-weight: bold;
	color: #e94812;
}
.cpicon li{
	position:absolute;
	width:100px;
	height:100px;
	cursor:pointer;
	
}
.cpicon li img{
	position:relative;
	z-index:10;
}
.cpicon li:nth-child(1)>.cptext-title{
	top: -100px;
	left: -83px;
}
.cpicon li:nth-child(1){
	left: 405px;
	top: 95px;
}
.cpicon li:nth-child(2)>.cptext-title{
	right: -50px;
	top: -90px;
}
.cpicon li:nth-child(2){
	left: 537px;
	top: 94px;
}
.cpicon li:nth-child(3)>.cptext-title{
	right: -130px;
	top: -30px;
}
.cpicon li:nth-child(3){
	left: 644px;
	top: 188px;
}
.cpicon li:nth-child(4){
	left: 675px;
	top: 321px;
}
.cpicon li:nth-child(4)>.cptext-title{
	right: -140px;
	top: 20px;
}
.cpicon li:nth-child(5){
	left: 606px;
	top: 438px
}
.cpicon li:nth-child(5)>.cptext-title{
	right: -110px;
	top: 90px;
}
.cpicon li:nth-child(6){
	left: 467px;
	top: 494px;
}
.cpicon li:nth-child(6)>.cptext-title{
	top: 140px;
	left: -15px;
}
.cpicon li:nth-child(7){
	left: 343px;
	top: 438px;
}
.cpicon li:nth-child(7)>.cptext-title{
	left: -160px;
	top: 95px;
}
.cpicon li:nth-child(8){
	left: 267px;
	top: 316px;
}
.cpicon li:nth-child(8)>.cptext-title{
	left: -190px;
	top: 26px;
}
.cpicon li:nth-child(9){
	left: 294px;
	top: 184px;
}
.cpicon li:nth-child(9)>.cptext-title{
	left: -170px;
	top: -28px;
}
.cpicon li:hover:before{
	content:"";
	position:absolute;
	z-index:1;
	width:209px;
	height:131px;
	background: url(../images/website/img-sx.png) no-repeat;
	background-size: 85% auto;
}
.cpicon li:nth-child(1):hover:before{
	left: -62px;
	top: -28px;
	-webkit-transform:rotate(-20deg);
	-ms-transform:rotate(-20deg);
	-o-transform:rotate(-20deg);
	transform:rotate(-20deg);
}
.cpicon li:nth-child(2):hover:before{
	left: -63px;
	top: -16px;
	-webkit-transform:rotate(20deg);
	-ms-transform:rotate(20deg);
	-o-transform:rotate(20deg);
	transform:rotate(20deg);
}
.cpicon li:nth-child(3):hover:before{
	left: -78px;
	top: -18px;
	-webkit-transform:rotate(60deg);
	-ms-transform:rotate(60deg);
	-o-transform:rotate(60deg);
	transform:rotate(60deg);
}
.cpicon li:nth-child(4):hover:before{
	left: -97px;
	top: -21px;
	-webkit-transform:rotate(100deg);
	-ms-transform:rotate(100deg);
	-o-transform:rotate(100deg);
	transform:rotate(100deg);
}
.cpicon li:nth-child(5):hover:before{
	left: -103px;
	top: -31px;
	-webkit-transform:rotate(140deg);
	-ms-transform:rotate(140deg);
	-o-transform:rotate(140deg);
	transform:rotate(140deg);
}
.cpicon li:nth-child(6):hover:before{
	left: -90px;
	top: -54px;
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}
.cpicon li:nth-child(7):hover:before{
	left: -84px;
	top: -53px;
	-webkit-transform:rotate(220deg);
	-ms-transform:rotate(220deg);
	-o-transform:rotate(220deg);
	transform:rotate(220deg);
}
.cpicon li:nth-child(8):hover:before{
	left: -63px;
	top: -49px;
	-webkit-transform:rotate(260deg);
	-ms-transform:rotate(260deg);
	-o-transform:rotate(260deg);
	transform:rotate(260deg);
}
.cpicon li:nth-child(9):hover:before{
	left: -56px;
	top: -42px;
	-webkit-transform:rotate(300deg);
	-ms-transform:rotate(300deg);
	-o-transform:rotate(300deg);
	transform:rotate(300deg);
}
.cpicon .cptext-title{
	font-size:16px;
	font-weight: 550;
}
.cptext{
	display:none;
	padding:10px;
	position:absolute;
	z-index:20;
	width:300px;
	background:#e94812;
	opacity:0.8;
	border-radius:5px;
	color:#fff;
	font-size: 14px;
}
.cpicon li:hover .cptext{
	display:block;
}
/*新闻详细*/
.mt{position:relative;margin-top:-20px;background:#f8f8f8}
.newsbody{ width:1100px; padding:20px 0 40px 0; overflow:hidden;}
.newsleft{ float:left; background:#FFF; width:640px; padding:30px;}
.newsleft img{max-width: 100% }
.newstitle{ border-bottom:1px solid #e6e6e6; font-size:12px; color:#808080; line-height:26px; padding:20px 0 20px 0;}
.newstitle h3{ font-weight:normal; font-size:25px; color:#333; padding:0 0 10px 0;}
.newsFCk{ line-height:30px; font-size:12px; padding:30px 0;}
.newspaging{ border-top:1px solid #eee; padding:20px 14px 0; overflow:hidden;}
.newspaging ul li{ float:left; color:#666; width:50%;}
.newspaging ul li a{ color:#333; font-size:14px; text-decoration:underline;}
.newspaging ul li a:hover{ color:#fa4b00;}
.newsright{ float:left; width:350px; background:#fff;padding:0 0 20px 0;}
.bshare-custom{ border-bottom:1px solid #cbcbcb; padding:25px 0 25px 23px; overflow:hidden;}
.bshare-custom span{ float:left;}
.bshare-custom .bshare-more.more-style-addthis { background:#37a600; border-bottom:1px solid #2b8000;}
.bshare-custom a{display: inline-block; height: 26px; line-height:26px; padding: 0 5px;}
.sharebtn-icon { background: url(../images/gl-icon05.png) no-repeat scroll left top rgba(0, 0, 0, 0);  display: inline-block;  height: 14px; margin: 7px 5px 0 5px; width: 15px;}

.newsrtitle{ font-size:16px; color:#333; padding:20px 0 20px 20px;border-bottom:1px solid #ddd; font-weight:400;font-family:"微软雅黑";}
.infolist{ padding:0 20px; line-height:16px;}
.infolist li{position:relative;border-bottom:1px dashed #e0e0e0; padding:14px 0 14px 20px;}
.infolist li:before{
	content:'';
	position:absolute;
	left:0;
	top:20px;
	width:0;
	height:0;
	border-top:5px solid transparent;
	border-left:5px solid #b3b3b3;
	border-bottom:5px solid transparent;
}
.infolist li a{ color:#555;}
.infolist li a:hover{ color:#286eb4;}
/*功能模块*/
.zyprolist{ width:1020px; overflow:hidden;}
.zyprolist dl{ background:#f7f7f7; float:left; width:470px; padding:14px 0 14px 15px; height:120px; margin:0 20px 14px 0;}
.zyprolist dl dt{ background:#FFF; float:left;border: 1px solid #dadada; border-radius: 116px;height: 116px; padding: 2px; width: 116px;}
.zyprolist dl dt img{width: 116px;height: 116px; border-radius: 116px;}
.zyprolist dl dd{ float:left; width:322px; height:144px; padding:0 8px 0 16px; line-height:23px; font-size:13px;overflow:hidden; }
.zyprolist dl dd .zypro-r-listr01{ font-size:18px; float:none; width:100%; padding:0 0 6px 0; color:#333;}
.zyprolist dl dd a{ color:#0066cc;}
.zyprolist dl dd a:hover{ color:#ff4a00;}
/*FAQ*/
.faqlist{ width:1000px; padding:0;}
.faqlist li{ border:none; width:1000px; padding:0 0 30px 0;}
.faqlist li p.faqtitle{background:url(../images/line.jpg) left bottom repeat-x; padding:0 0 16px 0; width:1000px; overflow:hidden;}
.faqlist ul li p{ float:none;}
.faqlist li p.faqtitle a{ float:left;background:url(../images/qico.jpg) 10px 3px no-repeat; width:840px; padding:0 10px 0 42px; display:inline-block;}
.faqlist li a,.faqlist li a:hover{ font-size:17px; text-decoration:none; font-weight:normal; color:#333;}
.faqlist ul li b{float:none; color:#999; font-size:13px;}
.faqlist li .faqinfo{background:url(../images/aico.jpg) 10px 17px no-repeat; padding:15px 0 0 42px; line-height:24px; color:#4c4c4c; font-size:14px;}
.faqlist li .faqinfo p{ width:930px;}


.Floathead{ background:rgba(0,0,0,.6);position:fixed; top:0; left:0; width:100%; height:50px; z-index:9999; line-height:50px; }
.Floatbody{width:1000px; margin:auto;}
.Floatlogo{float:left; padding:10px 0 0 12px;}
.Floatmenu{float:right;}
.Floatmenu ul li{float:left;}
.Floatmenu ul li a{ display:block; color:#FFF;font-size:16px; padding:0 15px;}
.Floatmenu ul li a:hover,.Floatmenu ul li.now a{ background:#fa4b00; text-decoration:none;}

/* .zy-banner .zy-banner{display:none;} */
.keyword {
    background: none repeat scroll 0 0 #e6e6e6;
    border-top: 4px solid #d9d9d9;
    overflow: hidden;
}


 .footerin {
    margin: 10px auto;
/*     overflow:hidden; */
}
.keywordin{
	display: flex;
}
.keywordin-l {
    font-weight: bold;
    line-height: 30px;
    width: 82px;
}
.keywordin-r {
    line-height: 30px;
    min-height:30px;
}
.keywordin-r a{
   display: block;
   float: left;
   margin-right: 20px;
}

/* 20160707 */
.khal-map{
	height:650px;
	background:#fff url(../images/website/khal-map.png) bottom center no-repeat;
	margin-bottom: 20px;
}
.cityWrap {
	/*width:250px;*/
	/*margin-top:495px;*/
	overflow:hidden;
	clear:both;
	text-align:center;
}
.cityWrap h3{
/* 	margin-top:30px; */
	margin: 0 0 10px 0;
	font-size:20px;
	text-align: left;
}
/* .cityWrap .cityList{ */
/* 	padding-top:20px; */
/* 	border-top:1px solid #ddd; */
	
/* } */
.cityWrap .cityList li{
	float:left;
	margin:5px;
	width:70px;
	height:35px;
	line-height:35px;
	border:1px solid #ddd;
	border-radius:3px;
	text-align:center;
	cursor:pointer;
	font-size:14px;
}
.cityWrap .cityList li:hover{
	background:#e94812;
	color:#fff;
	border-color:#e94812
}
.cityList .cityContact{
	display:none;
}
.cityWrap .cityList li:hover .cityContact{
	position:absolute;
	margin-top:5px;
	z-index:10;
	display:block;
	padding:10px;
	background:#e94812;
	width:250px;
	border-radius:5px;
	color:#fff;
	text-align:left;
	line-height:22px;
	font-size:14px;
}
.city-distribution {
	/*float: left;*/
	/*position: absolute;*/
	/*left: 0;*/
	/*right: 0;*/
	text-align: center;
	z-index: 66;
/* 	margin-top: 50px; */
/*	margin-bottom:15px;*/
}

.city-distribution h4 {
	font-size: 24px;
	font-weight: normal;
	padding: 0 0 20px 0;
}

.city-distribution  em {
	color: #fa4b00;
	font-size: 24px;
	padding: 0 5px;
}

.city-distribution ul {
	overflow: hidden;
	/*padding:15px 0;*/
	/*border-top:1px solid #ccc;*/
	/*border-bottom:1px solid #ccc;*/
	margin:25px 0;
}
.city-distribution li{
	position:relative;
	display: inline-block;
	/*float:left;*/
	font-size:18px;
	padding-right:30px;
	/*padding-left:10px;*/
	text-align:center;
}
.city-distribution li:after {
	content: "";
	position: absolute;
	top: 20px;
	bottom: 0;
	height: 1px;
	width: 50%;
	right: -22px;
	background: #ccc;
	transform: rotateZ(100deg);
	-o-transform: rotateZ(100deg);
	-moz-transform: rotateZ(100deg);
	-webkit-transform: rotateZ(100deg);
}

.city-distribution li:last-child{
	padding-right:0;
	background:none;
}
.city-distribution li:last-child:after{
	width: 0;
}
.city-distribution li>p{
	display: none;
	margin-bottom:10px;
}
.customer-case {
	overflow: hidden;
	/*padding: 30px 0;*/
	background: #fdf7f7;
}

.customer-case .com-title{margin-bottom:60px;}
/* 成功案例 */
.customer-case .swiper-container {
        width: 100%;
        margin: 20px auto;    
        position: relative;
    overflow: hidden;
    z-index: 1;
    }
   .customer-case .swiper-slide {
    
        padding:20px 0;
        background: #f9f9f9;
        text-align: center;

}
 .customer-case .swiper-pagination{position:static;margin-top:20px;}

 .customer-case .swiper-pagination-bullet {
    width: 25px;
    height: 12px;
    border-radius:0;
    margin:0 5px;
}
 .customer-case .swiper-pagination-bullet-active {
    background: #fa4b00;
    
 }

/* 2019-3-7 head里的css*/
.down-load{width:100px;height:35px;background:#fa4b00;color:#fff;font-size:16px;border-radius:3px;text-align:center;}
.header-r{margin-top:17px;} 
.header-r a{padding:3px 10px;margin-left:10px;font-size:18px;font-weight:400;border-radius:5px;}
.aPhone,.phoneNumb{background:#fbb01f}
.aChat{background:#78c340}
.aQQ{background:#6da9de}
.fixedR{
	position: fixed;
    right: 2px;
    top: 50%;
    width: 60px;
    z-index: 99;
    margin-top: 32px;
    }
.icon{display:inline-block;position:relative;border-radius:5px;width:60px;height:60px;text-align:center;color:#fff;}
.icon img{vertical-align:middle;margin-top:8px;}
.icon:hover{color:#fff;}
.header-r a:first-child{margin-left:0;}
.showD {
	position: absolute;
	bottom: 0;
}

.phoneNumb{right:55px;height:60px;line-height:60px;font-size:20px;width:180px;border-radius:5px 0 0 5px;}
.weChatCode{right:70px;}
.icon .showD{display:none}
.icon:hover .showD{display:block}
.cpTips2{
	display:none;
	position:absolute;
	left:60%;
	top:100px;
	padding:10px 15px;
	z-index:50;
	background:rgba(0,0,0,.6);
	font-size:14px;text-align:left;
	line-height:20px;border-radius:5px;
	box-shadow: 0 5px 5px rgba(0,0,0,.6);
	text-shadow: 0 0 5px rgba(0, 0, 0,1);
}
.cpTips{
	display:none;
	position:absolute;
	left:50%;
	padding:10px 15px;
	z-index:50;
	background:rgba(0,0,0,.6);
	font-size:14px;text-align:left;
	line-height:20px;border-radius:5px;
	box-shadow: 0 5px 5px rgba(0,0,0,.6);
	text-shadow: 0 0 5px rgba(0, 0, 0,1);
}
.bannerTitle:hover .cpTips2,
.opacityCircle:hover .cpTips{
	display:block;
	width:300px;
	transition:all 3s;
	color:#fff;
}
.bannerWidth {
	margin: 0 auto;
	position: relative;
	width: 1020px;
}

.bannerTitle {
	position: absolute;
	left: 160px;
	bottom: -120px;
	width: 360px;
	height: 360px;
	border-radius: 100%;
	background: rgba(0, 0, 0, .5);
	color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, .5);
	text-align:center;
	cursor:pointer;
}
.bannerTitle:hover{
	transition:all .2s;
	background: rgba(0, 0, 0, .2);
	 box-shadow:inset 0 0 10px 2px #fff, 0 0 30px 0 #fff
}
.bannerTitle:hover h3{
	transition:all .2s;
	font-size:38px;
	color:#fff;
}
.bannerTitle:hover p{
	transition:all .2s;
	font-size:28px;
	color:#fff;
}
.bannerTitle>h3{
	font-size:42px;
	font-weight:bold;
	line-height:100px;
	margin-top:60px;
}
.bannerTitle>p{
	font-size:32px;
}
.circle_wrap{
	position: relative;
	height: 450px;
	width:700px;
	margin: 0 auto;
	/*margin-left: 140px;*/
}
.opacityCircle{
	position:absolute;
	width:120px;
	height:120px;
	border-radius:100%;
	font-size:22px;
	color:rgba(255,255,255,.9);
	text-align:center;
	line-height:28px;
	text-shadow: 0 0 10px rgba(0, 0, 0,1);
	box-shadow:0 0 60px rgba(255,255,255,.5) inset;
	font-weight: bold;
}
.boxsizing{

	padding-top:30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.circle0{
	left: 0;
	top: 99px;
}
.circle0:after{
    content: '';
    position: absolute;
	left: 191px;
	width: 2px;
	top: 21px;
	height: 150px;
	background: rgba(255,255,255,.3);
	transform: rotate(105deg);
}
.circle1{
	left: 50px;
	bottom: 65px;
}
.circle2{
	width: 180px;
	height: 180px;
	left: 50%;
	margin-left: -90px;
	top: 50%;
	margin-top: -90px;
	padding-top: 50px;
}
.circle1:after{
    content: '';
    position: absolute;
	left: 172px;
	width: 2px;
	top: -35px;
	height: 118px;
	background: rgba(255,255,255,.3);
	transform: rotate(68deg);

}
.circle3{
	right:0;
	top:99px;
}
.circle3:after{
    content: '';
    position: absolute;
	left: -73px;
	width: 2px;
	top: 18px;
	height: 153px;
	background: rgba(255,255,255,0.3);
    transform: rotate(75deg);
}
.circle4{
	right: 50px;
	bottom: 65px;

}
.circle4:after{
    content: '';
    position: absolute;
	left: -53px;
	width: 2px;
	top: -40px;
	height: 118px;
	background: rgba(255,255,255,0.3);
	transform: rotate(289deg);
}
.circle5{
    left:540px;
    bottom:50px;
}
.circleHover{
	font-weight: 600;
	transition:all .2s;
	font-size:28px;
    line-height: 40px;
	color:rgba(255,255,255,1);
	box-shadow:inset 0 0 10px 2px #fff, 0 0 30px 0 #fff
}
.opacityCircle:hover{
	transition:all .2s;
	font-size:23px;
	color:rgba(255,255,255,1);
 	box-shadow:inset 0 0 25px 2px #fff, 0 0 45px 0 #fff
}
.circleHover:hover{
    font-size: 25px;
}
.banner_btn{
	margin-top: 30px;
	text-align: center;
	/*position:absolute;*/
	/*right:-50px;*/
	/*bottom: 12px;*/
}
.banner_btn .abtn{
	display:inline-block;
	width: 140px;
	height: 45px;
	line-height: 45px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	cursor:pointer;
	color:#fff;
	margin: 0 8px;
	text-indent: 22px;
}
.abtn_top{
    display:inline-block;
    float: right;
    height: 36px;
    line-height: 36px;
    padding: 0 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    background: #e94812;
	cursor: pointer;
	font-size: 16px;
}
.abtn_top:hover{
	color: #fff;
}
.videobtn{

	background: #78c340 url("../images/website/videoPlay.png") 25px center no-repeat;
	background-size: 16px auto;
}
.downloadbtn{
	background:#fbb01f url("../images/website/ic_xiazai.png") 25px center no-repeat;
}
.banner_btn>a:hover{
	color:#fff;
	 box-shadow: 0 0 5px 5px rgba(0,0,0,.04)
}
.downloadbtn img,
.openbtn img{
	width: 170px;
}
.openbtn{
	background:#e94812 url("../images/website/ic_qian.png") 25px center no-repeat;
}
.openbtn:hover{
	color:#fff;
	 box-shadow: 0 0 5px 5px rgba(255,91,59,.4)
}
.loadbtn{
	display: inline-block;
	background: #e94812;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	font-size: 14px;
	font-weight: 400;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.loadbtn{
	color:#fff;
}
.spjsbtn:hover{
	color: #e94812;
	background: rgba(0,0,0,.35);
	box-shadow: 0 0 10px rgba(0,0,0,.22);
}
.spjsbtn{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	margin-left: -30px;
	background: rgba(0,0,0,.25);
	border-radius: 100%;
	color: #fff;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 28px;
	text-indent: 6px;
}

.opacity {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -240px;
	margin-left: -400px;
	width:800px;
	z-index: 99;
	padding: 10px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	background: #333;
}

.videoclose{color:#f2f2f2;text-align:right;cursor:pointer;font-size:16px;}
.videodiv {
	z-index: 10000;
	padding: 10px;
	min-width: 800px;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);

	position: fixed;
	left: 50%;
	top: 20%;
	text-align: center;
	background: #333;
	height: 550px;
	box-shadow: 0 0 5px #333;
}
.slide_text{
	position: absolute;
	left: 50%;
	top:0;
	bottom: 0;
	margin-left: -600px;
	margin-top: -100px;
	max-width: 1200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 30px;
	/*margin-top: 100px;*/
	align-items: flex-start;
	line-height: 1;
	color: #fff;
	text-shadow: 0 2px 6px rgba(0,0,0,0.9);
}
.slide_text .h3{
	font-size: 56px;
	/*color: #222;*/
	font-family: Roboto;
	font-weight: bold;
	margin-top: -40px;

	/*margin-top: 100px;*/
}
.slide_text .p {
	font-size: 32px;
	font-weight: bold;
	/*color: #6c6c6c;*/
}
.banner{
	position: relative;
}
.slide_mess{
	max-width: 1200px;
	position: absolute;
	left: 50%;
	bottom: 100px;
	margin-left: -600px;
}
.slide_input .slide_input_btn{
	font-size: 16px;
	background: #e94812;
	color: #fff;
	padding: 0 30px;
	cursor: pointer;
}
.slide_input .slide_input_numb::placeholder{
	color: #b2b2b2;
}
.slide_input .slide_input_numb{
	width: 240px;
	padding: 0 20px;
	border: none;
	outline: none;
	font-size: 16px;
}
.slide_input{
	display: inline-flex;
	background: #fff;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	border-radius: 6px;
}

.container_shadow {
	box-shadow: 0px 13px 13px 0px rgba(232, 239, 249, 0.7);
	margin-bottom: 42px;
}
.nav-container {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 20px 0;
	max-width: 1200px;
	margin: 0 auto;
}

.nav-item {
	flex: 1 auto;
	display: flex;
	align-items: center;
	/*padding: 15px;*/
	/*width: 300px;*/
	height: 110px;
	border-radius: 8px;
	box-sizing: border-box;
	cursor: pointer;
	transition: 0.5s;
}

.nav-item:hover {
	background-color: #e94812;
	color: white;
	animation: center_img_shake2 0.6s linear;
}
@keyframes center_img_shake2{
	0% {
		transform: translate(0);
	}

	50% {
		transform: translateY(-6px);
	}
	100% {
		transform: translate(0);
	}
}
.nav-icon img{
	width: 64px;
}
.nav-icon {
	margin-right: 12px;
	width: 64px;
	height: 64px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.nav-content {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.nav-title {
	line-height: 28px;
	font-size: 20px;
	margin-bottom: 9px;
	font-weight: 500;
	color: rgba(34, 34, 34, 100);
}

.nav-subtitle {
	font-size: 14px;
	color: #6c757d;
}

.nav-item:hover .nav-title ,
.nav-item:hover .nav-subtitle {
	color: #ffffff;
}
.gap_line{
	margin: 0 5px;
	width: 0;
	height: 27px;
	border-left: 2px solid rgba(224, 235, 253, 0.7);
}

.full_div{
	background-color: #ffffff;
	background-image: linear-gradient(180deg, #f88560 0%, #e94812 100%);
	background-position: center center;
	background-repeat: no-repeat;
	margin-bottom: 40px;
}

.full_box{
	max-width: 1200px;
	margin: 0 auto;
	padding: 50px 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	color: #fff;
	align-items: center;
	line-height: 1;
}
.full_box_h3{
	font-size: 34px;
}
.full_box_p{
	font-size: 16px;
}

.product-container {
	max-width: 1200px;
	margin: 70px auto;
	/*padding: 40px 20px;*/
	display: flex;
	gap: 40px;
}
.product-container:nth-child(even){
	flex-direction: row-reverse;
}
.product-header {
	margin-bottom: 40px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.product-title:hover{
	color: #e94812;
}
.product-title {
	font-size: 36px;
	color: #333;
	margin-bottom: 10px;
	line-height: 1;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 5px;
}
.product-title .djiconfont{
	font-size: 22px;
}

.product-subtitle {
	font-size: 20px;
	color: #787878;
	font-weight: 400;
	line-height: 1.5;
}

.product-content {
	flex: 1;
	/*margin-top: -60px;*/
}

.product-image {
	width: 620px;
	/*height: 528px;*/
	max-width: 620px;
	/*margin: 0 0 0 -150px;*/
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 10px;
	position: relative;
}

.product-image img {
	width: 100%;
	display: block;
	max-width: 620px;
	border-radius: 20px;
}

.features-list {
	flex: 1;
}

.feature-item:last-child{
	margin-bottom: 0;
}
.feature-item {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
}

.feature-icon {
	width: 24px;
	height: 24px;
	background-color: #e94812;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
	flex-shrink: 0;
}

.feature-icon::before {
	content: "✓";
	color: white;
}

.feature-content {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
}

.feature-title {
	font-size: 17px;
	font-weight: 500;
	/*margin-bottom: 5px;*/
	color: #222;
}

.feature-desc {
	font-size: 14px;
	color: #a5a5a5;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;  /* 限制在2行 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.video-button:hover{
	color: #e94812;
}
.video-button {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -30px;
	margin-left: -30px;
	display: inline-flex;
	align-items: center;
	color: #fff;
}
.video-button:hover span:first-child{
	background: rgba(0,0,0,.32);
	box-shadow: 0 0 10px rgba(0,0,0,.22);
}
.video-button span:first-child{
	text-align: center;
	text-indent: 3px;
	font-size: 28px;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: rgba(0,0,0,.2);
}
.video-button span:nth-child(2){
	font-size: 14px;
	font-weight: 550;
	display: none;
}
/* 标签页样式 */
.light_tabs,
.platform-tabs {
	display: flex;
	gap: 1rem;
	margin-bottom: 2rem;
	margin-top: -20px;
}
.light_tabs_item,
.tab-btn {
	padding:0 1.2rem;
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	border: none;
	background: #f6e9e8;
	border-radius: 50px;
	cursor: pointer;
	transition:all 0.3s ease;

	font-weight: 500;
	white-space: nowrap;
}
.light_tabs_item{
	color: #e94812;
	background: #f3f3f3;
}
.tab-btn{
	color: #e94812;
}
.tab-btn:hover,
.tab-btn.active {
	background: #e94812;
	color: white;
}
/*.tab-pane{*/
/*	display: none;*/
/*}*/
.tab-pane.active{
	display: block;
}
/*.tab-pane.active+.tab-pane{*/
/*	display: none;*/
/*}*/
.user-list {
	/*margin-bottom: 20px;*/
	border-top: 1px solid #eee;
	display: flex;
	gap: 20px;
	padding: 15px;

}

.user-item {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 10px;
	position: relative;
	cursor: pointer;
}

.avatar-circle img{
	width: 100%;
	height: 100%;
}
.avatar-circle {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background-color: #f0f0f0;
	margin-bottom: 8px;
	overflow: hidden;
	transition: transform 0.3s ease-in-out;
}
.user-item:hover .avatar-circle{
	transform:scale(1.1);
	box-shadow: 0 0 5px rgba(0,0,0,.12);
}
.hover-popup {
	position: absolute;
	left: 0;
	top: 60px;
	z-index: 1000;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	background: #fff;
	padding: 10px;

}
.user-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.user-name {
	font-size: 14px;
	font-weight: 550;
}

.user-id {
	font-size: 12px;
	color: #666;
}

.value-added-services {
	padding: 40px 20px;
	background-color: #fff3ef;
}

.section-title {
	text-align: center;
	margin-bottom: 40px;
	font-size: 34px;
	color: #333;
	line-height: 1;
}
.title_line:after {
	content: "";
	display: block;
	width: 32px;
	margin: 12px auto 0;
	height: 6px;
	background-image: linear-gradient(45deg, #ff9776, #e94812);
}
.services-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
}


.service-card {
	flex: 1;
	padding: 20px;
	height: 300px;
	/*width: 227px;*/
	box-sizing: border-box;
	text-align: center;
	position: relative;

}
.service-card:hover .front-card {
	/*transform: scale(0.8);*/
	/*opacity: 0;*/
	/*z-index: -1;*/
	transform: translateY(-12px);
}

/*
.service-card:hover .back-card {
	opacity: 1;
	z-index: 1;
	transform: scale(1);
}*/
.services-container .back-card,
.services-container .front-card{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	transform: translateY(0);
	transition: transform .3s ease-out;
}
.services-container .front-card{
	background-color: rgba(255, 255, 255, 1);
	padding-top: 25px;
	transform: scale(1);
	opacity: 1;
	/*transition: all 0.8s ease;*/
	z-index: 1;
}
.services-container .back-card {
	background-color: #e94812;
	color: #fff;
	padding: 29px 9px;
	transform: scale(0);
	opacity: 0;
	transition: all .5s ease;
	z-index: -1;
	display: none;
}
.services-container .industry_name {
	line-height: 22px;
	font-size: 16px;
	margin: 0 0 16px;
}
.services-container .describes {
	line-height: 18px;
	color: rgba(255, 255, 255, 100);
	font-size: 13px;
	text-align: left;
	margin: 0 0 17px;
	padding: 0 5px 0 20px;
}
.services-container .describe {
	margin-bottom: 15px;
	list-style-type: disc;
}

.more_link {
	color: #e94812;
	font-size: 13px;
	display: block;
	width: 106px;
	margin: 27px auto 0;
	text-align: center;
	line-height: 27px;
	border-radius: 4px;
	background-color: rgba(255, 255, 255, 1);
	cursor: pointer;
}
.icon-wrapper img{
	width: 48px;
}
.icon-wrapper {
	width: 60px;
	height: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
}

.orange { background-color: #FFE4D6; }
.purple { background-color: #E4D7FF; }
.green { background-color: #D7FFE4; }
.blue { background-color: #D7E4FF; }

.service-card h3 {
	font-size: 20px;
	text-align: center;
	margin: 24px 0 15px;
	font-weight: 550;
}

.service-card p {
	color: #a5a5a5;
	font-size: 14px;
	padding: 0 20px;
	box-sizing: border-box;
	font-weight: normal;
	text-align: justify;
	display: -webkit-box; /* 使用弹性盒子布局 */
	-webkit-box-orient: vertical; /* 垂直排列 */
	-webkit-line-clamp: 5; /* 限制为三行 */
	overflow: hidden; /* 隐藏超出部分 */
	text-overflow: ellipsis; /* 显示省略号 */
	max-height: 8em; /* 根据行高设置最大高度 */
	line-height: 1.6em;
}
.mapwrap{
	position: relative;
	padding: 40px 20px;
	line-height: 1;
	background: #fdf7f7;
}
.custabs{
	text-align:center;
}
.custabs li{
	height:50px;
	line-height:50px;
	padding:0 40px;
	display:inline-block;
	font-size:22px;
	cursor:pointer;
	background:#f2f2f2;
}
.custabs li.active{
	background:#e94812;
	color:#fff;
}
.w1200{
	max-width: 1200px;
	margin: 0 auto;
}
.cuslist{
	overflow: hidden;
	width: 100%;
	margin:30px auto 10px auto;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.cuslist li{
	width:calc(100%/7 - 6px*6/7);
	text-align:center;
	overflow: hidden;
	position: relative;
	background: #fff;
}
.effect-oscar{
	height: 80px;
	overflow: hidden;
}
.effect-oscar img{
	width: 110%;
	height: 110%;
	position: relative;
	top: -5%;
	left: -5%;
}
.dj-container {
	margin: 40px auto;
	max-width: 1200px;
}
.dj-container-flex{
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	align-items: center;
}
.dj-content {
	flex: 1;
	min-width: 300px;
}

.image-section {
	flex: 1;
	min-width: 300px;
}

.dj-container h1 {
	font-size: 2.5em;
	margin-bottom: 30px;
	text-align: center;
	line-height: 1;
}

.dj-container h2 {
	line-height: 40px;
	color: rgba(34, 34, 34, 100);
	font-size: 23px;
	display: block;
}

.dj-container p {
	max-width: 713px;
	text-align: justify;
	color: rgba(102, 102, 102, 100);
	font-size: 17px;
	line-height: 25px;
	min-height: 107px;
	margin-top: 24px;
}

.dj-container img {
	max-width: 100%;
	height: auto;
	border-radius: 20px;
}

.cta-button {
	display: inline-block;
	color: #e94812;
	margin-top: 20px;
	font-size: 18px;
}

.newswrap{
	max-width: 1200px;
	margin: 30px auto;
	/*overflow:hidden;*/
	background:#fff;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
	padding: 20px;
}
.imgnews{
	position:relative;
	overflow:hidden;
	background: white;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	border: 1px solid #eee;
	display: flex;
	flex-direction: column;
	transform: translateY(0);
	transition: transform .3s ease-out;
}
.imgnews:hover {
	transform: translateY(-12px);
}
.imgnews-bg{
	padding: 10px;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.imgnews img{
	display:block;
	width:100%;
	height:160px;
	cursor:pointer;
}
.imgnews .imgnews-title{
	margin-bottom: 10px;
	line-height: 26px;
	color: rgba(64, 64, 64, 100);
	font-size: 18px;
	font-weight: 600;
	display: -webkit-box;
	-webkit-line-clamp: 2;  /* 限制在2行 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.imgnews-p{
	line-height: 20px;
	color: rgba(120, 120, 120, 100);
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 3;  /* 限制在2行 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.imgnews-button {
	text-align: center;
}
.imgnews-button a:hover{
	color: #e94812;
}
.imgnews-button a{
	background: #f6f0f0;
	padding: 2px 10px;
	text-align: center;
	display: inline-block;
	border-radius: 40px;
}
.imgnews-button span{
	display: inline-block;
	padding: 3px 20px;
	border:1px solid #eee;
	border-radius: 5px;
	cursor: pointer;
	background: #fff;
}

@media (max-width: 768px) {
	.nav-container {
		flex-wrap: wrap; /* 允许换行 */
		gap: 10px; /* 增加间距 */
	}
	.gap_line{
		display: none; /* 隐藏分隔线 */
	}
	.nav-item {
		width: calc(50% - 10px); /* 每行两个导航项 */
	}
	.product-container{
		flex-direction: column; /* 垂直排列产品 */
	}
	.product-container:nth-child(even){
		flex-direction: column; /* 垂直排列产品 */
	}
	.services-container{
		flex-wrap: wrap; /* 允许换行 */
	}
	.service-card{
		flex: auto; /* 自适应宽度 */
		width: calc(100% / 3 - 20px * 2 / 3); /* 三列布局 */
	}
    /*.slide_text {*/
    /*    width: 100%; !* 使宽度适应屏幕 *!*/
    /*    margin-left: 0; !* 重置 margin *!*/
    /*    padding: 0 20px; !* 添加内边距 *!*/
    /*    align-items: center; !* 中心对齐内容 *!*/
    /*}*/
    /*.slide_mess {*/
    /*    width: 100%; !* 使宽度适应屏幕 *!*/
    /*    margin-left: 0; !* 重置 margin *!*/
    /*}*/
    /*.slide_input .slide_input_numb {*/
    /*    width: 100%; !* 使输入框宽度适应屏幕 *!*/
    /*}*/
	.dj-container-flex{
		flex-direction: column-reverse;
	}
}

/* 其他屏幕尺寸的样式 */
@media (max-width: 1200px) {
    .service-card {
        width: calc(100% / 2 - 20px); /* 两列布局 */
    }
}