body,p,h1,h2,h3,h4,h5,h6,li,span,i,ul,img,a,strong,input{margin:0;padding:0;}
body{ font-size:14px;}
/*@media screen and (max-width:768px){
	body{
		font-family:"microsoft yahei","Arial";
		font-size: 0.24rem;
		line-height: 1;
		color:#333;
		-webkit-user-select:none;
		-webkit-text-size-adjust: 100% !important;
		text-size-adjust: 100% !important;
		-moz-text-size-adjust: 100% !important;
	}
}*/

@font-face {font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1562303681149'); /* IE9 */
  src: url('../font/iconfont.eot?t=1562303681149#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAA60AAsAAAAAG3QAAA5mAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCECgqoXJ93ATYCJAMkCxQABCAFhG0HgRAbMxYzo/aCtPIk+68OzEO6xkEroiVvCZF07K7HN6Xv83dMXnsSUrbscSZqvz36m4OtkM7zUEp4qLnPt5D8Dc4eECjwx0WWxKhOmJ4qILhaxAjZDObUpKTddlJgINtFGgEbBkA/QOuO5a8sFSnJCMDwPU6AgLXhaZt/eHDvmYfVgJWUFXCAiViNUbjAWbnBJq5SXBSrwkUELjLdX/QH3AHYyPW/X9tvREO/oaxGpkOHL3nlPBXs/9ZSu5syO5wSKlsn7s/Owd85mvDcljbFveCmuFdG2RdVFKYq8ia8QXA518gKVxYGSKg6X6kKemjj8ylmx9hsd+vAJSU2G6kfOTgE4FOulegTjpqEQbMxBZy2uG7eDMxdAVqyQGDiLqdTjThONkYekK+BY+Tjiz+0ZUDiKDZDGje3fzZdv+4nt9X2dLtNajd2eRIYdQUKaAUaxADXOi16xlbCfZ43i/lANtv/OuWv+7+f/T3799I/PxlMria301Toq23qEmRvKaolCo2DSwYz+cdz6fMQpiwXBsuy/RYI+P1sCyT8PStQJHoJtkDDP38LHEgGBS5Er4IgA9HbYMSdBd6xk2ywFtxvYKrZxPqIjPG3ek5GTK4wVAbzvPmBChuNpiV43rTE6qKiAq9XFkXW36ezssqzsx+UxmQ7kTZWB0E4oFij0baPsPBJZmkvz8+zukasQ5Pr/kQI6VJrBSeJa/r1aohP9mcC9pU9ykm39tSAUwYSFGOH64hRDbsY4jEYxGGmQukAbMQgpI4C+NCgrsrO4c6YUKNUKrtdviO+5+iroKwjXPjSL231NrzwStr8+a/D8vZgXRCYaT2+bzi2JeAdVAOg5usQExC+mlLDmUrb2tBLZSOowCUx7hg5BBSWdJTB9xdCKvV0uYCX4UNhZ8O1Sc3FUuxsbHOEWocNRr0EOeTOPPA1MZTa65VSGTxziNCel2f0g0io7XOENnRGDVc/LaggCwKcvFjG1SHTaJM8KeEEAewqbbNdUjOd/iof57vKgVvf6Hfnq//FvPHAfug8po+0XaXC7iFEn2Fp9Xn6U91kw1AVcCZIpaeaQgyOAroGa4DTYR9J5Wq7iqDaGkWftkDtrNCWSKrdrhKVAiwtU4ySqc1NR60iS01PQGmTG4hqxn2ktwCxCZFU4FZS413ASSum3njIviqpTZXKWx+HoRUBCh/Y3jTDJdy0XTum0B6HdITn6SxYUuEUJ1wqT7Fq27GeBTD8x/L/MuwC70+R1Pnp5HTbn+4S3Srse9dSFPy9q/sRfew8tB+YrNdOOZnmtEF5aPr0rW9FsMWimYWg8cuGzgcAq1bnw/pH660obj4VOA9M7GR4z0sjdEx9QQ6oAzXwhbj1iF30eKJVpdnZu3RSlRgeLUhBgxFCSle56PfNxIMIRw4yXHLBA5xbAQehkbsw9Jff/Trc5UTnQr005V7gecO45Rt3h698FgT6C2/W8svhwp6TulGPwrM7VDousBxbT20dWn16B4NR6igRnmRqVDpA2ke6WHQAcezTMSHkKYnjMZwPJneatGmi7bHulI8xo5Kb2ERd9aitx5gqukXBIhWNrfNSQ3ulS3bxOFP3iNYnCd9moeUt3yfePNL4xWTBeqnO0jTjpOxe4z+Ew2lMI8rrp4/YA3Cao9g15KHCAa61G8KwP7jlu/+1ML7qy0mRhtDUAe/tVNMBLd5zY0IgYrPRz+5KAYx/KDO4U75dsPv2+KDDJjNz0wo+2IqjZcKiIFhwaxx/IaFddl6tIQJxQMsGR0GdjSFGer1C359/c+ILey6A7f5gV5Hs5jRLHmIzZjyiM/e+P3Swq/fORr3XHjw45Qy1toU2GOwJna++aHtjazosX90ZK8zB2hCLMcXS9YXWkOUwoLEjZ01feaLBIlcywXDN0LkQUgCqgHE9naGBW+dzpi81T8beBmq2lFrSq2RxfiSZnUjSkKYAJz1uH0maifhCNZTLnIeFwKpYb28rZ3tiFE5FLX7ukSRckVh2Ggk/sHcZk0MB2vQODVSBAkZ8+xv1Pg27ULweBRkDvkMVZEsANssb7JuHa56UDdGnKW6yTrcs2XWmGpjDWgwITtM2RmP64Q8Fjj8jjM7FRNBkCM4CJEzOQa327gSjhoDgFoIWC2QSi1Y6BmLb24Odysmptpxd5Tds6dZeWa9OEaiT+KCiVsuKG4eYo123we/gtqHWEq24XT0hmua6KsJtVchukRyHImiGLd0qXC6SmyaUCrMZ1ro1EwARGAsNPCC+NNf0kQp3X8se5fQ1rduwFZR57GXLxiYuxpWKn4BGsiJVbO+Qmrpy5WQzMhSLw1EmQVhaanpw8HQU9bATcklNTaTc3M2RJPX1EhLAj56WX0EDJrGxZWmlT9In94j7ar4pm8cnTIiBCxp3TIWV7m331SMDlODxDnJQl8RaIC2V+kXoBglTDp/HMeGodRr3zEYBcrVOTUX45Zjw1QeXsMaU7RrLMB7eG1m76LiuVSWjD/kfZXQyjvoP0GQDuNHg2sg+bUxpcnyDxdrB4wdb22U0+QJ6J13SZW2gWrR24PoTxg0T5Oy0rS8iZnutRzbGb4o/EL+RxIzVb4XlzRX38cDAHvnVk60DcIjUcqzRyJL7y19RNdQ12oA9Mjxi2Zc0V6rp8eyXawfTxrkBWUmV31EqtdI/e5xsoJ4lg93/5WhNqPIN9rfLxE3+/9Vy6lH/SeNl7fuzNi7q/jfnhEkCiV7RRWaurkhqdojpR243cSo8/DLONzUu7SsSrCP9XOHW5xuf5y0Qh/nUdsVs8W3J3NGfTZ8sYU33yZZ5l9YEsTr/X6SBIqXzlhljc05UdCDRDQ4OzOBgGsaeEiE6dTxwdSx5vc2jK+gXVH1M7vFe5DnNcMuOiEjpsmX/MaZTRfAJNGuEXB8ZMPZIlU+kZvGmSsUMu0i4jvSjWtW8KHkxeWTr2ivzQrcbhxEODdYHfF/Z8MCtBjpAbhDWaMd0C8o7SnmqG+U9eYxHj5xq/94ui0kC7yEoDvUHKvDZuH30jxtF56L6rnIn24eUvdgD29K9oVJGngVjUy21sux9CPwLINPc7r29LZcdp1c1qjSv7yjczxqVvsP2YA+kTlf3ih6VXlbJ8Vz/01qPKttMMdbBOPnbZlVyhncP84i3SvbCVBIFhZ7DzfB3723PXkCfbffTc3EGN5mnXPJPeLzRDRTiUusU7mDC1cFUJN5Hd3dnbWOS0obA/68bQuw8mxHq8A2q2lLRbOBOI8lkpDTsmhuMVNzVtdt3BYPD4LJQhn2BKWKPOCAQ4UoIAyAOAkABOCA+lw+PEO1eI9TTCIBLCTmOxBwz62o3OLGhvbc1zGu6S4raa4B6SZHCZvbYy/977UMhXNi++ynuovmWoXr8Y+zurePvB3ZRVyDE9/c9z4I7IEh6ua949ZyO5HqUzuWc2EFsJI7voB9FB+R8zlBWNkJg7vL18X2z+P3Hr0+mifuB1+gX4s/zzsdfoG23/RDwL3D/xbGZRs1yJRiEa5bt7HSqM+yNmAqjXeBdoJHbx1yxo0k428l4++W02W00uBbK98oLa4YzEW2N+LJmDSMRtKpRwo4vDPIfNB4nRoc+uY7J+5E8Yq96CS6Vo8kutIzP+x8LtVwycu+GxdS/ZnTjnP/JJfVhCqN2isTAfJOj0NYgLkP6sV9Fjdy81kRrPw9HvpqExlHaDZX1YRPK60MVxm0Ylm7+h/62Wfn5WzjwhqhUiYrR+pvJQNxL3SF82+qzVjvPhICGyMrJX//8GRIO6dUJ6r9/p2gtvYD7/dsz377TL904jjSMyFaXAsKUBKaRLMJDoE/0wyngVrx7x8dqVLx7z/cQ6t9e149fvU1tBZ48rnbtNA4k+jK09ZE8nifrJfabMTev0bwxP3PHQD7RU75ObQzIyns4Sa5ki2y2tSfPQm6Rkc4ATJ4n/aFOzOMjzBVWHONPnJCiknAkKooAqHxcrTytFP/BwzaCc+FhpXGi4Kzt5meujyPOiG0tsfkATDL4QHwwoGCumbLDqCu3bbT610nwO4gxbBT5ssgcMut8m2AMUO0v1rif8H3EeMQa51KtXAIJRrwUlcAlmBec5lxMaFc6F1dWv/L7JRB2AblEinUBMR43Jk5UTwVinwQAyGc0Xg9iUomcIpgmpxIOlIy+jZzK01bkuQ70y4f42OP63qyI4rYT2szuSWIm1gqNOEC1rnjuaEPH8iLlO8OCXQYGw4B5/sxO07K9EC6FOFiw3u2Lw6XAvROlTir1hGZ0EFPK+ez+coJr0OlwNc7b7cohloJ8GJ7Ab2qckxYQl1tI8XnHJ8txOBngpsd7IBX2AKqIQm8u2w8lpX9a+sg8z3iLfP7rjA9VplheRzQZU9q7rpSzmxdi2tb7QpQ6MTers3xSXmaIJdLbh2xcegWqVz1kjRL9h26e8r/9F92NgI3+N/h4jyoVxuPToHIdmYTm/9nUFHIv8NDVUjzqGwz+k3rqDvHvGBF6hRotxwowSNFeAX8kUcVjaeqWoU2hp+fXvzdyrPHEbggtF/3tY/Cn0YFs7zGWp8z+FovlXYkkQxlRGGp1PaWVOAR0EBdDJ/FpMbTrgBwrUQjtAc329IjAOkckMfeIwnoTIMCUd8Qh3z/iYlPEZ0Uzy15iVckDP2Eu2Gj5kFy9Y11cDsnpd/Bq5nQbIiv/kLI8SmM3PFbd4JDK8MlPPpXCiCVv6dobGozxFJJXWEsnSgmXvmc83271tjmYK4FZOW68IYvP7tLKc1jdxYH68HfAVcYsSa662P0PJJl8fTLqDAr6jTulq+rizZ64SUHJ0P7CxLPIFSWYbblHAr8xBVZFR+Rwgose78ZUeVd/zIY1V/BdczP6K0hM0QzL8cLjXaFkFrXdbbez4x+0u+Idf0vX7hPVeH5VI2uAzNS7tYevgMtCbmiPl9vHYWpqGgA=') format('woff2'),
  url('../font/iconfont.woff?t=1562303681149') format('woff'),
  url('../font/iconfont.ttf?t=1562303681149') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../font/iconfont.svg?t=1562303681149#iconfont') format('svg'); /* iOS 4.1- */
}

@font-face {
  font-family: 'iconfont-kefu';
  src: url('../font/kefu/iconfont.eot');
  src: url('../font/kefu/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/kefu/iconfont.woff2') format('woff2'),
      url('../font/kefu/iconfont.woff') format('woff'),
      url('../font/kefu/iconfont.ttf') format('truetype'),
      url('../font/kefu/iconfont.svg#iconfont') format('svg');
}

@font-face {
  font-family: 'iconfont-phone';
  src: url('../font/phone/iconfont.eot');
  src: url('../font/phone/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../font/phone/iconfont.woff2') format('woff2'),
      url('../font/phone/iconfont.woff') format('woff'),
      url('../font/phone/iconfont.ttf') format('truetype'),
      url('../font/phone/iconfont.svg#iconfont') format('svg');
}

