/*header start*/
.header-top{background: #F8F8F8;padding:10px 0;}
.header-top .h-c{float:left;}
.header-top .h-c ul li{display: inline-block;float:left;padding-left:25px;margin-right:40px;}
.header-top .h-c ul li.tel{
	background:url(../images/h-icon-01.png) no-repeat left center;
}
.header-top .h-c ul li.mail{
	background:url(../images/h-icon-02.png) no-repeat left center;
}
.header-top .h-c ul li label{
	font-size:14px;
	font-weight:400;
	color:rgba(123,123,123,1);
}
.header-top .h-c ul li a{
	font-size:14px;
	font-weight:400;
	color:rgba(123,123,123,1);
	transition: all 0.6s;
}
.header-top .h-c ul li a:hover{
	color:#356FB7;
	text-decoration: underline;
}
.header-top .h-s{
	float:right;
	text-align: right;
}
.header-top .h-s .search-icon{display: inline-block;}
.header-top .h-s .lan{float:right;display: inline-block;margin-left:35px;position: relative;}
.header-top .h-s .lan::after{
	content: '/';
	color: #999999;
	position: absolute;
	left:-18px;
	top:0;
}
.header-top .h-s .lan dl{position: relative;}
.header-top .h-s .lan dt{position: relative;padding-right:15px;}
.header-top .h-s .lan dt i{
	width:7px;
	height:4px;
	background:url(../images/h-icon-04.png) no-repeat center;
	display: block;
	position: absolute;
	right:0;
	top:50%;
	margin-top:-2px;
	transition: all 0.4s;
	transform: rotate(0);
}
.header-top .h-s .lan:hover dt i{
	transform: rotate(180deg);
}
.header-top .h-s .lan dt a{
	font-size:14px;
	font-weight:400;
	color:rgba(51,51,51,1);
}
.header-top .h-s .lan dd{
	position: absolute;
	top:100%;
	left:50%;
	width:60px;
	margin-left:-30px;
	background:#356FB7;
	visibility: hidden;
	opacity:0;
	transition: all 0.2s;
	transform: translateY(5%);
}
.header-top .h-s .lan:hover dd{
	transform: translateY(0);
	opacity:1;
	visibility: visible;
}
.header-top .h-s .lan dd a{
	display: block;
	color:#FFFFFF;
	text-align: center;
	padding:5px 0;
	transition:all 0.6s;
}
.header-top .h-s .lan dd a:hover{
	background:#999999;
}
.header-nav{margin-top:20px;}
.nav-box #menuPc > ul > li{
	width:10%;
	float:left;
	margin-left:1.25%;
	text-align: center;
	position: relative;
	z-index: 200;
}
.nav-box #menuPc > ul > li::after{
	content: '';
	width:0;
	height:2px;
	background:#356FB7;
	transition: all 0.6s;
	position: absolute;
	left:0;
	bottom:0;
}
.nav-box #menuPc > ul > li.act::after ,.nav-box #menuPc > ul > li:hover::after{
	width:100%;
}
.nav-box #menuPc > ul > li > a{
	display: block;
	padding:25px 0;
	font-size:18px;
	color:rgba(51,51,51,1);
}
.nav-box #menuPc > ul > li:first-child{margin-left:0;}
.nav-box #menuPc > ul > li .second{
	position: absolute;
	left:0;
	min-width:100%;
	background:#356FB7;
	z-index:99;
	transition: all 0.2s;
	visibility: hidden;
	opacity:0;
	transform: translateY(-5%);
	white-space: nowrap;
	/* padding: 15px; */
}
.nav-box #menuPc > ul > li:hover{
	z-index: 201;
}
.nav-box #menuPc > ul > li:hover .second{
	transform: translateY(0);
	opacity:1;
	visibility: visible;
}
.nav-box #menuPc > ul > li .second dd a{
	padding:5px 10px;
	display: block;
	text-align: left;
	color:#FFFFFF;
	transition: all 0.6s;
}
.nav-box #menuPc > ul > li .second dd a:hover{
	background:#999999;
}
.nav-box #menuWap{display: none;}
.nav-box #menuPc > ul > li.logo{position: relative;height:20px;}
.nav-box #menuPc > ul > li.logo::after{display: none;}
.nav-box #menuPc > ul > li.logo a{
	padding:15px;
	background:#FFFFFF;
	display: block;
	position: absolute;
	top:-15px;
	left:50%;
	transform: translateX(-50%);
	z-index:999;
	border-radius:50%;
}



/*header end*/

