@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

html,
body {
	font-family: "Arial";
	font-size: 18px;
	margin: auto;
	color: #333;
}

ul,
li {
	list-style: none;
}

img {
	border: 0;
}

input,
textarea {
	outline: none;
}

a {
	color: #565656;
	text-decoration: none;
}

a:hover {
	color: #3B5059;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.mainb {
	width: 90%;
	margin: 0 auto;
}

.paddt30 {
	padding-top: 30px;
}

.overfw {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mo_bott {
	display: none;
}
/* ******************51**************** */
/*标题*/

.ftitle51 {
	padding-top: 40px;
}

.ftitle51 h2 {
	font-size: 40px;
	text-align: center;
	position: relative;
	border-bottom: 2px solid #e2e2e2;
	padding-bottom: 10px;
	letter-spacing: 2px;
}

.ftitle51 h2:before,
.ftitle51 h2:after {
	content: '';
	position: absolute;
	bottom: -2px;
	width: 50px;
	height: 3px;
}

.ftitle51 h2:before {
	background: #3B5059;
	left: calc(50% - 50px);
}

.ftitle51 h2:after {
	background: #3B5059;
	right: calc(50% - 50px);
}

.ftitle51 p {
	text-align: center;
	margin-top: 15px;
	color: #656363;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*头部开始*/

.head51-top {
	width: 100%;
	background: #3B5059;
}

.head51-icon {
	width: 10%;
}

.head51-icon li {
	width: 31%;
	display: inline-block;
	height: 48px;
	line-height: 48px;
	position: relative;
}

.head51-icon li a {
	display:block;
}

.head51-icon li a img {
	width: 28px;
	margin: 0 auto;
	vertical-align: middle;
	display: inline-block;
}

.top51-ma {
	position: absolute;
	top: 47px;
	left: -42px;
	width: 150px;
	height: 0px;
	background: rgba(0, 0, 0, .5);
	z-index: 11;
}

.head51-icon li:hover .top51-ma {
	height: 150px;
	transition: all 0.6s;
}

.top51-ma img {
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	padding: 15px;
}

.top51-cant {
	width: 30%;
	color: #fff;
	text-align: right;
}

.top51-cant p {
	height: 47px;
	line-height: 47px;
	display: inline-block;
	margin-left: 50px;
}

.top51-cant p:before {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	display: inline-block;
	content: "";
	margin-right: 10px;
}

.top51-cant p:first-child:before {
	background: url(../img/top52-icon5.png);
	background-size: 100% 100%;
}

.top51-cant p:nth-child(2):before {
	background: url(../img/top52-icon4.png);
	background-size: 100% 100%;
}

.head51 {
	width: 100%;
	background: #fff;
	box-shadow: 5px 5px 15px 2px #e2e1e1;
	position: relative;
}

.head51-logo {
	width: 20%;
}

.head51-logo .logo {
	display:block;
}

.head51-logo .logo img {
	padding-top: 5px;
	height: 100%;
	width: auto;
}

.head51-logo .mmenu {
	display: none;
}

.head51-logo .mmenu img {}

.head51-nav {
	width: 56%;
	margin: 0 1%;
}

.head51-nav li {
	width: 15.5%;
	float: left;
	position: relative;
}

.head51-nav li>a {
	display:block;
	height: 83px;
	line-height: 83px;
	color: #242e42;
	font-size: 22px;
	text-align: center;
	transition: all .5s ease;
}

.head51-nav li:hover>a {
	color: #fff;
}


/*导航悬停效果begin*/

.head51-nav .btn {
	position: relative;
	display: inline-block;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.head51-nav .btn>a {
	display:block;
	position: relative;
	display: inline-block;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	transition: 0.3s;
}

.head51-nav .btn-2::before {
	position: absolute;
	content: "";
	background-color: #3B5059;
	transition: 0.3s ease-out;
}

.head51-nav .btn-2>a {   font-weight: bold; 
	display:block;
	color: rgb(28, 31, 30);
	transition: 0.2s;
}
.head51-nav li.on{
	background:#3B5059;
}

.head51-nav li.on>a{
	color:#fff;
}

/*.head51-nav li:hover .head51-nav .btn-2>a{
	color: rgb(255, 255, 255);
}*/

.head51-nav .btn-2>a:hover {
	color: rgb(255, 255, 255);
	transition: 0.2s 0.1s;
}

.head51-nav .btn.hover-slide-up::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	right: 0;
	height: 0%;
	width: 100%;
}

.head51-nav .btn.hover-slide-up:hover::before {
	height: 100%;
}


/*导航悬停效果end*/

.head51-nav .dropdown51 {
	display: none;
	position: absolute;
	left: 0;
	top: 83px;
	background: rgba(243, 243, 243, .9);
	width: 150%;
	z-index: 11;
	box-sizing: border-box;
}

.head51-nav li:hover .dropdown51 {
	display: block;
}

.head51-nav .dropdown51 a {
	display:block;
	width: 100%;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px dashed #ccc;
	text-align: center;
	font-size: 20px;
	color: #242E42;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
}

.head51-nav .dropdown51 a:hover {
	background: #3B5059;
	color: #fff;
}
.head51-nav .prodown{
	width: 800%;
	 left: -151%;
}

.head51-nav .prodown a{
	width:16.66%;
	float:left;
	   
	border-right: 1px dashed #e0dede;
    box-sizing: border-box;
}
.head51-tel {
	width: 22%;
	margin-top: 10px;
	background: url(../img/head51-tel.png) no-repeat left 10px;
}

.head51-tel p {
	color: #5d5b5b;
	padding-left: 63px;
}

.head51-tel span {
	font-size: 30px;
	color: #242e42;
}


/*头部结束*/


/*banner开始*/

#banner_point {
	/*z-index: 800;*/
	position: absolute;
	margin: 0px 0px 0px -500px;
	width: 160px;
	bottom: 0px;
	height: 20px;
	left: 50%;
	bottom: 2%;
	margin-left: -50px;
}

#banner {
	z-index: 10;
	*z-index: -100;
	position: relative;
	height: 1040px;
	overflow: hidden;
}

#banner img {
	width: 100%;
	height: 100%;
}

#banner_list {
	width: 100%;
	margin: 0 auto;
	overflow: hidden
}

#banner_list img {
	margin: 0 auto;
	z-index: 1;
	width: 100%;
	height: auto;
}

#banner_text {
	z-index: 1002;
	position: absolute;
	width: 120px;
	bottom: 3px;
	right: 3px
}

#banner ul {
	z-index: 15;
	position: absolute;
	padding-bottom: 0px;
	list-style-type: none;
	margin: 0px;
	padding-left: 0px;
	bottom: 10px;
	padding-right: 0px;
	right: 15px;
	padding-top: 0px
}

#banner ul li {
	position: relative;
	text-align: center;
	line-height: 12px;
	width: 16px;
	display: inline;
	background: url(../img/ifpoff.png) no-repeat;
	float: left;
	height: 16px;
	color: #fff;
	cursor: pointer;
	margin-right: 5px;
}

#banner ul li.on {
	background: url(../img/ifpon.png) no-repeat;
	color: #fff;
	width: 26px;
}

#banner_list a {
	position: absolute;
	width: 100%;
	display: block;
	height: 100%
}

#banner_point ul li .pointlayer img {
	width: 61px;
	display: block;
	float: left;
	height: 61px
}


/*banner结束*/


/*产品开始*/

.pro51 {
	padding-bottom: 40px;
	background: url(../img/pro51-bj.jpg) no-repeat center top;
	background-size: 100% 100%;
}

.pro51-nav {
	width: 100%;
	margin-top: 30px;
}