body {
	font-family: PingFangSC, PingFangSC-Regular, "Noto Sans SC", "microsoft yahei","Arial";
    overflow-x: hidden;
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconfont-kefu {
  font-family: "iconfont-kefu" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.iconfont-phone {
  font-family: "iconfont-phone" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

li{list-style-type:none; float:left;}
a{text-decoration:none;outline: none;}
a:link {color: #676a6d}		/* 未访问的链接 */
a:visited {color: #676a6d}	/* 已访问的链接 */
a:hover {color: #555}	/* 鼠标移动到链接上 */
a:active {color: #676a6d}	/* 选定的链接 */
img{border:none;}
i{font-style:normal}
input,select,textarea{outline:none;text-indent:6px;}
textarea{resize:none;}
div{margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
*{
	-webkit-box-sizing:border-box; /* Safari */
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */

}

.cont a:visited {
	color:#fff;
}

.tops{
	width: 100%;
	height: 28px;
	background-color: #333;
	line-height: 28px;
}

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

.wid{
	width: 1200px;
}

.wid-plus {
	width: 1520px;
}

@media screen and (max-width:768px){
	.wid,
	.wid-plus {
		width:100%;
	}
}

.welcome{
	font-size: 13px;
	color: #fff;
}

.tops .cont{
	color: #fff;
	font-size: 13px;
}
.tops .cont em{
	float: right;
	font-style: normal;
	padding-left: 50px;
}

.head{

	display: table;
	padding-top: 20px;
}
.logo-txt{
	padding-left: 52px;
	position: relative;
}
.logo-txt:after{
	content: '';
	position: absolute;
	left: 28px;
	top: 8px;
	width: 2px;
	height: 50px;
	background-color: #efefef;
}
@media screen and (max-width:768px){
	.logo { line-height:40px; }
	.logo-img { width:45%;margin-left:2%; }
	.logo-img img { max-width:100%; }
	.logo-txt{
		padding-left: 20px;
		position: relative;
		width:50%;
		padding-top:5px;
	}
	.logo-txt:after{
		content: '';
		position: absolute;
		left: 8px;
		top: 8px;
		width: 2px;
		height: 50px;
		background-color: #efefef;
	}
}
.logo-txt h5{
	height: 34px;
	text-align: center;
	position: relative;
}
.logo-txt h5 span{
	display: inline-block;
	padding: 0 14px;
	background-color: #fff;
	margin: 0 auto;
	line-height: 34px;
	position: relative;
	z-index: 9;
	font-size: 16px;
	color: #555;
	font-weight: normal;
}
.logo-txt h5:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
	background-color: #d4d4d4;
}

.logo-txt h3{
	color: #333;
	font-size: 18px;
}

@media screen and (max-width:768px){
	.head {
	    display: block;
	    height:80px;
	    padding-top: 20px;
	    /*overflow: hidden;*/
	}
	.logo-txt h5 span {
	    display: inline-block;
	    padding: 0 14px;
	    background-color: #fff;
	    margin: 0 auto;
	    line-height: 14px;
	    position: relative;
	    z-index: 9;
	    font-size: 12px;
	    color: #555;
	    font-weight: normal;
	    top: -10px;
	}
	.logo-txt h5{
		height: 20px;
		text-align: center;
		position: relative;
	}
	.logo-txt h3{
		color: #333;
		font-size: .7rem;
		line-height:25px;
		text-align:center;
	}
}



.head .cont{
	line-height: 72px;
	position:relative;
}

.head .cont .cart-number {
	width:20px;
	height:20px;
	background:red;
	color:#fff;
	border-radius:10px;
	line-height:20px;
	text-align:center;
	font-size:12px;
	position:absolute;
	right:-13px;
	top:12px;
}

.head .cont span img{
	float: left;
	margin: 22px 0;
	margin-right: 6px;
	width:25px;
}

.head .cont span{
	font-size: 16px;
	float: left;
}
@media screen and (max-width:768px){
	.head .cont span#hotline{
		display:none;
	}
	.head .cont .cart-number {
		width:20px;
		height:20px;
		background:red;
		color:#fff;
		border-radius:10px;
		line-height:20px;
		text-align:center;
		font-size:12px;
		position:absolute;
		right:8px;
		top:68px;
		z-index:999;
	}

	.head .cont .cart-number.mobile {
		position:fixed;
		right:8px;
		top:10px;
	}

}
.head .cont i.shop-car{
	display: inline-block;
	width: 30px;
	height: 32px;
	background: url(../images/gouwuche.png) center no-repeat;
	background-size:30px 30px;
	float: right;
	margin: 20px 0;
	margin-left: 35px;
	cursor:pointer;
}

@media screen and (max-width:768px){
	.head .cont i.shop-car {
	    background-size: 30px 30px;
	    cursor: pointer;
	    position: absolute;
	    right: 15px;
	    top: 72px;
	    z-index: 10000;
	    margin-left: 0;
	    margin: 0;
	    background: url(../images/gouwuche.png) center no-repeat;
	}
	.head .cont i.shop-car.mobile {
	    background-size: 30px 30px;
	    cursor: pointer;
	    position: fixed;
	    right: 15px;
	    top: 16px;
	    z-index: 889;
	    margin-left: 0;
	    margin: 0;
	    background: url(../images/gouwuche_w.png) center no-repeat;
	}

}

.nav{
	width: 100%;
	height: 64px;
	position: relative;
	background: transparent;
}

.nav .nav-mobile{
	display:none;
}

.nav.fixed {
	position:fixed;
	top:0;
	background-color: #EC732F;
	border-bottom: 1px solid #EC732F;
}

.nav .bgsf{
	width: 100%;
	background-color: #fff;
	display: table;
	position: absolute;
	z-index: 99;
	top: 70px;
	display: none;
	box-shadow: 0 1px 3px rgba(0,0,0,.1);
}

.nav .wid-plus {
	position: relative;
	max-width: 1520px;
	min-width: 1340px;
	width: 100%;
	padding: 0 10px;
}

.nav-menu {
	display: flex;
	align-items: center;
}

@media screen and (max-width:768px){
	.nav{
		width: 100%;
		height: 64px;
	}
	.nav-menu > ul{ display:none!important; }
	.nav .nav-mobile{
		display:inline-block;
		width:35px;
		height:35px;
		margin: 0;
	}
	.nav .nav-mobile img {
		width:100%;
		height:100%;
	}
}

.nav-menu>ul{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	height: 64px;
}

.nav-menu>ul>li{
	display: flex;
	align-items: center;
	position: relative;
	z-index: 3;
	font-size: 14px;
	height: 64px;
	color: #333;
	margin: 0 24px;
}


.nav-menu>ul>li {

}

.nav-menu>ul>li:hover .nav-menu-slide-list {
	display: block;
}

.nav-menu>ul>li>h4 {
	padding: 0 10px;
	height: 35px;
	line-height: 35px;
	background-color: transparent;
	white-space: nowrap;
}

.nav-menu>ul>li:hover h4,
.nav-menu>ul>li.active h4{
	background-color: #343233;
}
.nav-menu>ul>li>h4>a,
.nav-menu>ul>li>h4>span {
	color: #fff!important;
	cursor: pointer;
}

.nav .nav-menu-slide{
	background-color: #fff;
	z-index: 99;
}

.nav-menu-slide-list{
	position: absolute;
	left: -24px;
	top: 64px;
	width: 660px;
	min-height: 30px;
	display: none;
	background-color: #fff;
	padding: 0 10px;
	box-sizing: border-box;
}

.nav-menu-slide-list ul {
	display: flex;
	flex-wrap: wrap;
	width: 660px;
}

.nav-menu-slide-list ul li {
	width: 25%;
}

.nav-menu-slide-list-title {
	margin: 0;
	height: 40px;
	line-height: 40px;
}
.nav-menu-slide-list-title a{
	color: #333333;
	font-weight: 500;
	font-size: 18px;
}

.nav-menu-slide-list-list a {
	display: block;
	font-size: 16px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #666666;
	line-height: 1.5em;
}

.nav-menu ul li h4{
	font-weight: normal;
	position: relative;
}

.nav-menu ul li.active h4 a{
	color: #555;
}

.nav-menu ul li:hover h4 a{
	color: #555;
}

.nav-menu ul li h4 a{
	color: #333;
}

.nav-menu-slide-list-title a:link {
	color:#676a6d;
}
.nav-menu-slide-list-title a:active {
	color:#555;
}
.nav-menu-slide-list-title a:hover {
	color:#555;
}
.nav-menu-slide-list-title a:visited {
	color:#676a6d;
}


.search-btnbox {
	min-width: 30px;
	min-height: 30px;
}

.search-btnbox .searchbtn {
	width: 30px;
	height: 30px;
	background: url('../images/search.png');
	background-size: 30px 30px;
	cursor: pointer;
}

.nav-search{
	width: 282px;
	height: 38px;
	border-radius: 5px;
}

.nav-search-sele{
	width: 80px;
	height: 100%;
	position: relative;
}
.nav-search-sele .nav-search-sele-slide{
	width: 100%;
	display: table;
	background-color: #f7f7f7;
	z-index: 99;
	top: -5px;
	padding-top: 5px;
	position: relative;
	display: none;
}
.nav-search-sele .nav-search-sele-slide p{
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	color: #333;
	position: relative;
	cursor: pointer;
}
.nav-search-sele .nav-search-sele-slide p:hover{
	background-color: #ccc;
	color: #fff;
}
.nav-search-sele .nav-search-sele-slide p:hover:after{
	width: 0;
}
.nav-search-sele .nav-search-sele-slide p:after{
	content: '';
	position: absolute;
	left:5%;
	top: -1px;
	width: 90%;
	height: 1px;
	background-color: #e1e1e1;
}
.nav-search-sele h4{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 38px;
	text-align: center;
	line-height: 38px;
	font-weight: normal;
	color: #fff;
	cursor: pointer;
}
.nav-search-sele h4 img {
	margin-left: 10px;
}

.nav-search-input{
	width: 200px;
	height: 38px;
	padding: 0 12px;
}
.nav-search-input input.txt{
	width: 120px;
	height: 30px;
	border: none;
	background: none;
	margin: 4px 0;
	font-size: 14px;
	color: #fff;
	float: left;
}

.nav-search-input input.submit{
	width: 38px;
	height: 38px;
	background: url(../images/search.png)center no-repeat;
	background-size: 30px;
	float: right;
	border: none;
	cursor: pointer;
}

@media screen and (max-width:768px){
	.nav-search { width:70%; }
	.nav-search.fr {float:none;}
	.nav-search-sele{
		width: 60px;
		height: 100%;
		font-size:.8rem;
		position: relative;
	}
	.nav-search-input{
		width: calc(100% - 60px);
		height: 38px;
		padding: 0 6px;
	}
	.nav-search-input input.txt{
		width: calc(100% - 38px);
		height: 30px;
		border: none;
		background: none;
		margin: 4px 0;
		font-size: 14px;
		color: #333;
		float: left;
	}
}

.fix-nav{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	position: fixed;
	left: -100%;
	top: 0;
	z-index: 999;
	font-size:.8rem;
}
.fix-nav span.close{
	display: inline-block;
	width: 1.6rem;
	height: 1.6rem;
	background: url(../../mobile/images/close.png)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	right: .3rem;
	top: .3rem;
}
.fix-nav-col{
	width: 55%;
	height: 100%;
	background-color: #343434;
	float: left;
	padding: 0 .35rem;
	padding-top: .26rem;
	overflow-y:auto;
}

.fix-nav-logo{
	width: 100%;
	height: 3rem;
	border-bottom: .02rem solid #444444;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fix-nav-logo img{
	height: 2.4rem;
}

.fix-nav-list{
	width: 100%;
	display: table;
}
.fix-nav-list ul{
	width: 100%;
}
.fix-nav-list ul li{
	width: 100%;
	display: table;
}
.fix-nav-list-title{
	width: 100%;
	height: 2.4rem;
	border-bottom: .02rem solid #444;
	line-height: 2.4rem;
	padding-left:10px;
}

.fix-nav-list-ico{
	width: 1.6rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    display: block;
    margin-top: 5px;
}
.fix-nav-list-ico img{
	height: 1.3rem;
}
.fix-nav-list-txt{
	color: #fff;
	font-size: 1rem;
	padding-left:15px;
}
.fix-nav-list-txt a{
	color: #fff;
}
.fix-nav-list-txt span{
	float: left;
	padding-right: .2rem;
}
.fix-nav-list-txt i.nav-slide{
	display: inline-block;
	width: .6rem;
	height: .4rem;
	background: url(../../mobile/images/ic17.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	transform: rotate(270deg);
	float: left;
	margin: 1rem 0;
}
.fix-nav-list ul li.acti .fix-nav-list-txt i.nav-slide{
	transform: rotate(360deg);
}
.fix-nav-list-slide{
	width: 100%;
	display: table;
	padding-left: .35rem;
	display: none;
	background:#505050;
}
.nav-list-slide-list{
	width: 100%;
	display: table;
}
.nav-list-slide-list a{
	color:#fff;
}
.nav-list-slide-list.acti .nav-list-slide-title span{
	color: #e08944;
}
.nav-list-slide-list.acti .nav-list-slide-title i.slide-btn{
	background: url(../../mobile/images/ic17-1.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	transform: rotate(360deg);
}
.nav-list-slide-title{
	width: 100%;
	line-height: 2rem;
	height: 2rem;
	color: #fff;
	padding-left:15px;
	border-bottom:1px solid #444;
}
.nav-list-slide-title span{
	font-size: .8rem;
	display: inline-block;
	width: auto;
	padding-right:10px;
	float: left;
}
.nav-list-slide-title i.slide-btn{
	width: .6rem;
	display: inline-block;
	float: right;
	transition: .5s;
	height: .4rem;
	background: url(../../mobile/images/ic17.png) center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	margin: .8rem 10px 0 0;
}

.nav-list-slide-item{
	width: 100%;
	display: table;
	border-bottom: .02rem solid #444;
	display: none;
	padding:5px 10px;
}
.nav-list-slide-item a{
	display: inline-block;
	width: auto;
	height: 1.5rem;
	background-color: #574537;
	color: #b9b2ac;
	line-height: 1.5rem;
	border-radius: .05rem;
	padding: 0 .36rem;
	margin-right: .2rem;
	margin-bottom: .25rem;
}

.bannar{
	width: 100%;
	/*padding-bottom: 60px;*/
	position: relative;
	/*margin-bottom: 90px;*/
	overflow: hidden;
	height: auto;
	/* min-height:625px; */
}
.bannar img{
	width: 100%;
}
.bannar-roll{
	width: 100%;
}
.bannar .swiper-pagination{
	width: 100%;
	text-align: center;
	bottom: 0 ;
	margin-bottom:30px;
}
.bannar .swiper-pagination-bullet{
	height: 8px;
	background-color: transparent;
	border-radius: 4px;
	margin: 0 14px;
	opacity: 1;
	border: 1px solid #fff;
}
@media screen and (max-width:768px){
	.bannar{
		width: 100%;
		height:100px;
		background-size:100% 100px;
	}
	.bannar .swiper-pagination{
		bottom:-20px;
		margin-bottom:0;
	}
}
.bannar .swiper-pagination-bullet-active{
	background-color: #fff;
}

.company{
	width: 100%;
	/*background: url(../images/bg1.jpg)top repeat-x;*/
	border-top:5px solid #333;
	min-height: 100px;
	margin-top:100px;
}
.company-title{
	width: 600px;
	background-color: #fff;
	min-height: 100px;
	text-align: center;
	top: -44px;
	position: relative;
}
.company-title h3{
	text-align: center;
	line-height: 56px;
	font-size: 30px;
	color: #333;
}
.company-title p{
	color: #555;
	line-height: 26px;
}

.company-col{
	width: 100%;
	text-align: center;
	/*padding-top: 20px;*/
	overflow:hidden;
}
.company-intr{
	width: 100%;
	display: table;
	/*min-height: 100px;*/
}
.company-intr h5{
	text-align: center;
	/*border-bottom: 1px solid #333;*/
	/*padding-bottom: 25px;*/
}
.company-intr h5 span{
	display: inline-block;
	/*width: 262px;
	height: 62px;*/
	/*border-bottom: 1px solid #2087cc;*/
	/*line-height: 62px;*/
	font-size: 32px;
	font-weight: normal;
	color: #333;
}
@media screen and (max-width:768px){
	.company {
	    width: 100%;
	    /* background: url(../images/bg1.jpg)top repeat-x; */
	    border-top: none;
	    min-height: 0;
	    margin-top: 60px;
	}
	.company-title{
		width: 100%;
		background-color: #fff;
		min-height: 0;
		text-align: center;
		top: 0;
		position: relative;
	}
	.company-intr{
		width: auto;
		display: table;
		/*min-height: 100px;*/
	}
	.company-intr h5{
		text-align: center;
		/*border-bottom: 1px solid #333;*/
		padding-bottom: 0;
	}
	.company-title h3{
		font-size: 1.3rem;
		line-height:40px;
	}
	.company-title p{
		margin:0 10px;
	}
}
.sub-title {
	font-size:16px;
	color:#666;
	font-weight:100;
	width:70%;
	margin:40px auto;
	margin-top:20px;
	font-size:14px;
	font-weight:300;
}
.company-intr-col{
	width: 100%;
	/*border-bottom: 1px solid #333;*/
	text-align: left;
	font-size: 16px;
	line-height: 26px;
	color: #555;
	text-align: justify;
	padding: 0 0 30px;
	/*min-height: 370px;*/
}
.company-honor{
	width: 100%;
	margin-top:20px;
}
.company-honor h5 span{
	display: inline-block;
	/*width: 262px;*/
	/*height: 62px;*/
	/*border-bottom: 1px solid #2087cc;*/
	/*line-height: 62px;*/
	font-size: 32px;
	font-weight: normal;
	color: #333;
}
.company-honor h5{
	padding-bottom: 25px;
}

.company-honor-col{
	max-width: 1000px;
	width: 100%;
	position: relative;
}
.style .swiper-pagination,
.factory .swiper-pagination {
	position: absolute;
	bottom: -20px;
	left: 50%;
	transform: translateX(-50%);
}

.style .swiper-pagination span,
.factory .swiper-pagination span {
	margin-right: 10px;
	width: 6px;
	height: 6px;
}

.style .swiper-pagination-bullet-active,
.factory .swiper-pagination-bullet-active,
.factory-li-active {
	width: 10px!important;
	height: 10px!important;
	color: #FF8B23;
	background: #FF8B23;
}

.company-honor-img{
	height: 260px;
}

.company-honor-img ul{
	width: 100%;
}
.company-honor-img ul li{
	width: 100%;
	height: auto;
	/* border:1px solid #ddd; */
}
.company-honor-img ul li img{
	width: 100%;
	height: 100%;
}
.company-honor-col .swiper-button-prev{
	width: 40px;
	height: 40px;
	background: url(../images/left.png)center no-repeat;
	outline: none;
}
.company-honor-col .swiper-button-next{
	width: 40px;
	height: 40px;
	outline: none;
	background: url(../images/right.png)center no-repeat;
}

@media screen and (max-width:768px){
	.company-intr-col{
		width: 90%;
		/*border-bottom: 1px solid #333;*/
		text-align: left;
		font-size: .8rem;
		line-height: 1.2rem;
		color: #555;
		text-align: justify;
		padding: 0 0 30px;
		/*min-height: 370px;*/
	}

	.company-honor h5 span{
		display: inline-block;
		/*width: 262px;*/
		/*height: 62px;*/
		/*border-bottom: 1px solid #2087cc;*/
		/*line-height: 62px;*/
		font-size: 1.3rem;
		font-weight: normal;
		color: #333;
	}
	.company-honor-img{
		width: 90%;
		height: auto;
	}
	.company-honor-img ul li{
		width: 100%;
		height: auto;
	}
	.sub-title {
		font-size:.8rem;
		color:#666;
		font-weight:100;
		width:80%;
		margin:20px auto;
		margin-top:20px;
	}
}

.product{
	width: 100%;
	display: table;
	padding-top: 100px;
}

.title{
	width: 100%;
	text-align: center;
}
.title h5{
	text-align: center;
}
.title h5 span{
	display: inline-block;
	width: 262px;
	height: 62px;
	line-height: 62px;
	font-size: 32px;
	font-weight: 700;
	color: #333;
}

.product-type{
	width: 100%;
	text-align: center;
	padding-top: 50px;
}
.product-type ul{
	width:1248px;
	margin-left: -48px;
}
.product-type ul li{
	width: 110px;
	display: table;
	margin-left: 18px;

}
.product-type ul li.active img{
	/*border:2px solid red;*/

}
.product-type-img{
	border-radius: 50%;
	width: 120px;
	height: 120px;
	padding-top:20%;
}
.product-type-img img{
	width: 80%;
	height: 100%;
	border-radius:50%;
	cursor:pointer;
	/*border:2px solid #f5f5f5;*/
}
.product-type-txt{
	text-align: center;
	line-height: 48px;
	font-size: 18px;
	color: #676a6d;
	cursor:pointer;
}
.product-type ul li.active .product-type-txt{
	color: #000;
}

.product-list{
	width: 100%;
	display: table;
	padding-top: 48px;
}

.product-list-item{
	width: 100%;
}
.product-list-title{
	width: 100%;
	height: 46px;
	border-bottom: 1px solid #dcdcdc;
	line-height: 45px;
}

.product-list-fl b{
	font-size: 22px;
	color: #34414a;
	font-weight: normal;
	float: left;
}
.product-list-fl em{
	color: #414254;
	padding-left: 10px;
	font-style: normal;
}
.product-list-type ul{
	float: left;
}
.product-list-type ul li{
	line-height: 46px;
	margin: 0 20px;
	color: #444;
	font-size: 14px;
	position: relative;
}
.product-list-type ul li:after{
	content: '';
	position: absolute;
	right:-20px ;
	top: 50%;
	margin-top: -5px;
	width: 1px;
	height: 10px;
	background-color: #dbdbdb;
}

.product-list-type a.more{
	color: #555;
	font-size: 14px;
	padding:0 20px;
}
.product-list-type ul li a{
	color: #555;
}
.product-list-type ul li:hover a{
	color: #333;
}

.product-list-col{
	width: 100%;
	display: table;
}
.product-list-col ul{
	width: 1200px;
	/*margin-left: -8px;*/
}
.product-list-col ul li{
	width: 290px;
	display: block;
	margin: 10px;
	margin-left:0;
	float:left;
	border:1px solid #fff;
}
.product-list-col ul li:hover{
	/*border:1px solid red;
	border-radius:10px;*/
}
.product-list-col ul li:nth-child(4n){

	margin-left:0;
	margin-right:0;
	float:right;
}
.product-list-img{
	width: 100%;
	height: 206px;
}
.product-list-img img{
	max-width: 100%;
}

.product-list-txt{
	width: 100%;
	line-height: 32px;
	font-size: 16px;
	color: #999;
	text-align: center;
}


.product-list-col ul li:hover .product-list-txt{
	color:#000;
}

@media screen and (max-width:768px){
	.product{
		width: 100%;
		display: block;
		padding-top: 30px;
		overflow:hidden;
	}
	.title h5 span{
		display: inline-block;
		width: 60%;
		height: auto;
		border-bottom: 2px solid #555;
		line-height: 32px;
		font-size: 1.2rem;
		font-weight: 700;
		color: #333;
	}
	.product-type{
		width: 100%;
		text-align: center;
		padding-top: 0;
		overflow:hidden;
	}
	.product-type ul{
		width:100%;
		margin-left: 0;
	}
	.product-type ul li{
		width: 29.333%;
		display: inline-block;
		margin:2%;
	}
	.product-type-img{
		border-radius: 50%;
		width: 80px;
		height: 80px;
		padding-top:0;
	}
	.product-type-img img{
		width: 100%;
		height: auto;
		border-radius:50%;
		cursor:pointer;
		/*border:2px solid #f5f5f5;*/
	}
	.product-type-txt{
		text-align: center;
		line-height: 1.2rem;
		font-size: .8rem;
		color: #676a6d;
		cursor:pointer;
	}
	.product-list{
		width: 100%;
		display: block;
		padding-top: 18px;
	}

	.product-list-title{
		width: 100%;
		height: 2rem;
		font-size:1rem;
		border-bottom: 1px solid #dcdcdc;
		line-height: 2rem;
		padding-left:15px;
		position:relative;
	}
	.product-list-type{
		position:absolute;
		top:2rem;
		width:96%;
		left:2%;
		display:none;
	}
	.product-list-type.fr{
		float:none;
	}
	.product-list-col{
		width: 100%;
		display: block;
	}
	.product-list-col ul{
		width: 100%;
		/*margin-left: -8px;*/
	}
	.product-list-col ul li{
		width: 46%;
		display: inline-block;
		margin: 2%;
		float:left;
		border:none;
	}
	.product-list-img{
		width: 100%;
		height: auto;
	}
	.product-list-txt{
		width: 100%;
		line-height: 1.2rem;
		font-size: .8rem;
		color: #999;
		text-align: center;
	}
	.product-list-fl b{
		font-size: 1rem;
		color: #34414a;
		font-weight: normal;
		float: left;
	}
}

.case{
	width: 100%;
	display: table;
	padding-top: 70px;
}


.case-list{
	width: 100%;
	padding-top: 20px;
}
.case-list h6{
	margin: 0;
	line-height: 42px;
}
.case-list h6 a{
	float: right;
	font-size: 16px;
	color: #1d7fc8;
	font-weight: normal;
}
.case-list ul{
	width: 1208px;
	margin-left: -8px;
	display: table;
}
.case-list ul li{
	width: 294px;
	height:196px;
	display: table;
	margin-left: 8px;
	position:relative;
}
.case-list-img{
	width: 100%;
	height: 186px;
	border:1px solid #f1f1f1;
	/*line-height:283px;*/
	overflow:hidden;
}
.case-list-img img{
	width: 100%;
	height: 100%;
}


.case-list-txt{
	width: 100%;
	height:186px;
	background:rgba(0,0,0,0.8);
	color:#fff;
	padding: 10% 5% 10%;
	display: table;
	text-align:center;
	position:absolute;
	top:0;
	display:none;
	cursor:pointer;
}

.cases-list:hover .case-list-txt{
	display:block;
}

.case-list-txt h4{
	line-height: 20px;
	font-size: 16px;
	color: #EC732F;
	font-weight: normal;
	margin-bottom:15px;
}
.case-list-txt p{
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	padding-top: 5px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

@media screen and (max-width:768px){
	.case{
		width: 100%;
		display: block;
		padding-top: 50px;
		overflow:hidden;
	}
	.case-list ul{
		width: 100%;
		margin-left: 0;
		display: block;
		overflow:hidden;
	}
	.case-list ul li{
		width: calc(46% - 3px);
		height:auto;
		max-height:170px;
		display: inline-block;
		margin: 2%;
		position:none;
		float:none;
		overflow:hidden;

	}
	.case-list-img{
		width: 100%;
		height: auto;
		/*border:1px solid #f1f1f1;*/
	}
	.case-list h6{
		margin: 0;
		line-height: 42px;
		display:block;
		width:80%;
		margin-left:10%;
		text-align:center;
	}
	.case-list h6 a{
		float: none;
		font-size: 1rem;
		color: #1d7fc8;
		font-weight: normal;
	}
}

.product-photo{
	width: 100%;
	display: table;
	padding-top: 70px;
}

.product-photo-col{
	width: 100%;
	margin-top: 70px;
	min-height: 200px;
	position: relative;
	display: inline-block;
}
/*.product-photo-col:after{
	width: 1140px;
	height: 14px;
	background-color: #1984cc;
	position: absolute;
	left: 30px;
	bottom:-8px;
	content: '';
}*/
.product-photo-prod{
	width: 100%;
	/*height: 588px;*/
	margin: 6px 0;
}

.product-photo-type{
	width: 270px;
	height: 600px;
	overflow: hidden;
	position: relative;
}
.product-photo-type span.prev{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/prev.png)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	z-index: 99;
	cursor: pointer;
	top: 5px;
}
.product-photo-type span.next{
	display: inline-block;
	width: 40px;
	height: 40px;
	background: url(../images/next.png)center no-repeat;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	z-index: 99;
	cursor: pointer;
	bottom: 5px;
}
.product-photo-type ul{
	width: 100%;
	position: absolute;
}
.product-photo-prod-list{
	width: 100%;
	display: none;
}
.show{
	display: block !important;
}
.product-photo-type ul li{
	width: 100%;
	height: 138px;
	margin: 6px 0;
	position: relative;
}
.product-photo-type-img{
	width: 100%;
	height: 100%;
}
.product-photo-type-img img{
	width: 100%;
	height: 100%;
}
.product-photo-prod-small ul li.active p{
	color: #2087cc;
	font-size: 18px;
}
.product-photo-type-slide{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: absolute;
	left: 0;
	top: 0;
}
.product-photo-type ul li.active .product-photo-type-slide{
	display: none;
}

.product-photo-prod-top{
	width: 100%;
	height: auto;
}
.product-photo-prod-top img{
	width: 100%;
	height: auto;
}
.product-photo-prod-small{
	width: 100%;
	height: 100px;
	margin-top:5px;
}
.product-photo-prod-small ul{
	width: 100%;
}
.product-photo-prod-small ul li{
	width: 236px;
	height: 100px;
	margin-right: 5px;
	position: relative;
	cursor:pointer;
	font-size:0;
}
.product-photo-prod-small ul li:nth-child(5){
	margin-right: 0;
}
.product-photo-prod-small ul li img{
	width: 100%;
	height: 100%;
}
.product-photo-prod-small ul li p{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: absolute;
	left: 0;
	top: 0;
	line-height: 100px;
	text-align: center;
	color: #fff;
	font-size: 18px;
}


@media screen and (max-width:768px){
	.product-photo{
		width: 100%;
		display: none;
		padding-top: 70px;
	}
}

.service{
	padding-top: 120px;
}
.service-col{
	width: 100%;
	display: table;
	padding-top: 70px;
}
.service-col ul{
	width: 1208px;
	margin-left: -8px;
}
.service-col ul li{
	width: 294px;
	display: table;
	margin-left: 8px;
}

.service-img{
	width: 100%;
	height: 225px;
}
.service-img img{
	width: 100%;
	height: 100%;
}
.service-txt{
	text-align: center;
	padding-top: 8px;
}
.service-txt h4{
	line-height: 40px;
	color: #dd3103;
	font-size: 16px;
}
.service-txt p{
	line-height: 32px;
	font-size: 14px;
	color: #666;
}
.service-cont{
	padding-top: 8px;
	width: 100%;
}
.service-cont h4{
	line-height: 40px;
	color: #dd3103;
	font-size: 16px;
	text-align: center;
}
.service-cont p span{
	display: block;
	color: #666;
}
.service-cont p{
	text-align: center;
	line-height: 32px;
}
.service-cont p b{
	display: block;
	line-height: 32px;
	font-size: 20px;
	color: #035eb9;
	font-family: arial;
}
.service-cont p em{
	display: block;
	padding-top: 5px;
}


@media screen and (max-width:768px){
	.service{
		padding-top: 30px;
		overflow:hidden;
	}
	.service-col{
		width: 100%;
		display: block;
		padding-top: 30px;
	}
	.service-col ul{
		width: 100%;
		margin-left: 0;
	}
	.service-col ul li{
		width: 46%;
		display: inline-block;
		margin: 2%;
	}
	.service-img{
		width: 100%;
		height: auto;
	}
	.service-txt{
		text-align: center;
		padding-top: 8px;
	}
	.service-txt h4{
		line-height: 1.8rem;
		color: #dd3103;
		font-size: .8rem;
	}
	.service-txt p{
		line-height: 1.4rem;
		font-size: .7rem;
		color: #666;
	}
	.service-cont h4{
		line-height: 1.8rem;
		color: #dd3103;
		font-size: .8rem;
		text-align: center;
	}
	.service-cont p{
		text-align: center;
		line-height: 1.2rem;
	}
	.service-cont p em{
		display: none;
		padding-top: 5px;
	}
}

.cooperation{
	padding-top: 100px;
	position: relative;

}
.cooperation .title h6{
	line-height: 50px;
	font-size: 18px;
	color: #3d3d3d;
	font-weight: normal;
	padding-top: 18px;
	margin: 0;
}

.cooperation-roll{
    width: 1150px;
    margin: 0 auto;
    height: 176px;
    margin-top: 10px;
}
.cooperation-roll ul{
	width: 100%;
}
.cooperation-roll ul li{
    width: 108px !important;
    height: 78px;
	margin: 0 10px !important;
	margin-bottom: 10px;
	display: flex;
	background-color: #fff;
	justify-content: center;
	align-items: center;
}
.cooperation-roll ul li img{
	max-width: 100%;
}
.cooperation .swiper-button-prev{
	width: 26px;
	height: 44px;
	background: url(../images/left2.png) center no-repeat;
	top: inherit !important;
	left: 40px;
	bottom: 40px !important;
	outline: none;
}
.cooperation .swiper-button-next{
	width: 26px;
	height: 44px;
	background: url(../images/right2.png) center no-repeat;
	top: inherit !important;
	bottom: 40px !important;
	right: 40px;
	outline: none;
}

@media screen and (max-width:768px){
	.cooperation{
		padding-top: 30px;
		position: relative;
	}
	.cooperation-roll{
		width: 100%;
		margin: 0 auto;
		height: 100px;
		margin-top: 10px;
	}
	.cooperation-roll ul li img{
		max-width: 100%;
		max-height:100%;
		height:100px;
	}
	.cooperation-roll ul li{
		width: 120px !important;
		height: 80px;
		border: 2px solid #e7e7e7;
		margin: 0 5px !important;
		display: flex;
		background-color: #fff;
		justify-content: center;
		align-items: center;
	}

	.cooperation .swiper-button-prev{
		width: 26px;
		height: 44px;
		background: url(../images/left2.png) center no-repeat;
		top: inherit !important;
		left: 10px;
		bottom: 40px !important;
		outline: none;
	}
	.cooperation .swiper-button-next{
		width: 26px;
		height: 44px;
		background: url(../images/right2.png) center no-repeat;
		top: inherit !important;
		bottom: 40px !important;
		right: 10px;
		outline: none;
	}
}

.banns{
	width: 1200px;
	height: 228px;
	background: url(../images/img2.jpeg) center no-repeat;
	margin-top: 92px;
	padding-left: 205px;
	padding-top: 40px;
}
.banns h4{
	line-height: 64px;
	font-size: 20px;
	color: #fff;
	font-weight: normal;
}
.banns p{
	color: #fff;
	line-height: 24px;
	font-size: 12px;
}
.banns.mobile{
	display:none;
}
@media screen and (max-width:768px){
	.banns.pc{
		display:none;
	}
	.banns.mobile{
		width:100%;
		display:block;
		margin-top:10px;
		padding-left:0;
		padding-top:0;
		height:auto;
		min-height:120px;
	}
}
.news{
	display: table;
	padding-top: 75px;
	padding-bottom:50px;
}

.news-fl{
	width: 680px;
	display: table;
}
.news h5{
	width: 100%;
	height: 44px;
	line-height: 44px;
}
.news h5 span{
	padding-left: 26px;
	position: relative;
	line-height: 44px;
	font-weight: normal;
	font-size: 18px;
	color: #030303;
}
.news h5 span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
	width: 6px;
	height: 24px;
	background-color: #1180c8;
	border-radius: 3px;
}
.news h5 a{
	float: right;
	font-weight: normal;
	color: #555;
	font-size: 14px;
}

.news-tab{
	width: 100%;
	display: table;
	padding:0 10px;
}
.news-tab ul{
	width: 100%;

	margin-left: -16px;
}
.news-tab ul li{
	/*width: 120px;*/
	height: 34px;
	border: 1px solid #181818;
	border-radius: 17px;
	text-align: center;
	line-height: 32px;
	font-size: 14px;
	margin: 30px 0;
	margin-left: 10px;
	padding:0 12px;
	cursor:pointer;
}
.news-tab ul li.active{
	background-color: #333333;
	color: #fff;
}
.news-list{
	width: 100%;
	display: table;
}
.news-list ul{
	width: 100%;
}
.news-list ul li{
	width: 100%;
	height: 96px;
	margin: 10px 0;
	cursor:pointer;
}

.news-list-img{
	width: 190px;
	height: 96px;
}
.news-list-img img{
	width: 100%;
	height: 100%;
}
.news-list-txt{
	width: 470px;
	height: 96px;
}

.news-list-txt-q{
	width: 100%;
	line-height: 34px;
}
.news-list-txt-q i{
	float: left;
	width: 22px;
	height: 22px;
	background-color: #0073c3;
	color: #fff;
	text-align: center;
	line-height: 22px;
	display: inline-block;
	margin: 6px 0;
	margin-right: 10px;
}
.news-list-txt-q span{
	font-size: 16px;
	color: #333;
	font-weight:700;
}

.news-list-txt-reply{
	width: 100%;
	display: table;
}
.news-list-txt-reply i{
	float: left;
	width: 22px;
	height: 22px;
	background-color: #fe5500;
	color: #fff;
	text-align: center;
	line-height: 22px;
	display: inline-block;
	margin: 6px 0;
	margin-right: 10px;
}
.news-list-txt-reply span{
	width: 470px;
	display: table;
	min-height: 50px;
	line-height: 22px;
	padding: 5px 0;
	font-size: 12px;
	color: #555;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.news-hot{
	width: 450px;
	display: table;
	min-height: 100px;
}

.news-hot-col{
	width: 100%;
	display: table;
	/*padding-top: 24px;*/
}
.news-hot-col h6{
	width: 100%;
	height: 34px;
	background-color: #333333;
	line-height: 34px;
	text-align: center;
	color: #fff;
	font-weight: normal;
	font-size: 16px;
}
.news-hot-col ul{
	width: 100%;
	display: table;
	padding-top: 10px;
}
.news-hot-col ul li{
	width: 100%;
	line-height: 45px;
	padding-left: 20px;
}
.news-hot-col ul li i{
	display: inline-block;
	width: 18px;
	height: 22px;
	background-color: #333;
	line-height: 22px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-family:arial;
	position: relative;
	margin-right: 30px;
}
.news-hot-col ul li i:after{
	content: '';
	position: absolute;
	right: -5px;
	top: 0;
	width: 0;
	height: 0;
	border-top:11px solid transparent;
	border-bottom:11px solid transparent;
	border-left:5px solid #333;
}
.news-hot-col ul li span{
	color: #555;
}
.news-hot-col ul li:hover a span{
	color: #333;
}

@media screen and (max-width:768px){
	.news{
		display: block;
		padding-top: 35px;
		padding-bottom:20px;
		overflow:hidden;
	}
	.news-list{
		width: 100%;
		display: block;
		padding:0 10px;
	}
	.news-fl{
		width: 100%;
		display: block;
	}
	.news-tab ul{
		width: 100%;
		margin-left: 0;
	}
	.news-tab ul li{
		/*width: 120px;*/
		height: 1.6rem;
		border: 1px solid #181818;
		border-radius: .8rem;
		text-align: center;
		line-height: 1.5rem;
		font-size: .8rem;
		margin: 5px;
		margin-left: 5px;
		padding:0 10px;
		cursor:pointer;
	}
	.news-list ul li{
		width: 100%;
		height: auto;
		margin: 10px 0;
		cursor:pointer;
	}
	.news-hot{
		width: 100%;
		display: block;
		min-height: 0;
		overflow:hidden;
	}
	.news-hot-col ul li span{
		font-size:.8rem;
	}
	.news-hot-col ul li i{
		display: inline-block;
		width: 18px;
		height: 22px;
		background-color: #333;
		line-height: 22px;
		text-align: center;
		color: #fff;
		font-size: 16px;
		font-family:arial;
		position: relative;
		margin-right: 15px;
	}
	.news-list-img{
		width: 28%;
		height: auto;
		display:inline-block;
	}
	.news-list-txt{
		width: 70%;
		height: auto;
		display:inline-block;
		float:right;
		padding-right:10px;
	}
	.news-list-txt-q{
		width: 100%;
		line-height: 1.1rem;
	}
	.news-list-txt-q span{
		font-size: .85rem;
		color: #333;
		font-weight:700;
	}
	.news-list-txt-reply span{
		width: 100%;
		display: table;
		min-height: 50px;
		line-height: 22px;
		padding: 5px 0;
		font-size: 12px;
		color: #555;
		text-align: justify;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}
}

.links{
	width: 100%;
}

.links h5{
	font-size: 40px;
    font-family: PingFangSC, PingFangSC-Semibold;
    font-weight: 600;
    color: #2c2e3f;
    line-height: 56px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d8d8d8;
}

.links ul{
	width: 100%;
	display: table;
	padding: 10px 0;
	padding-bottom: 20px;
}

.links ul li{
	font-size: 14px;
    font-family: PingFangSC, PingFangSC-Semibold;
    font-weight: 600;
    line-height: 40px;
    position: relative;
	margin-right: 40px;
}

.links ul li a{
	color: #2C2E3F;
	opacity: .7;
}

.links ul li:hover a{
	color: #333;
}

.sy8 {
    padding: 2%
}

.foot {
    padding: 3% 2%
}

.foot a {
    color: #ccc;
    display: block;
    text-align: center;
    position: relative
}
.sy8 .left.fx {
	position: relative;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-top: 1%;
}

.sy8 .left > div {
	margin: 0;
}

.sy8 .left .wg {
	position: absolute;
	width: 150px!important;
	width: 150px;
	height: 160px;
	top: -76px;
}

.sy8 .left .wg img {
	width: 100%;
}

.sy8 .left h1 {
	margin-left: 150px;
}

.sy8 .right {
    width: 100%
}

.sy8 .right .numbs {
	color: #fff;
	margin-bottom: 10px;
}

.sy8 .right p,
.sy8 .right h2 input {
    font-size: 16px
}


@media screen and (max-width:768px){
	.links {
		display: none;
		padding:0 10px;
	}

	.footer {
		margin-bottom: 66px!important;
	}

	.footer .wid {
		padding: 0 10px;
	}

	.sy8 {
		display: none;
	}

	.sy8 .left {
		display: none!important;
	}
}

.footer{
	background-color: #333;
	padding: 30px 0;
	display: table;
	width: 100%;
	margin-bottom: 157px;
}

.footer-top{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	height: auto;
}

.footer-top > div {
	margin: 0;
}

.footer-top .block {

}

.block .block-tit {
	font-size: 14px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #ffffff;
	line-height: 20px;
	letter-spacing: 0px;
}

.block .block-list {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 140px;
}

.block .block-list a.link-hf {
	margin-right: 10px;
	width: 80px;
	font-size: 12px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #ffffff;
	line-height: 28px;
	background: url(../images/arrow-right.svg) center right no-repeat;
	background-size: 8px 12px;
	opacity: 0.8;
}

.block-list.callimgbox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 30px;
}

.block .block-list .callimg {
	position: relative;
	vertical-align: middle;
	margin: 0;
	cursor: pointer;
	height: 32px;
	margin-right: 20px;
}

.block .block-list .callimg:last-child {
	margin-right: 0;
}

.block .block-list .callimg .call-imgs {
	width: 32px;
	height: 32px;
}


.block .block-list .callimg:hover .showimgbox {
	display: block;
}

.showimgbox {
	display: none;
	position: absolute;
	z-index: 9;
	left: 32px;
    top: 0;
    font-size: 0;
    width: 178px;
    height: 204px;
}

@media screen and (max-width:768px){
	.footer-top {
		flex-direction: column;
		padding: 0 10px;
	}

	.footer-top .block {
		margin-bottom: 20px;
	}

	.footer-top .block-list {
		height: auto;
		flex-direction: row;
	}

	.footer-top .block-list .link-hf {
		height: 30px;
		line-height: 30px;
	}

	.block-list.callimgbox {
		justify-content: flex-start;
	}

	.showimgbox {
		width: 100px;
	}

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

div.fk-phone {
	margin-top: 30px;
	height: 40px!important;
    flex-direction: row!important;
    flex-wrap: nowrap!important;
    align-items: center;
	font-size: 20px;
	font-family: PingFangSC, PingFangSC-Semibold;
	font-weight: 600;
	color: #ffffff;
	line-height: 43px;
	letter-spacing: 3px;
}

div.fk-phone-0 {

}

div.fk-phone a {
	margin-left: 10px;
}

.block-list.callmebox {
	margin-top: 30px;
}

.block-list.callmebox a {
	width: 213px;
	height: 33px;
	line-height: 31px;
	padding: 0 10px;
	border: 1px solid #979797;
	box-sizing: border-box;
	background: url(../images/arrow-right.svg) 96% center no-repeat;
	background-size: 8px 12px;
}

.contact{
	width: 160px;
	display: table;
	min-height: 100px;

}
.contact h4{
	line-height: 56px;
	padding-top: 5px;
}
.contact h4 img{
	height: 32px;
	float: left;
	margin: 12px 0;
	margin-right: 10px;
}
.contact h4 span{
	font-weight: normal;
	color: #fff;
	font-size: 16px;
}
.contact p{
	padding-left: 42px;
	color: #fff;
	font-size: 13px;
	line-height: 26px;
}
.contact h5{
	line-height: 34px;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	padding-left: 42px;
}

.footer-fr{
	width: 1000px;
	display: table;
	min-height: 100px;
	border-left: 1px solid #fff;
	padding-left: 60px;
}

.footer-menu{
	width: 100%;
	line-height: 32px;
	font-size: 14px;
}
.footer-menu ul{
	width: 100%;
}
.footer-menu ul li{
	font-size: 16px;
	margin-right: 40px;
	position: relative;
}
.footer-menu ul li a{
	color: #fff;
}
.footer-menu ul li:after{
	content: '';
	position: absolute;
	right: -20px;
	top: 50%;
	width: 4px;
	height: 4px;
	background-color: #fff;
	border-radius: 50%;
	margin-top: -2px;
}
.footer-menu ul li:last-child:after{
	width: 0;
}

.footer-cont{
	width: 100%;
	display: table;
}
.footer-cont p{
	font-size: 14px;
	line-height: 30px;
	color: #fff;
}
.footer-cont-wx{
	padding-right: 100px;
}
.footer-cont-wx ul{
	padding-top: 20px;
}
.footer-cont-wx ul li{
	margin: 0 15px;
	text-align: center;
}
.footer-cont-wx h6{
	text-align: center;
	padding: 10px 0;
}
.footer-cont-wx h6 img{
	margin: 0 8px;
}

.footer-copyright,
.footer-copyright a {
	opacity: 0.8;
	font-size: 13px;
	font-family: PingFangSC, PingFangSC-Semibold;
	font-weight: 600;
	line-height: 28px;
	letter-spacing: 0px;
	color: #fff!important;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.fix-menu{
	width: 100%;
	/*height: 1.5rem;*/
	background-color: #333;
	position: fixed;
	left: 0;
	z-index: 99;
	bottom: 0;
	font-size:.8rem;
	display:none;
}
.fix-menu ul{
	width: 100%;
	display: table;
}
.fix-menu ul li{
	width: 25%;
	/*height: 3.5rem;*/
	position: relative;
	border-right: .01rem solid #555;
	padding-top: .2rem;
	padding-bottom:15px;
}
.fix-menu ul li:after{
	content: '';
	position: absolute;
	right: -.03rem;
	top: 0;
	width: .01rem;
	height: 100%;
	background-color: #333;
}

.fix-menu-ico{
	width: 100%;
	height: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fix-menu-ico img{
	height: 1.7rem;
}
.fix-menu-txt{
	line-height: 1rem;
	font-size: .8rem;
	text-align: center;
	color: #fff;
}
.fix-menu ul li.cont{
	background-color: #ff6a06;
}

.footer a { color:#fff; }

@media screen and (max-width:768px){
	.fix-menu{display:block;}
	.contact{
		width: 100%;
		display: block;
		min-height: 0px;
		margin-bottom:15px;
		text-align:center;

	}
	.contact h4{
		line-height: 36px;
		padding-top: 5px;
		display:inline-block;
		width:120px;
		margin-left:calc(50% - 125px);
		/*text-align:right;*/
	}
	.contact h4 img{
		height: 32px;
		float: left;
		margin: 2px 0;
		margin-right: 10px;
	}
	.contact h4 span{
		font-weight: normal;
		color: #fff;
		font-size: 16px;
	}
	.contact h5{
		display:inline-block;
		line-height: 34px;
		font-size: 16px;
		font-weight: normal;
		color: #fff;
		padding-left: 10px;
		width:calc(50% - 10px);
		text-align:left;
	}
	.contact p{
		display:none;
		padding-left: 5px;
		color: #fff;
		font-size: 13px;
		line-height: 26px;

	}

	.footer a { color:#fff; }

	.footer-menu{
		width: 100%;
		margin:0 auto;
		font-size: .8rem;
		line-height:1.2rem;
	}

	.footer-fr{
		width: 100%;
		display: table;
		/*min-height: 100px;*/
		border-left: none;
		padding-left: 0;
	}
	.footer-menu ul{
		width: 100%;
		text-align:center;
	}
	.footer-menu ul li{
		font-size: .8rem;
		margin-right: 10px;
		position: relative;
		display:inline-block;
		float:none;
	}
	.footer-menu ul li:after{
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		width: 0;
		height: 0;
		background-color: #fff;
		border-radius: 0;
		margin-top: 0;
	}
	.footer-copyright{ padding-top:10px; }
	.footer-cont-addr {
		width:100%;
		margin-top:25px;
	}
	.footer-cont-addr.fl {
		float:none;
	}
	.footer-cont p{
		font-size: .8rem;
		line-height: 20px;
		color: #fff;
		text-align:center;
	}
	.footer-cont-wx{
		padding-right: 0;
		width:260px;
		margin:15px auto 0;
	}
	.footer-cont-wx.fr{
		float:none;
	}
	.footer-cont-wx ul { display:none; }
}

.addr{
	width: 100%;
	height: 42px;
	background-color: #f3f3f3;
	line-height: 42px;
	/*margin:10px 0;*/
}
.addr img{
	float: left;
	margin: 11px 0;
	margin-right: 5px;
}
.addr em{
	color: #333;
	font-style: normal;
}
.addr span a{
	color: #666;
}
.addr span{
	color: #666;
}
.addr span a:hover{
	color: #333;
}

@media screen and (max-width:768px){
	.addr{
		font-size: .7rem;
	    line-height: 1.8rem;
	    min-height: 2rem;
	    height: auto;
	    padding: 3px;
	}
	.addr em{
		display:none;
	}
	.addr img{
		display:none;
		float: left;
		margin: 3px 0;
		margin-right: 5px;
	}
}

.inform{
	width: 100%;
	display: table;
	padding-top: 20px;

}

.inform-intr{
	width: 100%;
}
.inform-intr h1{
	line-height: 60px;
	text-align: center;
	font-weight: normal;
	font-size: 28px;
	color: #444;
	margin-bottom:20px;
}
.inform-intr h4{
	line-height: 60px;
	text-align: center;
	font-weight: normal;
	font-size: 28px;
	color: #444;
	margin-bottom:20px;
}
.inform-intr h6{
	width: 100%;
	margin: 0;
	line-height: 54px;
	font-weight: normal;
}
.inform-intr h6 span{
	margin-right: 30px;
	font-size: 14px;
	color: #555;
	float: left;
}
.inform-intr h6 span em{
	color: #999;
	font-style: normal;
}
.inform-intr h6 span em i {
	cursor:pointer;
}
.inform-intr h6 span em i.active{
	color: #333;
}
.inform-intr h6 span img{
	float: right;
	height: 28px;
	margin: 13px 0;
	margin-left: 20px;
}
.inform-intr h6 a{
	float: right;
	display: inline-block;
	width: 158px;
	height: 36px;
	background-color: #f2f2f2;
	border-radius: 18px;
	color: #666;
	line-height: 36px;
	text-align: center;
	font-size: 14px;
	margin: 9px 0 20px;
}
.inform-intr h6 a img{
	position: relative;
	top: 3px;
	margin-left: 10px;
}

.inform-col{
	width: 100%;
	display: table;
	background-color: #efeeee;
	padding: 2px;
	border-radius: 5px;
}

.inform-col-data{
	width: 100%;
	display: table;
	background-color: #f7f7f7;
	padding: 10px 90px;
	border-radius: 5px;
}
.inform-col-data h5{
	line-height: 32px;
	font-weight: normal;
	color: #333;
	font-size: 18px;
}
.inform-col-data p{
	line-height: 28px;
	font-size: 14px;
	color: #555;
}
.inform-col-demand{
	width: 100%;
	padding: 10px 90px;
}
.inform-col-demand h5{
	line-height: 32px;
	font-weight: normal;
	color: #333;
	font-size: 18px;
}
.inform-col-demand p{
	line-height: 28px;
	font-size: 14px;
	color: #555;
}
.inform-prod{
	width: 100%;
	display: table;
	padding-top: 50px;
}
.inform-prod img{
	max-width: 100%;
	max-height:100%;
	height:100%;
}
.inform-prod h5{
	line-height: 44px;
	padding: 10px 0;
	font-weight: normal;
	font-size: 16px;
	color: #333;
}
.inform-prod p{
	line-height: 24px;
	color: #555;
}
.inform-prod p em{
	font-style: normal;
	color: #0072c3;
	padding: 0 10px;
}
.inform-prod-img{
	width: 100%;
	padding: 10px 0;
}
.inform-prod-img img{
	max-width: 100%;
	border-radius: 20px;
	padding-bottom: 40px;
}

@media screen and (max-width:768px){
	.inform{
		width: 100%;
		display: block;
		padding-top: 0;
	}
	.inform-intr{
		overflow:hidden;
	}
	.inform-intr h6{
		display:block;
		width: 100%;
		margin: 0;
		line-height: 20px;
		font-weight: normal;
		font-size:.5rem;
		padding:0 5px;
		text-align:center;
	}
	.inform-intr h4{
		width:100%;
		margin-top:15px;
		line-height: 2rem;
		text-align: center;
		font-weight: normal;
		font-size: 1.2rem;
		color: #444;
		margin-bottom:15px;
	}
	.inform-intr h6 span{
		margin-right: 10px;
	    font-size: .7rem;
	    color: #555;
	    float: none;
	    display: inline-block;
	}
	.inform-intr h6 a{
		float: right;
		display: none;
		width: 120px;
		height: 26px;
		background-color: #f2f2f2;
		border-radius: 13px;
		color: #666;
		line-height: 26px;
		text-align: center;
		font-size: .6rem;
		margin: 2px 0 5px;

	}

	.inform-col{
		width: 100%;
		display: table;
		background-color: #efeeee;
		padding: 2px;
		border-radius: 0;
		margin-top:10px;
	}

	.inform-col-data{
		width: 100%;
		display: table;
		background-color: #f7f7f7;
		padding: 10px;
		border-radius: 0;
	}
	.inform-prod{
		width: 100%;
		display: block;
		padding-top: 10px;
	}
	.inform-prod img{
		max-width: 100%;
		max-height:100%;
		height:100%;
	}
}

.case-roll{
	margin-bottom: 60px;
	margin-top:50px;
}
.case-roll h5 { margin-bottom:30px; }
.case-roll h5 span{
	width: 204px;
	height: 48px;
	background-color: #333;
	color: #fff;
	text-align: center;
	line-height: 48px;
	display: inline-block;
	border-radius: 0 24px 24px 0;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 2px;
}

.case-roll .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	display: none;
}
.case-roll .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	display: none;
}
.case-roll-col{
	width: 1200px;
	background-color: #f8f8f8;
	margin-top: 50px;
	display: inline-block;
	padding: 30px 0 !important;

}
.case-roll-col ul{
	width: 100%;
}
.case-roll-col ul li{
	width: 200px !important;
	border: 2px solid #e7e7e7;
	margin: 0 16px;
	height: 200px;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	overflow: hidden;
}
.case-roll-col ul li img{
	max-height: 100%;
	max-width: 100%;
}
.case-roll-col ul li p{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.7);
	position: absolute;
	left: 0;
	bottom: -100%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .5s;
}
.case-roll-col ul li p a{
	display: inline-block;
	width: 180px;
	/*height: 50px;*/
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	padding: 5px 0;

}
.case-roll-col ul li p a em{
	display: block;
	line-height: 20px;
	font-style: normal;
}
.case-roll-col ul li p a i{
	font-size: 12px;
}
.case-roll-col ul li:hover p{
	bottom: 0;
}
.case-roll .swiper-button-prev{
	width: 60px;
	height: 60px;
	background-color: #333;
	background-image: none;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	transition: .5s;
}
.case-roll .swiper-button-next{
	width: 60px;
	height: 60px;
	background-color: #333;
	background-image: none;
	display: flex;
	justify-content: center;
	align-items: center;
	right: 0;
	transition: .5s;
}
.case-roll .swiper-button-prev:hover,.case-roll .swiper-button-next:hover{
	background-color: #555;
}

@media screen and (max-width:768px){
	.case-roll{
		margin-bottom: 20px;
		margin-top:20px;
	}
	.case-roll-col{
		width: 100%;
		background-color: #f8f8f8;
		margin-top: 50px;
		display: inline-block;
		padding: 30px 0 !important;

	}
	.case-roll-col ul li{
		width: 100px !important;
		border: 2px solid #e7e7e7;
		margin: 0 16px;
		height: 100px;
		background-color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		overflow: hidden;
	}
	.case-roll .swiper-button-next{
		width: 40px;
		height: 50px;
		background-color: #333;
		background-image: none;
		display: flex;
		justify-content: center;
		align-items: center;
		right: 0;
		transition: .5s;
	}

	.case-roll .swiper-button-prev{
		width: 40px;
		height: 50px;
		background-color: #333;
		background-image: none;
		display: flex;
		justify-content: center;
		align-items: center;
		left: 0;
		transition: .5s;
	}
	.case-roll h5 span{
		width: 150px;
		height: 32px;
		background-color: #333;
		color: #fff;
		text-align: center;
		line-height: 32px;
		display: inline-block;
		border-radius: 0 24px 24px 0;
		font-size: 1rem;
		font-weight: normal;
		letter-spacing: 2px;
	}
}

.line{
	width: 100%;
	height: 40px;
	background-color: #333333;
}

.order{
	width: 100%;
	padding-top: 50px;
}

.order-prod{
	width: 100%;
	display: table;
	height: 300px;
}

.order-prod-sele{
	width: 120px;
	padding-left: 20px;
}
.order-prod-sele i.sele{
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	/* border: 1px solid #9c9c9c; */
	border: 4px solid #9c9c9c;
	margin: 132px 0;
}

.order-prod-sele.acti i.sele{
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 6px solid #e5e5e5;
	padding:0px;
	background:#C72928;
	margin: 132px 0;
}

.order-prod-img{
	width: 320px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.order-prod-img img{
	max-height: 100%;
	max-width: 100%;
}
.order-prod-txt{
	padding-left: 60px;
	width: 310px;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 18px;
	color: #333;
}

.order-prod-number{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.order-prod-number span{
	display: inline-block;
	width: 172px;
	height: 62px;
	border:1px solid #a8a8a8;
	border-radius: 30px;
	text-align: center;
	position: relative;
}
.order-prod-number span input{
	width: 100px;
	line-height: 32px;
	border: none;
	background-color: #fff;
	margin: 15px auto;
	text-align: center;
	font-size: 24px;
	font-family: arial;
	color: #333;
	text-indent: 0;
}
.order-prod-number span i{
	display: block;
	line-height: 56px;
	color: #333;
	font-size: 30px;
	padding: 0 20px;
	position: absolute;
}
.order-prod-number span i.minus{
	left: 0;
	top: 0;
}
.order-prod-number span i.add{
	right: 0;
	top: 0;
}
.order-prod-func {
	width: 210px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.order-prod-func a{
	display: inline-block;
	width: 130px;
	height: 64px;
	background-color: #d9001b;
	border-radius: 32px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 64px;
}

.order-personal{
	width: 100%;
	border-top: 2px solid #333;
	display: table;
}
.order-personal h4{
	line-height: 78px;
	font-size: 20px;
	color: #333;
}

.order-personal-box{
	width: 1320px;
	margin-left: -120px;
	display: table;
}

.order-personal-txt{
	width: 320px;
	height: 66px;
	background-color: #f2f2f2;
	border-radius: 5px;
	line-height: 66px;
	font-size: 18px;
	color: #333;
	padding: 0 10px;
	padding-left: 20px;
	margin-left: 110px;
}
.order-personal-txt input{
	width: 170px;
	height: 40px;
	border: none;
	background: none;
	font-size: 18px;
	color: #333;
}

.order-personal-text{
	width: 100%;
	height: 365px;
	background-color: #f2f2f2;
	border-radius: 10px;
	margin-top: 60px;
	padding: 20px;
	position: relative;
}
.order-personal-text textarea{
	width: 100%;
	height: 300px;
	font-size: 18px;
	line-height: 36px;
	border: none;
	background: none;
	font-family: "微软雅黑";
	text-indent: 46px;
}
.order-personal-text label{
	position: absolute;
	left: 20px;
	top: 22px;
	line-height: 36px;
	font-size: 18px;
	color: #333;
}

.order-sele{
	width: 100%;
	border-top: 2px solid #717171;
	margin-top: 60px;
	padding-top: 30px;
	min-height: 200px;
}
.order-sele-all{
	padding-left: 40px;
	height: 40px;
	line-height: 40px;
	border-right: 1px solid #999;
}
.order-sele-all i.all{
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #fe5102;
	border-radius: 15px;
	float: left;
	margin: 5px 0;

}
.order-sele-all span{
	padding: 0 20px;
	font-size: 18px;
	color: #333;
}

.order-sele-select{
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
}
.order-sele-select i.sele{
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 1px solid #333;
	border-radius: 50%;
	float: left;
	margin: 10px 0;
	margin-right: 20px;
}
.order-sele-select span{
	font-size: 16px;
}

.order-submit{
	margin-top:30px;
	width: 100%;
	padding-bottom: 100px;
	display: table;
	text-align: center;
}
.order-submit input{
	width: 274px;
	height: 80px;
	background-color: #333;
	color: #fff;
	border-radius: 40px;
	border: none;
	font-size: 28px;
	cursor: pointer;
}

@media screen and (max-width:768px){
	.order{
		width: 100%;
		padding-top: 10px;
	}
	.order-prod{
		width: 100%;
		display: block;
		height: auto;
		overflow:hidden;
		border-bottom:1px solid #ddd;
		position:relative;
		padding-bottom:15px;
	}
	.order-prod-img img{
		max-height: 100%;
		max-width: 100%;
		height:140px;
	}
	.order-prod-sele{
		width: 30px;
		padding-left: 5px;
	}
	.order-prod-sele i.sele{
		display: inline-block;
		width: 18px;
		height: 18px;
		border-radius: 50%;
		border: 1px solid #9c9c9c;
		margin: 52px 0;
	}
	.order-prod-sele.acti i.sele{
		display: inline-block;
		width: 22px;
		height: 22px;
		border-radius: 50%;
		border: 1px solid #ddd;
		padding:3px;
		background:#C72928;
		margin: 52px 0;
	}
	.order-prod-img{
		width: calc(100% - 55px);
		height: 100%;
		display: flex;
		justify-content: left;
		align-items: center;
	}
	.order-prod-txt{
		padding-left: 30px;
		padding-right: 15px;
		width: 100%;
		display: block;
		text-align: left;
		font-size: .8rem;
		color: #333;
	}

	.order-prod-number{
		height: 30px;
	    display: inline-block;
	    justify-content: right;
	    align-items: center;
	    position: absolute;
	    right: 10px;
	    top: 30px;
	    width: 80px;
	}
	.order-prod-number span{
		display: inline-block;
	    width: 100%;
	    height: 35px;
	    border: 1px solid #a8a8a8;
	    border-radius: 30px;
	    text-align: center;
	    position: relative;
	}
	.order-prod-number span input{
		width: 70%;
	    line-height: 33px;
	    border: none;
	    background-color: #fff;
	    margin: 0;
	    text-align: center;
	    font-size: .8rem;
	    font-family: arial;
	    color: #333;
	    text-indent: 0;
	}
	.order-prod-number span i{
		display: block;
	    line-height: 30px;
	    color: #333;
	    font-size: 1.5rem;
	    padding: 0;
	    margin-left: 8px;
	    position: absolute;
	}
	.order-prod-number span i.minus{
		left: 0;
		top: 0;
	}
	.order-prod-number span i.add{
		right: 0;
		top: 0;
		margin-left:0;
		margin-right:8px;
	}

	.order-prod-func {
		width: 80px;
	    height: 40px;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    position: absolute;
	    right: 10px;
	    top: 75px;
	}

	.order-prod-func a{
		display: inline-block;
	    width: 80px;
	    height: 30px;
	    background-color: #d9001b;
	    border-radius: 32px;
	    color: #fff;
	    font-size: .8rem;
	    text-align: center;
	    line-height: 30px;
	}

	.order-personal-box{
		width: 100%;
		margin-left: 0;
		display: block;
		overflow:hidden;
	}

	.order-personal-txt{
		width: 100%;
		height: 42px;
		background-color: #f2f2f2;
		border-radius: 5px;
		line-height: 42px;
		font-size: .8rem;
		color: #333;
		padding: 0 10px;
		padding-left: 10px;
		margin-left: 0;
		margin-bottom:10px;
	}

	.order-personal-txt input{
		width: 80%;
		height: 42px;
		border: none;
		background: none;
		font-size: .8rem;
		color: #333;
	}

	.order-personal{
		width: 100%;
		border-top: 2px solid #333;
		display: block;
		padding:0 15px 15px;
	}

	.order-personal-text{
		width: 100%;
		height: 200px;
		background-color: #f2f2f2;
		border-radius: 10px;
		margin-top: 0;
		padding: 10px;
		position: relative;
	}

	.order-personal-text label{
		display:none;
	}

	.order-personal-text textarea{
		text-indent: 0;
		height:200px;
		font-size:.8rem;
	}

	.order-submit input{
		width: 274px;
		height: 50px;
		background-color: #333;
		color: #fff;
		border-radius: 40px;
		border: none;
		font-size: 1.2rem;
		cursor: pointer;
	}

	.order-submit{
		margin-top:10px;
		width: 100%;
		padding-bottom: 80px;
		display: table;
		text-align: center;
	}
	.order-personal h4{
		line-height: 48px;
		font-size: 1rem;
		color: #333;
	}

}

.bann{
	width: 100%;
	height: 300px;
	background: url(../images/img1.jpg) center no-repeat;
}

.product-main{
	display: table;
	margin-top:16px;
}

.product-main-title{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	padding: 14px 0;
}

.product-main-title .l-icon {
	width: 70px;
	padding-bottom: 33px;
	margin: 0;
	margin-right: 25px;
	border-bottom: 1px solid #D8D8D8;
}
.product-main-title .l-icon img {
	width: 100%;
	height: 70px;
}

.product-main-title .right-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex: 1;
	padding-bottom: 33px;
	border-bottom: 1px solid #D8D8D8;
}

.product-main-title .right-container .tit {
	white-space: nowrap;
	height: 30px;
	opacity: 1;
	font-size: 22px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	text-align: left;
	color: #333333;
	line-height: 30px;
	letter-spacing: 4px;
}

.product-main-title .right-container ul li {
	margin-right: 15px;
	cursor: pointer;
	user-select: none;
}

.product-main-title .right-container ul li a::before {
	vertical-align: middle;
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #979797;
	box-sizing: border-box;
	margin-right: 6px;
}
.product-main-title .right-container ul li.active a::before {
	background-color: #434343;
}

@media screen and (max-width: 768px){
	.product-main-title {
		padding: 14px 10px;
	}
	.product-main-title div.right-container {
		flex-direction: column;
		align-items: inherit;
	}
	.product-main-title div.right-container > span {
		display: block;
	}
	
}
.product-main-list{
	width: 100%;
	display: table;
	margin-bottom: 60px;
}

.product-main-list ul{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-top: 20px;
}

.product-main-list ul li {
	width: 288px;
	margin-right: 20px;
}

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

.product-main-list ul li .product-main-img {
	height: 408px;
	overflow: hidden;
}

@media screen and (max-width:768px){
	.product-main-list ul li .product-main-img {
		height: auto;
	}
	.product-main{
		display: block;
		margin-top:0;
	}
	.product-main-list{
		width: 100%;
		display: block;
	}
	.product-main-list ul{
		width: 100%;
		margin-left: 0;
		padding-top: 0;
	}
	.product-main-list ul li{
		width: calc(50% - 10px);
		height: auto;
		margin-top: 20px;
		margin-left: 5px;
		margin-right: 5px;
	}
}

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

.product-main-txt{
	line-height: 36px;
	font-size: 16px;
	color: #555;
	text-align: center;
}

.page{
	width: 100%;
	text-align: center;
	border-bottom: 2px solid #333;
	padding: 20px 0;
	display: table;
}
.page ul{
	width: 100%;
	text-align: center;
}
.page ul li{
	width: 48px;
	height: 48px;
	background-color: #9c9c9c;
	color: #fff;
	border-radius: 24px;
	margin: 0 6px;
	line-height: 48px;
	font-size: 18px;
	font-family: arial;
	float: none;
	cursor: pointer;
	display: inline-block;
}
.page ul li a{
	color:#fff;
	display:block;
	width:100%;
	height:48px;
}
.page ul li.active{
	color: #fff;
	background-color: #333;

}

.page ul li.disabled{
	color: #ccc;
}

@media screen and (max-width:768px)
{
	.page ul li{
		width: 32px;
		height: 32px;
		background-color: #9c9c9c;
		color: #fff;
		border-radius: 24px;
		margin: 0 6px;
		line-height: 32px;
		font-size: 1rem;
		font-family: arial;
		float: none;
		cursor: pointer;
		display: inline-block;
	}
	.page ul li a{
		color:#fff;
		display:block;
		width:100%;
		height:32px;
	}
}


.product-main-recommend{
	width: 100%;
	padding-bottom: 30px;
	display: inline-block;
}

.product-main-recommend-fl{
	width: 801px;
	padding-top: 40px;
	position: relative;
}
.product-main-recommend-fl h5 span{
	width: 204px;
    height: 48px;
    background-color: #333;
    color: #fff;
    text-align: center;
    line-height: 48px;
    display: inline-block;
    border-radius: 0 24px 24px 0;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 2px;
}
.product-main-recommend-roll{
	width: 100%;
}
.product-main-recommend-roll ul{
	width: 100%;
	padding-top: 50px;
}
.product-main-recommend-roll ul li{
	width: 267px;
	height: 260px;
}
.product-main-recommend-roll ul li img{
	width: 100%;
	height: 100%;
}

.product-main-recommend-roll-txt{
	line-height: 50px;
	font-size: 16px;
	color: #333;
	text-align: center;
}

.product-main-recommend .swiper-pagination{
	width: 100%;
	bottom: 00px;
}

.product-main-recommend .swiper-pagination-bullet{
	width: 42px;
	height: 8px;
	background-color: #d2d2d2;
	border-radius: 4px;
	opacity: 1;
	margin: 0 6px;
}
.product-main-recommend .swiper-pagination-bullet-active{
	background-color: #fe6500;
}



.news-hot h5{
	width: 100%;
	height: 44px;
	line-height: 44px;
	margin-top:50px;
}
.news-hot h5 span{
	padding-left: 26px;
	position: relative;
	line-height: 44px;
	font-weight: normal;
	font-size: 18px;
	color: #030303;
}
.news-hot h5 span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
	width: 6px;
	height: 24px;
	background-color: #333;
	border-radius: 3px;
}
.news-hot h5 a{
	float: right;
	font-weight: normal;
	color: #555;
	font-size: 14px;
}
.product-main-recommend-fr .news-hot{
	width: 380px;
}
.product-main-recommend-fr .news-hot-col ul li i{
	margin-right: 20px;
}
@media screen and (max-width:768px){
	.product-main-img{
		width: 100%;
		height: auto;
		border-radius: 15px;
	}
	.product-main-img img{
		width: 100%;
		height: auto;
	}
	.product-main-txt{
		line-height: 28px;
		font-size: .8rem;
		color: #555;
		text-align: center;
	}
	.product-main-recommend-fl h5{
		margin-bottom:20px;
	}
	.product-main-recommend-roll ul li img{
		width: 100%;
		height: auto;
	}
	.product-main-recommend-fl{
		width: 100%;
		padding-top: 20px;
		position: relative;
	}
	.product-main-recommend-fr.fr{
		float:none;
	}
	.product-main-recommend-roll ul{
		width: 100%;
		padding-top: 0;
	}
	.product-main-recommend-roll ul li{
		width: 33%;
		height: auto;
	}
	.product-main-recommend-roll-txt{
		line-height: auto;
		font-size: 12px;
		color: #333;
		text-align: center;
		line-height:26px;
	}
	.product-main-recommend-fr .news-hot{
		width: 100%;
	}
	.news-hot h5{
		width: 100%;
		height: 44px;
		line-height: 44px;
		margin-top:10px;
	}
	.news-hot-col ul li{
		width: 100%;
		line-height: 35px;
		padding-left: 10px;
	}
	.product-main-recommend-fl h5 span{
		min-width: 120px;
		width:120px;
	    height: 32px;
	    background-color: #333;
	    color: #fff;
	    text-align: center;
	    line-height: 32px;
	    display: inline-block;
	    border-radius: 0 24px 24px 0;
	    font-size: 1rem;
	    font-weight: normal;
	    letter-spacing: 2px;
	}
}
.inform-new-title{
	width: 100%;
	/*height: 40px;*/
	background-color: #555;
	color: #ddd;
	border-radius: 5px;
	display: table;
	/*text-align: center;*/
	line-height: 20px;
	margin-top: 25px;
	padding:15px 50px;
}
.inform-new-title em{
	font-style: normal;
	color: #555;
}

.inform-new-col{
	width: 100%;
	display: table;
	padding: 40px 20px 20px;
	line-height:30px;
}
.inform-new-col img{
	max-height:100%;
	max-width:100%;
	height:100%;
	margin-left: -35px;
}
.inform-new-col p{
	color: #555;
	font-size: 16px;
	line-height: 26px;
	margin-bottom:28px;
	text-indent:35px;
}

.inform-new-img{
	width: 100;
	padding-top: 10px;
	padding-bottom: 20px;
}
.inform-new-img img{
	width: 100%;
}
.inform-new-col h5{
	line-height: 36px;
	font-weight: normal;
	color: #5697d1;
	font-size: 16px;
}

@media screen and (max-width:768px){
	.inform-new-title{
		width: 100%;
		/*height: 40px;*/
		background-color: #555;
		color: #fff;
		border-radius: 0;
		display: table;
		/*text-align: center;*/
		line-height: 20px;
		margin-top: 15px;
		padding:15px;
	}

	.inform-new-col{
		width: 100%;
		display: table;
		padding: 40px 20px 0;
		line-height:30px;
	}
}

.recommend-list{
	display: table;
	/*border-top: 2px solid #1984cc;*/
	padding-top: 16px;
	margin-bottom:50px;
	/*margin-top:30px;*/
}
.recommend-list h5 span{
	width: 204px;
    height: 48px;
    background-color: #333;
    color: #fff;
    text-align: center;
    line-height: 48px;
    display: inline-block;
    border-radius: 0 24px 24px 0;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 2px;
}
.recommend-list ul{
	width:1208px;
	margin-left: -8px;
	padding-top: 0;
}
.recommend-list ul li{
	width: 294px;
	/*height: 310px;*/
	margin-left: 8px;
}

.recommend-list-img{
	width: 100%;
	/*height: 240px;*/
}
.recommend-list-img img{
	width: 100%;
	height: 100%;
}
.recommend-list-txt{
	line-height: 20px;
	font-size: 14px;
	color: #333;
	text-align: center;
}

@media screen and (max-width:768px){
	.recommend-list{
		display: table;
		/*border-top: 2px solid #1984cc;*/
		padding-top: 15px;
		margin-bottom:15px;
		margin-top:0;
	}
	.recommend-list h5 span {
		height:32px;
		line-height:32px;
		font-size:1rem;
		width:120px;
	}
	.recommend-list ul{
		width:100%;
		margin-left: -8px;
		padding-top: 15px;
		overflow:hidden;
	}
	.recommend-list ul li{
		width: calc(50% - 8px);
		height: auto;
		margin-left: 8px;
	}
	.recommend-list-img{
		width: 100%;
		height: auto;
	}
	.recommend-list-txt{
		line-height: 20px;
		font-size: .8rem;
		color: #333;
		text-align: center;
	}
}

.case-main{
	display: table;
	margin-top:30px;
}

.case-main-tab{
	width: 100%;
	text-align: center;
}
.case-main-tab ul{
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-bottom: 1px solid #D8D8D8;
	box-sizing: border-box;
}
.case-main-tab ul li{
	height: 64px;
	float: none;
	display: inline-block;
	line-height: 64px;
	cursor:pointer;
	font-size: 18px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	text-align: center;
	color: #333333;
	padding: 0 20px;
	margin-bottom: -1px;
}
.case-main-tab ul li a{
	color: #333333;
}
.case-main-tab ul li.active{
	border-bottom: 1px solid #FF8B23;
}
.case-main-tab ul li.active a {
	color: #333;
}


@media screen and (max-width: 768px) {
	.case-main-tab ul {
		justify-content: center;
		flex-wrap: wrap;
	}
	.case-main-tab ul li {
		display: block;
		width: 50%;
		white-space: nowrap;
		padding: 0;
	}
}

/* 服务案例列表样式 */
.case-main-col{
	width: 100%;
	display: table;
}

.case-main-col ul{
	width: 100%;
	height: auto;
}

.case-main-col ul li{
	width: 100%;
	margin-top: 100px;
	overflow:hidden;
}

.case-main-col ul li a {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}


.case-main-col-img{
	width: 946px;
	height: 600px;
	position: relative;
	z-index: 1;
}
.case-main-col-img::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width:0;
    height:0;
    border-width:30px 0 30px 30px;
    border-style:solid;
    border-color:transparent transparent transparent #fff;
}

.case-main-col li:nth-child(2n) a{
	display: flex;
	flex-direction: row-reverse;
}

.case-main-col li:nth-child(2n) .case-main-col-txt{
	padding-left: 60px;
	padding-right: 0;
}

.case-main-col li:nth-child(2n) .case-main-col-img::before {
	content: "";
	position: absolute;
	left: initial;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width:0;
    height:0;
    border-width:30px 30px 30px 0;
    border-style:solid;
    border-color:transparent #fff transparent transparent;
}
.case-main-col-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.case-main-col-txt{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	height: 600px;
	padding-right: 60px;
	box-sizing: border-box;
}
.case-main-col-txt .line {
	width: 63px;
	height: 1px;
	border: 1px solid #979797;
	margin: 0;
}

.case-main-col-txt h6{
	font-size: 24px;
	font-family: PingFangSC, PingFangSC-Medium;
	font-weight: 500;
	text-align: center;
	color: #333333;
	line-height: 33px;
	border-left: 1px solid #979797;
	margin-left: 50px;
	padding-left: 30px;
}

.case-main-col-txt .case-titbox {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin: 0;
}

.case-main-col-txt .case-titbox img {
	width: 109px;
	height: 45px;
	object-fit: cover;
}
.case-main-col-txt p.case-background {
	font-size: 18px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	text-align: justify;
	color: #999999;
	line-height: 32px;
	letter-spacing: 1px;
}

.case-main-col-txt .more-btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	font-size: 24px;
	font-family: PingFangSC, PingFangSC-Medium;
	font-weight: 500;
	color: #333333;
	line-height: 33px;
}

.case-main-col-txt .more-btn img {
	width: 8px;
	height: 14px;
	margin-top: 4px;
	margin-left: 10px;
}

.pagination {
	display: flex;
	padding: 40px 0;
	justify-content: center;
}

.pagination p {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	font-size: 24px;
	font-family: PingFangSC, PingFangSC-Medium;
	font-weight: 500;
	color: #333333;
	line-height: 33px;
	border: 2px solid #333333;
	padding: 15px 70px;
	cursor: pointer;
	user-select: none;
}
.pagination p img {
	width: 8px;
	height: 14px;
	margin-top: 4px;
	margin-left: 10px;
}

.contact-main{
	display: table;
	padding-top: 60px;
	padding-bottom: 100px;
}
.contact-title{
	width: 100%;
	position: relative;
	padding-bottom: 24px;
}
.contact-title span{
	text-align: center;
	line-height: 40px;
	font-size: 28px;
	color: #333;
	display: block;
}
.contact-title em{
	display: block;
	line-height: 24px;
	font-style: normal;
	text-align: center;
	color: #b6b5b1;
	font-size: 14px;
}

.contact-addr{
	width: 100%;
	display: table;
	background-color: #f7f7f7;
	padding: 40px 120px;
	margin-top: 45px;
	border-radius: 20px;
}
.contact-addr p{
	width: 100%;
	line-height: 40px;
}
.contact-addr p span{
	display: inline-block;
	width: 50%;
}

.contact-main .bans img {
	width: 100%;
	margin: 30px 0;
}

.contact-main .contact-tc {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.contact-tc {
	padding: 30px 0;
}

.contact-tc > div {
	flex: 1;
}

.contact-left {
	padding: 20px 0;
}

.contact-left,
.contact-right-qr {
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-left {
	border-right: 1px solid #D8D8D8;
}

.contact-left > div,
.contact-right-qr > div {
	margin: 0;
}

.contact-left .phone-icon {
	width: 82px;
	height: 82px;
	margin-right: 16px;
}

.contact-left .txts h5{
	font-size: 18px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #666666;
	line-height: 25px;
}

.contact-left .txts h6 {
	font-size: 38px;
	font-family: PingFangSC, PingFangSC-Medium;
	font-weight: 500;
	color: #2c2e3f;
	line-height: 53px;
}

.contact-right-qr {
	display: flex;
	justify-content: center;
}

.contact-right-qr > div {
	margin-left: 80px;
}

.contact-right-qr > div {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.contact-right-qr img {
	width: 65px;
	height: 65px;
}

@media screen and (max-width:768px){
	.contact-main .contact-tc {
		flex-direction: column;
	}
	.contact-main .contact-left .phone-icon {
		width: 40px;
		height: 40px;
	}
	.contact-main .contact-left .txts h6{
		font-size: 28px;
	}
	.contact-left {
		border-right: none;
		border-bottom: 1px solid #d8d8d8;
		margin-bottom: 10px;
	}
	.contact-main .contact-right-qr > div {
		margin-left: 0;
	}
	.contact-main .contact-right-qr {
		width: 90%;
		justify-content: space-around;
	}
	.contact-main .descs {
		flex-direction: column;
		padding: 0 6px;
	}
	.contact-main .descs .addrs {
		padding-bottom: 10px;
		border-bottom: 1px solid #d8d8d8;
	}
}

.descs {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}

.descs > div,
.descs > a {
	margin: 0;
}

.descs .addrs h3 {
	font-size: 32px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #333333;
	line-height: 32px;
	margin-bottom: 30px;
}
.descs .addrs > div {
	font-size: 18px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #666666;
	line-height: 32px;
}

.contact-left .phone-icon img {
	width: 100%;
}

.contact-map{
	width: 100%;
	margin-top: 60px;
	max-width:100%;
	height:645px;
	border-radius:10px;
}

.contact-map img{
	width: 100%;
}

@media screen and (max-width:768px){
	.case-main-col{
		width: 100%;
		display: block;
		overflow:hidden;
		margin-top:10px;
	}
	.case-main { margin-top:15px; }
	.case-main h5 span {
		width:120px;
		height:32px;
		line-height:32px;
		font-size:1rem;
	}
	.case-main-col ul{
		width:100%;
		margin-left:0;
	}
	.case-main-col ul {
		width: 98%;
		margin: 0 auto;
	}
	.case-main-col ul li{
		width: 100%;
		border: 1px solid #e9e9e9;
		box-shadow: 0 0 2px rgba(0,0,0,.2);
		margin: 10px auto 0;
		border-radius:5px;
		overflow:hidden;
		display:inline-block;
	}
	.case-main-col ul li a {
		flex-direction: column;
	}

	.case-main-col li .line {
		margin: 10px 0;
	}

	.case-main-col li:nth-child(2n) a {
		flex-direction: column-reverse;
	}

	.case-main-col li .case-main-col-txt {
		padding: 10px;
	}
	.case-main-col-img{
		width: 100%;
		max-height: 300px;
		margin: 0;
		margin-top:10px;
	}

	.case-main-col-img::before {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		border-width: 30px 30px 0 30px;
		border-color: #fff transparent transparent transparent ;
	}

	.case-main-col li:nth-child(2n) .case-main-col-img::before {
		top: inherit;
		right: inherit;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		border-width: 0 30px 30px 30px;
		border-color: transparent transparent #fff transparent;
	}

	.case-main-col li:nth-child(2n) .case-main-col-txt {
		padding: 10px;
	}

	.case-main-col-txt p{
		padding: 0 10px;
		font-size: .6rem;
		line-height: 20px;
	}

	.case-main-col-txt h6 span{
		display: inline-block;
		font-size: 1rem;
		line-height: 20px;
		color: #333;
		font-weight: normal;
		position: relative;
		width:90%;
		padding-bottom:10px;
	}
	.case-main-col-txt h6{
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.contact-main{
		display: block;
		padding-top: 30px;
		padding-bottom: 0;
	}
	.contact-addr{
		width: 100%;
		display: table;
		background-color: #f7f7f7;
		padding: 20px;
		margin-top: 45px;
		border-radius: 0;
		margin-bottom:45px;
	}
	.contact-addr p{
		width: 100%;
		line-height: 30px;
	}
	.contact-addr p span{
		display: inline-block;
		width: 100%;
		float: left;
		font-size: .8rem;
    	line-height: 1.5rem;
	}
	.contact-map{
		width: 100%;
		margin-top: 0;
		height:300px;
	}
	.contact-title span{
		text-align: center;
		line-height: 40px;
		font-size: 1.2rem;
		color: #333;
		display: block;
	}
	.contact-title em{
		display: block;
		line-height: 24px;
		font-style: normal;
		text-align: center;
		color: #b6b5b1;
		font-size: .7rem;
	}
}

.tabs{
	width: 100%;
	height: 38px;
	background-color: #333333;
	text-align: center;
	color: #fff;
	line-height: 38px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tabs ul{
	float: none;
	display: inline-block;
	padding:  0 60px;
}
.tabs span{
	display: inline-block;
	float: none;
	font-size: 20px;
}
.tabs ul li{
	font-size: 14px;
	padding: 0 10px;
	margin: 0 10px;
	position: relative;
}
.tabs ul li.active{
	color: #ff6908;
}
.tabs ul li:after{
	content: '';
	position: absolute;
	right: -10px;
	top: 50%;
	width: 1px;
	height: 14px;
	background-color: #fff;
	margin-top: -7px;
}

.tabs ul li:last-child:after{
	width: 0;
}

.product-inform{
	padding-top: 30px;
	overflow:hidden;
	margin-bottom: 40px;
}

.product-inform .top-container {
	display: flex;
	justify-content: space-between;
}

.bannerbox {
	width: 730px;
	height:600px;
	overflow: hidden;
}

.bannerbox .swiper-container.gallery-top {
	height: 510px;
}
.bannerbox .swiper-container.gallery-top .swiper-wrapper,
.bannerbox .swiper-container.gallery-top .swiper-wrapper img {
	height: 510px;
}
.bannerbox .swiper-container.gallery-top .swiper-wrapper img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.bannerbox .gallery-thumbs {
	margin-top: 20px;
}
.bannerbox .gallery-thumbs img {
	width: 100px;
	height: 66px;
}

.bannerbox .swiper-container {
	width: 100%;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
}

.bannerbox .swiper-slide {
	background-size: cover;
	background-position: center;
}

.bannerbox .gallery-top {
	height: 80%;
	width: 100%;
}

.bannerbox .gallery-thumbs {
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
}

.bannerbox .gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
}

.bannerbox .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
}

.top-container .bannerbox {
	margin: 0;
}

.top-container .infos {
	margin: 0;
	flex: 1;
	padding-left: 80px;
}

.infos dt h1 {
	font-size: 36px;
	font-family: PingFangSC, PingFangSC-Semibold;
	font-weight: 500;
	color: #2c2e3f;
	line-height: 80px;
}

.infos dt h2 {
	font-size: 16px;
	font-family: PingFangSC, PingFangSC-Semibold;
	color: rgba(44,46,63,0.70);
	line-height: 28px;
	margin-bottom: 20px;
}

.infos dd {
	display: flex;
	flex-direction: row;
	margin: 0;

}

.infos dd > div {
	margin: 0;
}

.infos dd .tit {
	padding: 10px 0;
	display: flex;
	align-items: center;
	width: 80px;
	border-top: 1px solid #2c2e3f;
	margin-right: 20px;
	font-size: 16px;
	font-family: PingFangSC, PingFangSC-Semibold;
	font-weight: 600;
	color: #353747;
}

.infos dd .cont {
	padding: 20px 0;
	flex: 1;
	border-top: 1px solid #d8d8d8;
	font-size: 14px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #353747;
}

.infos dd:nth-last-child(2) .tit {
	border-bottom: 1px solid #2c2e3f;
}

.infos dd:nth-last-child(2) .cont {
	border-bottom: 1px solid #d8d8d8;
}

.infos .colorscon {
	padding: 10px 0 0!important;
	max-width: 600px;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.infos .colorsbox {
	position: relative;
	margin: 0;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.infos .colorsbox .img {
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 50%;
}

.infos .colorsbox .tips {
	position: absolute;
	z-index: 10;
	top: -110%;
	left: 50%;
	min-width: 110px;
	min-height: 32px;
	line-height: 32px;
	text-align: center;
	background-color: rgba(0, 0, 0, .8);
	transform: translateX(-50%);
	border-radius: 3px;
}

.infos .colorsbox .tips::after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, .8);
}

.infos .colorsbox .tips {
	display: none;
}

.infos .colorsbox:hover .tips {
	display: block;
	color: #fff;
}

.infos dd .cont.proboximg {
	padding-bottom: 10px!important;
}


.infos dd .info-btn {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	margin-top: 70px;
	max-width: 512px;
	width: 100%;
	height: 62px;
	text-align: center;
	opacity: 1;
	color: #fff;
	background: #000000;
	font-size: 24px;
	font-family: PingFangSC, PingFangSC-Medium;
	font-weight: 500;
	text-align: center;
	letter-spacing: 4px;
}

.infos dd .info-btn img {
	width: 32px;
	height: 32px;
}

.infos dd .infobtnbox {
	margin: 60px 0;
}
.infos dd .infobtnbox .info-btn {
	padding: 0 60px;
	margin-top: 0;
	user-select: none;
}

.infos .probox {
	margin: 0;
	width: 56px;
	height: 30px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.proboximg {
	display: flex;
	flex-direction: row;
}

.infos .probox img {
	width: 100%;
	height: 30px;
	object-fit: cover;
}

.prodsinfo-main-tab {
	width: 100%;
	padding: 40px 0;
	text-align: center;
	user-select: none;
}

.prodsinfo-main-tab ul{
	width: 100%;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border-bottom: 1px solid #D8D8D8;
	box-sizing: border-box;
}
.prodsinfo-main-tab ul li{
	height: 64px;
	float: none;
	display: inline-block;
	line-height: 64px;
	cursor:pointer;
	font-size: 18px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	text-align: center;
	color: #333333;
	padding: 0 20px;
	margin-bottom: -1px;
}

.prodsinfo-main-tab ul li a{
	color: #333333;
}
.prodsinfo-main-tab ul li.active{
	border-bottom: 1px solid #FF8B23;
}
.prodsinfo-main-tab ul li.active a {
	color: #333;
}

@media screen and (max-width: 768px) {
	.prodsinfo-main-tab > ul {
		flex-direction: row;
		justify-content: space-between;
	}
	.prodsinfo-main-tab > ul li {
		padding: 0 10px;
		font-size: 14px;
	}
}

.banner-tabs img {
	width: 960px;
	height: 100%;
	object-fit: cover;
}

.banner-tabs .swiper-pagination span{
	margin-right: 10px;
	width: 6px;
	height: 6px;
}

.banner-tabs .swiper-pagination-bullet-active {
	width: 10px!important;
	height: 10px!important;
	color: #FF8B23;
	background: #FF8B23;
}
.banner-tabs .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
}

.product-detail-box > *:not(.banner-tabs) img {
	vertical-align: middle;
}

.product-parameter,
.product-download-file {
	margin-top: 40px;
	overflow: hidden;
}

.product-download-file .title,
.product-parameter .title {
	margin-bottom: 30px;
	font-size: 30px;
	font-family: PingFangSC, PingFangSC-Medium;
	font-weight: 500;
	text-align: left;
	color: #333333;
	user-select: none;
}

.product-download-file .collocation {
	overflow: hidden;
}

.product-download-file .collocation li {
	width: 470px;
	height: 470px;
	margin-right: 20px;
}

.product-download-file .collocation li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0;
	padding: 0;
	border: none;
}
.product-download-file .collocation li:first-child div {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.product-download-file .collocation li:nth-child(2) {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.product-download-file .collocation li:nth-child(2) div {
	width: 225px;
	height: 225px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.product-download-file .collocation li:nth-child(2) div:nth-child(2n) {
	margin-right: 0;
}

.product-parameter li {
	width: 220px;
	min-height: 260px;
	margin-right: 24px;
}
.product-parameter li img {
	width: 100%;
	height: 100%;
	min-height: 260px;
	object-fit: cover;
}

.product-parameter li .tit,
.product-parameter li .tit-sub {
	color: #666;
}

@media screen and (max-width: 768px) {
	.product-parameter,
	.product-download-file {
		padding: 0 10px;
	}
	.product-parameter li {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 10px;
	}
	.product-parameter li:nth-child(2n) {
		margin-right: 0;
	}
	.product-download-file .collocation li {
		width: 100%;
	}
	.product-download-file .collocation li:nth-child(2) {
		margin-top: 10px;

	}
	.product-download-file .collocation li:nth-child(2) div {
		width: 50%;
		margin: 0;
	}
}

.product-inform-img{
	width: 550px;
	height: 309px;
}

.product-inform-img ul{
	width: 100%;
	height: 100%;
}

.product-inform-img ul li{
	width: 100%;
	height: 309px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-inform-img ul li img{
	max-height: 100%;
	max-width: 100%;
}

.product-inform-img .swiper-button-prev{
	width: 26px;
	height: 44px;
	background: url(../images/left2.png) center no-repeat;
	left: 20px !important;
}

.product-inform-img .swiper-button-next{
	width: 26px;
	height: 44px;
	background: url(../images/right2.png) center no-repeat;
	right: 20px !important;
}

.product-inform-txt{
	width: 620px;
	display: table;
	min-height: 100px;
	padding-left: 40px;
	overflow:hidden;
}
.product-inform-txt h1{
	line-height: 30px;
	font-size: 24px;
	color: #333;
	margin-bottom:10px;
}
.product-inform-txt h4{
	line-height: 30px;
	font-size: 24px;
	color: #333;
	margin-bottom:10px;
}
.product-inform-txt p{
	width: 100%;
	line-height: 20px;
	padding: 3px 0;
}
.product-inform-txt p span{
	display: inline-block;
	width: 56px;
	text-align: justify;
	color: #444;
	margin-right: 30px;
}
.product-inform-txt p em{
	font-style: normal;
	display: inline-block;
	max-width: 480px;
	color: #444;
}

.product-submit{
	display: table;
	text-align: center;
	padding-bottom: 20px;
	padding-top:30px;

}
.product-submit a{
	display: inline-block;
	width: 180px;
	height: 66px;
	border: 1px solid #333333;
	border-radius: 33px;
	line-height: 66px;
	font-size: 16px;
	margin: 0 20px;
	color: #333;
}
.product-submit a.online{
	background-color: #333;
	color: #fff;
}

.product-data{
	display: table;
	background-color: #ececec;
	padding-bottom: 40px;
	padding-top: 40px;
	margin-top:30px;
}

.product-data-box{
	width: 29.3%;
	display: table;
	padding-left: 52px;
}
.product-data-box:nth-child(2){
	width: 41.3%;
	display: table;
	padding-left: 52px;
}
.product-data-box h5{
	line-height: 40px;
	font-size: 16px;
	color: #333;
}
.product-data-box p{
	line-height: 35px;
	font-size: 14px;
	color: #333;
}
.product-data-box p em{
	font-style: normal;
	color: #555;
}

.product-list-show{
	display: table;
}

.product-list-show-img{
	width: 100%;
	text-align: center;
	padding: 20px 0;
}
.product-list-show-img img{
	max-height: 100%;
	max-width: 100%;
	height:100%;
}


@media screen and (max-width:768px){
	.top-container {
		flex-direction: column;
	}
	.top-container .infos {
		padding: 10px;
	}
	.top-container .bannerbox{
		width: 100%;
		max-height: 310px;
	}
	.top-container .infos {
		padding-left: 0;
		padding: 0 10px;
	}
	.product-detail-box .banner-box {
		padding: 0 4px;
	}
	.product-detail-box .banner-box * {
		width: 100%;
	}

	.product-detail-box .banner-box img {
		width: 100%;
		height: 310px;
		object-fit: cover;
	}

	.top-container .bannerbox .swiper-container.gallery-top {
		max-height: 310px;
	}

	.top-container .swiper-slide {
		width: 100%!important;
	}

	.top-container .swiper-wrapper {
		max-height: 310px;
	}

	.product-data{
		display: table;
		background-color: #ececec;
		padding-bottom: 20px;
		padding-top: 20px;
		margin-top:20px;
	}

	.product-inform-img ul li{ height:auto; }

	.product-inform-txt h4 {
		line-height: 30px;
		font-size: 1.2rem;
		color: #333;
		margin-bottom:20px;
	}
	.product-inform-txt{
		width: 96%;
		display: block;
		min-height: 100px;
		padding-left: 0;
		margin:15px 2% 0;
		overflow:hidden;
	}
	.product-inform-txt p{
		width: 100%;
		line-height: 20px;
		padding: 0 10px;
		font-size:.8rem;
	}
	.product-inform-img{
		width: 100%;
		height: auto;
	}
	.product-inform{
		padding-top: 0;
		overflow:hidden;
	}
	.product-submit{
		display: table;
		text-align: center;
		padding-bottom: 30px;
		padding-top:40px;

	}
	.product-submit a{
		display: inline-block;
		width: 120px;
		height: 46px;
		border: 1px solid #333333;
		border-radius: 33px;
		line-height: 46px;
		font-size: 16px;
		margin: 0 20px;
		color: #333;
	}
	.product-data-box{
		width: 100%;
		display: table;
		padding-left: 20px;
		padding-right:20px;
	}
	.product-data-box:nth-child(2){
		width: 100%;
		display: table;
		padding-left: 20px;
		padding-right:20px;
	}
	.product-data-box p{
		line-height: 20px;
		font-size: .8rem;
		color: #333;
	}
	.product-list-show-img{
		padding: 0;
	}

	.product-inform-img ul li img{
		max-height: 100%;
		max-width: 100%;
		height:auto;
	}
	.product-list-show-img img{
		max-height: 100%;
		max-width: 100%;
		height:100%;
		width:100%;
	}
}
.news-main{
	display: table;
	padding-top: 50px;
}

.news-main-tab{
	width: 100%;
	text-align: center;
}
.news-main-tab ul{
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.news-main-tab ul li{
	width: 232px;
	height: 64px;
	float: none;
	display: inline-block;
	border-bottom: 1px solid #D8D8D8;
	line-height: 64px;
	font-size: 24px;
	cursor:pointer;
}
.news-main-tab ul li a{
	color: #D8D8D8;
}
.news-main-tab ul li.active{
	border-bottom: 1px solid #333;
}
.news-main-tab ul li.active a {
	color: #333;
}

.news-main-col{
	width: 100%;
	display: table;
	margin:30px 0 50px;
}
.news-main-col h5{
	text-align: center;
	height: 50px;
	background-color: #333;
	width: 100%;
	margin-top: 40px;
	line-height: 50px;
	font-size: 20px;
	color: #fff;
	font-weight: normal;
}
.news-main-col ul{
	width: 100%;
	display: table;
}
.news-main-col ul li{
	width: 100%;
	display: table;
	min-height: 88px;
	margin-top: 10px;
}

.news-main-list-txt{
	/* width: 1064px; */
	width: 100%;
	height: 120px;
	background-color: #f6f6f6;
	cursor:pointer;
}

.news-main-list-txt-fl{
	width: 860px;
	display: table;
	padding-left: 10px;
}
.news-main-list-txt-fl h6{
	line-height: 30px;
	font-size: 16px;
	color: #333;
	padding: 10px;
}
.news-main-list-txt-fl p{
	font-size: 13px;
	color: #555;
	text-align: justify;
	line-height: 22px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.news-main-list-txt-time{
	padding-right: 32px;
	line-height: 120px;
	font-size: 16px;
}


@media screen and (max-width:768px){
	.news-main-col ul{
		width: 100%;
		display: block;
		padding: 0 10px;
	}
	.news-main{
		display: block;
		padding-top: 20px;
	}

	.news-main-tab ul li{
		width: 100%;
		height: 45px;
		float: none;
		display: inline-block;
		border-bottom: 3px solid #777;
		line-height: 44px;
		font-size: 1rem;
		cursor:pointer;
	}
	.news-main-tab ul a{
		display:inline-block;
		width:50%;
	}

	.news-main-tab ul li.active{
		color: #333;
		border-bottom: 3px solid #333;
	}

	.news-main-col{
		width: 100%;
		display: table;
		margin:10px 0;
	}

	.news-main-col ul li{
		width: 100%;
		display: block;
		/*min-height: 88px;*/
		margin-top: 10px;
		overflow:hidden;
		background-color:#f6f6f6;
	}

	.news-main-list-number{
		/*width:50px;
		height: 120px;
		text-align: center;*/
		display:none;
	}

	.news-main-list-txt{
		width: 100%;
		/*height: 120px;*/
		background-color: #f6f6f6;
		cursor:pointer;
		padding:10px;
	}
	.news-main-list-txt.fr{
		float:none;
	}
	.news-main-list-txt-fl{
		width: 100%;
		display: block;
		padding-left: 0;
	}
	.news-main-list-txt-time{
		display:block;
		padding-right: 15px;
		line-height: 35px;
		font-size: .6rem;
		color:#555;
	}
	.news-main-list-txt-fl h6{
		line-height: 20px;
		font-size: 1rem;
		color: #333;
		padding: 5px;
	}
}

.project{
	display: table;
	padding-bottom: 60px;
	min-height:700px;
}

.project-title{
	width: 100%;
	border-bottom: 2px solid #666;
	margin-top: 20px;
	line-height: 56px;
	display: table;
	position: relative;
}
.project-title span{
	/*width: 166px;*/
	height: 54px;
	background-color: #f2f2f2;
	border-radius: 10px 10px 0 0;
	display: inline-block;
	text-align: center;
	font-size: 24px;
	color: #444;
	position: relative;
	z-index: 9;
	float: left;
	padding:0 20px;
}
.project-title:after{
	width: 100%;
	height: 24px;
	background-color: #f2f2f2;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
}

.project-col{
	width: 100%;
	display: table;
}

.project-news{
	width: 980px;
	display: table;
	min-height: 100px;
}
.project-news ul.tops-ul{
	width: 100%;
	padding-top: 25px;
}
.project-news ul.tops-ul li{
	width: 100%;
	background-color: #f6f6f6;
	height: 150px;
	margin: 10px 0;
}

.project-news-time{
	width: 92px;
	height: 150px;
	padding: 38px 0;
}
.project-news-time b{
	display: block;
	text-align: center;
	font-size: 36px;
	font-weight: normal;
	font-family: arial;
	color: #555;
	line-height: 54px;
}
.project-news-time em{
	display: block;
	text-align: center;
	font-style: normal;
	font-size: 14px;
	color: #555;
	line-height: 20px;
}

.project-news-col{
	width: 880px;
	display: table;
	padding: 10px 0;
	padding-right: 20px;
}
.project-news-col h5{
	line-height: 42px;
	font-size: 16px;
	color: #1677d8;
}
.project-news-col p{
	font-size: 14px;
	line-height: 26px;
	color: #444;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.project-fr{
	width: 200px;
	display: table;
	min-height: 100px;
	padding-top: 30px;
}
.project-fr h5{
	line-height: 68px;
	font-size: 28px;
	font-weight: normal;
	color: #333;
}

.project-content{
	width: 100%;
}
.project-content ul{
	width: 100%;
}
.project-content ul li{
	width: 100%;
	height: 50px;
	background-color: #f2f2f2;
	margin-top: 2px;
	line-height: 50px;
	padding-left: 20px;
}
.project-content ul li a{
	color: #333;
	display:block;
	width:100%;
	height:100%;
}

.project-product{
	width: 100%;
	padding-top: 20px;
	display: table;
}
.project-product ul{
	width: 100%;
}
.project-product ul li{
	width: 100%;
	display: table;
}
.project-product ul li .project-product-img{
	width: 100%;
}
.project-product ul li .project-product-img img{
	width: 100%;
}
.project-product ul li .project-product-txt{
	line-height: 30px;
	font-size: 14px;
	color: #1977db;
	text-align: center;
}

.topic-list {
	margin:20px 0;
	overflow:hidden;
	min-height:600px;
}
.topic-list ul{
	display:block;
	overflow:hidden;
}

.topic-list ul li{
	min-height: 50px;
	height: 50px;
	display:inline-block;
	padding:5px 15px;
	min-width:200px;
	max-width: 200px;
}
.topic-list ul li a{
	display:inline-block;
	background-image:url(../images/right_.jpg);
	background-size:15px 20px;
	padding-left:18px;
	background-repeat:no-repeat;
}

@media screen and (max-width:768px){
	.topic-list ul li{
		display:inline-block;
		padding:5px 15px;
		min-width:auto;
	}
	.project-news{
		width: 100%;
		display: block;
		min-height: 100px;
		overflow:hidden;
	}
	.project-news ul.tops-ul li{
		width: 96%;
		background-color: #f6f6f6;
		min-height: 50px;
		margin: 10px 2%;
		/*padding-bottom:30px;*/
		position: relative;
		height:auto;
		overflow:hidden;
	}

	.project-news-col{
		width: 100%;
		display: table;
		padding: 10px;
		padding-right: 10px;
		overflow:hidden;
	}
	.project-news-time{
		display:none;
		width: 100%;
		height: 20px;
		padding: 0;
		position:absolute;
		bottom:10px;
	}
	.project-news ul.tops-ul{
		width: 100%;
		padding-top: 15px;
		overflow:hidden;
	}
	.project-news-col p{
		font-size: .7rem;
		line-height: 1.2rem;
		color: #444;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
	}
	.project-news-col h5{
		line-height: 1.5rem;
		font-size: 1rem;
		color: #1677d8;
	}
	.project-fr{
		width: 96%;
		margin:0 2%;
		display: block;
		min-height: 100px;
		padding-top: 10px;
	}
	.project-fr h5{
		line-height: 1.8rem;
		font-size: 1.2rem;
		font-weight: normal;
		color: #333;
	}
	.project-content ul li{
		width: 100%;
		height: 40px;
		background-color: #f2f2f2;
		margin-top: 2px;
		line-height: 40px;
		padding-left: 10px;
	}
	.project-product{
		width: 100%;
		padding-top: 10px;
		display: table;
	}
}

.introduce{
	display: table;
	/*margin-top: -30px;*/
	margin-bottom:50px;
}

.introduce-fl{
	width: 850px;
	display: table;
	min-height: 100px;
}

.introduce-tab{
	width: 100%;
	height: 44px;
}
.introduce-tab ul{
	width: 100%;
}
.introduce-tab ul li{
	display: inline-block;
	height: 32px;
	text-align: center;
	margin: 6px 0;
	line-height: 28px;
	margin-right: 14px;
	padding:0 10px;
	cursor:pointer;
}
.introduce-tab ul li.active {
	border-bottom: 2px solid #FF8B23;
}

.introduce-col{
	width: 100%;
	display: table;
	margin-bottom:80px;
}
.introduce-col ul{
	width: 100%;
	display: table;
}
.introduce-col ul li{
	width: 100%;
	display: table;
	min-height: 120px;
	margin-top: 30px;
}

.introduce-img{
	width: 200px;
	height: 120px;
	/*padding: 10px 0;*/
}
.introduce-img.search{
	width: 252px;
	height: 120px;
	/*padding: 10px 0;*/
}
.introduce-img img{
	width: 100%;
	height: 100%;
}
.introduce-txt{
	width: 635px;
	height: 120px;
	background-color: #f6f6f6;
}
.introduce-txt.search{
	width: 935px;
	height: 120px;
	background-color: #f6f6f6;
}

.introduce-txt-time{
	width: 84px;
	height: 120px;
	text-align: center;
	padding: 30px 0;
}
.introduce-txt-time.search{
	width: 114px;
}
.introduce-txt-time b{
	display: block;
	line-height: 40px;
	font-size: 36px;
	font-weight: normal;
	color: #666;
	font-family: arial;
}
.introduce-txt-time em{
	display: block;
	font-style: normal;
	font-size: 14px;
	color: #666;
	line-height: 20px;
}

.introduce-txt-fr{
	width: 550px;
	display: table;
	padding: 5px 0;
}
.introduce-txt-fr.search{
	width: 820px;
	display: table;
	padding: 5px 0;
}
.introduce-txt-fr h5{
	line-height: 32px;
	font-size: 16px;
	color: #000;
	font-weight: 700;
}
.introduce-txt-fr h5 span{
	color: #ed653d;
}
.introduce-txt-fr p{
	font-size: 13px;
	line-height: 24px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	padding-right: 10px;
	text-align: justify;
	color: #666;
	/*margin-top:5px;*/
}
.introduce-col ul li.li-item2 .introduce-txt{
	background-color: #edf6f5;
}
.introduce-col ul li.li-item2 .introduce-txt-fr h5 span{
	color: #3991eb;
}

.introduce .page{
	border-bottom: none;
	padding: 40px 0;
}

.introduce-fr{
	width: 320px;
	display: table;
	min-height: 100px;
}

.introduce-recom{
	width: 100%;
	display: table;
}

.introduce-recom h5{
	width: 100%;
}

.introduce-recom h5 span{
	display: inline-block;
	width: 160px;
	height: 42px;
	/* background-color: #333333; */
	/* border-radius: 0 21px 21px 0; */
	/* text-align: center; */
	line-height: 42px;
	color: #333;
	font-size: 22px;
	font-weight: normal;
	position: relative;
}

/* .introduce-recom h5 span:after{
	content: '';
	position: absolute;
	left: 6px;
	top: 50%;
	width: 6px;
	height: 30px;
	background-color: #fff;
	margin-top: -15px;
} */

.introduce-recom{
	width: 100%;
	display: table;
}
.introduce-recom ul{
	width: 100%;
}
.introduce-recom ul li{
	width: 48%;
	margin-top: 10px;
	margin:0 1%;
}
.introduce-recom ul li:nth-child(2n){
	margin-right:0;
	margin-left:1%;
}

.introduce-recom-img{
	width: 100%;
}
.introduce-recom-txt{
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #333;
}
.introduce-recom-img img{
	width: 100%;
}

.introduce-news{
	width: 100%;
	display: table;
	padding-top: 30px;
	margin-bottom:30px;
}
.introduce-news h5{
	width: 100%;
}
.introduce-news h5 span{
	display: inline-block;
	width: 160px;
	height: 42px;
	/* background-color: #333333; */
	/* border-radius: 0 21px 21px 0; */
	/* text-align: center; */
	line-height: 42px;
	color: #333;
	font-size: 22px;
	font-weight: normal;
	position: relative;
}
/* .introduce-news h5 span:after{
	content: '';
	position: absolute;
	left: 6px;
	top: 50%;
	width: 6px;
	height: 30px;
	background-color: #fff;
	margin-top: -15px;
} */
.introduce-news .news-hot{
	width: 330px;
	margin-top:20px;
}
.introduce-news .news-hot-col ul li{
	padding-left: 10px;
	overflow: hidden;
	height: 52px;
}
.introduce-news .news-hot-col ul li i{
	margin-right: 10px;
}
.introduce-news .news-hot-col{
	padding-top: 0;
	background-color: #e9e9e9;
	margin-top: 5px;
}

@media screen and (max-width:768px){
	.introduce-recom h5 span{
		display: inline-block;
		width: 120px;
		height: 32px;
		line-height: 32px;
		color: #fff;
		font-size: 1rem;
		font-weight: normal;
		position: relative;
		color: #333;
	}
	.introduce-news h5 span{
		display: inline-block;
		width: 120px;
		height: 32px;
		line-height: 32px;
		color: #fff;
		font-size: 1rem;
		font-weight: normal;
		position: relative;
		color: #333;
	}
	.introduce-tab ul li{
		display: inline-block;
	    width: 23%;
	    height: 26px;
	    /* border: 2px solid #383838; */
	    /* border-radius: 13px; */
	    text-align: center;
	    margin: 3px 1%;
	    line-height: 24px;
	    padding: 0 5px;
	    cursor: pointer;
	}
	.introduce-col{
		width: 100%;
		display: block;
		margin-bottom:0;
	}
	.introduce-fl{
		width: 100%;
		display: block;
		min-height: 100px;
		margin-top:-20px;
		margin-bottom:15px;
	}

	.introduce-txt-time.search{
		width: 70px;
	}

	.introduce-img{
		width: 100%;
		height: auto;
		/*padding: 10px 0;*/
	}
	.introduce-txt.search{
		width: 100%;
		height: 110px;
		background-color: #f6f6f6;
	}
	.introduce-img.search{
		width: 100%;
		height: auto;
		/*padding: 10px 0;*/
		display:block;
		overflow:hidden;
	}
	.introduce-img.search a img{
		max-width: 100%;
		width:100%;
		height:auto;
	}
	.introduce-txt{
		width: 100%;
		height: auto;
		background-color: #f6f6f6;
	}
	.introduce-txt-fr{
		width: calc(100% - 84px);
		display: table;
		padding: 5px 0;
	}
	.introduce-txt-fr h5{
		line-height: 1.4rem;
		font-size: 1rem;
		color: #000;
		font-weight: 700;
	}
	.introduce-txt-fr p{
		font-size: .8rem;
		line-height: 1.2rem;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		overflow: hidden;
		padding-right: 10px;
		text-align: justify;
		color: #666;
		margin-top:5px;
	}
	.introduce-fr{
		width: 100%;
		display: table;
		min-height: 100px;
	}
	.introduce-news .news-hot{
		width: 100%;
		margin-top:20px;
	}
	.introduce-news .news-hot-col ul li{
		padding-left: 10px;
		overflow: hidden;
		height: 35px;
	}
	.introduce{
		display: table;
		margin-top: -30px;
		margin-bottom:0;
		padding:10px 0;
	}
	.introduce-col ul li{
		width: 100%;
		display: table;
		min-height: 120px;
		margin-top: 15px;
	}
	.introduce-txt-fr.search{
		width: calc(100% - 70px);
		display: table;
		padding: 5px 0;
	}
	.introduce-txt-time{
		width: 84px;
	    height: 85px;
	    text-align: center;
	    padding: 15px 0 10px;
	    line-height: 85px;
	}
}

.company-main{
	display: flex;
	flex-direction: row;
	padding-bottom: 60px;
	margin-top:20px;
}

/* 走进横衡 */
dl.company-menu {
	width: 370px;
	margin: 0;
	margin-right: 64px;
}

.company-menu dt {
	display: flex;
	align-items: center;
	width: 370px;
	height: 100px;
	border-bottom: 1px solid #d8d8d8;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.company-menu dt span {
	font-size: 22px;
	font-family: PingFangSC, PingFangSC-Medium;
	font-weight: 500;
	color: #333333;
	line-height: 30px;
	letter-spacing: 4px;
	margin-left: 25px;
}

.company-menu dt img {
	width: 70px;
	height: 70px;
}

.company-menu dd {
	font-size: 16px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #666666;
	line-height: 32px;
	margin-left: 10px;
	cursor: pointer;
}

.company-container {
	margin: 0;
	box-sizing: border-box;
}
.compcon-box .title {
	font-size: 17px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	text-align: left;
	color: #666666;
	line-height: 32px;
}
.compcon-box .detail {
	line-height: 1.4em;
	font-size: 17px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #666666;
}
.company-container .compcon-tit {
	font-size: 22px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #333333;
	letter-spacing: 4px;
	height: 100px;
	line-height: 100px;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

.comphonor {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
}
.company-honor {
	margin: 0;
	width: 30%;
	margin-bottom: 50px;
}

.company-container {
	flex: 1;
}

.compcon-clound .tabs-header ul{ overflow:hidden; margin-left:-2%; margin-bottom:3%}
.compcon-clound .tabs-header ul li{ cursor:pointer; color:#333; float:left; width:12.285%; font-size:20px; margin-left:2%; text-align:center; line-height:60px}
.compcon-clound .tabs-header ul .current{ border-bottom:1px solid #b48b62;}
.compcon-clound .tabs-content div{ background:#0a2444; font-size:14px; color:#fff;}
.compcon-clound .tabs-content div h1 img{ width:100%}
.compcon-clound .tabs-content div p{ padding:2%; line-height:26px; overflow:hidden}
.compcon-clound .tabs-content div p span{ width:83%; float:left;}
.compcon-clound .tabs-content div p a{ width:13%; float:right; background:#b48b62; font-size:18px; color:#fff;  line-height:50px; text-align:center; margin-top:1.5%}
.compcon-clound .tabs-content div p a:hover{ box-shadow:0 0 5px #b48b62}
.compcon-clound .tabs-content div{ background:#0a2444; font-size:14px; color:#fff;}
.compcon-clound .tabs-content div h1 img{ width:100%}
.compcon-clound .tabs-content div p{ padding:2%; line-height:26px; overflow:hidden}
.compcon-clound .tabs-content div p span{ width:73%; float:left; color: #fff}
.compcon-clound .tabs-content div p a{
	float:inherit; 
	background:#b48b62; 
	font-size:18px; 
	color:#fff;  
	line-height:50px; 
	padding: 10px 30px;
	text-align:center; 
	margin-top:1.5%;
}
.compcon-clound .tabs-content div p a:hover{ box-shadow:0 0 5px #b48b62}

.compcon-clound .sublist {
	height: 652px;
	max-width: 1086px;
	margin: 0;
	float: left;
}

.compcon-clound .tabcon {
	position: relative;
	height: 652px;
	width: 100%;
	overflow: hidden;
}

.compcon-clound #leftcon .tabs-content.subbox {
	position: absolute;
    width: 9999em;
	height: 640px;
	top: 0;
	left: 0;
}

.compcon-box .history-logs{

}

.compcon-box .history-logs .imgbox {
	width: 245px;
	max-width: 245px;
	height: 163px;
	margin: 0;
	margin-right: 20px;
}

.compcon-box .history-logs .imgbox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.compcon-box .history-logs li {
	float: inherit;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	margin-bottom: 50px;
	width: 100%;
}

.compcon-box .history-logs li div {
	flex: 1;
	margin: 0;
}


.compcon-box .history-logs p {
	max-width: 700px;
	width: 100%;
	text-indent: 0;
	font-size: 18px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #666666;
	line-height: 32px;
}

.compcon-box .history-logs .box h4 {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 32px;
	line-height: 32px;
	font-size: 18px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	color: #666666;
	vertical-align: middle;
}

.compcon-box .history-logs h4::before {
	display: inline-block;
	content: "";
	width: 8px;
	height: 8px;
	line-height: 32px;
	vertical-align: middle;
	background: #ff8b23;
	border-radius: 50%;
	margin-right: 10px;
}

.compcon-box.gofactory {
	max-width: 1000px;
}

.compcon-box.gofactory p {
	font-size: 18px;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	text-align: left;
	color: #666666;
	line-height: 32px;
}

@media screen and (max-width:768px){
	.compcon-box .history-logs {
		padding: 0 8px;
	}
	.compcon-box .history-logs .imgbox {
		flex: inherit;
		width: 100px;
		height: 100px;
		margin-right: 10px;
	}
	.compcon-box .history-logs li {
		margin-bottom: 15px;
	}
}

.company-pord{
	width: 100%;
}
.company-main h5{
	text-align: center;
	line-height: 80px;
	padding-bottom: 30px;
}
.company-main h5 span{
	display: inline-block;
	/*width: 240px;*/
	line-height: 50px;
	border-bottom: 5px solid #333;
	font-size: 28px;
	font-weight: normal;
	color: #333;
	padding:0 15px;
}
.company-pord ul{
	width: 1213px;
	padding-top: 30px;
	display: table;
	margin-left: -13px;
}
.company-pord ul li{
	width: 287px;
	display: table;
	margin-left: 13px;
}

.company-pord-img{
	width: 287px;
	height: 220px;
	border: 1px solid #d9d9d9;
	padding: 1px;
}
.company-pord-img img{
	width: 100%;
	height: 100%;
}
.company-pord-txt{
	text-align: center;
	line-height: 46px;
	font-size: 14px;
	color: #555;
}
.company-photo{
	display: table;
}
.company-photo-col{
	width: 100%;
	text-align: center;
}
.company-photo-col ul{
	width: 100%;
	padding-bottom: 30px;
	display: flex;
	justify-content: space-between;
}
.company-photo-col ul li{
	width: 366px;
	/*height: 384px;*/
	border: 1px solid #eae9e7;

}

.company-photo-col ul li img{
	width: 100%;
	height: 100%;
}
.company-honors{
	width: 100%;
	display: block;
	padding-bottom: 30px;
}
.company-honors ul{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.company-honors ul li{
	width: 366px;
}
.company-honors ul li img{
	width: 100%;
}

.company-process{
	width: 100%;
	padding-bottom: 60px;
	display: table;
}

.company-process-img{
	width: 100%;
}
.company-process-img img {max-width:100%;}

@media screen and (max-width:768px){
	.company-menu dd {
		float: left;
		width: 50%;
		margin: 0;
		text-align: center;
	}
	.company-menu::after {
		content: "";
		height: 0;
		line-height: 0;
		display: block;
		visibility: hidden;
		clear: both;
	}

	.company-main{
		padding-bottom: 60px;
		display: block;
	}
	.company-container .compcon-tit {
		padding: 0 10px;
	}
	.company-main h5 span{
		font-size: 26px;
	}
	.company-process{
		width: 100%;
		padding-bottom: 20px;
		display: block;
	}
	.company-process-img img{
		max-width: 100%;
	}
	.company-main h5 span{
		display: inline-block;
		width: 30%;
		line-height: 2.6rem;
		border-bottom: 3px solid #333;
		font-size: 1.2rem;
		font-weight: normal;
		color: #333;
	}
	.company-honors{
		width: 100%;
		display: block;
		padding-bottom: 10px;
	}
	.comphonor {
		padding: 0 10px;
	}
	.company-honors ul{
		width: 100%;
		/*display: block;*/
	}
	.company-honors ul li{
		width: 100%;
	}
	.company-honors ul li img{
		max-width: 100%;
	}
	.company-photo{
		display: block;
	}
	.company-pord ul{
		width: 100%;
		padding-top: 10px;
		display: table;
		margin-left: -13px;
	}
	.company-pord ul li{
		width: 100%;
		display: table;
		margin-left: 13px;
	}

	div.company-container ul.tabbtn li{
		width: 50%!important;
		margin-left: 0!important;
		box-sizing: border-box;
		line-height: 59px!important;
	}
	div.company-container ul.tabbtn li.current {
		height: 59px;
	}

	.compcon-clound .tabs-content div p {
		width: 100%;
		padding: 8px;
	}
}


.service-cols {display:block;overflow:hidden;}

.service-cols ul {
	display:block;
	width:100%;
	overflow:hidden;
}
.service-cols ul li {
	display:inline-block;
    width: 11%;
    margin: 1% 7%;
}

.service-cols ul li .col-img {
	width:132px;
	height:132px;
	text-align:center;
	line-height:128px;
	font-size:50px;
	background:#F0F0F0;
	border-radius:25px;
}

.service-cols ul li .col-img:hover {
	background:#333;
	color:#fff;
}

.service-cols ul li img {
	width:100%;
	max-width:100%;
}

.service-cols .col-text {
	text-align:center;
}
.service-cols .col-text span{
	display:block;
	font-size:26px;
	font-weight:700;
}
.service-cols .col-text span.col-title{
	font-size:18px;
	font-weight:300;
	color:#333;
	line-height:34px;
}
.service-cols .col-text span.col-eng{
	font-size:14px;
	font-weight:100;
	color:#555;
	line-height:20px;
}

@media screen and (max-width:768px){
	.service-cols ul li {
		display:inline-block;
		width:20%;
		margin:2.5%;
		overflow:hidden;
	}
	.service-cols ul li .col-img {
		width:60px;
		height:60px;
		text-align:center;
		line-height:58px;
		font-size:30px;
		background:#F0F0F0;
		border-radius:15px;
	}
	.service-cols .col-text span{
		display:block;
		font-size:.8rem;
		font-weight:700;
	}
	.service-cols .col-text span.col-title{
		font-size:.7rem;
		font-weight:300;
		color:#333;
		line-height:1rem;
	}
	.service-cols .col-text span.col-eng{
		font-size:.6rem;
		font-weight:100;
		color:#555;
		line-height:20px;
	}
}

.fixed-footer-form {
	height:200px;
	background-color: rgba(51,51,51, 0.9)!important;
	position:fixed;
	bottom:-300px;
	left:0;
	width:100%;
	z-index:999999;
	display:block;
}

.fixed-footer-form .title {
	width:55%;
	float:left;
	line-height:120px;
	color:#fff;
	font-size:26px;
	font-weight:700;
}

.fixed-footer-form .forms {
	width:50%;
	height:160px;
	overflow:hidden;
	padding:10px 0;
	position: absolute;
	bottom: -180px;
	right:80px;
}

.fixed-footer-form .bg-images {
	width: 1920px;
	height: 267px;
	position: absolute;
	bottom: -200px;
	text-align: center;
	left: -360px;
}

.fixed-footer-form .forms .forms-tops {
	width:30%;
	margin-left:2%;
	display:inline-block;
	height:35px;
	border-radius:17.5px;
	line-height:35px;
	border:none;
	margin-top:10px;
	float:left;
	text-align: center;
}

.fixed-footer-form .forms .forms-tops.remarks {
	width:61%;
}

.fixed-footer-form .forms .forms-tops.button {
	width:25%;
	cursor:pointer;
	background:#ED732F;
	color:#fff;
	font-size:16px;
	outline:none;
}

@media screen and (max-width:768px){
	.fixed-footer-form {
		display:none;
	}
}


.baojia {
	position:fixed;
	right:0;
	bottom:550px;
	background: #fff;
	color:#666;
	padding:15px 0;
	height:auto;
	width:80px;
	cursor:pointer;
	z-index:99998;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
}

.baojia ul li {
	display:block;
	width:100%;
	margin:10px 0;
	text-align:center;
	position: relative;
}
.baojia ul li .icon{

	font-size:30px;
}
#weixin .icon{
	/*color:#60D04E;*/
}


.baojia ul li .img {
	display:none;
	position: absolute;
	right:80px;
	bottom:-80px;
	border:1px solid #ddd;
	font-size:0;
}


.baojia .tit {
	display:block;
	width:100%;
	font-size:12px;
	line-height:14px;
	margin-top:6px;
}
.baojia-form {
	display:none;
	position:fixed;
	width:500px;
	height:auto;
	overflow-y:auto;
	min-height:450px;
	top:25%;
	left:calc(50% - 250px);
	background:#fff;
	padding:0 20px 20px 20px;
	border:1px solid #000;
	box-shadow:0 0 10px 0 #999;
	z-index:9999999;
}

.baojia-form .title {
	/*margin-left:10px;*/
	height:40px;
	line-height:40px;
	border-bottom:1px solid #ddd;
	text-align:left;
	margin-bottom:20px;
}

.baojia-form .close {
	width:22px;
	height:22px;
	position:absolute;
	top:5px;
	right:15px;
	cursor:pointer;
}

.baojia-form .form-group {
	width:100%;
	margin-bottom:10px;
}
.baojia-form .form-group label {
	width:25%;
	display:inline-block;
	text-align:right;
	vertical-align: top;
}
.baojia-form .form-group .form-control {
	display:inline-block;
	width:70%;
	margin-left:10px;
	position:relative;
}

.baojia-form .form-group .form-control small{
	position:absolute;
	right:15px;
	top:8px;
}

.baojia-form .form-group .form-control input {
	width:100%;
	height:35px;
	line-height:35px;
	border-radius:3px;
	outline:none;
	border:1px solid #ddd;
}
.baojia-form .form-group .form-control select {
	width:40%;
	height:35px;
	line-height:35px;
	border-radius:3px;
	outline:none;
	border:1px solid #ddd;
}
.baojia-form .form-group .form-control textarea {
	width:100%;
	line-height:30px;
	border-radius:3px;
	outline:none;
	border:1px solid #ddd;
}

.baojia-form .form-control > label {
	width: auto;
	line-height: 30px;
}

.baojia-form .form-control input[type="radio"] {
	margin-right: 3px;
	width: 10px;
	height: 10px;
}

.baojia-form #baojiaSubmit {
	width:50%;
	height:35px;
	background:#000;
	color:#fff;
	border-radius:5px;
	border:none;
	outline:none;
	font-size:18px;
	cursor:pointer;
}
.forms-bg{
	display:none;
	position:fixed;
	background:rgba(0,0,0,0.7);
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:8888;
}

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

	.baojia {
		position:fixed;
		right:0;
		bottom:150px;
		background:rgba(0,0,0,0.7);
		color:#fff;
		padding:15px 0;
		height:auto;
		width:60px;
		cursor:pointer;
		z-index:99998;
		border-top-left-radius:5px;
		border-bottom-left-radius:5px;
	}
	#weixin{
		display:none;
	}
	.baojia-form {
		display:none;
		position:fixed;
		width:90%;
		height:auto;
		overflow-y:auto;
		min-height:450px;
		top:10%;
		left:5%;
		background:#fff;
		padding:0 10px 10px 10px;
		border:1px solid #000;
		box-shadow:0 0 10px 0 #999;
		z-index:99999;
	}
	.baojia-form .form-group label {
		width:20%;
		font-size:.6rem;
		display:inline-block;
		text-align:right;
		vertical-align: top;
	}
	.baojia-form .form-group .form-control {
		display:inline-block;
		width:75%;
		margin-left:10px;
		position:relative;
	}

	.baojia {
		bottom:190px;
	}
}

.fixed-footer-form .forms.hengpai { width:260px;right: 0;padding-top: 0; }
.fixed-footer-form .forms.hengpai .forms-tops { width: 100%;margin-left: 0;height: 40px;line-height: 40px; }

.footer-fixed-close { position:absolute;background-image:url(../images/close.png);background-size:70% 70%;top:10px;background-position:center;background-repeat:no-repeat;right:10px;width:40px;height:40px;padding:10px;cursor:pointer; }
.footer-fixed-icon-small { position:fixed;background-image: url(../images/fixboxb.png);background-size:100% 100%;bottom:-70px;background-position:center;background-repeat:no-repeat;right:10px;width:70px;height:70px;padding:10px;cursor:pointer;z-index:99999 }
@media screen and (max-width:768px){
	.footer-fixed-icon-small { display: none; }
}

/* 产品中心-产品详情 图文结合样式 */
.pro-imgbox {
	display: flex;
	justify-content: center;
	color: #fff;
	margin: 15px 0;
	overflow: hidden;
}
.pro-imgbox p {
	min-width: 220px;
	background-color: #FAFAFA;
	padding: 40px;
	box-sizing: border-box;
}
.pro-imgbox p strong {
	display: block;
	font-size: 30px;
	font-weight: 500;
	color: #333333;
	line-height: 42px;
	margin-bottom: 25px;
}
.pro-imgbox p em {
	font-size: 18px;
	font-weight: 400;
	color: #999999;
	line-height: 25px;
	font-style: inherit;
}

/* 左右颠倒 */
.pro-imgbox.pro-imgbox--reverse {
	flex-direction: row-reverse;
}



/* 底部表单样式 */
.sy8{ position:fixed; bottom:0; left:0; width:100%; height: 157px; background-color: rgba(51,51,51, 0.9); padding:1.5% 6%; z-index:9999}
.sy8 .left {
	float: left;
	width: 40%;
}
.sy8 .right {
	float: right;
	width: 60%;
	padding-left: 20px;
	box-sizing: border-box;
}
.sy8 .left h1{ text-align: center; }
.sy8 .left h1 img{ width:90%!important; }
.sy8 .right{ width:60%; overflow:hidden; margin-top:1%}
.sy8 .right p,
.sy8 .right h2{float:left; width:30.333%; border-radius:5px;}
.sy8 .right p{ overflow:hidden; font-size:20px; color:#333; line-height:40px; padding:0 1%; background:#fff; margin-right:4%; overflow:hidden}
.sy8 .right p input{ height:40px; line-height:40px; /* color:#fff; */ width:60%; display:block; background:none; border:0; border-bottom:#fff 1px solid}
.sy8 .right h2 input{ border:none; border-radius:5px; width:100%; font-size:22px; background:#FF6600; color:#fff; text-align:center; line-height:40px; height:40px;}
.sy8 .right p span{ width:auto; float:left}
.pc-footer{ padding-bottom:7%}
@media (max-width:1400px){
	.sy8 .right p,.sy8 .right h2 input{ font-size:16px;}
	.sy8 .right p span{ width:auto}
	.sy8 .right p input{ width:56%}
}

.sy8 .close-r-top {
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}

.foot{
	padding: 50px 0 30px;
	background: #0a2444;
}
.foot-top{
	padding-bottom: 30px;
}
.foot-top h2{
	font-size: 40px;
	color: #fff;
}
.foot-top form div{
	background: #fff;
	border-radius: 30px;
	padding: 15px;
	margin-right: 40px;
}
.foot-top form div label{
	margin: 0;
}
.foot-top form div:last-child{
	background: #000;
}
.foot-top form div button{
	width: 100%;
	background: none;
	outline: none;
	color: #fff;
}
.foot-bottom{
	padding-top: 30px;
	color: #fff;
	font-size: 16px;
}
.advisory img{
	width: 30px;
	height: 30px;
	display: inline-block;
}
.foot-bottom ul{
	list-style: none;
	padding-top: 50px;
}
.ercode img{
	width: 50%;
	margin: 0 auto;
}
.ercode {
	text-align: center;
}
.tel-advisory{
	width: 13%;
	padding: 85px 0;
	border-right: 1px solid #fff;
	margin-right: 20px;
}
.copyright{
	padding: 30px 0 30px 0;
	text-align: center;
	color: #fff;
}
.footfloat{
	width: 100%;
	height: 267px;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #042033 url("../images/footfloat.png") no-repeat;
	background-size: 100% 267px;
}
.footfloat form{
	width: 55%;
	margin: 0 auto;
	position: relative;
	left: 370px;
	top: -10px;
}
.footfloat form div {

	padding: 8px 15px;
}
.footfloat form div:last-child{
	background: #f39800;
}.foot{
	padding: 50px 0 30px;
	background: #0a2444;
}
.foot-top{
	padding-bottom: 30px;
}
.foot-top h2{
	font-size: 40px;
	color: #fff;
}
.foot-top form div{
	background: #fff;
	border-radius: 30px;
	padding: 15px;
	margin-right: 40px;
}
.foot-top form div label{
	margin: 0;
}
.foot-top form div:last-child{
	background: #000;
}
.foot-top form div button{
	width: 100%;
	background: none;
	outline: none;
	color: #fff;
}
.foot-bottom{
	padding-top: 30px;
	color: #fff;
	font-size: 16px;
}
.advisory img{
	width: 30px;
	height: 30px;
	display: inline-block;
}
.foot-bottom ul{
	list-style: none;
	padding-top: 50px;
}
.ercode img{
	width: 50%;
	margin: 0 auto;
}
.ercode {
	text-align: center;
}
.tel-advisory{
	width: 13%;
	padding: 85px 0;
	border-right: 1px solid #fff;
	margin-right: 20px;
}
.copyright{
	padding: 30px 0 30px 0;
	text-align: center;
	color: #fff;
}
.footfloat{
	width: 100%;
	height: 267px;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #042033 url("../images/footfloat.png") no-repeat;
	background-size: 100% 267px;
}
.footfloat form{
	width: 55%;
	margin: 0 auto;
	position: relative;
	left: 370px;
	top: -10px;
}
.footfloat form div {

	padding: 8px 15px;
}
.footfloat form div:last-child{
	background: #f39800;
}


/* 产品中心中转页面 */
.product-container-box {
	padding: 30px 0;
}

.product-container-box .pr-item {
	margin-bottom: 40px;
}

.product-container-box .head {
	padding: 0;
	display: flex;
	flex-direction: row;
	width: 100%;
	height: 100px;
}
.product-container-box .head .icon {
	width: 70px;
	height: 100px;
	margin: 0 20px 0 0;
	border-bottom: 1px solid rgba(216,216,216,1);
	padding-bottom: 30px;
}
.product-container-box .head .icon img {
	width: 100%;
	height: 100%;
}
.product-container-box .head .titbox {
	flex: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid rgba(216,216,216,1);
	padding-bottom: 30px;
}
.product-container-box .head .titbox > div {
	margin: 0;
}
.product-container-box .titbox .titleb {
	font-size: 22px;
	font-weight: 400;
	color: #333333;
	letter-spacing: 4px;
}
.product-container-box .titbox .more-btn {
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	letter-spacing: 3px;
}
.product-container-box .titbox .more-btn img {
	height: 16px;
	vertical-align: baseline;
}
.product-container-box .titbox .more-btn a {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.product-container-box .pr-main {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 20px 0;
}
.product-container-box .pr-main li {
	width: 288px;
	
}
.product-container-box .pr-main li img {
	width: 288px;
	height: 408px;
	object-fit: cover;
}
.product-container-box .pr-main li .tit {
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	line-height: 25px;
	letter-spacing: 3px;
	text-align: center;
}

.caseswiper {
	display: none;
}
.caseswiper.product-bans {
	padding: 0;
}

@media screen and (max-width: 768px){
	.product-container-box .titbox {
		padding-right: 10px;
	}
	.product-container-box .pr-main {
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.product-container-box .pr-main li {
		width: calc(50% - 10px);
		height: auto;
		margin-top: 20px;
		margin-left: 5px;
		margin-right: 5px;
	}
	.product-container-box .pr-main li img {
		width: 100%;
		height: auto;
	}
	.product-container-box .pr-main li .tit {
		font-size: 14px;
	}
	.idxcase {
		display: none;
	}
	.caseswiper {
		display: block;
	}

}