/*footer start*/
.footer{
	padding-top:73px;
}
.footer .footer-box{background:#202020;}
.footer .ipd-20{position: relative;}
.footer .logo{
	position: absolute;
	left:50%;
	top:0;
	transform: translate(-50%,-50%);
}
.footer .logo a{
	display: block;
	padding:15px;
	border-radius:50%;
	background:#FFFFFF;
	z-index: 999;
}
.footer .f-nav{
	padding:90px 0 50px;
}
.footer .f-nav ul li{width:12.5%;float:left;text-align: center;}
.footer .f-nav ul li a{
	font-size:16px;
	color:rgba(255,255,255,1);
	transition:all 0.6s;
}
.footer .f-nav ul li a:hover{
	color:#356FB7;
}
.footer .f-c{
	max-width:800px;
	margin:0 auto;
}
.footer .f-c .f-c-list ul li{
	width:33.33333%;
	float:left;
	text-align: center;
}
.footer .f-c .f-c-list ul li:nth-child(1){
	text-align: left;
}
.footer .f-c .f-c-list ul li:nth-last-child(1){
	text-align: right;
}
.footer .f-c .f-c-list ul li a{
	transition: all 0.6s;
	font-size:14px;
	color:rgba(140,140,140,1);
}
.footer .f-c .f-c-list ul li label{
	color:rgba(140,140,140,1);
	font-size:14px;
}
.footer .f-c .f-c-list ul li a:hover{
	color:#FFFFFF;
}
.footer .f-c .f-c-text{
	margin-top:15px;
	font-size:14px;
	color:rgba(140,140,140,1);
	text-align: center;
}
.footer .f-share{
	padding:25px 0;
	text-align: center;
}
.footer .f-share a{
	display: inline-block;
	margin:0 8px;
	width: 30px;
	height: 30px;
	transition:all 0.6s;
}
.footer .f-share a.f{background:url(../images/footer-share-01.png) no-repeat center;}
.footer .f-share a.i{background:url(../images/footer-share-02.png) no-repeat center;}
.footer .f-share a.y{background:url(../images/footer-share-03.png) no-repeat center;}
.footer .f-share a.t{background:url(../images/footer-share-04.png) no-repeat center;}

.footer .f-share a.f:hover{background:url(../images/footer-share-01-h.png) no-repeat center;}
.footer .f-share a.i:hover{background:url(../images/footer-share-02-h.png) no-repeat center;}
.footer .f-share a.y:hover{background:url(../images/footer-share-03-h.png) no-repeat center;}
.footer .f-share a.t:hover{background:url(../images/footer-share-04-h.png) no-repeat center;}

.footer .f-copy{
	padding:10px 0;
	border-top:1px solid rgba(255, 255, 255, 0.12);
	text-align: center;
	font-size:12px;
	color:rgba(255,255,255,0.3);
}
/*footer end*/

/*轮播图start*/
.banner{max-width:1920px;margin:0 auto 0;width:100%;background:#FFFFFF;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .bg-box{position: relative;z-index:1;}
.banner .bg-box img{width:100%;height:auto;}
.banner .wap-box{display:none;}
.banner .wap-box img{width:100%;height:auto;}
.banner .swiper-pagination-bullet{width:10px;height:10px;background:#FFFFFF;opacity:1;border-radius: inherit;border:1px solid #eeeeee;border-radius:50%;transition:all 0.6s;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;}
.banner .swiper-pagination-bullet-active{opacity:1;transform:scale(1.5)}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .banner .swiper-pagination-fraction{bottom:20px;}
.swiper-slide .banner-content{
	transform:translateY(-200px);
	opacity:0;
	transition:all .6s;
}
.ani-slide .banner-content{
	transform:translateY(0);
	opacity:1;
}

/*轮播图end*/

.inner-banner{position: relative;max-width:1920px;margin:0 auto;position: relative;}
.inner-banner .img-box img{width:100%;height:auto;}
.crumbs-box .cb-box{padding-left:25px;background:url(../images/home-icon.png) no-repeat left 2px;}
.crumbs-box{padding:15px 0;}
.crumbs-box a{color:#A4A4A4;display: inline-block;transition: all 0.4s;}
.crumbs-box a:hover{color:#356FB7;}
.crumbs-box i{display: inline-block;padding:0 15px;color:#DEDEDE;font-family: simsun;font-weight:700;}
.crumbs-box span{color:#A4A4A4;}



/*公共样式定义 start*/
/*例如,统一间距,统一字体,统一大小写,统一最大距离*/

.m-width-1440{max-width:1280px;margin:0 auto;}
.m-width-1280{max-width:1280px;margin:0 auto;}
.ipd-20{padding:0 0;}
/*置顶按钮 start*/
#toTop{width:40px;height:40px;left:20px;bottom:20px;position: fixed;z-index:999;background:#b24249;}
/*置顶按钮 end*/

/*分页 start*/
.page-box {
  padding: 50px 0 0px;
  text-align: center;
}

.page-box .page-inner {
  display: flex;
  justify-content: center;
}

.page-box .page-inner a {
  display: inline-flex;
  font-size: 16px;
  color: #333;
  margin: 0 5px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  justify-content: center;
  background: transparent;
  border: 1px solid #CECECE;
}

.page-box .page-inner span.current {
  display: inline-flex;
  font-size: 16px;
  margin: 0 5px;
  width: 38px;
  height: 38px;
  line-height: 38px;
  justify-content: center;
  background: transparent;
  border: 1px solid #CECECE;
   color: #FFFFFF;
    background-color: #356FB7
}

.page-box .page-inner .page-list {
  display: flex;
}

.page-box .page-inner .page-list a.act,
.page-box .page-inner .page-list a:hover {
  color: #FFFFFF;
  background-color: #356FB7;
  transition: all 0.4s;
}

.page-box.theme .page-inner .page-list a.act,
.page-box.theme .page-inner .page-list a:hover {
  background: #356FB7;
  border: 1px solid #356FB7;
}

.page-box .page-inner a.prev {
  width: auto;
  font-size: 16px;
}

.page-box .page-inner a.nextpostslink,
.page-box .page-inner a.previouspostslink {
  min-width: 80px;
}

.page-box .page-inner a.nextpostslink:hover,
.page-box .page-inner a.previouspostslink:hover {
  background: #333;
  border: 1px solid #333;
  color: #FFF;
}

.page-box .page-inner a.next_page {
  width: auto;
  padding: 0 5px;
  background: none;
  border: none;
}

.page-box .page-inner a.next_page:hover {
  color: #E50113;
  background: none;
  border: none;
}

.page-box .page-inner a.next {
  font-size: 16px;
}

/*.page-box .page-inner a.prev.all {*/
/*  background: url(../images/page-left-01.png) no-repeat 50% 50%;*/
/*}*/

/*.page-box .page-inner a.next.all {*/
/*  background: url(../images/page-right-01.png) no-repeat 50% 50%;*/
/*}*/

.page-box .page-inner a.prev.no-drop,
.page-box .page-inner a.next.no-drop {
  cursor: no-drop;
  opacity: 0.5;
}

/*分页 end*/

/*公共样式定义 end*/

.index-product-top{
	background:#F6F8FA;
}
.index-product-top .ipd-20{
	padding:80px 0 140px;
	position: relative;
}
.index-product-top .ipb-text{
	width:54%;
	float:left;
}
.index-product-top .ipb-text .tit{
	position: relative;
	padding:25px 0;
}
.index-product-top .ipb-text .tit::after{
	width:68px;
	height:2px;
	background:rgba(49,114,176,1);
	content: '';
	position: absolute;
	left:0;
	bottom:0;
}
.index-product-top .ipb-text .tit h6{
	text-transform: uppercase;
	font-size:36px;
	font-weight:600;
	color:rgba(35,30,27,1);
}
.index-product-top .ipb-text .name{
	padding:40px 0 20px;
	font-size:20px;
	font-weight:600;
	color:rgba(49,114,176,1);
}
.index-product-top .ipb-text .text{
	height:120px;
	overflow: hidden;
	font-size:14px;
	color:rgba(51,51,51,1);
	line-height:24px;
}
.index-product-top .ipb-text .more{
	margin-top:45px;
}
.index-product-top .ipb-text .more a{
	font-size:16px;
	font-weight:400;
	color:rgba(49,114,176,1);
	display: inline-block;
	padding-right:35px;
	background:url(../images/index-about-icon-02.png) no-repeat 90% center;
	transition: all 0.6s;
}
.index-product-top .ipb-text .more a:hover{
	background-position: right center; 
}
.index-product-top .ipb-pic{
	width:35%;
	float:right;
}
.index-product-top .ipb-pic .img-box{display: block;}
.index-product-top .ipb-pic .img-box img{width:100%;height:auto;}
.index-product-bt .index-pro-small{transform: translateY(-50%);z-index:2;}
.index-product-bt .index-pro-small .m-width-1440{padding:50px 75px 0;background:#FFFFFF;border-radius:120px;position: relative;margin-bottom:-50px;}
.index-pro-small .swiper-slide{text-align: center;cursor: pointer;}
.index-pro-small .swiper-slide .ib-inner{
	padding:19px;
	background:#F6F8FA;
	display:inline-block;
	border-radius:50%;
}
.index-pro-small .swiper-slide .img-box{
	padding:5px;
	border-radius:50%;
	background:#FFFFFF;
	border:2px solid rgba(229,229,229,1);
	display:inline-block;
	transition: all 0.6s;
	box-sizing: border-box;
}
.index-pro-small .swiper-slide .img-box img{max-width:100%;height:auto;}
.index-pro-small .swiper-slide .text-box{
	font-size:18px;
	color:rgba(35,30,27,1);
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	margin-top:15px;
}
.index-pro-small .swiper-slide.swiper-slide-thumb-active .img-box,.index-pro-small .swiper-slide:hover .img-box{border:2px solid rgba(49,114,176,1);background:#F6F8FA;}
.index-pro-small .swiper-button-next, .index-pro-small .swiper-button-prev{
	width:36px;
	height:36px;
	background:rgba(49,114,176,1);
	border-radius:50%;
	text-align: center;
	line-height:36px;
}
.index-pro-small .swiper-button-next:hover, .index-pro-small .swiper-button-prev:hover,.index-pro-small .swiper-button-next.swiper-button-disabled:hover, .index-pro-small .swiper-button-prev.swiper-button-disabled:hover{
	background:rgba(49,114,176,1);
	
}
.index-pro-small .swiper-button-next:hover .iconfont, .index-pro-small .swiper-button-prev:hover .iconfont,.index-pro-small .swiper-button-next.swiper-button-disabled:hover .iconfont, .index-pro-small .swiper-button-prev.swiper-button-disabled:hover .iconfont{
	color: #FFF;
}
.index-pro-small .swiper-button-prev{left:40px;}
.index-pro-small .swiper-button-next{right:40px;}
.index-pro-small .swiper-button-next i, .index-pro-small .swiper-button-prev i{
	color:#FFFFFF;
}
.index-pro-small .swiper-button-next.swiper-button-disabled, .index-pro-small .swiper-button-prev.swiper-button-disabled{
	background:#F1F1F1;
	opacity:1;
	/* cursor: no-drop; */
	pointer-events: initial;
}
.index-pro-small .swiper-button-next.swiper-button-disabled i, .index-pro-small .swiper-button-prev.swiper-button-disabled i{
	color:#356FB7;
}
.index-about{
	max-width:1920px;
	margin:0 auto;
	background:url(../images/index-about-pic-02.jpg) no-repeat center;
	background-size: cover;
}
.index-about .pic-box{
	display: block;
	width:41.6666%;
	float:left;
}
.index-about .pic-box .video-play{
	display: block;
}
.index-about .pic-box img{width:100%;height:auto;}
.index-about .text-box{width:50%;float:right;padding:100px 0;}
.index-about .text-box .tit{background:url(../images/index-about-icon-01.png) no-repeat right center;}
.index-about .text-box .tit h6{
	font-size:40px;
	font-weight:600;
	color:rgba(35,30,27,1);
	padding:10px 0 10px 60px;
	position: relative;
	text-transform:uppercase;
}
.index-about .text-box .tit h6::after{
	content: '';
	width:39px;
	height:2px;
	background:#000000;
	position: absolute;
	left:0;
	top:50%;
	margin-top:-1px;
}
.index-about .text-box .name{
	padding:40px 0 10px;
	font-size:20px;
	color:rgba(85,85,85,1);
}
.index-about .text-box .text{
	font-size:16px;
	color:rgba(150,150,150,1);
	line-height:24px;
	height:96px;
	overflow: hidden;
}
.index-about .text-box .more{margin-top:40px;}
.index-about .text-box .more a{
	display: inline-block;
	padding-right:40px;
	background:url(../images/index-about-icon-02.png) no-repeat 90% center;
	transition: all 0.6s;
	font-size:16px;
	color:rgba(49,114,176,1);
}
.index-about .text-box .more a:hover{
	background-position: right center;
}
.index-case{padding:50px 0 0;}
.index-case .tit{
	padding:20px 0 50px;
	text-align: center;
}
.index-case .tit h6{
	text-transform: uppercase;
	font-size:40px;
	font-weight:600;
	color:rgba(35,30,27,1);
}
.index-case .list{
	padding:0 40px;
}
.index-case .list ul li{
	width:30%;
	float:left;
	margin-left:5%;
	position: relative;
	padding-bottom:70px;
}
.index-case .list ul li .l ,.index-case .list ul li .r ,.index-case .list ul li .t ,.index-case .list ul li .b{
	transition: all 0.6s;
	opacity:0;
	visibility: hidden;
	transform: translate(0,0);
}
.index-case .list ul li:hover .l ,.index-case .list ul li:hover .r ,.index-case .list ul li:hover .t ,.index-case .list ul li:hover .b{
	opacity:1;
	visibility: visible;
	transform: translate(-40px,-40px);
}

.index-case .list ul li .l{
	width:2px;
	height:100%;
	background:#356FB7;
	position: absolute;
	left:0;
	top:0;
}
.index-case .list ul li .r{
	width:2px;
	height:100%;
	background:#356FB7;
	position: absolute;
	right:0;
	top:0;
}
.index-case .list ul li .t{
	width:100%;
	height:2px;
	background:#356FB7;
	position: absolute;
	left:0;
	top:0;
}
.index-case .list ul li .b{
	width:100%;
	height:2px;
	background:#356FB7;
	position: absolute;
	left:0;
	bottom:0;
}
.index-case .list ul li:first-child{
	margin-left:0;
}
.index-case .list ul li .img-box a{
	display: block;
}
.index-case .list ul li .img-box img{
	width:100%;
	height:auto;
}
.index-case .list ul li .text-box{
	padding:0 10px;
}
.index-case .list ul li .text-box .name{
	display: block;
	padding:20px 0;
	overflow: hidden;white-space: nowrap;text-overflow:ellipsis;
	white-space: nowrap;
	font-size:20px;
	font-weight:600;
	color:rgba(51,51,51,1);
}
.index-case .list ul li .text-box .text{
	height:88px;
	color:rgba(150,150,150,1);
	line-height:22px;
	overflow: hidden;
}
.index-case .list ul li .text-box .more{
	margin-top:25px;
}
.index-case .list ul li .text-box .more a{
	display: block;
}
.index-case .list ul li .text-box .more a i{
	width:26px;
	height:26px;
	display: block;
	background:url(../images/index-case-icon-02.png) no-repeat center;
}
.index-case .list ul li .text-box .more a span{
	display:none;
	background:url(../images/index-about-icon-02.png) no-repeat 80% center;
	font-size:16px;
	font-weight:400;
	color:rgba(49,114,176,1);
}
.index-case .list ul li:hover .text-box .more a span{display: block;}
.index-case .list ul li:hover .text-box .more a i{display: none;}
.about-history .index-app-page {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about-history .index-app-page em {
  font-size: 24px;
  padding: 0 15px;
  cursor: pointer;
  color: #999999;
}

.about-history .index-app-page em:hover {
  color: #333333;
}

.about-history .index-app-page .swiper-button-next,
.about-history .index-app-page .swiper-button-prev {
  margin-top: 0;
  position: inherit;
  top: 0;
  height:44px;
  line-height:44px;
  color:#3172B0;
  background:none;
  border: none;
}
.about-history .swiper-button-next.swiper-button-disabled, .about-history .swiper-button-prev.swiper-button-disabled{opacity:1;}
.about-history .swiper-slide:nth-child(2n) .his-year {
  align-items: flex-end;
}

.about-history .swiper-slide.swiper-slide-next .his-dot {
  background: url("../images/facdot2.png") no-repeat 50% 50%;
}

.about-history .swiper-slide.swiper-slide-next .his-year {
  color: #3172B0;
}

.about-history .swiper-slide.swiper-slide-next .text {
  background-color: #3172B0;
}

.about-history .swiper-slide.swiper-slide-next .text p {
  color: #FFF;
}

.about-history .his-dot {
  width: 18px;
  height: 18px;
  display: block;
  background: url("../images/facdot.png") no-repeat 50% 50%;
  margin: 15px auto;
}

.about-history .his-year {
  color: #666666;
  font-size: 24px;
  text-align: center;
  height: 104px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.about-history .text {
  background-color: #FFF;
  line-height: 1.4;
  padding: 30px 14px;
  transition: all 0.3s;
}

.about-history .text p {
  color: #666;
  line-height:22px;
  height: 44px;
  text-align: center;
  overflow: hidden;
}

.about-history .his-swiper {
  position: relative;
}

.about-history .his-swiper:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  top: 50%;
  height: 1px;
  background-color: #BCBCBC;
}

.about-text-pic{
	padding:80px 0;
}
.about-text-pic .tit{text-align: center;padding:0 0 40px;}
.about-text-pic .tit h6{
	font-size:36px;
	font-weight:600;
	color:rgba(35,30,27,1);
	text-transform: uppercase;
}
.about-text-pic .text{
	width:48.5%;
	float:left;
	font-size:14px;
	color:rgba(102,102,102,1);
	line-height:22px;
}
.about-text-pic .pic{
	width:48.5%;
	float:right;
}
.about-text-pic .pic a{display: block;position: relative;}
.about-text-pic .pic a i{
	display: block;
	width:52px;
	height:52px;
	background:url(../images/about-icon-01.png) no-repeat center;
	position: absolute;
	left:50%;
	top:50%;
	margin:-26px 0 0 -26px;
	z-index:3;
}
.about-text-pic .pic img{width:100%;height:auto;}
.about-path{
	padding:50px 0 30px;
	background:#F9F9F9;
}
.about-path .tit{text-align: center;padding:0 0 20px;}
.about-path .tit h6{
	font-size:30px;
	font-weight:500;
	color:rgba(35,30,27,1);
	text-transform: uppercase;
}
.about-factory{
	padding:50px 0;
}
.about-factory .tit{
	text-align: center;
	padding:0 0 50px;
}
.about-factory .tit h6{
	font-size:30px;
	font-weight:500;
	color:rgba(35,30,27,1);
}
.about-factory .fac-slider{
	max-width:1150px;
	margin:0 auto;
	position: relative;
}
.about-factory .fac-slider .img-box img{width:100%;height:auto;}
.fac-slider .swiper-button-next, .fac-slider .swiper-button-prev{
	width:36px;
	height:36px;
	background:rgba(49,114,176,1);
	border-radius:50%;
	margin-top:-18px;
	text-align: center;
	line-height:36px;
	color:#FFFFFF;
}
.fac-slider .swiper-button-next{
	right:-66px;
}
.fac-slider .swiper-button-prev{
	left:-66px;
}
.fac-slider .swiper-button-next.swiper-button-disabled, .fac-slider .swiper-button-prev.swiper-button-disabled{
	color:#3172B0;
	background:#F1F1F1;
	opacity:1;
}
.main-l-r .tit{
	padding:20px 0 40px;
	text-align: center;
}
.main-l-r .tit h6{
	font-size:36px;
	font-weight:600;
	color:rgba(35,30,27,1);
	text-transform:uppercase;
}
.main-l-r .main-l{
	width:25%;
	float:left;
}
.main-l-r .main-l .pro-menu{margin-bottom:34px;}
.main-l-r .main-l .pro-menu .t{
	background: #878F97;
	padding:15px 20px;
}
.main-l-r .main-l .pro-menu .t h6{
	font-size:20px;
	font-weight:600;
	text-transform: uppercase;
	color:#FFFFFF;
}
.main-l-r .main-l .pro-menu .list ul li{
	border-bottom:1px solid #EFEFEF;
}
.main-l-r .main-l .pro-menu .list ul li a{
	display: block;
	padding:20px 20px;
	font-size:18px;
	color:rgba(35,30,27,1);
	transition: all 0.6s;
}

.main-l-r .main-l .pro-menu .c-list ul li{
	padding:20px 20px;
	border-bottom:1px solid #EFEFEF;
}
.main-l-r .main-l .pro-menu .c-list ul li label{
	display: inline-block;
	padding-left:25px;
	font-size:14px;
	font-weight:400;
	color:rgba(123,123,123,1);
}
.main-l-r .main-l .pro-menu .c-list ul li a{
	font-size:14px;
	font-weight:400;
	color:rgba(123,123,123,1);
	transition: all 0.6s;
}
.main-l-r .main-l .pro-menu .c-list ul li a:hover{
	color:#356FB7;
	text-decoration: underline;
}
.main-l-r .main-l .pro-menu .c-list ul li.tel label{
	background:url(../images/cu-icon-01.png) no-repeat left center;
}
.main-l-r .main-l .pro-menu .c-list ul li.mail label{
	background:url(../images/cu-icon-02.png) no-repeat left center;
}
.main-l-r .main-l .pro-menu .c-list ul li.mob label{
	background:url(../images/cu-icon-03.png) no-repeat left center;
}
.list > ul > li > .title {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.list > ul > li > .title i {
  width: 20px;
  height: 20px;
  content: '';
  display: inline-block;
  background-image: url(/wp-content/themes/guangda/images/plus.png);
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  /*margin-right: 10px;*/
}
.list > ul > li.act > .title i {
  width: 20px;
  height: 20px;
  content: '';
  display: inline-block;
  background-image: url(/wp-content/themes/guangda/images/minus.png);
  background-size: 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  /*margin-right: 10px;*/
}
.list > ul > li > .title a {
    flex: 1;
}
.list > ul > li.act .sub-cat {
    display: block;
}
.list .sub-cat {
  padding-left: 20px;
  display: none;
}
.list > ul > li.act.hide .sub-cat {
    display: none;
}

.list > ul > li.act > .title > a {
    color: #3172B0 !important;
}
.list > ul > li.show .sub-cat {
    display: block;
}

.main-l-r .main-l .pro-menu .list ul li.act > a ,.main-l-r .main-l .pro-menu .list ul li a:hover{
	color:#3172B0;
}
.main-l-r .main-r{
	width:72%;
	float:right;
	padding:0 0 50px;
}
.main-l-r .main-r .pro-list ul li{
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.14);
	width:32%;
	float:left;
	margin-bottom:20px;
	margin-left:2%;
	text-align: center;
}
.main-l-r .main-r .pro-list ul li .img-box{
	padding:20px 0 0;
	display: block;
	text-align: center;
}
.main-l-r .main-r .pro-list ul li .img-box img{width:100%;height:auto;}
.main-l-r .main-r .pro-list ul li .tit-box{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:20px 0;
	font-size:18px;
	color:rgba(35,30,27,1);
	transition:all 0.6s;
}
.main-l-r .main-r .pro-list ul li:hover .tit-box{
	color:#3172B0;
}
.main-l-r .main-r .pro-list ul li:nth-child(3n+1){
	margin-left:0;
}
.prodis-box{
	padding:50px 0;
}
.prodis-box .phtot-text{
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.14);
	padding:20px 40px;
}
.prodis-box .phtot-text .photo{
	width:40%;
	float:left;
}
.prodis-box .phtot-text .photo .img-box img{width:100%;height:auto;}
.prodis-box .phtot-text .photo .big-photo{position: relative;}
.prodis-box .phtot-text .photo .big-photo .img-box{padding:0 70px;}
.prodis-box .phtot-text .photo .gallery-thumbs .img-box{padding:10px;border:1px solid rgba(199,199,199,1);}
.prodis-box .phtot-text .photo .gallery-thumbs .swiper-slide-thumb-active .img-box{border:1px solid #3172B0;}
.prodis-box .phtot-text .swiper-button-next, .prodis-box .phtot-text .swiper-button-prev{
	width:36px;
	height:36px;
	background:#F1F1F1;

	text-align: center;
	line-height:36px;
	color:#3172B0;
	border-radius:50%;
}
.prodis-box .phtot-text .swiper-button-next:hover, .prodis-box .phtot-text .swiper-button-prev:hover{
	background:rgba(49,114,176,1);
	color:#FFFFFF;
}
.prodis-box .phtot-text .swiper-button-next.swiper-button-disabled, .prodis-box .phtot-text .swiper-button-prev.swiper-button-disabled{
	opacity:1;
	
}
.prodis-box .phtot-text .text{
	width:50%;
	float:right;
}
.prodis-box .phtot-text .text .tit{
	padding:20px 0;
	position: relative;
}
.prodis-box .phtot-text .text .tit h6{
	font-size:24px;
	font-weight:600;
	color:rgba(35,30,27,1);
}
.prodis-box .phtot-text .text .tit::after{
	content: '';
	width:78px;
	height:2px;
	background:rgba(53,111,183,1);
	position: absolute;
	left:0;
	bottom:0;
}
.prodis-box .phtot-text .text .name{
	margin-top:40px;
	font-size:18px;
	color:rgba(49,114,176,1);
}
.prodis-box .phtot-text .text .texter{
	font-size:14px;
	color:rgba(164,164,164,1);
	line-height:22px;
}
.prodis-box .phtot-text .text .share a{
	display: inline-block;
	width:30px;
	height:30px;
	margin-right:15px;
	transition: all 0.6s;
}
.prodis-box .phtot-text .text .share a.f{
	background:url(../images/pro-share-01.png) no-repeat center;
}
.prodis-box .phtot-text .text .share a.i{
	background:url(../images/pro-share-02.png) no-repeat center;
}
.prodis-box .phtot-text .text .share a.y{
	background:url(../images/pro-share-03.png) no-repeat center;
}
.prodis-box .phtot-text .text .share a.t{
	background:url(../images/pro-share-04.png) no-repeat center;
}

.prodis-box .phtot-text .text .share a.f:hover{
	background:url(../images/pro-share-01-h.png) no-repeat center;
}
.prodis-box .phtot-text .text .share a.i:hover{
	background:url(../images/pro-share-02-h.png) no-repeat center;
}
.prodis-box .phtot-text .text .share a.y:hover{
	background:url(../images/pro-share-03-h.png) no-repeat center;
}
.prodis-box .phtot-text .text .share a.t:hover{
	background:url(../images/pro-share-04-h.png) no-repeat center;
}
.prodis-box .phtot-text .text .share{
	margin-top:40px;
}
.prodis-box .phtot-text .text .link {
	margin-top:40px;
}
.prodis-box .phtot-text .text .link a{
	border-radius:25px;
	border:2px solid rgba(49,114,176,1);
	padding:10px 20px;
	color:rgba(49,114,176,1);
	margin-right:17px;
	transition: all 0.6s;
}
.prodis-box .phtot-text .text .link a i{
	color:rgba(49,114,176,1);
	font-weight:600;
	vertical-align: middle;
}
.prodis-box .phtot-text .text .link a span{
	margin-left:10px;
	display: inline-block;
	font-size:14px;
}
.prodis-box .phtot-text .text .link a:hover{
	background:#3172B0;
	color:#FFFFFF;
}
.prodis-box .phtot-text .text .link a:hover i{color:#FFFFFF;}
.prodis-box .prodis-content{
	padding:20px 0 0;
}
.prodis-content .pc-tit{
	padding:20px 0 20px 30px;
	position: relative;
}
.prodis-content .pc-tit h6{
	font-size:20px;
	font-weight:600;
	color:rgba(35,30,27,1);
}
.prodis-content .pc-tit::after{
	content: '';
	width:3px;
	height:22px;
	background:rgba(53,111,183,1);
	position: absolute;
	left:0;
	top:50%;
	margin-top:-11px;
}
.prodis-content .content-text{
	font-size:14px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:22px;
}
.prodis-content table{
	width:100%;
}
.prodis-content table th{
	padding:20px 10px;
	background:#878F97;
	font-size:18px;
	font-weight:500;
	color:rgba(255,255,255,1);
	text-align: center;
}
.prodis-content table td{
	border:1px solid rgba(238,238,238,1);
	padding:10px 10px;
	text-align: center;
}

.prodis-content .related-pro ul li{
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.14);
	width:23%;
	float:left;
	margin-bottom:20px;
	margin-left:2.66666%;
	text-align: center;
}
.prodis-content .related-pro ul li:first-child{
	margin-left:0;
}
.prodis-content .related-pro ul li .img-box{
	padding:20px 0 0;
	display: block;
	text-align: center;
}
.prodis-content .related-pro ul li .img-box img{width:100%;height:auto;}
.prodis-content .related-pro ul li .tit-box{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:20px 0;
	font-size:18px;
	color:rgba(35,30,27,1);
	transition:all 0.6s;
}
.prodis-content .related-pro ul li .tit-box:hover{color:#3172B0;}
.msg-box{
	background: #F8F8F8;
	padding:50px;
}
.msg-box .msg-tit{
	text-align: center;
	padding:0 0 20px;
}
.msg-box .msg-tit h6{
	font-size:30px;
	font-weight:500;
	color:rgba(51,51,51,1);
}
.solution-list ul li{
	position: relative;
	margin-bottom:50px;
}
.solution-list ul li:last-child{margin-bottom:0;}
.solution-list ul li .img-box{
	display: block;
	width:70%;
	float:right;
	box-sizing: border-box;
	border:15px solid transparent;
	transition: all 0.6s;
}
.solution-list ul li:hover .img-box{
	border:15px solid rgba(53,111,183,1);
	border-radius:30px;
}
.solution-list ul li:hover .img-box img{
	border-radius:15px;
}
.solution-list ul li:nth-child(even) .img-box{
	float:left;
}
.solution-list ul li .img-box img{
	transition: all 0.6s;
	width:100%;
	height:auto;
}
.solution-list ul li .text-box{
	width:30%;
	position: absolute;
	left:0;
	top:50%;
	background:linear-gradient(180deg,rgba(240,240,240,1) 0%,rgba(253,253,253,1) 48%,rgba(240,240,240,1) 100%);
	transform: translateY(-50%);
}
.solution-list ul li:nth-child(even) .text-box{
	right:0;
	left: auto;
}
.solution-list ul li .text-box .tb-inner{
	padding:30px;
}
.solution-list ul li .text-box .tb-inner .name{
	display: block;
	font-size:24px;
	font-weight:600;
	color:rgba(35,30,27,1);
}
.solution-list ul li .text-box .tb-inner .text{
	margin:20px 0;
	height:168px;
	overflow: hidden;
	font-size:14px;
	color:rgba(102,102,102,1);
	line-height:24px;
}
.solution-list ul li .text-box .tb-inner .more a{
	display: inline-block;
	padding-right:35px;
	font-size:14px;
	font-weight:400;
	color:rgba(49,114,176,1);
	background:url(../images/index-about-icon-02.png) no-repeat 90% center;
	transition: all 0.6s;
}
.solution-list ul li .text-box .tb-inner .more a:hover{
	background-position:right center;
}
.solution-dis .tit{
	margin-bottom:25px;
	text-align: center;
	font-size:30px;
	font-weight:600;
	color:rgba(35,30,27,1);
}
.solution-dis .content{
	font-size:14px;
	color:rgba(102,102,102,1);
	line-height:1.8;
}
.solution-dis .content img{ max-width: 100%; height: auto; }
.solution-dis .content .pic-left-right img{width:49%;float:left;}
.solution-dis .content .pic-left-right img:nth-child(even){float:right;}
.case-list{background:url(../images/case-bg.png) no-repeat center;background-size:cover;padding-bottom:50px;}
.case-list ul li{
	width:33.33333%;
	float:left;
	display: flex;
	flex-direction: column-reverse;
}
.case-list ul li:nth-child(even){
	flex-direction: column;
}
.case-list ul li .img-box{display: block;}
.case-list ul li .img-box img{width:100%;height:auto;}
.case-list ul li .text-box .tb-inner{
	padding:41px 25px;
}
.case-list ul li .text-box .tb-inner .name{
	font-size:24px;
	font-weight:500;
	color:rgba(35,30,27,1);
	transition: all 0.6s;
	/*white-space: nowrap;*/
    overflow: hidden;
    text-overflow: ellipsis;
}
.case-list ul li .text-box .tb-inner .name:hover{
	color:#3172B0;
}
.case-list ul li .text-box .tb-inner .text{
	height:66px;
	margin:30px 0;
	font-size:14px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:22px;
	overflow: hidden;
}
.case-list ul li .text-box .tb-inner .more a{
	display: inline-block;
	padding-right:35px;
	background:url(../images/index-about-icon-02.png) no-repeat 90% center;
	font-size:14px;
	color:rgba(49,114,176,1);
	transition: all 0.6s;
}
.case-list ul li .text-box .tb-inner .more a:hover{
	background-position: right center;
}
.main.pt-50{padding:50px 0 0;}
.rp-list ul li{
	margin-top:25px;
	text-align: center;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.14);
}
.rp-list ul li .img-box{
	padding:20px 0 0;
	display: block;
	text-align: center;
}
.rp-list ul li .tit-box{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:20px 0;
	font-size:18px;
	color:rgba(35,30,27,1);
	transition:all 0.6s;
}
.rp-list ul li:hover .tit-box{
	color:#3172B0;
}
.case-dis-box .content img{max-width:100%;height:auto;}
.case-dis-box .tit h6{
	font-size:30px;
	font-weight:600;
	color:rgba(35,30,27,1);
	text-transform: inherit;
}
.news-list ul li{
	width:48%;
	float:left;
	margin-bottom:50px;
	background:rgba(255,255,255,1);
	box-shadow:0px 2px 12px 3px rgba(0,0,0,0.04);
}
.news-list ul li:nth-child(even){float:right;}
.news-list ul li .img-box{display: block;}
.news-list ul li .img-box img{width:100%;height:auto;}
.news-list ul li .text-box .tb-inner{
	padding:20px 30px;
}
.news-list ul li .text-box .tb-inner .time{
	width:15%;
	padding:0 0 15px;
	position: relative;
	float:left;
}
.news-list ul li .text-box .tb-inner .time::after{
	position: absolute;
	left:0;
	bottom:0;
	content: '';
	width:14px;
	height:1px;
	background:rgba(49,114,176,1);
}
.news-list ul li .text-box .tb-inner .time b{
	font-size:36px;
	font-weight:200;
	color:rgba(51,51,51,1);
	line-height:1.1;
}
.news-list ul li .text-box .tb-inner .time span{
	display: block;
	font-size:14px;
	color:rgba(143,148,149,1);
}
.news-list ul li .text-box .tb-inner .news-tit{
	width:80%;
	float:right;
	background:url(../images/index-about-icon-02.png) no-repeat right center;
	padding-right:40px;
	box-sizing: border-box;
}
.news-list ul li .text-box .tb-inner .news-tit .n-t{
	font-size:24px;
	font-weight:500;
	color:rgba(51,51,51,1);
	line-height:35px;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: all 0.6s;
}
.news-list ul li .text-box .tb-inner .news-tit:hover .n-t{color:#3172B0;}
.news-list ul li .text-box .tb-inner .news-tit .n-d{
	height:60px;
	overflow: hidden;
	font-size:14px;
	font-weight:400;
	color:rgba(143,148,149,1);
	line-height:20px;
	margin-top:10px;
}
.news-list .page-box{padding:0 0;}
.news-page {
    padding: 30px 0;
    border-top: 1px solid #f5f5f5;
    margin-top: 30px;
}
.news-page a{
    display:block;
    margin-bottom:15px;
    /* text-decoration: underline; */
}
.news-page a em{
    color:#333;
    font-weight:600;
    padding-right:5px;
}
.news-page a:hover span{
    text-decoration: underline;
}
.rn-list ul li{
	padding:25px 0;
	border-bottom:1px solid #EFEFEF;
}
.rn-list ul li .rn-t{
	display: block;
	font-size:18px;
	font-weight:600;
	color:rgba(35,30,27,1);
	line-height:1.3;
	transition: all 0.6s;
}
.rn-list ul li .rn-t:hover{
	color:#3172B0;
}
.rn-list ul li .time{
	margin-top:10px;
	padding-left:35px;
	background:url(../images/date-time.png) no-repeat left center;
	font-size:14px;
	color:rgba(123,123,123,1);
}
.time-share{
	margin-bottom:40px;
}
.time-share .time{
	padding:5px 0 5px 25px;
	display:inline-block;
	float:left;
	background:url(../images/date-time.png) no-repeat left center;
}
.time-share .share-box{
	display: inline-block;
	float:left;
	margin-left:10%;
}
.time-share .share-box label{
	padding:5px 0;
	display: inline-block;
	font-size:14px;
	font-weight:400;
	color:rgba(123,123,123,1);
	float:left;
}
.time-share .share-box .share{float:right;}
.time-share .share a{
	display: inline-block;
	float:left;
	width:30px;
	height:30px;
	margin-right:15px;
	transition: all 0.6s;
}
.time-share .share a.f{
	background:url(../images/pro-share-01.png) no-repeat center;
}
.time-share .share a.i{
	background:url(../images/pro-share-02.png) no-repeat center;
}
.time-share .share a.y{
	background:url(../images/pro-share-03.png) no-repeat center;
}
.time-share .share a.t{
	background:url(../images/pro-share-04.png) no-repeat center;
}

.time-share .share a.f:hover{
	background:url(../images/pro-share-01-h.png) no-repeat center;
}
.time-share .share a.i:hover{
	background:url(../images/pro-share-02-h.png) no-repeat center;
}
.time-share .share a.y:hover{
	background:url(../images/pro-share-03-h.png) no-repeat center;
}
.time-share .share a.t:hover{
	background:url(../images/pro-share-04-h.png) no-repeat center;
}
.service-list{padding:50px 0;}
.service-list .service-tit{
	text-align: center;
	padding:0 0 30px;
}
.service-list .service-tit h6{
	font-size:36px;
	font-weight:600;
	color:rgba(35,30,27,1);
	text-transform: uppercase;
}
.service-list .service-epp-list ul li{
	padding:40px 0;
	border-top:1px solid #EFEFEF;
}
.service-list .service-epp-list ul li:first-child{
	border-top:none;
}
.service-list .service-epp-list ul li .img-box{
	width:36%;
	float:left;
}
.service-list .service-epp-list ul li:nth-child(even) .img-box{float:right;}
.service-list .service-epp-list ul li .img-box img{width:100%;height:auto;}
.service-list .service-epp-list ul li .text-box{
	width:60%;
	float:right;
}
.service-list .service-epp-list ul li:nth-child(even) .text-box{float:left;}
.service-list .service-epp-list ul li .text-box .t{
	margin-bottom:25px;
}
.service-list .service-epp-list ul li .text-box .t b{
	margin-top:15px;
	font-size:36px;
	font-weight:500;
	color:rgba(53,111,183,1);
	vertical-align:sub;
}
.service-list .service-epp-list ul li .text-box .t span{
	display: inline-block;
	margin-left:35px;
	font-size:24px;
	font-weight:500;
	color:rgba(35,30,27,1);
}
.service-list .service-epp-list ul li .text-box .d{
	height:95px;
	overflow: hidden;
	font-size:16px;
	font-weight:400;
	color:rgba(102,102,102,1);
	line-height:24px;
}
.service-inco{
	max-width:1920px;
	margin:0 auto;
	background:url(../images/service-pic-04.png) no-repeat center;
	background-size:cover;
	padding:50px 0;
}
.service-inco ul li{
	width:30%;
	float:left;
	margin-left:5%;
	text-align: center;
}
.service-inco ul li:first-child{margin-left:0;}
.service-inco ul li i.icon-bar{display: flex;margin:0 auto;width:58px;height:58px;justify-content: center;align-items: center;}
.service-inco ul li .t{
	margin:30px 0;
	font-size:18px;
	font-weight:500;
	color:rgba(255,255,255,1);
}
.service-inco ul li .d{
	font-size:14px;
	color:rgba(255,255,255,1);
}
.service-faq{
	padding:50px 0;
}
.service-faq .faq-tit{
	text-align: center;
	padding:0 0 30px;
}
.service-faq .faq-tit h6{
	font-size:25px;
	font-weight:500;
	color:rgba(36,36,39,1);
}
.service-faq .faq-list ul li{
	width:48%;
	float:left;
	padding:20px 0;
	border-bottom:1px solid #EFEFEF;
}
.service-faq .faq-list ul li:nth-child(even){
	float:right;
}
.service-faq .faq-list ul li .tit{
	position: relative;
	padding-top:30px;
}
.service-faq .faq-list ul li .tit i{
	position: absolute;
	display: block;
	left:0;
	bottom:-15px;
	font-size:60px;
	font-weight:700;
	color:rgba(140,140,143,0.15);
}
.service-faq .faq-list ul li .tit p{
	font-size:18px;
	font-weight:500;
	color:rgba(35,30,27,1);
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.service-faq .faq-list ul li .dis{
	margin-top:20px;
	height:72px;
	overflow: hidden;
	font-size:14px;
	color:rgba(102,102,102,1);
	line-height:24px;
}
.contact-list{
	padding:50px 0;
}
.contact-list .cl-box{
	background:url(../images/contact-bg.jpg) no-repeat center;
	background-size:cover;
	padding:20px 40px 40px;
	box-shadow:0px 88px 220px -66px rgba(0,0,0,0.1);
}
.contact-list .cl-box ul li{
	width:24%;
	float:left;
	margin-left:1.33333%;
}
.contact-list .cl-box ul li:first-child{margin-left:0;}
.contact-list .cl-box ul li .icon-box{
	display: block;
	width:30%;
	float:left;
}
.contact-list .cl-box ul li .icon-box img{max-width:100%;height:auto;}
.contact-list .cl-box ul li .text{
	width:65%;
	float:right;
}
.contact-list .cl-box ul li .text .b{
	font-size:20px;
	font-weight:500;
	color:rgba(35,30,27,1);
}
.contact-list .cl-box ul li .text .d{
	font-size:14px;
	color:rgba(157,155,155,1);
	line-height:24px;
	margin-top:10px;
}
.contact-list .cl-box ul li .text .d a{
	font-size:14px;
	font-weight:400;
	color:rgba(157,155,155,1);
	transition: all 0.6s;
}
.contact-list .cl-box ul li .text .d a:hover{color:#3172B0;}
.contact-list .cl-box .tit{
	text-align: center;
	padding-bottom:30px;
}
.contact-list .cl-box .tit h6{
	font-size:36px;
	font-weight:600;
	color:rgba(35,30,27,1);
}
.contact-map{
	margin-bottom:50px;
}
.contact-map .map-box img{max-width:100%;height:auto;}
.contact-map .map-box iframe{width:100% !important;}
.contact-box .contact-msg{
	background:#F8F8F8;
}
.contact-box .contact-msg .msg-box{padding:50px 0;}


.error-box{background:url(../images/error-pic-01.jpg) no-repeat bottom left;padding:100px 0;}
.error-box .pic{width:50.9%;float:left;}
.error-box .pic img{width:100%;height:auto;}
.error-box .error-text{width:40%;float:right;padding-top:50px;}
.error-box .error-text .tit p{
	font-size:32px;
	font-weight:700;
	color:rgba(73,66,60,1);
}
.error-box .error-text .tit h6{
	line-height:1;
	font-size:58px;
	font-weight:800;
	color:#3172B0
}

.error-box .error-text .tips{
	margin-top:30px;
	font-size:18px;
	font-weight:500;
	color:rgba(136,136,136,1);
	line-height:28px;
}

.error-box .error-text .more{
	margin-top:30px;
}

.error-box .error-text .more a{
	display: block;
	width:222px;
	height:60px;
	background:#F6F8FA;
	text-align: center;
	line-height:60px;
	font-size:16px;
	font-weight:600;
	color:#3172B0;
	transition: all 0.4s;
}
.error-box .error-text .more a span{
	display: inline-block;
	padding-right:35px;
	background:url(../images/index-about-icon-02.png) no-repeat right center;
}
.error-box .error-text .more a:hover{
	background:#CCCCCC;
	color:#FFFFFF;
}
.error-box .error-text .more a:hover span{background:url(../images/more-white-icon.png) no-repeat right center;}

.search-box{
	padding:5vh 0;
	background:rgba(1,1,1,0.02);
}
.search-box .search-center{
	max-width:560px;
	margin:0 auto;
}
.search-box .search-center .sc-tit{
	text-align: center;
	font-size:40px;
	font-weight:700;
	color:#333333;
}
.search-box .search-center .input-box{
	width:100%;
	position: relative;
	margin:30px 0 15px;
}
.search-box .search-center .input-box input{
	width:100%;
	height:58px;
	background:rgba(255,255,255,1);
	border:1px solid rgba(224,224,224,1);
	border-radius:4px;
	box-sizing: border-box;
	padding:0 78px 0 20px;
	line-height:58px;
}
.search-box .search-center .input-box button{
	position: absolute;
	z-index:3;
	right:0;
	top:0;
	width:58px;
	height:58px;
	border:none;
	background: transparent;
}
.search-box .search-center .input-key label{
	color:#333333;
}
.search-box .search-center .input-key a{
	color:#3172B0;
	transition: all 0.6s;
}
.search-box .search-center .input-key a:hover{
	color:#333333;
}
.search-product{padding:0 0 50px;}
.search-product .sp-tit{
	padding:50px 0;
	font-size:30px;
	font-weight:500;
	color:rgba(51,51,51,1);
}
.search-product .sp-tit i{
	font-size:30px;
	font-weight:700;
	color:rgba(51,51,51,1);
	font-style: italic;
	display: inline-block;
	margin-left:10px;
}

.search-product .sp-list ul li{
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.14);
	width:23.5%;
	float:left;
	margin-bottom:25px;
	margin-left:2%;
	text-align: center;
}
.search-product .sp-list ul li .img-box{
	padding:20px 0 0;
	display: block;
	text-align: center;
}
.search-product .sp-list ul li .img-box img{width:100%;height:auto;}
.search-product .sp-list ul li .tit-box{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:20px 0;
	font-size:18px;
	color:rgba(35,30,27,1);
	transition:all 0.6s;
}
.search-product .sp-list ul li:hover .tit-box{
	color:#3172B0;
}
.search-product .sp-list ul li:nth-child(4n+1){
	margin-left:0;
}




@media only screen and (max-width: 1439px) {
	.m-width-1440{max-width:1000px;}
	.m-width-1280{max-width:1000px;}
	.ipd-20{padding:0 20px;}
	.index-case .list ul li:hover .l ,.index-case .list ul li:hover .r ,.index-case .list ul li:hover .t ,.index-case .list ul li:hover .b{
		opacity:1;
		visibility: visible;
		transform: translate(-20px,-20px);
	}
	.index-case .list ul li{padding-bottom:40px;}
	.index-about .text-box{padding:40px 0;}
	.case-list ul li .text-box .tb-inner{
		padding: 23px 25px;
	}
	.case-list ul li .text-box .tb-inner .text{
		margin: 15px 0;
	}
}




@media only screen and (max-width: 1040px) {
	.case-list ul li .text-box .tb-inner .name{
		white-space: initial;
		/* font-size: 18px; */
	}
	.solution-dis .tit{
		font-size: 20px;
	}
	.service-list .service-epp-list ul li .text-box .t b{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 0;
	}
	.service-list .service-epp-list ul li .text-box .t{
		position: relative;
		padding-left: 50px;
	}
	.service-list .service-epp-list ul li .text-box .t span{margin-left: 5px;font-size: 20px;}
	#menuPc ul li{display: none;}
	#page{background:#FFFFFF;}
	.btn-nav{position: absolute;right:20px;top:0;background: transparent;border: none;padding:26px 0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;z-index: 99999;display: block;width:30px;float:right;}
	.icon-bar {display: block;margin: 6px 0;width: 30px;height: 3px;background-color:#3172B0; -webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;}
	.mm-opening .top {-webkit-transform: translateY(8px) rotateZ(45deg);-moz-transform: translateY(8px) rotateZ(45deg);-ms-transform: translateY(8px) rotateZ(45deg);-o-transform: translateY(8px) rotateZ(45deg);transform: translateY(8px) rotateZ(45deg);}
	.mm-opening .bottom {-webkit-transform: translateY(-10px) rotateZ(-45deg);-moz-transform: translateY(-10px) rotateZ(-45deg);-ms-transform: translateY(-10px) rotateZ(-45deg);-o-transform: translateY(-10px) rotateZ(-45deg);transform: translateY(-10px) rotateZ(-45deg);}
	.mm-opening .middle {width: 0;}
	.banner .bg-box{display: none;}
	.banner-content{display: none;}
	.banner .wap-box{display: block;}
	.header-top{display: none;}
	.header-nav{margin-top:0;}
	.nav-box #menuPc > ul > li.logo{display: block;position: relative;width:100%;margin-left:0;height: auto;}
	.nav-box #menuPc > ul > li.logo a{position: relative;left:auto;top: auto;transform:translateX(0);text-align: left;padding:15px 0;}
	.nav-box #menuPc > ul > li.logo a img{width:50px;height: auto;}
	.index-product-top .ipd-20{padding:20px 20px;}
	.index-product-top .ipb-text{width:100%;float:none;}
	.index-product-top .ipb-pic{width:100%;float:none;margin-top:20px;}
	.index-product-top .ipb-text .tit h6{font-size:32px;}
	.index-product-bt .index-pro-small .m-width-1440{padding:20px 40px;margin-bottom:0;border-radius:0;}
	.index-product-bt .index-pro-small{transform: translateY(0);}
	.index-about .pic-box{width:100%;float:none;box-sizing: border-box;}
	.index-about .text-box{width:100%;float:none;padding:0 0 40px;box-sizing: border-box;}
	.index-about .text-box .tit h6{font-size:32px;}
	.index-case{padding:20px 0 0;}
	.index-case .tit{padding:0 0 20px;}
	.index-case .tit h6{font-size:32px;}
	.index-case .list{padding:0 0;}
	.index-case .list ul li{width:100%;float:none;margin-bottom:20px;margin-left:0;}
	.footer .f-nav{display: none;}
	.footer .f-c{display: none;}
	.footer .f-share{padding:70px 0 20px;}
	.footer .logo a img{width:50px;height: auto;}
	.footer{padding-top:50px;}
	.inner-banner{display: none;}
	.crumbs-box{background-color:#F0F4F7;}
	.error-box{padding:40px 0;}
	.error-box .pic{width:100%;float:none;}
	.error-box .error-text{width:100%;float:none;}
	.about-text-pic{padding:40px 0;}
	.about-text-pic .tit h6,.contact-list .cl-box .tit h6{font-size:32px;}
	.about-text-pic .text{width:100%;float:none;}
	.about-text-pic .pic{width:100%;float:none;margin-top:20px;}
	.about-factory{padding:40px 0 0;}
	.about-factory .tit{padding:0 0 40px;}
	.fac-slider .swiper-button-prev{left:10px;}
	.fac-slider .swiper-button-next{right:10px;}
	.about-path{padding:40px 0 30px;}
	.page-box .page-inner .page-list{display: none;}
	.main-l-r .tit{padding:30px 0;}
	.main-l-r .tit h6{line-height: 1.3;}
	.case-dis-box .tit h6{font-size: 20px;}
	.case-list ul li{width:100%;float:none;margin-bottom:20px;flex-direction: column;}
	.main-l-r .main-l{display: none;}
	.main-l-r .main-r{width:100%;float:none;}
	.main.pt-50{padding:0;}
	.contact-list .cl-box{background:#FFFFFF;padding:20px;}
	.contact-list{padding:20px 0 40px;}
	.contact-list .cl-box ul li{width:100%;float:none;margin-top:40px;position: relative; padding-left: 88px;box-sizing: border-box;}
	.contact-list .cl-box .tit h6{font-size:32px;}
	.contact-list .cl-box ul li:first-child{margin-top:0;}
	.contact-list .cl-box ul li .icon-box{position: absolute;left: 0;top: 0;}
	.contact-list .cl-box ul li .text{width:100%;float:none;text-align: left;}
	.news-list ul li{width:100%;float:none;}
	.news-list ul li .text-box .tb-inner .time{width:100%;float:none;}
	.news-list ul li .text-box .tb-inner{padding:20px;}
	.news-list ul li .text-box .tb-inner .time span{display: inline-block;}
	.news-list ul li .text-box .tb-inner .news-tit{width:100%;float:none;margin-top:10px;}
	.time-share{text-align: center;}
	.time-share .time{float:none;}
	.time-share .share-box{float:none;display: block;margin-top:20px;width:240px;margin:20px auto 0;}
	.main-l-r .main-r .pro-list ul li{width:48%;float:left;margin-left:0;}
	.main-l-r .main-r .pro-list ul li:nth-child(even){float:right;}
	.main-l-r .main-r .pro-list ul li .img-box{padding:20px 10px 0;}
	.prodis-box{padding:40px 0;}
	.prodis-box .phtot-text{padding:20px;}
	.prodis-box .phtot-text .photo{width:100%;float:none;}
	.prodis-box .phtot-text .text{width:100%;float:none;}
	.prodis-box .phtot-text .text .link a{display: block;text-align: center;margin-top:20px;margin-right:0;}
	.prodis-box .phtot-text .text .link a:first-child{margin-top:0;}
	.prodis-content .table{overflow-x: scroll;}
	.prodis-content .related-pro ul li{width:48%;float:left;margin-left:0;margin-bottom:20px;}
	.prodis-content .related-pro ul li:nth-child(even){float:right;}
	.prodis-content .related-pro ul li .img-box{padding:20px 10px 0;}
	.msg-box{padding:40px 20px;}
	.search-box .search-center .sc-tit{font-size:32px;}
	.search-product .sp-tit{padding:40px 0;}
	.search-product .sp-list ul li{width:48%;float:left;margin-left:0;}
	.search-product .sp-list ul li:nth-child(even){float:right;}
	.search-product .sp-list ul li .img-box{padding:20px 10px 0;}
	.service-list .service-tit h6{font-size:32px;}
	.service-list .service-epp-list ul li{padding:20px 0;}
	.service-list .service-epp-list ul li .img-box{width:100%;float:none;}
	.service-list .service-epp-list ul li .text-box{width:100%;float:none;margin-top:20px;}
	.service-inco ul li{width:100%;float:none;margin-left:0;margin-top:40px;}
	.service-inco ul li:first-child{margin-top:0;}
	.service-faq .faq-list ul li{width:100%;float:none;}
	.service-faq .faq-list ul li:nth-child(even){float:none;}
	.solution-list ul li{margin-bottom:20px;}
	.solution-list ul li .img-box{float:none;width:100%;border:none;}
	.solution-list ul li .text-box{position: relative;top:0;width:100%;transform: translateY(0);}
	.solution-list ul li:nth-child(even) .img-box{float:none;}
	
	
	
	
	
	
	
	
	
}