.pro51-nav li {
	width: 15.83%;
	height: 55px;
	line-height: 55px;
	float: left;
	margin-left: 1%;
	margin-bottom: 10px;
	background-color: #ffffff;
	border: solid 1px #dcdcdc;
	font-size: 20px;
	padding: 0 10px;
	text-align: center;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-image: -webkit-linear-gradient(left, #3B5059, #3B5059);
	background-image: linear-gradient(to right, #3B5059, #3B5059);
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	background-size: 0% 100%;
	background-position: 0 center;
	-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
	transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.pro51-nav li:first-child,
.pro51-nav li:nth-child(7),
.pro51-nav li:nth-child(13),
.pro51-nav li:nth-child(19) {
	margin-left: 0;
}

.pro51-nav li:hover {
	background-size: 100% 100%;
}

.pro51-nav li a {
	display:block;
	color: #242E42;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pro51-nav li:hover a {
	color: #fff;
}

.pro51-con {
	margin-top: 20px;
}

.pro51-con li {
	width: 24.25%;
	margin-left: 1%;
	margin-bottom: 1%;
	float: left;
	transition: 0.3s all ease-in-out;
	border: 1px solid #eee;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.pro51-con li:hover {
	border-color: #3B5059;
}

.pro51-con li:first-child,
.pro51-con li:nth-child(5) {
	margin-left: 0;
}

.pro51-con li>a {
	display: block;
	height: 384px;
}

.pro51-con li>a:before {
	content: '';
	width: 700px;
	height: 700px;
	position: absolute;
	top: -175px;
	border-radius: 50%;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1) inset;
	z-index: 0;
	left: -70px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.pro51-con li:hover a:before {
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 0px 50rem inset;
	transition: all 0.5s ease-in-out 0s;
}

.pro51-con li:hover a:after {
	background-size: 50px;
	transition: all 0.5s ease-in-out 0s;
}

.pro51-con li>a:after {
	content: '';
	background: url(../img/pro51-icon1.png) no-repeat center 40%;
	background-size: auto auto;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: 0px;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.pro51-con li>a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pro51-con li span {
	position: absolute;
	bottom: 0px;
	width: 100% !important;
	overflow: hidden;
	left: 0;
	text-align: center;
}

.pro51-con li span:before {
	transition: all ease-in-out 0.3s;
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 55px;
	left: 0;
	bottom: 0;
	z-index: 1;
	background: rgba(215, 50, 64, 0.85);
}

.pro51-con li:hover span:before {
	bottom: -55px;
}

.pro51-con li span a {
	display:block;
	display: block;
	height: 55px;
	line-height: 55px;
	color: #fff;
	font-size: 20px;
	position: relative;
	z-index: 3;
	transition: 0.5s all ease-in-out;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.pro51-con li:hover span a {
	height: 115px;
	line-height: 115px;
	font-size: 22px;
}


/*产品结束*/
/*四大优势开始*/

.advant51 {
	width: 100%;
	padding-bottom: 40px;
	background: url(../img/advant51_bj.jpg) no-repeat center top;
	background-size: cover;
}

.advant51 .ftitle51 h2 {
	color: #e2e2e2;
}

.advant51 .ftitle51 p {
	color: #cac9c9;
}

.advant51 ul {
	margin-top: 20px;
}

.advant51 ul li {
	width: 25%;
	float: left;
	background: #F2F2F2;
	padding: 40px;
	box-sizing: border-box;
	/*box-shadow: 5px 5px 15px 2px #e2e1e1;*/
}

.advant51 ul li:nth-child(2),
.advant51 ul li:nth-child(4) {
	background: #3B5059;
	color: #fff;
}

.advant51 ul li:nth-child(2) p,
.advant51 ul li:nth-child(4) p,
.advant51 ul li:nth-child(2) a,
.advant51 ul li:nth-child(4) a {
	color: #fff;
}

.advant51 li span {
	display: block;
	width: 60px;
	height: 60px;
	margin-bottom: 20px;
	transition: all 0.6s;
}
.advant51 ul li:hover span{
	margin-top: -20px;
}
.advant51 li span img {
	width: 100%;
	height: 100%;
	transition: all 0.6s;
}
.advant51 ul li:hover span img{
	transform: rotate(-360deg);
}

.advant51 li h3 {
	font-size: 20px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

.advant51 li p {
	color: #666;
	height: 60px;
	line-height: 30px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.advant51 li a {
	display:block;
	color: #4a4a4a;
	margin-top: 20px;
}


/*四大优势结束*/

/*公司简介开始*/

.about51 {
	padding: 40px 0;
	width: 100%;
	background: url(../img/about51-bj.jpg) no-repeat center top;
	background-size: 100% 100%;
}

.about51-l {
	width: 40%;
	height: 500px;
}

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

.about51-r {
	width: 58%;
}

.about51-title {
	margin-bottom: 40px;
}

.about51-title span {
	display: inline-block;
	width: 80px;
	height: 80px;
	background: #ffc107;
	float: left;
}

.about51-title span i {
	width: 80px;
	height: 80px;
	display: inline-block;
	background: #3B5059;
	border-bottom-right-radius: 55px;
}
.about51-title span i img {
    width: 30px;
    margin: 0 auto;
    padding-top: 20px;
	display: block;
}


.about51-title h3 {
	width: 85%;
	display: inline-block;
	padding-left: 30px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}

.about51-title h3 b {
	font-size: 34px;
	letter-spacing: 2px;
	color: #342c2a;
}

.about51-title h3 p {
	font-size: 18px;
	color: #666;
	font-weight: normal;
}

.about51-con {
	width: 100%;
}

.about51-con>p {
	color: #7b7b7b;
	line-height: 30px;
	/*height: 60px;*/
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	/*-webkit-box-orient: vertical;*/
	-webkit-line-clamp: 2;
	margin-bottom: 20px;
}
/*
.about51-con>p:before {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	display: inline-block;
	content: "";
	background: url(../img/about51-icon6.png);
	background-size: 100% 100%;
	margin-right: 20px;
}
*/
.about51-honor {}

.about51-honor li {
	width: 25%;
	float: left;
	box-sizing: border-box;
	border-left: 1px dashed #ccc;
}

.about51-honor li:first-child {
	border: none;
}

.about51-honor li i {
	width: 50px;
	height: 50px;
	margin: 0 auto;
	display: block;
}

.about51-honor li i img {
	width: 100%;
	height: 100%;
	transition: all 0.6s;
}
.about51-honor li i img:hover{
transform: rotate(-360deg);	
}

.about51-honor li p {
	color: #666666;
	text-align: center;
	line-height: 55px;
}

.about51-btn {
	margin-top: 30px;
}

.about51-btn li {
	width: 200px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	float: left;
}

.about51-btn li:first-child {
	background: #3B5059;
	margin-right: 2%;
}

.about51-btn li:nth-child(2) {
	background: #3B5059;
}

.about51-btn li a {
	color: #fff;
}

.about51-btn li:first-child a:before {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	display: inline-block;
	content: "";
	background: url(../img/about51-icon8.png);
	background-size: 100% 100%;
}

.about51-btn li:nth-child(2) a:before {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	display: inline-block;
	content: "";
	background: url(../img/about51-icon7.png);
	background-size: 100% 100%;
}


/*公司简介结束*/





/*案例开始*/

.case51 {
	position: relative;
	padding-bottom: 40px;
}

.case51:after {
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 350px;
	background: #3B5059 url(../img/case51-bj.png) repeat;
	top: 0;
	left: 0;
}
.case51 .ftitle51 h2{
	color: #e2e2e2;
}
.case51 .ftitle51 p {
    color: #cac9c9;
}
.case51-nav {
	overflow: hidden;
}

.case51-tab {
	    margin-top: 35px;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    font-size: 0;
    margin-bottom: 20px;
}

.case51-tab li {
	display: inline-block;
	vertical-align: top;
	height: 55px;
	box-sizing: border-box;
	width: 12.4999%;
	border-right: 1px solid #b2b2b2;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
	/*transition: all .3s ease;*/
}

.case51-tab li:nth-child(1) {
	border-left: 1px solid #969798;
}

.case51-tab li a {
	display: block;
	font-size: 20px;
	color: #fff;
	line-height: 55px;
	text-align: center;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.case51-tab li.on {
	background: #ffc107;
	border-radius: 90px;
}

.case51-jt .mainb {
	position: relative;
}

.case51-jt i {
	cursor: pointer;
	position: absolute;
	top: 222px;
	left: 202px;
	z-index: 99;
}

.case51-jt i.next {
	right: 202px;
	left: auto;
}

.case51-con {
	margin-left: -455px;
	width: 860px;
	margin: 0 auto;
}

.case51-con .tempWrap {
	overflow: visible!important;
}

.case51-con ul .case51-list {
	/* width: 860px;
	height: 607px; */
	width: 853px;
	height: 713px;
	overflow: hidden;
	position: relative;
}

.case51-con .case51-list-pic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.case51-con .case51-list-pic {
	position: absolute;
	/* width: 860px;
	height: 485px; */
	width: 853px;
	height: 591px;
	top: 0;
	left: 0;
	overflow: hidden;
}

.case51-con .case51-list-con {
	margin-top: 591px;
	transition: all .3s ease;
	box-sizing: border-box;
	height: 70px;
	overflow: hidden;
	background: #d5d5d5;
}

.case51-con .case51-list-txt {
	text-align: center;
	line-height: 70px;
	display: block;
	font-size: 20px;
	color: #484848;
	font-weight: lighter;
}

.case51-con .case51-list.cur .case51-list-con {
	background: #3B5059;
	height: 127px;
	padding: 25px;
}

.case51-con .case51-list.cur .case51-list-txt {
	color: #fff;
	text-align: left;
	/*line-height: 25px;*/
	margin-bottom: 15px;
}

.case51-con .case51-list .case51-list-body {
	font-size: 14px;
	color: #fff;
	font-weight: lighter;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.case51-btn {
	margin-top: 50px;
	text-align: center;
}

.case51-btn a {
	display: inline-block;
	width: 380px;
	line-height: 50px;
	background: #d5d5d5;
	transition: all .3s ease;
	font-size: 18px;
	color: #222222;
	font-weight: lighter;
}

.case51-btn a:hover {
	background: #3B5059;
	color: #fff;
}


/*案例结束*/


/*广告条开始*/


/*广告条结束*/

/*合作伙伴开始*/

.parter51 {
	width: 100%;
	padding-bottom: 40px;
	background: url(../img/parter51-bj.jpg) no-repeat center top;
	background-size: 100% 100%;
}

.partner51-con {
	width: 100%;
	margin-top: 30px;
}

.partner51-list {
	width: 60%;
}

.partner51-list li {
	width: 25%;
	height: 180px;
	float: left;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

.partner51-list li:nth-child(5),
.partner51-list li:nth-child(6),
.partner51-list li:nth-child(7),
.partner51-list li:nth-child(8),
.partner51-list li:nth-child(9),
.partner51-list li:nth-child(10),
.partner51-list li:nth-child(11),
.partner51-list li:nth-child(12){
	border-top: none;
}
.partner51-list li:nth-child(2),
.partner51-list li:nth-child(3),
.partner51-list li:nth-child(4),
.partner51-list li:nth-child(6),
.partner51-list li:nth-child(7),
.partner51-list li:nth-child(8),
.partner51-list li:nth-child(10),
.partner51-list li:nth-child(11),
.partner51-list li:nth-child(12){
	border-left: none;
}

.partner51-list li a {
	display:block;
	    width: 100%;
    height: 100%;
	}

.partner51-list li img {
	width: 100%;	
	height:100%;
	display: block;
	object-fit:cover;
	filter: grayscale(100%);
}

.partner51-list li:hover img {
	filter: grayscale(0);
}



.parter51-mes {
	width: 55%;	/* width: 40%;*/
	/* height: 346px; */
	/*background: #f0f0f0;*/
	padding-left: 2%;
	padding-top: 20px;
	box-sizing: border-box;
}

.parter51-mes h3 {
	font-size: 25px;
	color: #777;
	letter-spacing: 2px;
	font-weight: normal;
}

.parter51-mes #onlyform {
	width: 100%;
}

.parter51-mes .forml_input {
	width: 98%;
	height: 42px;
	border: 1px solid #d2d4d6;
	padding-left: 20px;
	font-size: 16px;
	box-sizing: border-box;
}

.parter51-mes .forml_input:focus {
	border: 1px solid #d2d4d6;
}

.parter51-mes .forml_textra {
	width: 98%;
	height: 250px;
	border: 1px solid #dedede;
	padding-top: 10px;
	padding-left: 20px;
	font-size: 16px;
	box-sizing: border-box;
}

.parter51-mes .G_botton {
	width: 55px;
	height: 30px;
	line-height: 30px;
	border: 0;
	cursor: pointer;
}

.parter51-mes .formli {
	width: 100%;
	height: auto;
	padding-top: 10px;
	clear: both;
	position: relative;
}

.parter51-mes .formli:first-child,
.parter51-mes .formli:nth-child(2) {
	width: 49%;
	display: inline-block;
}

.parter51-mes .formli:nth-child(5) {}

.parter51-mes .formli img {
	position: absolute;
	right: 5%;
	top: 25px;
}

.parter51-mes .G_tips {
	width: 486px;
	margin: 10px auto 0 auto;
	border: 1px solid #dedede;
	padding: 7px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
}

.parter51-mes #checkCode {
	width: 96%;
	height: 42px;
	border: 1px solid #dedede;
	text-transform: uppercase;
	vertical-align: middle;
	padding-left: 20px;
	font-size: 16px;
}

.parter51-mes .forml_sub,
.parter51-mes .czhi {
	width: 250px;
	height: 50px;
	border: none;
	color: #000;
	font-family: Arial;
	border-radius: 25px;
	font-size: 18px;
	border: 2px solid #d8d2d2;
}

.parter51-mes .forml_sub:hover,
.parter51-mes .czhi:hover {
	cursor: pointer;
	color: #fff;
	background: #3B5059;
}


/*合作伙伴结束*/


/*新闻开始*/

.news51 {
	padding: 40px 0;
	background: url(../img/news51-bj.jpg) no-repeat center top;
	background-size: 100% 100%;
}

.news51-title {
	width: 100%;
	border-left: 5px solid #3B5059;
	margin-bottom: 20px;
	padding-left: 20px;
	box-sizing: border-box;
}

.news51-title h2 {
	width: 80%;
	display: inline-block;
	float: left;
}

.news51-title h2 span {
	font-size: 34px;
	color:#bfbfbf;
	text-transform: uppercase;
}

.news51-title h2 span b {
	color: #1a1a1a;
	letter-spacing: 2px;
}

.news51-title h2 p {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	color: #808080;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 80%;
	margin-left: 10px;
}

.news51-title a {
	display: inline-block;
	float: right;
	font-size: 20px;
	text-transform: uppercase;
	color: #666;
	margin-top: 30px;
}

.news51-title a:hover {
	color: #3B5059;
}

.news51-l {
	width: 68%;
	border: 1px solid #dcdcdc;
}

.news51-l-top {
	width: 100%;
	margin: 20px 0;
	padding: 0 40px;
	box-sizing: border-box;
}

.news51-l-top li {
	width: 32%;
	margin-left: 2%;
	float: left;
}

.news51-l-top li:first-child {
	margin-left: 0;
}

.news51-l-top li span {
	font-size: 20px;
	/* font-weight: bold; */
	margin-bottom: 10px;
	display: block;
	color: #242e42;
}

.news51-l-top li h3 {
	color: #242e42;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news51-l-top li:hover h3{
	color:#3B5059;
}
.news51-l-top li p {
	color: #808080;
	line-height: 35px;
	height: 70px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news51-l-img {
	width: 100%;
	height: 200px;
	margin-top: 10px;
	overflow: hidden;
}

.news51-l-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
}

.news51-l-img img:hover {
	transform: scale(1.2);
}

.news51-l-bottom {
	padding: 0 40px 20px 40px;
	box-sizing: border-box;
}

.news51-l-bottom li {
	width: 100%;
	height: 55px;
	line-height: 55px;
	border-bottom: 1px dashed #ccc;
}

.news51-l-bottom li span {
	float: left;
	width: 10%;
	display: inline-block;
	color: #242e42;
	font-weight: bold;
}

.news51-l-bottom li h3 {
	display: inline-block;
	color: #333;
	font-weight: normal;
	font-size: 20px;
	width: 88%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news51-l-bottom li:hover h3{
	color:#3B5059;
}
.news51-r {
	width: 30%;
	border: 1px solid #dcdcdc;
	padding: 5px 40px;
	box-sizing: border-box;
}

.news51-r h3 {
	line-height: 55px;
	border-bottom: 1px solid #ccc;
	color: #333;
}

.news51-r h3:after {
	vertical-align: middle;
	width: 30px;
	height: 30px;
	margin-left: 10px;
	margin-bottom: 5px;
	display: inline-block;
	content: "";
	background: url(../img/news51-icon1.png);
	background-size: 100% 100%;
}

.news51-r p {
	margin-top: 20px;
	color: #808080;
	height: 60px;
	line-height: 30px;
	margin-left: 10px;
	    padding-bottom: 5px;
    border-bottom: 1px dashed #ccc;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news51-r p:hover a{
	color:#3B5059;
}
.news51-r p:before {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	display: inline-block;
	content: "";
	background: url(../img/news51-icon2.png);
	background-size: 100% 100%;
}

.news51-r-img {
	width: 100%;
	height: 250px;
	margin-top: 10px;
}

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


/*新闻结束*/



/*尾部开始*/

.links51 {
	width: 100%;
}

.links51 h3 {
	font-size: 36px;
	letter-spacing: 2px;
	color: #b7b5b5;
	border-bottom: 2px solid #ccc;
}

.links51 a {
	display: inline-block;
	color: #333;
	margin-right: 30px;
	line-height: 40px;
}

.links51 a:hover {
	color: #FFC107;
}

.links51 a:before {
	vertical-align: middle;
	width: 6px;
	height: 10px;
	margin-right: 10px;
	display: inline-block;
	content: "";
	background: url(../img/links51-icon1.gif);
	background-size: 100% 100%;
}

.links51 a:hover:before {
	background: url(../img/links51-icon2.gif);
	background-size: 100% 100%;
}

.footer51 {
	width: 100%;
	background:#3B5059;
	padding: 40px 0;
}

.footer51-l {
	width: 25%;
}

.footer51-logo {
	width: 78px;
}

.footer51-logo img {
	width: 100%;
}

.footer51-l h2 {
	width: calc(100% - 78px);
	float: right;
	padding-left: 20px;
	box-sizing: border-box;
}

.footer51-l h2 span {
	font-size: 27px;
	color: #e4e4e4;
	letter-spacing: 1px;
}

.footer51-l h2 p {
	font-size: 16px;
	font-weight: normal;
	color: #ccc;
}

.footer51-ma {
	width: 130px;
	height: 130px;
	margin-top: 20px;
}

.footer51-ma img {
	width: 100%;
	height: 100%;
}

.footer51-l ul {
	width: calc(100% - 130px);
	float: right;
	color: rgba(255, 255, 255, 0.6);
	padding-left: 20px;
	margin-top: 20px;
	box-sizing: border-box;
}

.footer51-l ul li {
	line-height: 32px;
}

.footer51-nav {
	width: 74%;
}

.footer51-nav li {
	width: 20%;
	float: left;
	box-sizing: border-box;
	text-align: center;
	border-left: 1px solid #243344;
}

.footer51-nav li p {
	color: rgba(255, 255, 255, 0.7);
	color: rgba(255, 255, 255, 0.7);
	line-height: 40px;
	font-size: 20px;
	/* font-weight: bold; */
	/*position: relative;*/
}

.footer51-nav li p:before {
	vertical-align: middle;
	width: 20px;
	height: 4px;
	margin-right: 5px;
	margin-left: -25px;
	display: inline-block;
	content: "";
	background: url(../img/footer51-icon1.png);
	background-size: 100% 100%;
}

.footer51-nav li a {
	display:block;
	color: rgba(255, 255, 255, 0.4);
	line-height: 35px;
}

.footer51-nav li a:hover {
	color: #ffc107;
}

.copyright51 {
	width: 100%;
	background: #243344;
}

.copyright51 p {
	line-height: 35px;
	text-align: center;
	color: #b1b1b1;
}

.copyright51 p a {
	display: inline-block;
	color: #b1b1b1;
}

.mfooter51{display:none;}
/*尾部结束*/
/* ******************51**************** */

/*******************公共部分结束************************/

.headtop {
	background: url(../img/topbg.png) no-repeat center top;
	border-top: 2px solid #3B5059;
	box-sizing: border-box;
	height: 90px;
	border-bottom: 1px solid #be0709;
}

.hlogo {
	width: 336px;
	height: 80px;
}

.mologo {
	display: none;
}

.logotxt {
	padding: 15px 0 0 100px;
}

.logotxt h2 {
	color: #666;
}

.logotxt p {
	color: #999;
	padding-top: 5px;
}

.logo_tel {
	padding-top: 15px;
	background: url(../img/toptel.png) no-repeat left 15px;
	padding-left: 60px;
}

.logo_tel p {
	font-size: 26px;
	font-weight: 400;
}

.headnavb {
	background: #3B5059;
	height: 60px;
	line-height: 60px;
}

.head_nav ul li {
	float: left;
	position: relative;
	width: 11%;
	text-align: center;
}

.head_nav ul li:after {
	content: "";
	position: absolute;
	top: 15px;
	right: 0;
	width: 1px;
	height: 30px;
	background: #f3abab;
}

.head_nav>ul>li>a {
	font-size: 16px;
	color: #fff;
	display: block;
}

.head_nav>ul>li:last-child a {
	padding-right: 0;
}

.head_nav>ul>li .d_erli {
	position: absolute;
	background: #fff;
	width: 150%;
	text-align: center;
	border-radius: 6px;
	top: 100px;
	left: -30%;
	margin: 0;
	z-index: 199;
	opacity: 0;
	visibility: hidden;
	transition: all .36s ease;
	border: 1px solid #f1f1f1;
	padding: 10px 0;
}

.head_nav>ul>li .d_erli a {
	display: block;
	text-align: center;
	line-height: 39px;
	font-size: 14px;
	color: #444;
}

.head_nav>ul>li .d_erli a:hover {
	color: #fff;
	background: #3B5059;
}

.head_nav>ul>li .d_erli:before {
	position: absolute;
	top: -5px;
	left: 48%;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 5px solid #f1f1f1;
}

.head_nav>ul>li .d_erli:after {
	position: absolute;
	top: -4px;
	left: 48%;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 5px solid #fff;
}

.head_nav>ul>li:hover .d_erli {
	opacity: 1;
	visibility: visible;
	top: 60px;
}


/*banner1*/


/*banner*/

.bbanner {
	width: 100%;
	height: 550px;
	overflow: hidden;
	position: relative;
}

.bban_pic {
	height: 550px;
	position: absolute;
	left: 0;
	top: 0;
}

.bban_pic a {
	display: block;
	height: 550px;
	float: left;
}

.bban_dot {
	height: 50px;
	position: relative;
	margin: 510px auto 0;
	z-index: 1;
	text-align: center;
}

.bban_dot span {
	display: inline-block;
	cursor: pointer;
	width: 18px;
	height: 2px;
	border-radius: 15%;
	margin: 0 10px;
	_margin: 0 3px;
	background: #fff;
	border: 1px solid #3B5059;
}

.bban_dot .spcss {
	width: 35px;
	background: #3B5059;
	transition: .6s;
}

.bban_btnl {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100px;
	height: 100%;
	left: 0px;
	background: none;
	top: 0px;
}

.bban_btnr {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100px;
	height: 100%;
	right: 0px;
	background: none;
	top: 0px;
}

.bban_btnl em {
	display: block;
	width: 50px;
	height: 100px;
	background: url(../img/arrow.png) 0px 0px no-repeat;
	margin: 0 auto;
	margin-top: 250px;
}

.bban_btnr em {
	display: block;
	width: 50px;
	height: 100px;
	background: url(../img/arrow.png) -50px 0px no-repeat;
	margin: 0 auto;
	margin-top: 250px;
}

.bban_btnl .emcss {
	background-position: 0px -100px;
}

.bban_btnr .emcss {
	background-position: -50px -100px;
}

.bban_btn {
	display: none;
}

.bbanner:hover .bban_btn {
	display: block;
	transition: .3s;
}


/*优势*/

.hysbox {
	background: #f9f9f9;
	padding: 15px 0;
}

.hysbox li {
	width: 24.2%;
	width: 24%\9;
	float: left;
	height: 236px;
	text-align: center;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 3px 6px 15px 1px #eee;
	border: 1px solid #eee;
	margin-right: 1%;
	box-sizing: border-box;
	cursor: pointer;
	overflow: hidden;
}

.hysbox li:nth-child(4n) {
	margin-right: 0;
}

.hysbox li .hysimg {
	width: 64px;
	margin: 0 auto;
	height: 64px;
	background-size: 70% 70%;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid #3B5059;
	border-radius: 50%;
	padding: 10px;
	box-sizing: border-box;
}

.hysbox li .ys0 {
	background-image: url(../img/hys_1.png);
}

.hysbox li .ys1 {
	background-image: url(../img/hys_2.png);
}

.hysbox li .ys2 {
	background-image: url(../img/hys_3.png);
}

.hysbox li .ys3 {
	background-image: url(../img/hys_4.png);
}

.hysbox li:hover .ys0 {
	background-image: url(../img/hys_11.png);
}

.hysbox li:hover .ys1 {
	background-image: url(../img/hys_22.png);
}

.hysbox li:hover .ys2 {
	background-image: url(../img/hys_33.png);
}

.hysbox li:hover .ys3 {
	background-image: url(../img/hys_44.png);
}

.hysbox li h3 {
	margin-top: 10px;
}

.hysbox li em {
	font-style: normal;
	margin-top: 10px;
	display: block;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.hysbox li p {
	padding: 10px 0;
	color: #888;
	line-height: 1.8;
}

.hysbox li:hover {
	background: #3B5059;
	transition: .3s;
}

.hysbox li:hover h3,
.hysbox li:hover em,
.hysbox li:hover p {
	color: #fff;
}


/*首页产品*/

.hprocbox {
	background: url(../img/hprobg.jpg) no-repeat left center;
	padding-bottom: 20px;
	overflow: hidden;
}

.htitle1 .htit_l {
	width: 35%;
}

.htitle1 .htit_l h1 {
	font-size: 36px;
	color: #777;
	border-left: 13px solid #3B5059;
	padding-left: 10px;
	border-radius: 40px 0 0 15px;
}

.htitle1 .htit_l p {
	color: #999;
	padding-top: 10px;
}

.htitle1 .htit_c {
	width: 45%;
	padding: 10px 20px 0 60px;
}

.htitle1 .htit_c p {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	height: 10px;
}

.htitle1 .htit_c em {
	display: block;
	font-style: normal;
	width: 10px;
	line-height: 10px;
	height: 10px;
	background: #3B5059;
}

.htitle1 .htit_r {
	width: 9%;
	padding-top: 10px;
}

.htitle1 .htit_r a {
	display: block;
	color: #fff;
	width: 120px;
	height: 39px;
	line-height: 39px;
	background: #3B5059;
	text-align: center;
}

.htitle1 .htit_r a:hover {
	border-radius: 6px;
	transition: .3s;
}

.hprocate {
	width: 20%;
}

.hprocate li {
	height: 70px;
	line-height: 70px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	font-size: 16px;
	padding-left: 15px;
	border-left: 2px solid #3B5059;
}

.hprocate li a {
	display: block;
	width: 70%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

.hprocate li i {
	font-style: normal;
	float: right;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: #3B5059;
	display: block;
	text-align: center;
	margin-top: 20px;
	margin-right: 10px;
	border-radius: 50%;
}

.hprocate p span {
	display: block;
	margin-bottom: 10px;
	border-left: 3px solid #fff;
	padding-left: 10px;
}

.hprocate p {
	color: #fff;
	background: #3B5059 url(../img/protel.png) no-repeat 90% center;
	padding: 20px;
	font-size: 18px;
	letter-spacing: 2px;
}

.hprocate li:hover {
	background: #3B5059;
	transition: .3s;
}

.hprocate li:hover a,
.hprocate li.on a {
	color: #fff;
}

.hprocate li:hover i {
	color: #3B5059;
	background: #fff;
	transition: .3s;
}

.hprocate li.on {
	background: #3B5059;
}

.hprocon {
	overflow: hidden;
	width:80%;
}

.hprocon li {
	width: 24%;
	margin-left: 1%;
	margin-bottom: 1%;
	float: left;
}

.hprocon li .hpimg {
	width: 100%;
	position: relative;
	height: 201px;
	overflow: hidden;
}

.hprocon li .hpimg img {
	width: 100%;
	height: 100%;
	display: block;
}

.hprocon .hppanel {
	display: none\9;
	opacity: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
	transform: translateY(-30px);
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 30%;
	box-sizing: border-box;
}

.hprocon li p {
	text-align: center;
	height: 39px;
	line-height: 39px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background: #f8f8f8;
	font-size: 16px;
}

.hprocon li:hover p {
	color: #fff;
	background: #3B5059;
	transition: .3s;
}

.hprocon .hppanel p {
	background: none;
	color: #fff;
}

.hprocon li:hover .hppanel p {
	background: none;
	transition: 0;
}

.hprocon li:hover .hppanel {
	display: block\9;
	opacity: 1;
	transform: translateY(0);
	transition: .3s;
}


/*首页广告*/

.advbox {
	height: 260px;
	background: #3B5059 url(../img/advbg.png) no-repeat center top;
}

.advbox .advcon {
	position: relative;
	padding: 20px;
	box-sizing: border-box;
}

.advbox .advcon .advimg {
	position: absolute;
	 width: 390px;
    bottom: -30px;
	right: 10px;
}

.advbox .advcon .advtxt {
	color: #fff;
	float: left;
	width: 480px;
	max-height: 256px;
	overflow: hidden;
	border-right: 1px solid #fff;
}

.advbox .advcon .advtxt h2 {
	margin-bottom: 20px;
}

.advbox .advcon .advtxt li {
	list-style: circle;
	margin-top: 11px;
	margin-left: 30px;
	font-size: 16px;
}

.advbox .advcon dl {
	float: left;
	color: #fff;
	font-size: 18px;
	margin-left: 60px;
}

.advbox .advcon dl dt {
	margin-bottom: 20px;
}

.advbox .advcon dl dt p {
	border-left: 6px solid #eee;
	padding-left: 10px;
}

.advbox .advcon dl dd {
	background: url(../img/advtel.png) no-repeat left center;
	padding-left: 75px;
}

.advbox .advcon dl dd p {
	letter-spacing: 2px;
	font-size: 26px;
	font-weight: bold;
}

.advbox .advcon dl a {
	display: block;
	text-align: center;
	width: 200px;
	height: 35px;
	line-height: 35px;
	border: 1px solid #fff;
	color: #fff;
	margin-top: 15px;
	font-size: 16px;
}

.advbox .advcon dl a:hover {
	color: #3B5059;
	background: #fff;
	border-radius: 20px;
	transition: .3s;
	width: 260px;
}


/*公司简介*/

.habbox {
	padding-bottom: 20px;
	background: url(../img/habbg.jpg) no-repeat center top;
	overflow: hidden;
}

.htitle2 {
	text-align: center;
}

.htitle2 h1 {
	font-size: 36px;
	color: #777;
}

.htit_line span {
	display: inline-block;
	width: 60%;
	height: 3px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.htit_line em {
	display: inline-block;
	width: 30px;
	height: 5px;
	background: #3B5059;
	border-radius: 2px;
}

.htitle2 p {
	margin-top: 10px;
	color: #888;
}

.habimg {
	width: 45%;
	position: relative;
	height: 390px;
}

.habimg img {
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	position: inherit;
}

.kuai,
.kuai2 {
	position: absolute;
	left: -8px;
	bottom: -6px;
	width: 100px;
	height: 100px;
	background: #3B5059;
}

.kuai2 {
	left: auto;
	bottom: auto;
	right: -6px;
	top: -6px;
}

.habinfo {
	width: 52%;
}

.habinfo h2 {
	color: #3B5059;
}

.habinfo p {
	line-height: 1.8;
	padding-top: 15px;
	height: 187px;
	overflow: hidden;
}

.abqr {
	width: 120px;
	margin-top: 10px;
}

.abqr img {
	width: 100%;
}

.abtel {
	margin-top: 10px;
	padding-left: 20px;
	margin-left: 20px;
	border-left: 1px solid #ccc;
	overflow: hidden;
}

.abtel h3 {
	font-size: 18px;
}

.abtel p {
	font-size: 16px;
	letter-spacing: 2px;
	height: auto;
	line-height: 1.2;
}

.abtel p strong {
	font-size: 18px;
}

.abtel a {
	width: 10px 0;
	color: #3B5059;
	border: 1px solid #3B5059;
	display: inline-block;
	text-align: center;
	width: 150px;
	margin-right: 10px;
	margin-top: 15px;
	height: 36px;
	line-height: 36px;
}

.abtel a:hover {
	color: #fff;
	background: #3B5059;
	transition: .3s;
}


/*滚动见证*/

.jzbox {
	background: url(../img/jzbg.jpg) no-repeat center top;
	padding-bottom: 20px;
	overflow: hidden;
}

.jzbox .htitle2 h1,
.jzbox .htitle2 p {
	color: #fefefe;
}

.hcate {
	text-align: center;
}

.hcate li {
	display: inline-block;
	width: 10%;
}

.hcate li a {
	display: block;
	color: #fff;
	background: #3B5059;
	border: 1px solid #3B5059;
	height: 36px;
	line-height: 36px;
}

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

.jzcon .hd {
	overflow: hidden;
	height: 30px;
	padding: 0 10px;
	text-align: center;
}

.jzcon .hd ul {
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
}

.jzcon .hd ul li {
	display: inline-block;
	width: 30px;
	height: 8px;
	overflow: hidden;
	margin-right: 15px;
	text-indent: -999px;
	cursor: pointer;
	background: #ccc;
}

.jzcon .hd ul li.on {
	background: #3B5059;
}

.jzcon .bd {
	box-sizing: border-box;
	overflow: hidden;
	padding: 10px 0;
}

.jzcon .bd ul {
	overflow: hidden;
	zoom: 1;
}

.jzcon .bd ul li {
	width: 555px;
	margin: 0 8px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	background: #eee;
}

.jzcon .bd ul li .jzpic {
	width: 100%;
	text-align: center;
	height: 378px;
	overflow: hidden;
}

.jzcon .bd ul li .jzpic img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit:cover;
}

.jzcon .bd ul li .jzpic a:hover img {
	border-color: #999;
}

.jzcon .bd ul li .jztit {
	line-height: 55px;
	height: 55px;
	font-size: 20px;
	background: #eee;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.jzcon .bd ul li:hover img {
	transform: scale(1.2);
	transition: 1s;
}

.jzcon .bd ul li:hover {
	background: #3B5059;
}

.jzcon .bd ul li:hover .jztit {
	background: #3B5059;
	transition: .3s;
}

.jzcon .bd ul li:hover .jztit a {
	color: #fff;
}


/*案例展示*/

.hcasebox {
	background: #f6f6f6 url(../img/hcabg.jpg) no-repeat center top;
	padding-bottom: 20px;
	overflow: hidden;
}

.casecon li {
	width: 32.6%;
	margin: 0 1% 1% 0;
	float: left;
	position: relative;
	overflow: hidden;
}

.casecon li:nth-child(3n) {
	margin-right: 0;
}

.casecon li .hcaseimg {
	width: 100%;
	height: 342px;
	overflow: hidden;
}

.casecon li .hcaseimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.casecon li p {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: 55px;
	line-height: 55px;
	color: #fff;
	background: rgba(59, 80, 89, 0.84);
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.casecon li .hca_panel {
	color: #fff;
	position: absolute;
	opacity: 0;
	display: none\9;
	bottom: -100%;
	width: 100%;
	height: 260px;
	background: #3B5059;
	padding: 20px;
	box-sizing: border-box;
}

.casecon li .hca_panel h3 {
	font-size: 22px;
	margin-bottom: 10px;
}

.casecon li .hca_panel span {
	margin-bottom: 15px;
    height: 70px;
    line-height: 35px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.casecon li .hca_panel i {
	display: block;
	font-style: normal;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	width: 80px;
}

.casecon li:hover p {
	display: none;
	transition: .6s;
}

.casecon li:hover .hca_panel {
	opacity: 1;
	display: block\9;
	bottom: 0;
	transition: .6s;
}

.casecon li .hca_panel i:hover {
	width: 150px;
	transition: .6s;
}


/*新闻资讯*/

.hnewbox {
	padding-bottom: 20px;
	background: url(../img/hnewbg.jpg);
}

.hnew_top dl {
	width: 31.9%;
	width: 32%\9;
	margin: 0 2% 1% 0;
	float: left;
}

.hnew_top dl:nth-child(3n) {
	margin-right: 0;
}

.hnew_top dl dt {
	width: 100%;
	overflow: hidden;
	height: 276px;
}

.hnew_top dl dt img {
	width: 100%;
	height:100%;
}

.hnew_top dl dd {
	border-left: 2px solid #ccc;
	padding: 0 15px 10px;
	margin-top: 15px;
	box-sizing: border-box;
	position: relative;
}

.hnew_top dl dd:before {
	position: absolute;
	content: "";
	top: 0px;
	left: -12px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 3px solid #3B5059;
	background: #fff;
}

.hnew_top dl dd h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
	color: #666;
}

.hnew_top dl dd span {
	display: block;
	margin: 6px 0;
	color: #888;
}

.hnew_top dl dd p {
	line-height: 1.6;
	color: #777;
	height: 70px;
	overflow: hidden;
}

.hnew_top .hntmore {
	display: block;
	width: 180px;
	margin: 0 auto;
	color: #fff;
	background: #3B5059;
	height: 42px;
	line-height: 42px;
	text-align: center;
	border: 1px solid #3B5059;
}

.hnew_top dl:hover dd {
	border-left: 2px solid #3B5059;
	transition: .3s;
}

.hnew_top dl:hover img {
	transform: scale(1.2);
	transition: 1s;
}

.hnew_top .hntmore:hover {
	color: #3B5059;
	background: #fff;
	transition: .6s;
	border-radius: 30px;
	width: 260px;
}

.hnw_title {
	border-bottom: 1px solid #ccc;
}

.hnw_title span {
	color: #fff;
	display: inline-block;
	background: #3B5059;
	padding: 6px 10px;
}

.hnw_title a {
	float: right;
	font-weight: normal;
	font-size: 16px;
	margin-top: 8px;
}

.hnew_fl {
	width: 59%;
}

.hnew_fl dl {
	padding-top: 15px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

.hnew_fl dl dt {
	width: 35%;
	overflow: hidden;
	height: 178px;
	position: relative;
	float: left;
}

.hnew_fl dl dt img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.hnew_fl dl dt span {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 3px 6px;
	color: #fff;
	background: #3B5059;
}

.hnew_fl dl dd {
	width: 63%;
	float: right;
}

.hnew_fl dl dd h3 {
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hnew_fl dl dd p {
	margin-top: 15px;
	color: #777;
	line-height: 1.6;
	height: 68px;
	overflow: hidden;
}

.hnew_fl dl dd .hnl_more {
	margin-top: 25px;
	display: block;
	color: #3B5059;
	border: 1px solid #3B5059;
	text-align: center;
	width: 120px;
	height: 35px;
	line-height: 35px;
}

.hnew_fl dl:hover dt img {
	transform: scale(1.2);
	transition: 1s;
}

.hnew_fl dl dd .hnl_more:hover {
	color: #fff;
	background: #3B5059;
}

.hnew_fl dl:hover h3 {
	color: #3B5059;
}

.hnl_ul {
	margin-top: 10px;
}

.hnl_ul li {
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #ccc;
}

.hnl_ul li a {
	display: block;
	width: 72%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
}

.hnl_ul li span {
	display: block;
	float: right;
}

.hnew_fr {
	width: 40%;
}

.hnew_fr .hnw_title {
	margin-bottom: 20px;
}

.hnrfq_li {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.hnrfq_li h2 i,
.hnrfq_li p i {
	display: inline-block;
	font-style: normal;
	color: #fff;
	background: #3B5059;
	font-size: 20px;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin-right: 10px;
	font-weight: normal;
}

.hnrfq_li p i {
	background: #666666;
}

.hnrfq_li h2 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 18px;
}

.hnrfq_li p {
	margin-top: 10px;
	line-height: 1.6;
	height: 51px;
	overflow: hidden;
	color: #888888;
}


/*友情链接*/

.yqlink {
	background: #3B5059;
	padding: 20px 0;
}

.yqlink h3 {
	color: #fff;
	background: url(../img/yqlink.png) no-repeat left center;
	padding-left: 30px;
}

.yqlink ul {
	margin-top: 10px;
}

.yqlink ul li {
	display: inline-block;
}

.yqlink ul li a {
	color: #ffe7e7;
	padding: 6px 10px;
	display: block;
}


/*底部*/

.hfootbox {
	background: url(../img/footbg.jpg) no-repeat center;
	background-size: contain;
	height: 290px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding-top: 30px;
	background-size: 100% 100%;
	border-top: 2px solid #3B5059;
}

.hfootbox .hfootc_1 {
	width: 350px;
	float: left;
	line-height: 2;
}

.hfootbox .hfootc_1 img {
	max-width: 100%;
}

.hfootbox .hfootc_1 p {
	display: block;
	font-size: 16px;
	color: #a5a2a2;
}

.hfootbox .hfootc_2 {
	float: left;
	position: relative;
	padding-left: 60px;
}

.hfootbox .hfootc_2 i {
	position: absolute;
	left: 0;
	top: 50%;
	width: 0px;
	height: 160px;
	margin-top: -80px;
	border-left: 1px dashed rgba(255, 255, 255, 0.7);
}

.hfootbox .hfootc_2 ul li {
	float: left;
	text-align: center;
	margin-right: 50px;
	width:98px;
}

.hfootbox .hfootc_2 ul li h3 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 12px;
    border-bottom: 1px solid #545454;
    padding-bottom: 12px;
	position:relative;
}
.hfootbox .hfootc_2 ul li h3:after{content:"";position:absolute;left:0;right:0; bottom:-1px;width:30px;height:2px;background:#eee;margin:auto;}
.hfootbox .hfootc_2 ul li a {
	display: block;
	font-size: 14px;
	color:#a5a2a2;
	margin-bottom: 15px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.hfootbox .hfootc_3 {
	width: 95px;
	float: right;
}

.hfootbox .hfootc_3 h3 {
	font-size: 18px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}

.hfootbox .hfootc_3 img {
	width: 100%;
}

.f_copy {
	background: #333;
	padding: 10px 0;
}

.f_copy p {
	color: #c0c1c3;
}


/*内页开始*/

.ibanner {
	height: 397px;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
}

.ban1 {
	background-image: url(../img/ban1.jpg);
	background-size: 100% 100%;
}
.ban2 {
	background-image: url(../img/ban2.jpg);
	background-size: 100% 100%;
}
.ibancon {
	color: #fff;
	padding-top: 100px;
	text-align: center;
}
.ibannerpro .ibancon {
	padding-top: 50px;
}
.ibancon em {
	display: block;
	margin: 10px auto 20px;
	width: 50px;
	height: 5px;
	background: #3B5059;
}

.ibancon p {
	color: #fff;
	font-size: 18px;
}

.iabout {
	background: #f9f9f9;
}

.iernav {
	text-align: center;
	font-size: 0;
	padding-top: 20px;
}

.iernav li {
	display: inline-block;
	width: 15.9%;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background: rgba(0, 0, 0, 0.52);
	box-sizing: border-box;
	height: 55px;
	line-height: 55px;
	font-size: 20px;
	margin: 0 10px 10px 0;
}

.iernav li a {
	display: block;
	color: #fff;
}

.iernav li:hover {
	background: #3B5059;
	transition: .3s;
}

.iernav li:hover a {
	color: #fff;
}

.ibread {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	padding-top: 15px;
	background:#fbfbfb;
}

.ibread p {
	line-height: 40px;
	color: #666;
	background: url(../img/bread2.png) no-repeat left center;
	padding-left: 20px;
}

.inertit {
	color: #666;
	font-size: 30px;
	background: url(../img/bread1.png) no-repeat left 8px;
	    background-size: 28px 28px;
	padding-left: 36px;
}

.inertit i {
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
}

.contxt {
	font-size: 18px;
	line-height: 1.8;
	color: #777777;
	padding-bottom: 20px;
}

.contxt img {
	max-width: 100%;
	height: auto;
}


/*实力放大镜*/

.ihon_box li {
	width: 24.2%;
	width: 24%\9;
	margin: 0 1% 1% 0;
	float: left;
	border: 1px solid #eee;
	box-sizing: border-box;
}

.ihon_box li:nth-child(4n) {
	margin-right: 0;
}

.ihon_box li p {
	text-align: center;
	line-height: 55px;
	height: 55px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #535353;
}

.ihon_img {
	width: 100%;
	height: 382px;
	overflow: hidden;
}

.ihon_img .iho_img {
	width: 100%;
	height: 100%;
	object-fit:cover;
	cursor: pointer;
	opacity: .8;
}

.iho_img:hover {
	opacity: 1;
}

.ihon_box li:hover .iho_img {
	transform: scale(1.2);
	transition: 1s;
}

.ihon_box li:hover p {
	color: #fff;
	background: #3B5059;
	transition: .3s;
}

.lightBox-view img {
	display: block;
	display: none;
	border: 0px;
	margin: 0px !important;
}

.lightBox-popupMask {
	position: fixed;
	background: black;
	filter: alpha(opacity=80);
	/* IE */
	opacity: 0.8;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
	background-image: url(../img/overlay.png);
}

.lightBox-popup {}

.lightBox-popup {
	display: none;
	position: fixed;
	z-index: 10000;
	top: 0%;
	left: 50%;
	height: 50%;
	background-color: white;
	/* margin-left:-500px; */
	border-radius: 10px;
	border: 5px solid white;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/loading.gif);
	background-size: 8%;
}

.lightBox-description .lightBox-btn {
	/*  position: absolute;
  top:0; */
	display: inline-block;
	height: 100%;
	width: 50%;
	text-align: center;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	filter: alpha(opacity=20);
	/* IE */
	opacity: .4;
	background-image: url(../img/opacity.png);
}

.lightBox-description .lightBox-btn:hover {
	filter: alpha(opacity=100);
	/* IE */
	opacity: 1;
}

.lightBox-description .lightBox-prev-btn.active {
	background-image: url(../img/prev.png);
}

.lightBox-description .lightBox-next-btn.active {
	background-image: url(../img/next.png);
}

.lightBox-description .lightBox-prev-btn.disable {
	background-image: url(../img/prev.png);
	opacity: 0.1;
	cursor: default;
}

.lightBox-description .lightBox-next-btn.disable {
	background-image: url(../img/next.png);
	opacity: 0.1;
	cursor: default;
}

.lightBox-view .lightBox-description {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 15px;
	display: none;
	color: white;
	background-color: black;
	filter: alpha(opacity=80);
	/* IE */
	background: rgba(0, 0, 0, .8);
}

.lightBox-view .lightBox-description .lightBox-current-index {
	margin-top: 5px;
	display: block;
	font-style: italic;
}

.lightBox-view .lightBox-description .lightBox-close {
	float: right;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-image: url(../img/closed.png);
	background-position: center center;
}

.lightBox-description .btn-position {
	float: right;
	position: relative;
	width: 100px;
	height: 40px;
}


/*页码*/

.page {
	width: 100%;
	text-align: center;
	min-height: 30px;
	padding-top: 30px;
	padding-bottom: 20px;
}

.page .pagebox {
	text-align: center;
}

.pagebox span {
	border: 1px solid #ccc;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 40px;
	line-height: 30px;
	display: inline-block;
	color: #7c7c7c;
	background: #f9f9f9;
	border-radius: ;
}

.pagebox span a {
	color: #7c7c7c;
	width: 100%;
	display: block;
}

.pagebox .pagebox_num_nonce {
	color: #fff;
	background: #3B5059;
	border: 1px solid #3B5059;
}

.pagebox .pagebox_pre,
.pagebox .pagebox_next_nolink,
.pagebox .pagebox_pre_nolink,
.pagebox .pagebox_next {
	width: 90px !important;
}


/*留言*/

.formbz {
	float: left;
}

.forml_input {
	width: 90%;
	height: 42px;
	border: 1px solid #d2d4d6;
}

.forml_textra {
	width: 90%;
	height: 100px;
	border: 1px solid #dedede;
	padding-top:10px;
}

.sply_box {
	margin: 0 auto;
	text-align: center;
	padding-bottom: 20px;
	background: url(../img/liuyan.png) no-repeat right center;
}

#onlyform {
	width: 60%;
}

.G_botton {
	width: 55px;
	height: 30px;
	line-height: 30px;
	border: 0;
	cursor: pointer;
}

.formli {
	width: 100%;
	height: auto;
	padding-top: 10px;
	clear: both;
	position: relative;
}

.formli img {
	position: absolute;
	right: 35%;
	top: 25px;
}

.G_tips {
	width: 486px;
	margin: 10px auto 0 auto;
	border: 1px solid #dedede;
	padding: 7px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
}

#checkCode {
	width: 90%;
	height: 42px;
	border: 1px solid #dedede;
	text-transform: uppercase;
	vertical-align: middle;
}

.forml_sub,
.czhi {
	width: 250px;
	height: 50px;
	border: none;
	color: #000;
	font-family: Arial;
	border-radius: 25px;
	font-size: 18px;
	margin: 25px 25px 0 0;
}

.forml_sub:hover,
.czhi:hover {
	cursor: pointer;
	color: #fff;
	background: #ca0000;
}

.inmain .casecon {}

.inmain .casecon li {
	width: 24.2%;
	width: 24%\9;
}

.inmain .casecon li .hcaseimg {
	height:376px;
}

.inmain .casecon li:nth-child(3n) {
	margin-right: 1%;
}

.inmain .casecon li:nth-child(4n) {
	margin-right: 0;
}


/*内页产品*/

.iprocon {}

.iprocon li {
	width: 24.2%;
	width: 24%\9;
	margin: 0 1% 1% 0;
	float: left;
}

.iprocon li:nth-child(4n) {
	margin-right: 0;
}

.iprocon li .ipropic {
	width: 100%;
	height: 383px;
	overflow: hidden;
	position: relative;
}

.iprocon li .ipropic img {
	width: 100%;
	display: block;
	height:100%;
	object-fit:cover;
}

.iprocon li .ipropic .ipropan {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6) url(../img/eye.png) no-repeat center center;
}

.iprocon li .ipro_info {
	padding: 10px;
	box-sizing: border-box;
	color: #565656;
	background: #f9f9f9;
}

.iprocon li .ipro_info h3,
.iprocon li .ipro_info p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.iprocon li .ipro_info p {
	margin: 5px 0;
	color: #777;
}

.iprocon li .ipro_info span {
	color: #888;
}

.iprocon li:hover .ipro_info {
	color: #fff;
	background: #3B5059;
	transition: .3s;
}

.iprocon li:hover .ipro_info p,
.iprocon li:hover .ipro_info span {
	color: #fff;
}

.iprocon li:hover .ipropan {
	left: 0;
	transition: .6s;
}


/*图片新闻*/

.ipicnew_c {
	overflow: hidden;
}

.ipicnew_c-list {
	width: 100%;
	overflow: hidden;
}

.ipicnew_c-list li {
	width: 23%;
	float: left;
	overflow: hidden;
	margin-bottom: 25px;
	margin-right: 2.6%;
}

.ipicnew_c-list li:nth-child(4n) {
	margin-right: 0px;
}

.ipicnew_c-list li:hover .products-pic .products-dw {
	height: 100%;
}

.ipicnew_c-list li:hover .products-kuai {
	background-color: #1b4595;
}

.ipicnew_c-list li:hover .products-kuai .kuai-bt h3 {
	color: #fff;
}

.ipicnew_c-list li:hover .products-kuai .kuai-p {
	color: #fff;
}

.ipicnew_c-list li:hover .products-kuai .kuai-more {
	color: #fff;
}

.ipicnew_c-pic {
	width: 100%;
	overflow: hidden;
	margin-bottom: 40px;
}

.ipicnew_c-pic img {
	width: 100%;
}

.ipicnew_ul {
	width: 100%;
	overflow: hidden;
}

.ipicnew_ul li {
	width: 24.25%;
	float: left;
	overflow: hidden;
	margin-bottom: 15px;
	background-color: #f7f7f7;
	margin-right: 1%;
}

.ipicnew_ul li:nth-child(4n) {
	margin-right: 0px;
}

.ipicnew_info {
	width: 100%;
	overflow: hidden;
	padding: 30px 20px 20px 20px;
	box-sizing: border-box;
}

.ipicnew_txtic {
	width: 100%;
	overflow: hidden;
	height:350px;
}

.ipicnew_txtic img {
	width: 100%;
	height:100%;
}

.ipicnew_time {
	width: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 26px;
	color: #6c6c6c;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.ipicnew_time:after {
	content: '';
	width: 66px;
	height: 1px;
	background-color: #6c6c6c;
	position: absolute;
	left: 50%;
	margin-left: -33px;
	bottom: 0px;
}

.ipicnew_tit {
	width: 100%;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 22px;
	color: #6c6c6c;
	margin-bottom: 15px;
}

.ipicnew_txt {
	width: 100%;
	overflow: hidden;
	color: #888;
	line-height: 35px;
	height: 70px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ipw_moreb {
	width: 100%;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;
}

.ipw_more {
	width: 100%;
	overflow: hidden;
	text-align: center;
	line-height: 40px;
	color: #666666;
	border: 1px solid #cdcdcd;
}

.ipicnew_ul li:hover {
	background-color: #3B5059;
	transition: .3s;
}

.ipicnew_ul li:hover .ipicnew_time {
	color: #fff;
}

.ipicnew_ul li:hover .ipicnew_time:after {
	background-color: #fff;
}

.ipicnew_ul li:hover .ipicnew_tit {
	color: #fff;
}

.ipicnew_ul li:hover .ipicnew_txt {
	color: #fff;
}

.ipicnew_ul li:hover .ipw_more {
	color: #fff;
}

.ipicnew_ul li:hover img {
	transform: scale(1.2);
	transition: 1s;
}


/*新闻列表*/

.inewli_con{margin-bottom: 20px;}
.inewlic_l{width: 68%;padding: 10px;box-sizing: border-box;background: #fefefe;}
.inewlic_l .inewli_ul li,.irelnew li{height: 50px;line-height: 50px;border-bottom: 1px dashed #ddd;background: url(../img/inew.png) no-repeat left center;padding-left: 25px;}
.inewlic_l .inewli_ul li a,.irelnew li a{display: block;width: 75%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;}
.inewlic_l .inewli_ul li span,.irelnew li span{display: block;width: 20%;text-align: right;float: right;color: #999;}

.inewlic_r{width: 30%;padding: 10px;box-sizing: border-box;background: #f9f9f9;}
.ireltit{border-bottom: 1px solid #ddd;padding-bottom: 10px;color: #666;background: url(../img/rel.png) no-repeat left top;padding-left: 40px;}
.ireltit a{color: #666;float: right;font-weight: normal;font-size: 18px;display: block;}

.irelpro{padding-bottom: 20px;}
.irelnew{width: 100%;}
.irelnew li{background: url(../img/relnew.png) no-repeat left center;padding-left: 20px;}
.irelnew li a{width: 68%;}
.irelnew li span{width: 30%;}

.irelcase{width: 100%;padding: 10px;box-sizing: border-box;background: #fefefe;}
.irelcase dl dt{height: 99px;}
.irelcase dl dd h3{font-size: 20px;}
.irelcase dl dd p{margin-top: 5px;height: 28px;}
.irelcase dl dd .hnl_more{margin-top: 8px;height: 30px;  line-height: 30px;}
.irelcase dl{margin-top: 10px;}

/*新闻详情*/
.inewde_tit h1{font-weight: 300;font-size: 28px;color: #3B5059;}
.inewde_tit p{margin-top: 10px;color: #777;border-bottom: 1px solid #ccc;padding-bottom: 10px;}
.inewde_tit p span{padding: 0 35px 0 0;}
.updow{}
.updow p{width: 49%;height: 42px;line-height: 42px;border-radius: 5px;padding: 0 10px;box-sizing: border-box;background: #f5f5f5 url(../img/relnew.png) no-repeat left center;padding-left: 20px;}
.updow p span{float: left;}
.updow p a{color:#888;display: block;float: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 85%;}

.inewde_l .updow p{float: none;margin-bottom:5px;width:100%;}
.inewde_l .updow p a{width: 92%;}
.updow p:hover a{color: #3B5059;/* padding-left: 10px;transition: .3s; */}
.bqsm{font-size: 14px;color: #999;border-top: 1px dotted #ddd;margin-top: 10px;padding-top: 5px;}
.zhaiyao{margin-top: 20px;padding: 10px;box-sizing: border-box;background: #f6f6f6;}
.zhaiyao span{display: block;margin-bottom: 6px;font-weight: bold;}
.zhaiyao p{line-height: 1.6;color: #888;height: 72px;overflow: hidden;}

.ideta_con{padding-bottom: 20px;}
.ideta_con .inewde_tit{text-align: center;}

/*产品详情*/
.iprod_con{padding-bottom: 20px;}
.iprod_con .ireltit,.irel_ly .ireltit{position: relative;background-color: #f7f7f7;padding-top: 10px;background-position: left center;border-radius: 5px 5px 0 0;}
.ireltit i{display: block;width: 150px;height: 2px;position: absolute;left: 0;bottom: -1px;background: #3B5059;}

/*图片放大镜*/

div.zoomDiv {
	width: 200px;
	height: 200px;
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	border: 1px solid #ccc;
	display: none;
	text-align: center;
	overflow: hidden;
}

div.zoomDiv img {
	width: auto;
	max-width: none;
}

div.zoomMask {
	cursor: crosshair;
	background: #000;
	border: 1px solid #fff;
	filter: alpha(opacity=15);
	-webkit-opacity: .15;
	-moz-opacity: .15;
	-ms-opacity: .15;
	-o-opacity: .15;
	opacity: .15;
	position: absolute;
	z-index: 1;
}


/*图片放大镜样式*/

.iproimgc{
	width:30%;
}

#preview img {
	max-width: none;
	height: auto !important;
	display: block;
	width: 100%;
}

.jqzoom {
	float: left;
	border: none;
	position: relative;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	display: block;
	width: 100%;
}

.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	height: 350px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	border: 1px solid #aaa;
	background: #ffffff/*url(zoom.png) 50% center no-repeat*/
	;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}
.iproimg{margin-bottom: 20px;}
.iprod_r{width: 69%;color: #888;}
.iprod_r .iprod_title{font-size: 22px;padding-bottom: 10px;border-bottom: 1px solid #ccc;color: #666;}
.iprod_r .inlip{width: 100%;   overflow: hidden;white-space: nowrap;text-overflow: ellipsis; box-sizing: border-box;display: inline-block;height: 42px;background: #f6f6f6;margin-top: 10px;padding-left: 10px;line-height: 42px; margin-right: 10px;}
.iprod_r .iprod_info{line-height: 1.6;padding: 10px;box-sizing: border-box;margin: 20px 0 30px;height: 112px;overflow:hidden;background: #f6f6f6;}
.iprod_r .inlip strong{color: #777;}

.iprod_r .abtel{ margin-top: 15px;}
.iprod_r .abtel h3{margin-bottom: 10px;}
.irel_ly{padding-bottom: 30px;}
.irel_ly #onlyform{width: 100%; padding-top: 30px;}
.irel_ly .forml_input,.irel_ly .forml_textra,.irel_ly #checkCode{width: 94%;border: 0;background: #f6f6f6;padding-left: 3%;box-sizing: border-box;}
.irel_ly .forml_sub{color: #fff;background: #3B5059;}
.irel_ly .formli:nth-child(7){text-align: center;}
.irel_ly .formlitit{font-weight: bold;display: inline-block;color: #ffffff;  background: #3B5059;line-height: 42px;width: 5%; text-align: center;border-left: 2px solid #ccc;float: left;box-sizing: border-box;}

@media screen and (max-width: 1920px) {
	
	html,body {font-size: 16px;}
	/* --------------------------51------------------------ */
	
	.head51-tel span{font-size:28px;}
	
	.head51-nav li>a,.pro51-nav li,.pro51-con li span a,.pro51-con li:hover span a,.advant51 li h3,.case51-tab li a,.case51-con .case51-list-txt,.news51-l-top li span ,.news51-title a,.news51-l-bottom li h3,.footer51-nav li p{font-size:18px;}
	
	.head51-nav .dropdown51 a,.about51-title h3 p,.parter51-mes .forml_sub, .parter51-mes .czhi,.news51-title h2 p{font-size:16px;}
	
	.head51-nav .dropdown51 a,.pro51-nav li,.pro51-con li span a,.about51-btn li,.news51-l-bottom li{height: 45px;line-height: 45px;}
	
	.ftitle51 {padding-top: 30px;}
	
	.ftitle51 h2 {font-size: 34px;}
	
	.ftitle51 p {margin-top: 10px;}
	/* ------------------------------------------------------------------------- */
	.top51-cant {width: 31%;}
	
	.head51-logo .logo img {padding-top: 8px;height: auto;width: 100%;}
	
	.head51-tel {background: url(../img/head51-tel.png) no-repeat left 5px;}
	
	#banner{height:773px;}
	
	.pro51 {padding-bottom: 30px;}
	
	.pro51-nav {margin-top: 20px;}
	
	.pro51-con li>a{height:289px;}
	
	.advant51{padding-bottom:30px;}
	
	.about51 {padding: 30px 0;}
	
	.about51-title h3 b {font-size: 30px;}
	
	.about51-title span i,.about51-title span{width: 72px;height: 72px;}
	
	.about51-title span i img{padding-top:15px;}
	
	.about51-l {height: 455px;}
	
	.case51 {padding-bottom: 30px;}
	
	.case51-tab {margin-top: 20px;}
	
	.case51-tab li{height:45px;}
	
	.case51-tab li a{line-height:45px;}
	
	.case51-con{width:640px;}
	
	.case51-con ul .case51-list{width:640px;height:566px;}
	
	.case51-con .case51-list-pic{width:640px;height:444px;}
	
	.case51-con .case51-list-con {margin-top: 444px;height: 60px;}
	
	.case51-con .case51-list-txt{line-height:60px;}
	
	.case51-con .case51-list.cur .case51-list-con{height:100px;}
	
	.case51-btn {margin-top: 30px;}
	
	.parter51{padding-bottom:30px;}
	
	.partner51-list li{height:134px;}
	
	.parter51-mes{padding-top:0;}
	
	.parter51-mes .forml_textra{height:150px;}
	
	.parter51-mes .forml_sub, .parter51-mes .czhi{height:45px;}
	
	.news51{padding:30px 0;}
	
	.news51-title h2 span {font-size: 30px;}
	
	.news51-l-top li h3{font-size: 20px;}
	
	.news51-r-img{height:215px;}
	
	.links51 h3 {font-size: 32px;}
	
	.footer51{padding:30px 0;}
	
	.footer51-logo {width: 70px;}
	
	.footer51-l h2 {width: calc(100% - 70px);}
	
	.footer51-l h2 span {font-size: 22px;}
	
	.footer51-l h2 p {font-size: 14px;}
	
	.footer51-ma {width: 110px;height: 110px;}
	
	.footer51-l ul {width: calc(100% - 110px);}
	
	.footer51-l ul li {line-height: 30px;}

	/* --------------------------51------------------------ */
	
	/*内页开始*/
	.ipicnew_time{font-size:24px;}
	
	.iprocon li .ipro_info h3,.hysbox li h3,.jzcon .bd ul li .jztit,.casecon li p,.ipicnew_tit,.casecon li .hca_panel h3,.irelcase dl dd h3{font-size:18px;}
	
	.ibancon p,.iernav li,.contxt,.ireltit a,.forml_sub, .czhi{font-size:16px;}
	
	.iernav li,.ihon_box li p,.jzcon .bd ul li .jztit,.casecon li p,.inewlic_l .inewli_ul li, .irelnew li{height: 45px;line-height: 45px;}
	
	.ibanner{height:297px;}
	
	.ibancon{padding-top:55px;}
	
	.ibannerpro .ibancon {padding-top: 10px;}
	
	.ibannerpro .ibancon em{margin:10px auto 5px;}
	
	.iernav{padding-top:10px;}
	
	.iernav li{margin:0 10px 5px 0;}
	
	.ihon_img{height:286px;}
	
	.iprocon li .ipropic{height:280px;}
	
	.iproimgc {width: 40%;}

    .iprod_r {width: 59%;}
	
	.jzcon .bd ul li{width:412px;}
	
	.jzcon .bd ul li .jzpic{height:278px;}
	
	.inmain .casecon li .hcaseimg {height: 287px;}
	
	.casecon li .hca_panel {height: 220px;}
	
	.hnew_fl dl {padding-top: 10px;}
	
	.irelcase dl {margin-top: 0px;}
	
	.ipicnew_tit{margin-bottom:10px;}
	
	.ipicnew_txtic{height:267px;}
	
	.forml_sub, .czhi{height:45px;}
	
	.inertit {background: url(../img/bread1.png) no-repeat left 10px;background-size: 28px 28px;}
	/*内页结束*/
}
@media screen and (max-width: 1600px) {
	
	html,body {font-size: 15px;}
	
	/* --------------------------51------------------------ */
	
	.head51-tel span{font-size:22px;}
	
	.head51-nav li>a,.pro51-nav li,.pro51-con li span a,.pro51-con li:hover span a,.advant51 li h3,.case51-tab li a,.case51-con .case51-list-txt,.news51-title a,.news51-l-top li span ,.news51-l-bottom li h3,.footer51-nav li p{font-size:16px;}
	
	.head51-nav .dropdown51 a,.about51-title h3 p,.parter51-mes .forml_sub, .parter51-mes .czhi,.news51-title h2 p{font-size:15px;}
	
	.head51-nav .dropdown51 a,.pro51-nav li,.pro51-con li span a,.about51-btn li,.news51-l-bottom li{height: 40px;line-height: 40px;}
	
	/* ------------------------------------------------------------------------- */
	
	.top51-ma{width:130px;}
	
	.head51-icon li:hover .top51-ma {height: 130px;}
	
	.top51-cant {width: 36%;}
	
	.head51-nav {width: 55%;}
	 
	.head51-nav li>a{height:75px;line-height:75px;}
	
	.head51-tel {width: 23%;}
	
	.head51-tel {background: url(../img/head51-tel.png) no-repeat left 0px;}
	
	.head51-nav .dropdown51{top:75px;}
	
	#banner{height:640px;}
	
	.pro51-con li>a{height:242px;}
	
	.about51-title {margin-bottom: 25px;}
	
	.about51-title h3 b {font-size: 28px;}
	
	.about51-title span i,.about51-title span{width: 68px;height: 68px;}
	
	.about51-con>p{margin-bottom:10px;}
	
	.about51-l {height: 410px;}
	
	.case51-tab li{height:40px;}
	
	.case51-tab li a{line-height:40px;}

	.case51-con{width:533px;}
	
	.case51-con ul .case51-list{width:533px;height:460px;}
	
	.case51-con .case51-list-pic{width:533px;height:370px;}
	
	.case51-con .case51-list-con {margin-top: 370px;height: 50px;}
	
	.case51-con .case51-list-txt{line-height:50px;}
	
	.case51-con .case51-list.cur .case51-list-con{height:90px;}
	
	.case51-jt i{top:150px;}
	
	.partner51-list li{height:112px;}
	
	.parter51-mes h3 {font-size: 20px;}
	
	.parter51-mes .forml_textra{height:105px;}
	
	.parter51-mes .forml_sub, .parter51-mes .czhi{height:40px; width: 230px;}
	
	.advant51 li h3{margin-bottom:10px;}
	
	.advant51 li p {height: 50px;line-height: 25px;}
	
	.advant51 li span {width: 50px;height: 50px;}
	
	.news51-title h2 span {font-size: 28px;}
	
	.news51-l-top li h3{font-size: 18px;}
	
	.news51-l-top li p{height: 50px;line-height: 25px;}
	
	.news51-l-img {width: 100%;height: 183px;}
	
	.news51-r-img{height:217px;}
	
	.news51-l-bottom li span{width:11%;}
	
	.news51-l-bottom li h3{margin-left:1%;}
	
	.news51-r p{height: 50px;line-height: 25px; margin-top: 10px;}
	
	.links51 h3 {font-size: 28px;}
	
	.footer51-l {width: 30%;}
	
	.footer51-l h2{margin-top:7px;}
	
	.footer51-ma,.footer51-l ul{margin-top:15px;}
	
	.footer51-nav {width: 69%;}
	
	.footer51-l ul li {line-height: 25px;} 
	
	.footer51-nav li a{line-height:30px;}
	
	.footer51-nav li p:before{height:3px;}


	/* --------------------------51------------------------ */
	
	/*内页开始*/
	
	.ibannerpro .ibancon {padding-top: 10px;}
	
	.ipicnew_time{font-size:22px;}
	
	.iprocon li .ipro_info h3,.hysbox li h3,.jzcon .bd ul li .jztit,.casecon li p,.ipicnew_tit,.casecon li .hca_panel h3,.irelcase dl dd h3{font-size:16px;}
	
	.ibancon p,.iernav li,.contxt,.ireltit a,.forml_sub, .czhi{font-size:15px;}
	
	.iernav li,.ihon_box li p,.jzcon .bd ul li .jztit,.casecon li p,.inewlic_l .inewli_ul li, .irelnew li{height: 40px;line-height: 40px;}
	
	.ibanner{height:247px;}
	
	.ibancon{padding-top:35px;}
	
	.iernav li{width: 15.5%;}
	
	
	
	.ihon_img{height:237px;}
	
	.iprocon li .ipropic{height:239px;}
	
	.iprod_r .iprod_info{margin: 10px 0 10px;height: 62px;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
	
	.jzcon .bd ul li{width:341px;}
	
	.jzcon .bd ul li .jzpic{height:236px;}
	
	.inmain .casecon li .hcaseimg {height: 239px;}
	
	.casecon li .hca_panel {height: 175px;}
	
	.casecon li .hca_panel span,.ipicnew_txt{ height: 50px;line-height: 25px;}
	
	.ipicnew_txtic {height: 225px;}
	
	/*内页结束*/
}

@media screen and (max-width: 1440px) {
	
	html,body {font-size: 15px;}
	
	/* ---------------------------------------51---------------------------------- */
	.head51-icon {width: 12%;}
	
	.top51-cant {width: 40%;}
	
	.head51-nav {width: 54%;}
	
	.head51-tel {width: 24%;}
	
	#banner{height:573px;}
	
	.pro51-con li>a{height:216px;}
	
	.case51-con{width:480px;}
	
	.case51-con ul .case51-list{width:480px;height:423px;}
	
	.case51-con .case51-list-pic{width:480px;height:333px;}
	
	.case51-con .case51-list-con {margin-top: 333px;}
	
	.partner51-list li{height:100px;}
	
	.parter51-mes h3 {font-size: 18px;}
	
	.parter51-mes .forml_input{height:35px;}
	
	.parter51-mes .forml_sub, .parter51-mes .czhi {width: 205px;}
	
	.forml_sub, .czhi{margin: 15px 25px 0 0;}
	
	.parter51-mes .forml_textra {height: 95px;}
	
	.news51-l-bottom li span {width: 12%;}
	
    .news51-l-bottom li h3{width: 86%;}
	
	.footer51-l h2 span {font-size: 18px;}
	
	.footer51-l h2 p {font-size: 12px;}
	
	.footer51-ma {width: 100px;height: 100px;}
	
	.footer51-l ul {width: calc(100% - 100px);}

	/* --------------------------51------------------------ */
	
	/*内页开始*/

	.ibanner{height:225px;}
	
	.ibancon{padding-top:25px;}
	
	.iernav li {height: 35px;line-height: 35px;}
	
	.ihon_img{height:216px;}
	
	.iprocon li .ipropic{height:217px;}
	
	.abtel h3 {font-size: 16px;}
	
	.iprod_r .abtel h3 {margin-bottom: 5px;}
	
	.iprod_r .inlip{height:35px;line-height:35px;}
	
	.abqr{width:100px;}
	
	.abtel {margin-top:10px;}
	
	.jzcon .bd ul li{width:305px;}
	
	.jzcon .bd ul li .jzpic{height:203px;}
	
	.inmain .casecon li .hcaseimg {height: 217px;}
	
	.casecon li .hca_panel {height: 165px;}
	
	.ipicnew_txtic {height: 202px;}
	
	/*内页结束*/
}

@media screen and (max-width: 1360px) {
	/* ---------------------------------------51---------------------------------- */
	
	.top51-cant {width: 42%;}
	
	 .head51-nav {width: 63%;}
	
	.head51-tel {width: 15%;}
	
	#banner{height:540px;}
	
	.pro51-con li>a{height:194px;}
	
	.case51-con{width:453px;}
	
	.case51-con ul .case51-list{width:453px;height:404px;}
	
	.case51-con .case51-list-pic{width:453px;height:314px;}
	
	.case51-con .case51-list-con {margin-top: 314px;}
	
	.partner51-list li{height:70px;}
	
	.parter51-mes .forml_sub, .parter51-mes .czhi {width: 190px;}
	
	.parter51-mes h3 {font-size: 15px;}
	
	.parter51-mes .forml_textra {height: 40px;}
	
	.forml_sub, .czhi{margin: 0px 25px 0 0;}
	
	.news51-l-bottom li span {width: 14%;}
	
    .news51-l-bottom li h3{width: 84%;}
	
	.footer51-nav {width: 66%;}

    .footer51-l {width: 34%;}
	

	/* --------------------------51------------------------ */
	/* 内页开始 */
	.ibanner{height:213px;}
	
	.ibancon em {margin: 10px auto 10px;}
	
	.iernav li{margin:0 10px 2px 0;}
	
	.iernav {padding-top: 10px;}
	
	.ihon_img{height:204px;}
	
	.iprocon li .ipropic{height:205px;}
	
	.abtel a {margin-top: 10px;height: 30px;line-height: 30px;}
	
	.abqr{width:93px;}
	
	.iprod_r .iprod_title {font-size: 16px;}
	
	.iprod_r .iprod_info{height:38px;-webkit-line-clamp:1;}
	
	.jzcon .bd ul li{width:287px;}
	
	.jzcon .bd ul li .jzpic{height:191px;}
	
	.inmain .casecon li .hcaseimg {height: 207px;}
	
	.ipicnew_txtic {height: 191px;}
}
@media screen and (max-width: 1280px) {
	/* --------------------------51------------------------ */
	.top51-cant {width: 45%;}
	
	 .head51-nav {width: 62%;}
	
	.head51-tel {width: 16%;}
	
	#banner {height: 506px;}
	
	.about51-title h3 {width: 83%;}
	
	.parter51-mes .forml_sub, .parter51-mes .czhi {width: 175px;}
/* --------------------------51------------------------ */
	/* 内页开始 */
	.ibannerpro .ibancon {padding-top: 5px;}
	
	.ibanner{height:200px;}
	
	.ibannerpro .ibancon em {margin: 5px auto 5px;}
	
	.jzcon .bd ul li{width:269px;}
	
	.jzcon .bd ul li .jzpic {height: 178px;}
}
@media screen and (max-width: 959px) {
	html,
	body {
		min-width: 768px;
		max-width: 768px;
		overflow-x: hidden;
	}
	.mainb {
		width: 98%;
	}
	
	/* --------------------------51------------------------ */
	.ftitle51 {padding-top: 15px;}
	
	.ftitle51 h2 {font-size: 24px;}
	
	.pro51-nav,.pro51-con,.partner51-con,.advant51 ul{margin-top: 10px;}
	
	.pro51,.case51,.parter51,.advant51{padding-bottom:15px;}
	
	.about51,.news51 {padding: 15px 0;}
	
	 .pro51-con li span a{height: 30px;line-height: 30px;}
	/* ------------------------------------------- */
	.head51-top,.head51-nav,.head51-tel{display:none;}
	
	.head51-logo{width:100%;}
	
	.head51-logo .logo {width: 40%;display: inline-block;}
	
	.head51-logo .mmenu {display: inline-block;float: right;margin-top: 10px;}
	
	.head51-nav {width: 100%;position: absolute;top: 70px;left: 0;z-index: 11;background: rgba(215,50,64,.7);margin: 0;}
	
	.head51-nav li {width: 100%;}
	
	.head51-nav .btn{border-bottom:1px dashed #fff;}
	
	.head51-nav li>a {height: 45px;line-height: 45px;}
	
	.head51-nav .btn-2>a{color:#fff;}
	
	.head51-nav .dropdown51{display:none!important;}
	
	#banner {height: 400px;}
	
	.pro51-nav li{width:32.66%;margin-bottom: 2px;padding: 0 5px;}
	
	.pro51-nav li:nth-child(4),.pro51-nav li:nth-child(7),.pro51-nav li:nth-child(10),.pro51-nav li:nth-child(16),.pro51-nav li:nth-child(19){margin-left:0;}
	
	.pro51-con li>a {height: 125px;}
	
	.pro51-con li:hover span a {height: 55px;line-height: 55px;}
	
	.about51-l{display:none;}
	
	.about51-r{width:100%;}
	
	.about51-title h3 b {font-size: 24px;}
	
	.about51-title span i, .about51-title span {width: 62px;height: 62px;}
	
	.case51-con{width:256px;}
	
	.case51-con ul .case51-list{width:256px;height:247px;}
	
	.case51-con .case51-list-pic{width:256px;height:177px;}
	
	.case51-con .case51-list-con {margin-top: 177px;}
	
	.case51-con .case51-list.cur .case51-list-con {height: 70px;padding: 15px;}
	
	.case51-con .case51-list-txt {line-height: 45px;}
	
	.case51-jt i {top: 55px;width: 50px;height: 50px;left:20px;}
	
	.case51-jt i img{width:100%;}
	
	.case51-jt i.next{right:20px;}
	
	.partner51-list{width:100%;}
	
	.partner51-list li {height: 93px;}
	
	.parter51-mes{width:100%;padding-left:0;margin-top: 10px;}
	
	.advant51 li p{display:none;}
	
	.advant51 ul li{padding:10px;}
	
	.advant51 li span{margin:0 auto;}
	
	.advant51 li h3{text-align:center;margin-top:10px;}
	
	.advant51 li a{text-align:center;}
	
	.news51-title h2 span {font-size: 18px;}
	
	.news51-l-top li h3 {font-size: 18px;}
	
	.news51-title{box-sizing:border-box;}
	
	.news51-l{width:100%;}
	
	.news51-l-top li span{margin-bottom:10px;}
	
	.news51-l-img{height:140px;}
	
	.news51-l-top{padding:0 5px;}
	
	.news51-l-bottom{padding:0 5px 10px 5px;}
	
	.news51-r{width:100%;margin-top:10px;    padding: 5px;}
	
	.footer51{padding: 15px 0;}
	
	.footer51-l{display:none;}
	
	.footer51-nav{width:100%;}
	/* --------------------------51------------------------ */
	/* 内页开始 */
	
	.ibannerpro .ibancon {
    padding-top: 37px;
}
	
	.logotxt {
		display: none;
	}
	.head_nav>ul>li .d_erli {
		display: none !important;
	}
	.head_nav ul li {
		width: 25%;
		border-top: 1px solid #f3abab;
	}
	.head_nav ul li:nth-child(9) {
		display: none;
	}
	.headnavb {
		height: auto;
	}
	.pclogo {
		display: none;
	}
	.mologo {
		display: block;
	}
	.headtop {
		background: none;
	}
	.headnavb {
		line-height: 36px;
	}
	.head_nav ul li:after {
		top: 3px;
	}
	.headnavb .mainb {
		width: 100%;
	}
	.bban_btn {
		display: none !important;
	}
	.bbanner,
	.bban_pic,
	.bban_pic a {
		height: 300px;
	}
	.bban_dot {
		margin-top: 260px;
	}
	.bban_pic a {
		background-size: 100% 100% !important;
	}
	.hysbox {
		display: none;
	}
	.htitle1 .htit_l h1 {
		border-left: 0;
		font-size: 24px;
		padding-left: 0;
	}
	.htitle1 .htit_l {
		width: 60%;
	}
	.htitle1 .htit_c {
		display: none;
	}
	.htitle1 .htit_r {
		width: 17%;
	}
	.hprocate {
		width: 100%;
		float: none;
		margin-bottom: 10px;
		display:none;
	}
	.hprocate p {
		display: none;
	}
	.hprocate li {
		width: 31.3%;
		margin: 1%;
		float: left;
		box-sizing: border-box;
		height: 45px;
		line-height: 45px;
	}
	.hprocate li i {
		margin-top: 7px;
	}
	.hprocon li {
		width: 48%;
		margin: 1%;
	}
	.hprocon li .hpimg {
		height: 271px;
	}
	.htitle2 h1 {
		font-size: 24px;
	}
	.habinfo p {
		height: 87px;
	}
	.abtel h3 {
		display: none;
	}
	.abtel p {
		height: auto;
	}
	.abtel a {
		width: 120px;
	}
	.abqr {
		width: 90px;
	}
	.abtel {
		border: 0;
		padding: 0;
	}
	.habimg {
		height: 250px;
	}
	.casecon li .hcaseimg {
		height: 184px;
	}
	.casecon li p {
		height: 36px;
		line-height: 36px;
	}
	.casecon li .hca_panel {
		height: 160px;
	}
	.casecon li .hca_panel h3 {
		font-size: 16px;
		font-weight: normal;
	}
	.casecon li .hca_panel span {
		/* height: 40px; */
		margin-bottom: 15px;
	}
	.hnew_top dl dt {
		height: 148px;
	}
	.hnew_top dl dd {
		padding: 0 0 10px 15px;
	}
	.hnew_fl,
	.hnew_fr {
		width: 100%;
	}
	.hnew_fr {
		margin-top: 20px;
		display: none;
	}
	
	.ipicnew_txtic {
    height: 250px;
}
	.hfootbox {
		display: none;
	}
	.yqlink {
		background: #4d4d4d;
	}
	.yqlink ul li a {
		color: #fff;
	}
	.ibanner {
		background-size: 100%;
    height: auto;
	}
	.ibancon p {
		display: none;
	}
	.iernav{padding: 30px 0 8px;}
	.ibancon{padding-top:30px;}
	.iernav li {
		display: inline;
		float: left;
		width: 31.33%;
		margin: 1%;
	}
	.inertit {
		font-size: 26px;
	}
	.ihon_box li {
		width: 48%;
		margin: 1%;
	}
	.ihon_box li:nth-child(4n) {
		margin-right: 0;
	}
	.ihon_img {
		height: 249px;
	}
	.sply_box {
		background: none;
	}
	#onlyform {
		width: 100%;
	}
	.inmain .casecon li {
		width: 48%;
		margin: 1%;
	}
	.inmain .casecon li:nth-child(4n) {
		margin-right: 1%;
	}
	.inmain .casecon li .hcaseimg {
		height: 250px;
	}
	.iprocon li {
		width: 48%;
		margin: 1%;
	}
	
	.iprocon li .ipropic {
    height: 250px;
}
	.iprocon li:nth-child(4n) {
		margin-right: 1%;
	}
	
	.ipicnew_ul li{width: 48%;margin: 1%;}
	.ipicnew_ul li:nth-child(4n){margin-right: 1%;}
	.inewli_con{padding-top: 10px;}
	.inewlic_l{width: 100%;}
	.irelcase dl dt{height: 178px;}
	.inewlic_r{width: 100%;}
	.irelcase dl dd p{height: 68px;}
	.irelcase dl dd p,.irelcase dl dd .hnl_more{margin-top: 25px;}
	.inewlic_r{display: none;}
	.inewlic_l{padding: 0;background: 0;}
	.inewde_tit h1{font-size: 24px;}
	.inewde_l .updow p a{width: 90%;}
	.iprod_big,
	#preview img {
		width: 100% !important;
	}
	.jqzoom {
		float: none;
	}
	div.zoomMask,div.zoomDiv {
		display: none !important;
	}
	.iproimgc {width: 100%;}
	
	.iprod_r{width: 100%;margin-top: 15px;}
	.iprod_r .iprod_info{margin-bottom: 10px;}
	.updow p{width: 100%;margin-bottom: 10px;}
	.irel_ly .formlitit{width: 15%;}
	.irel_ly .forml_input, .irel_ly .forml_textra, #checkCode{width: 85%;}
	.advbox{display:none;}
	.hcate li{width: 15%;}
	.hnewcon{padding-top:0px;}
	.hprocon{width:100%;}
	
	.jzcon .bd ul li {width: 172px;}
	
	.jzcon .bd ul li .jzpic{height:119px;}
	
	.inertit {background: url(../img/bread1.png) no-repeat left 6px;background-size: 28px 28px;}
}
@media screen and (max-width: 768px) {
	#banner {height: 320px;}
}
@media screen and (max-width: 640px) {
	html,
	body {
		min-width: 100%;
		max-width: 100%;
	}
	/* -----------------------51----------------------------- */
	.head51-logo .logo {width: 70%;}
	
	.head51-nav{top:64px;}
	
	.head51-nav li>a {height: 40px;line-height: 40px;}
	
	.head51-logo .mmenu img {width: 40px;}
	
	#banner {height: 267px;}
	
	.pro51-con li {width:49.5%;}
	
	.pro51-con li:nth-child(2n){margin-left:1%;}
	
	.pro51-con li:nth-child(2n-1){margin-left:0;}
	
	.pro51-con li>a {height: 124px;}
	
	.about51-title span i, .about51-title span {width: 53px;height: 53px;}
	
	.about51-title h3 {width: 72%;padding-left: 15px;}
	
	.about51-title h3 b {font-size: 20px;}

.about51-title h3 p {font-size: 12px;}

.about51-con>p {line-height: 25px;height: 50px;}

.about51-honor li i {width: 30px;height: 30px;}

.about51-btn li {width: 175px;}

.about51-btn {margin-top: 10px;}

.case51 .ftitle51 h2 {color: #333333;}

.case51 .ftitle51 p {color: #656363;}

.case51-tab{display:none;}

.case51-nav{margin-top:10px;}

.case51-con{width:213px;}
	
	.case51-con ul .case51-list{width:213px;height:188px;}
	
	.case51-con .case51-list-pic{width:213px;height:148px;}
	
	.case51-con .case51-list-con {margin-top: 148px;}
	
	.case51-con .case51-list.cur .case51-list-con {height: 40px;padding: 5px;}
	
	.case51-con .case51-list-txt {line-height: 30px;}
	
	.case51:after{background:none;}
	
	.partner51-list li {height: 49px;}
	
	.parter51-mes .forml_sub, .parter51-mes .czhi {width: 155px;}
	
	.advant51 ul li {width: 50%;margin-bottom:5px;}
	
	.advant51 ul li:hover span {margin-top: 0;}
	
	.news51-title h2 p{width: 60%;margin-bottom: -5px;margin-left: 0 ;}
	
	.news51-l-top li{width:100%;margin-left:0;margin-bottom: 1%;padding-bottom: 10px;border-bottom: 1px dashed #ccc;}
	
	/* .news51-l-img {height: 80px;} */
	
	.news51-r-img{display:none;}
	
	.news51-l-bottom li span {width: 30%;}
	
.news51-l-bottom li h3 {width: 65%;}

.footer51{display:none;}

.copyright51{margin-bottom:44px;padding: 10px 0;}

.copyright51 p {line-height: 25px;}

.mfooter51{display:block;}

.mfooter51 {
					display: block;
					position: fixed;
					left: 0;
					bottom: 0;
					z-index: 6666;
					width: 100%;
					background: #fff;
					box-shadow: 0 0 10px #eee
				}
				.mfooter51 li {
					width: 50%;
					float: left
				}
				.mfooter51 li a {
					display: -webkit-box;
					display: -moz-box;
					display: -webkit-flex;
					display: -ms-flexbox;
					display: flex;
					-webkit-align-items: center;
					align-items: center;
					-webkit-justify-content: center;
					justify-content: center;
					height: 44px;
					line-height: 1
				}
				.mfooter51 li a img {
					height: 18px;
					width: auto;
					margin-right: 5px
				}
				.mfooter51 li:nth-child(2) {
					background: #212257;
					background: -webkit-linear-gradient(130deg, #3B5059 40%,  #3B5059 60%);
					background: -o-linear-gradient(130deg, #3B5059 40%,  #3B5059 60%);
					background: -moz-linear-gradient(130deg, #3B5059 40%,  #3B5059 60%);
					background: linear-gradient(130deg, #3B5059 40%,  #3B5059 60%);
					border-top-left-radius: 100px
				}
				.mfooter51 li:nth-child(2) a {
					color: #fff
				}
				
				.mfooter51 li em{font-style:normal;}
	/* -----------------------51----------------------------- */
	.headtop {
		height: 50px;
		border-bottom: 0;
	}
	.hlogo {
		width: 52%;
		height: auto;
	}
	.hlogo .mologo {
		width: 100%;
	}
	.logo_tel span {
		display: none;
	}
	.logo_tel {
		background: none;
		padding-left: 0;
		padding-top: 8px;
	}
	.logo_tel p {
		font-size: 24px;
		color: #7e7e7e;
	}
	.head_nav>ul>li>a {
		font-size: 15px;
	}
	.bbanner,
	.bban_pic,
	.bban_pic a {
		height: 110px;
	}
	.bban_dot {
		margin-top: 200px;
	}
	.htitle1 .htit_l {
		width: 100%;
		text-align: center;
	}
	.htitle1 .htit_r {
		width: 33%;
	}
	.hprocen {
		padding-top: 10px;
	}
	.htitle1 .htit_r a {
		display: none;
	}
	.hprocate li {
		width: 48%;
	}
	.hprocate li i {
		width: 20px;
		height: 20px;
		line-height: 20px;
		margin-top: 12px;
	}
	.hprocon li .hpimg {
		height: 132px;
	}
	.habbox {
		background-size: 100% 100%;
	}
	.hprocbox {
		background-position: left top;
	}
	.habimg {
		width: 100%;
		height: auto;
	}
	.habinfo {
		width: 100%;
		padding-top: 25px;
	}
	.abtel {
		margin-left: 10px;
	}
	.casecon li {
		width: 48%;
		margin: 1%;
	}
	.casecon li:nth-child(3n) {
		margin-right: 1%;
	}
	.casecon li .hcaseimg {
		height: 132px;
	}
	.inmain .casecon li .hcaseimg {
		height: 122px;
	}
	.casecon li .hca_panel h3 {
		font-size: 15px;
		display: none;
	}
	.casecon li .hca_panel {
		height: 100%;
	}
	.casecon li p {
		font-size: 15px;
	}
	.inewlic_l img{width:100%;}
	.hnew_top dl {
		width: 100%;
	}
	.hnew_top dl dd:before {
		display: none;
	}
	.htitle1 .htit_l h1,
	.htitle2 h1 {
		font-size: 20px;
	}
	.paddt30 {
		padding-top: 15px;
	}
	.hnew_top dl dt {
		height: 228px;
	}
	.hnew_top .hntmore {
		margin-top: 15px;
	}
	.hnew_top dl {
		margin: 0 2% 2% 0;
	}
	.hnew_fl dl dt {
		width: 100%;
		height: 228px;
	}
	.hnew_fl dl dd {
		width: 100%;
		margin-top: 10px;
	}
	.hnw_title {
		font-size: 20px;
	}
	.mo_bott {
		position: fixed;
		width: 100%;
		left: 0;
		right: 0;
		bottom: 0;
		height: 55px;
		background: #3B5059;
		border-top: 1px solid #3B5059;
		z-index: 9999;
		display: block;
	}
	.mo_bott li {
		float: left;
		width: 18.5%;
		padding: 0 3%;
		border-left: 1px solid #fff;
	}
	.mo_bott li:first-child {
		border-left: 0;
	}
	.mo_bott li a {
		display: block;
		height: 45px;
		color: #fff;
		padding-top: 9px;
		text-align: center;
	}
	.mo_bott li a img {
		margin: 0 auto;
		width: 20px;
		height: 19px;
	}
	.mo_bott li a span {
		display: block;
		height: 20px;
		line-height: 20px;
	}
	.f_copy {
		margin-bottom: 54px;
	}
	.ibanner {
		height: auto;
	}
	.ibancon {
		padding-top: 8px;
	}
	.ibancon h1 {
		font-size: 20px;
	}
	.iernav {
    padding: 0px 0 0px;
}
	.inertit {
		font-size: 17px;
		background: none;
    padding-left: 0;

	}
	.ibread p {
		float: right;
		margin-top: 0;
		line-height:1.5;
	}
	.ibread {
		padding-bottom: 5px;
		padding-top:5px;
	}
	.ihon_img {
		height: 121px;
	}
	.sply_box {
		text-align: left;
	}
	.forml_input,
	.forml_textra,
	#checkCode {
		width: 81.2%;
	}
	.formli img {
		right: 0;
	}
	.forml_sub,
	.czhi {
		width: 120px;
		border-radius: 0;
	}
	.iprocon li .ipropic {
		height: 123px;
	}
	.iprocon li .ipro_info h3 {
		font-size: 16px;
	}
	
	.ibannerpro .ibancon {
    padding-top: 17px;
}

	.iernav li {
		display: inline;
		float: left;
		width: 32.6%;
		margin: 1% 0 1% 1%;
		height: 36px;
    line-height: 34px;
	border: 1px solid #ccc;
    background: none;
	}
	.iernav li a {color: #777;}
	.iernav li:first-child,.iernav li:nth-child(4),.iernav li:nth-child(7),.iernav li:nth-child(10),.iernav li:nth-child(13),.iernav li:nth-child(16){margin-left:0}
	.ipicnew_ul li{width: 100%;}
	
	.inewlic_l .inewli_ul li a, .irelnew li a{width: 65%;}
	.inewlic_l .inewli_ul li span, .irelnew li span{width: 30%;}
	.inewde_tit h1{font-size: 18px;}
	.inewde_tit p span {padding: 0 10px 0 0;font-size: 14px;}
	.inewde_l .updow p a { width: 75%;}
.ireltit{font-size: 20px;}
.updow p a{width: 78%;}
.irel_ly .formlitit{width: 35%;}
.irel_ly .forml_input, .irel_ly .forml_textra,.irel_ly #checkCode{width: 65%;}
.hcate li { width: 30%; margin-bottom: 5px;}
.f_copy p a{float:none;margin-left:15px;}
.casecon li .hca_panel span{line-height:1.5;}
.casecon li .hca_panel i:hover{width:100%;}
.iprocon li .ipropic img{height:100%;}
.iprod_r .iprod_info{height:110px;-webkit-line-clamp:4;}
.inertit i{display:none;}

.iprod_r .inlip{padding-left:0;}

/* .htitle1 .htit_l p,.htitle1 .htit_r,.htitle1 .htit_c{display:none;} */
}

@media only screen and (min-width: 540px) and (max-width: 640px) {
	#banner {height: 225px;}
}

@media screen and (max-width: 420px) {
	#banner {height: 167px;}
}

@media screen and (max-width: 375px){
	
	.head51-nav {top: 60px;}
	
	#banner {height: 156px;}
	
	.about51-title h3 b {font-size: 18px;}
	
	.about51-title span i, .about51-title span {width: 50px;height: 50px;}
	
	.about51-title span i img {padding-top: 8px;}
	
	.about51-btn li {width: 165px;}
	
	.parter51-mes .forml_sub, .parter51-mes .czhi {width: 145px;}
	
	/* .case51-con{width:125px;}
	
	.case51-con ul .case51-list{width:125px;height:127px;}
	
	.case51-con .case51-list-pic{width:125px;height:87px;}
	
	.case51-con .case51-list-con {margin-top: 87px;} */
	
}

@media screen and (max-width: 370px) {
	.abqr {width: 75px;}
	.habinfo p{padding-top:10px;}
	.abtel{margin-top:0;}
}
@media screen and (max-width: 360px) {
	#banner {height: 150px;}
}
@media screen and (max-width: 330px) {
	.abqr {
		display: none;
	}
}
@media screen and (max-width: 320px){
	
	.head51-nav {top: 60px;}
	
	#banner {height: 133px;}
	
	.about51-title h3 b {font-size: 16px;}
	
	.about51-btn li { width: 150px;}
	
	.case51-btn a{width:90%;}
	
	.parter51-mes .forml_sub, .parter51-mes .czhi {width: 120px;}
	
	.links51 a{margin-right:20px;}
}