/*html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}*/

.de-page-mian {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	margin: 10px 0 35px;
}
.de-page-mian .page-inner {
	display: inline-block;
	overflow: hidden;
}
.de-page-mian .page-inner a {
	display: block;
	float: left;
	min-width: 26px;
	padding: 0 5px;
	height: 36px;
	border: 1px solid #dddddd;
	background: #fff;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #333;
	margin-right: -1px;
	overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
	color: #fff;
	border-color: #237ed2;
	background: #237ed2;
}
.de-page-mian .page-inner a.prev {
	margin-right: 10px;
	background: #fff url(../image/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
	background: #fff url(../image/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
	background-color: #fff;
	border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
	margin-left: 10px;
	margin-right: 15px;
	background: #fff url(../image/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
	background: #fff url(../image/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
	background-color: #fff;
	border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
	font-size: 12px;
	margin-right: 0;
	width: 63px;
	margin-left: 10px;
}
.de-page-mian .page-inner span {
	display: block;
	font-size: 12px;
	color: #333;
	float: left;
	line-height: 38px;
}
.de-page-mian .page-inner input {
	display: block;
	float: left;
	height: 36px;
	width: 36px;
	border: 1px solid #dddddd;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #333;
	margin: 0 5px;
}

.divpage{
    margin: 16px;
}

/* ----- 分页数字条效果 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #0051a3;
  border: 1px solid var(--theme-blue);
}
.pagination a.page-num-current {
  color: #fff;
  background-color: var(--theme-blue);
  border: 1px solid var(--theme-blue);
}
/* ----- 分页数字条效果 ----- */

/*
.w-page li a,.w-page li span{  
    position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #007bff;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
@media (max-width: 575.98px) {
	.w-page li a,.w-page li span{
		padding: .25rem .5rem;
		font-size: .875rem;
		line-height: 1.5;
	}
}
.w-page li:first-child a,.w-page li:first-child span{
	margin-left: 0;
	border-top-left-radius: .25rem;
	border-bottom-left-radius: .25rem;
}

.w-page li:last-child a,.w-page li:last-child span{
	margin-right: 0;
	border-top-right-radius: .25rem;
	border-bottom-right-radius: .25rem;
}

.w-page li.active span {
	z-index: 3;
	color: #fff;
	background-color: var(--theme-blue);
	border-color: var(--theme-blue);
}

.w-page li.disabled span {
	color: #6c757d;
	pointer-events: none;
	cursor:none;
	background-color: #fff;
	border-color: #dee2e6;
}
*/

.header .header-top{ color: var(--theme-fcolor); background-color: var(--theme-gray); font-size:.875rem; line-height:2.25rem;}
.header .header-top i.line{ font-style: normal; margin:0 1%;}
.header .header-contact{ }
.header .header-contact .tel-icon{border-radius: 50%; width:2.8125rem; height:2.8125rem; background-color: var(--theme-green); color: var(--white); margin-right:.625rem;}
.header .header-contact .tel-icon svg{ width:70%; height:70%;}
.header .header-contact .tel-icon path{ fill: var(--white);}
.header .header-contact .tel{ }
.header .header-contact .tel p{ font-size:.875rem; line-height:1;}
.header .header-contact .tel em{ font-size:1.625rem; font-weight:bold; color: var(--theme-blue);font-style: normal;}

.footer{ background: url("../image/footer-bg.png") top center/cover no-repeat; padding-top:2%; color: #ffffff;}

.footer dl{ font-size:.875rem; }
.footer dl dt{ font-size:1rem;}
.footer dl dt::after{ content: ''; display: inline-block; width:1rem; height:0; border-bottom:2px solid var(--theme-green); margin-bottom:.5rem;}
.footer-nav dd a{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; line-height:2; color: rgba(255,255,255,.4); flex:0 0 30%; max-width:30%;}
.footer-nav dd a:hover{color: rgba(255,255,255,1); }
.footer .footer-contact dd p{ line-height:2; color: rgba(255,255,255,.4); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.footer .footer-contact dd p:hover{color: rgba(255,255,255,1); }

.footer-right .wechat{ margin-bottom:5%;}
.footer-right .wechat .w-img{ margin-right:3%; width:95px; height:95px;}
.footer-right .wechat .w-txt p{ font-size:1rem;}
.footer-right .wechat .w-txt span{ color: rgba(255,255,255,.4); font-size:.875rem;}
.footer-right .tel{}
.footer-right .tel .tel-icon{ margin-right:4%;}
.footer-right .tel .tel-num{font-style: normal; font-size:1.625rem;}

.footer-favlink{ padding:1.5% 0; margin-top:2%; border-top:1px solid rgba(255,255,255,.2);}
.footer-favlink a{ color: rgba(255,255,255,.8); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin:0 .5%; font-size:.875rem;}
.footer-favlink a:hover{ color: rgba(255,255,255,1);}
.footer .copyright{ background-color: #282828; line-height:46px; color: rgba(255,255,255,.3);}
.footer .copyright span{ margin:0 .5%;}
.footer .copyright a{ color: CurrentColor; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.footer .copyright a:hover{color:var(--white)}

header{ position: relative; z-index:2;background: #fff;}

.logo{ margin:2.24% 0;}
.nav{ height:3.75rem;background-color: var(--theme-blue);}
.nav .nav-item{ flex:1; position: relative;}
.nav .nav-item > a{ display: block; line-height:3.75rem;text-align: center; position: relative; z-index:3; color: var(--white);}
.nav .nav-item .subnav{ display: none;position: absolute; width:100%;}

.nav .nav-item .subnav a{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: block; line-height:3rem;background-color: #eaeaea; z-index:3;-webkit-animation-duration: .5s;animation-duration: .5s;-webkit-animation-fill-mode: both;	animation-fill-mode: both;	-webkit-animation-name: returnToNormal;border-bottom: 1px solid #f6f6f6;}

.nav .nav-item .subnav a:hover { background-color: var(--theme-green); color: #ffffff;}



.nav .nav-item:hover .subnav{ display: block;}

@-webkit-keyframes returnToNormal{
	from{
		opacity:0;
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0)
	}to{
		 opacity:1;
		 -webkit-transform:none;
		 transform:none
	 }
}
@keyframes returnToNormal{
	 from{
		 opacity:0;
		 -webkit-transform:translate3d(0,100%,0);
		 transform:translate3d(0,100%,0)
	 }to{
		  opacity:1;-webkit-transform:none;transform:none
	  }
 }


.nav .nav-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 0;
    height: 100%;
    background-color: var(--theme-green);
    transition: 0.2s all linear;
}

.nav .nav-item:hover::before,.nav .nav-item.on::before {
    width: 100%;
    top: 0;
    left: 0;
    transition-delay: 0.1s;
}
.nav .nav-item:hover ~ .nav-item::before {left: 0;}
.nav .nav-item:active{}




/** 手机端菜单 **/
.mobile-nav dt{ padding:4%;}
.menu-icon span,.menu-icon span::before, .menu-icon span::after{background-color: var(--theme-blue);}
.menu-icon.open span::before, .menu-icon.open span::after{background-color: var(--white);}
.mobile-nav .nav-wrap{ padding:0 2rem;}

.search-bar{ background-color: var(--theme-gray); border-bottom:1px solid var(--theme-border);}
.search-wrap{ height:3.75rem;}
.search-wrap .hotkeywords{ font-size: .875rem;}
.search-wrap .hotkeywords .keywords-icon path{fill: var(--theme-blue);}
.search-bar .search-form{}
.search-bar .search-form .input-txt{ border:none; width:260px; padding-left:.875rem; font-size:.875rem;}
.search-bar .search-form .search-btn{background-color:var(--theme-blue); color: #ffffff; border:none; line-height:38px; width:70px;text-align: center; line-height:38px; font-size:14px;}
.search-bar .search-form .search-btn img{ vertical-align: middle; display: inline-block;}
.search-bar .search-form .search-btn:focus{ outline:none;}

.sbanner-box{background-repeat: no-repeat;background-size: cover; color: #ffffff;height: 18.7vw;}
.sbanner-box .sbanner-name{ font-size:2.625rem;}
.sbanner-box .sbanner-desc{ font-size:1.5rem;}

.in-section{padding-bottom: 2.3%;}
.in-section .sec-head{ position: relative; text-align: center; margin-top:2.64%;}
.in-section .sec-head .head-name{font-size:2.5rem; font-weight:bold; /*background: url("../image/head-name-bg.png") center/contain no-repeat;*/}
.in-section.section-why .sec-head .head-name{font-size:2.5rem; font-weight:bold; /*background: url("../image/head-name-why-bg.png") center/contain no-repeat;*/}

/*.in-section .sec-head .head-name::before{ content: attr(data-title); display: block; position: absolute; width:90%; -ms-text-align-last: left; text-align-last: left;justify; text-align: justify;}*/
.in-section .sec-head .head-name .site{ color: var(--theme-blue);}
.in-section .sec-head .head-name .sec{ color: var(--theme-green);}
.in-section .sec-head .head-desc{ position: relative; font-size: 1.375rem; margin-top:5px; display: inline-block;}
.in-section .sec-head .head-desc::before,.in-section .sec-head .head-desc::after{   width: 30%;content: ''; margin:auto; top: 0; bottom: 0;position: absolute; height:3px;}
.in-section .sec-head .head-desc::before{background: url("../image/head-desc-l.png") right/contain no-repeat;left: -30%;
	transform: translateX(-20%);}
.in-section .sec-head .head-desc::after{background: url("../image/head-desc-r.png") left/contain no-repeat;right: -30%;
	transform: translateX(20%);}

.in-section .in-category{ margin:2.64% -.5% 2.24%;}
.in-section .in-category > div{ text-align: center; padding: 0 .5% !important; margin-bottom:.5%;}
.in-section .in-category > div a{ line-height:3.125rem; display: block;color: var(--white);background-color: var(--theme-blue); }
.in-section .in-category > div:hover a,.in-section .in-category > div.on a{background-color: var(--theme-green)}
.goods-list{}
.goods-list .goods-item{margin-bottom: 1%;overflow: hidden;padding: 0 .5% !important; overflow: hidden;}
.goods-list .goods-item .item-wrap{ position: relative; border:1px solid #f1f1f1;}
.goods-list .goods-item .item-wrap .item-img{}
.goods-list .goods-item .item-wrap .item-name{ line-height:2.875rem; text-align: center; font-size:1.125rem;}
.goods-list .goods-item .item-wrap .item-bottom{display: block;position: absolute;background: rgba(241,241,241,1);	text-align: center;width: 100%;bottom: 0px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; padding-top:2px; height:3.125rem;}
.goods-list .goods-item .item-wrap .tool {-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-top: 2.05%; text-align: center;}
.goods-list .goods-item .item-wrap .tool .tool-btn{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: inline-block; width:40%; color: #ffffff;background-color: var(--theme-blue); line-height:2rem;}
.goods-list .goods-item .item-wrap .tool .btn-ask.btn-ask{background-color: var(--theme-green);}

.goods-list .goods-item .item-wrap:hover .item-bottom{ height: 7.3125rem;  padding-top: 3.5%;}

.goods-list .goods-item .item-wrap .tool .tool-btn:hover { background-color: var(--theme-green);}
.goods-list .goods-item .item-wrap .tool .tool-btn:hover + .btn-ask{ background-color: var(--theme-blue);}

/*.goods-list .goods-item .item-wrap:hover .tool{ margin-top: 5.05%;}*/

.section-nanti{ padding-top:3%; padding-bottom: 3%;background: url("../image/jnt-bg.png") center no-repeat; color: #ffffff;text-align: center;}
.section-nanti h3{ font-size:2.25rem;}
.section-nanti .nt-desc{ display: inline-block;background-color: var(--theme-green); line-height:2.625rem;border-radius: 1.3125rem; padding:0 2%; font-size:1.125rem; margin-top:.5%;}
.section-nanti .nt-contact{ font-size:1.125rem;margin-top: .5rem;}
.section-nanti .nt-contact span{ vertical-align: middle;}
.section-nanti .nt-contact strong{ font-size:2rem; font-family:Impact; vertical-align: middle;}

.blue{ color: var(--theme-blue);}
.green{ color: var(--theme-green);}

.adv-box{ margin-top:2.5%; overflow: hidden;}
.adv-box .adv-item{}
.adv-box .adv-item .adv-img{}
.adv-box .adv-item .adv-img .img-wrap{height: 400px; position: relative;overflow: hidden;}
.adv-box .adv-item .adv-img img{ position: absolute;}


.adv-box .adv-item .adv-txt{ }
.adv-box .adv-item .adv-txt .txt-item{ margin-top: 8%;}
.adv-box .adv-item .adv-txt .txt-item .num{background-color: var(--theme-blue); color: var(--white); font-size:2.625rem; font-weight:bold; padding:1% 1.6%;}
.adv-box .adv-item .adv-txt .txt-item .num::after{ content: ''; display: block; width:90%; height:2px;background-color: CurrentColor; margin-top:1%; margin-bottom:30%; margin-left:auto; margin-right: auto;}
.adv-box .adv-item .adv-txt .txt-item:nth-child(2) .num{background-color: var(--theme-green);}
.adv-box .adv-item .adv-txt .txt-item .inf{ margin-left:3%;}
.adv-box .adv-item .adv-txt .txt-item .inf .inf-title{ color: #333333; padding-bottom: 2%;  font-size:2rem; font-weight:bold;}
.adv-box .adv-item .adv-txt .txt-item .inf .inf-con{ font-size:1rem; border-top:1px dotted #333; padding-top:2%; }
.adv-box .adv-item .adv-txt .txt-item .inf .inf-con p{    line-height: 1.8;background: url("../image/icon-fjt.png") 3px 9px no-repeat; padding-left:4%; margin-bottom:1%;}

.adv-box .adv-item.img-left .adv-img img{right: 0;}
.adv-box .adv-item.img-left .adv-txt{padding-left: 3.5%;}

.adv-box .adv-item.img-right .adv-img img{ right: 0;}
.adv-box .adv-item.img-right .adv-txt{ padding-right: 3.5%;}

.section-msg{background: url("../image/msg-bg.png") center/cover no-repeat; color: #ffffff;padding-top: 1.7%;}

.section-msg .msg-wrap{ margin-top:5%; margin-bottom:3%;}
.section-msg .msg-wrap h3{ font-size:2.5rem; font-weight:bold;}
.section-msg .msg-wrap > p{ line-height:2; font-size:1.125rem;}
.section-msg .msg-wrap .index-min-form{margin-top:3%;}
.section-msg .index-min-form .form-item { position: relative;padding-left: 1% !important;padding-right: 1% !important;}
.section-msg .index-min-form .form-item .item-wrap{background-color: var(--white);border-radius: 3px; height:40px; line-height:40px; padding:0 3%;}
.section-msg .index-min-form .form-item svg path{fill:#e7e7e7}
.section-msg .index-min-form .input-txt{flex: 1; line-height:2rem;border:none; font-size:.625rem; color: #999999;}
.section-msg .index-min-form .input-submit{background-color: var(--theme-green); color: #ffffff;border:none; display: block;border-radius: 3px;}
.section-msg .index-min-form .input-submit:focus{ outline:none;}
.input-txt[name=captcha]:focus + .tips-catption{ display: block;}
.tips-catption{ display: none;  position: absolute;margin: auto;height: 100%;background-color: var(--white);top: -120%;left: 0;right: 0;text-align: center;width: 90%;}
.tips-catption img{ height:100%;}


.sec-cases{}
.sec-cases .case-head{ padding-top: 4%;}
.sec-cases .case-head .head-left{ position: relative;}
.sec-cases .case-head .head-left .left-wrap{ position: absolute;bottom: 0;background: var(--theme-green);color: var(--white);width: 100%;text-transform: uppercase;padding: 1rem;left: 0; padding:26px;height: 260px;}
.sec-cases .case-head .head-left .left-wrap::before{ content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border:2px solid rgba(255,255,255,.2);}
.sec-cases .case-head .head-left .left-wrap h3{ font-size:1.5rem;}
.sec-cases .case-head .head-left .left-wrap p{ font-size:1.625rem;}
.sec-cases .case-head .head-left .left-wrap span{ font-size:2.25rem;}


.sec-cases .case-head .head-desc{ line-height:2; color: #535353;}
.sec-cases .case-head .head-desc::before{ content: ''; display: block; height:0; width:3%; border-bottom:1px solid #999999;position: absolute;top: 13%;}
.sec-cases .case-head .head-desc .desc-wrap{ padding-left:5%;}
.sec-cases .case-head .head-desc .more{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin:1rem 0; display: block;font-style: normal; width:25px; height:25px;text-align: center;
	line-height: 25px;background-color: var(--theme-blue); color: #ffffff; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.sec-cases .case-head .head-desc .more span{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: block;}
.sec-cases .case-head .head-desc .more:hover{ -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);background-color: #46af33;}
.sec-cases .case-head .head-desc .more:hover span{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);}
.cases-swiper{}
.cases-swiper .cases-item{ text-align: center;}
.cases-swiper .cases-item .item-name{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size:1.125rem;background-color: #f1f1f1; padding: 4% 3%;}
.cases-swiper .cases-item .item-img img{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.cases-swiper .cases-item:hover .item-img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.cases-swiper .cases-item:hover .item-name{ background-color: var(--theme-blue); color: #ffffff;}


.section.sec-about{background: url("../image/aboug-bg.jpg") top center no-repeat; padding-top:4%;}
.section.sec-about h3{margin-top: 4%;}
.section.sec-about .about-con{ margin-top:4%;line-height:2;}
.section.sec-about .about-more{ color: #ffffff; height:40px; line-height:40px;text-align: center; margin-top:25%; display: inline-block;margin-bottom: 3.5%;}
.section.sec-about .about-more .txt{background-color: var(--theme-blue); display: block; width:125px; float: left; font-size:.875rem;}
.section.sec-about .about-more .more-icon{background-color: var(--theme-green); display: block; width:40px; float: left;}
.section.sec-about .about-more .more-icon path{fill:var(--white);}
.about-param{ margin-top:5%; margin-bottom:4%;}
.about-param .param-item{ flex:0 0 16%; max-width:16%; position: relative; }
.about-param .param-item .item-unit{-webkit-animation: swing2 5s linear infinite;animation: swing2 5s linear infinite;width: 100%;height: 100%;position: absolute;z-index: 3;}
.about-param .param-item .item-unit::before{  position: absolute;content: attr(data-title);right: -10%;top: 40%;width: 20%;height: 20%;background: #eee;	border-radius: 50%;line-height: 250%;text-align: center;z-index: 3;}
.about-param .param-item .item-wrap{border-radius: 50%; height:0;padding-bottom: 100%; width:100%;overflow: hidden; position: relative; z-index:2;}

.about-param .param-item .item-wrap .item-con{border:5px solid #eeeeee; position: absolute; top: 0; bottom: 0; right: 0; left: 0;border-radius: 50%; z-index:3; overflow: hidden;}
.about-param .param-item .item-con::after{ content: ''; width:80%; height:50%; position: absolute;background-color: #eee; margin:auto; bottom:-38%; left: 0; right: 0;border-radius: 50%;
	-webkit-animation: swinging 5s linear infinite;
	animation: swinging 5s linear infinite;
}
.about-param .param-item .item-wrap strong{ color: #373737; font-size:3.75rem; line-height: 1;}
.about-param .param-item .item-wrap p{ font-size:1.125rem;}
.about-param .plus{ font-size:3.75rem;text-align: center; flex:1; max-width:5%;}
@keyframes swinging{
	0% { -webkit-transform: rotate(20deg);}
	50% { -webkit-transform: rotate(-20deg);}
	100% { -webkit-transform: rotate(20deg);}
}

@keyframes swing2{
	0% { -webkit-transform: rotate(5deg);}
	50% { -webkit-transform: rotate(-5deg);}
	100% { -webkit-transform: rotate(5deg);}
}

.news-box{ }
.news-box .box-head{ margin-bottom:2%;}
.news-box .box-head .head-name{ font-size:1.5rem; color: #333333;}
.news-box .box-head .head-name span{ font-size:.875rem; color: #999999;}
.news-box .box-head .head-more{}

.news-swiper{ background-color: #f5f5f5; padding-bottom:1rem;}
.news-swiper .tools{padding-right: 1%;}
.news-swiper .tools svg path{fill:#6e6e6e;}
.news-swiper .tools .swiper-prev,.news-swiper .tools .swiper-next{ cursor: pointer;}
.news-swiper .tools .swiper-prev:hover path,.news-swiper .tools .swiper-next:hover path{fill: #1a62ac;}
.news-swiper .news-item{}
.news-swiper .news-item .item-bd{ padding:15px;}
.news-swiper .news-item .item-title{ line-height:2; font-size:1.125rem;}
.news-swiper .news-item .item-desc{ font-size:0.875rem;}


.news-lists{}
.news-lists .item{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom:1px solid #f2f2f2; padding:3% 1.8%;}
.news-lists .item .item-left{}
.news-lists .item .item-left .item-title{-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-bottom:1.5%; font-size:1.125rem; line-height:2;}
.news-lists .item .item-left .item-desc{ color: #999999; font-size:.875rem;line-height: 1.8;}
.news-lists .item .item-right{ color: #999999; font-size:.875rem;}
.news-lists .item .item-right svg{ -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.news-lists .item:hover{ background-color: #f5f5f5;}
.news-lists .item:hover .item-title{ color:var(--theme-blue);}
.news-lists .item:hover .item-right svg{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.news-lists .item:hover .item-right svg path{ fill:var(--theme-blue);}


.news-list{}
.news-list .news-item{ margin-bottom:1%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.news-list .news-item .item-title{ line-height:2; font-size:1.5rem;}
.news-list .news-item:hover{ -webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px); -webkit-box-shadow:  0 5px 5px 0 rgba(0,0,0,.1); -moz-box-shadow:  0 5px 5px 0 rgba(0,0,0,.1); box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);}
.news-list .news-item:hover .item-title{ color: #1a62ac;}
@media (max-width: 575.98px) {
	.news-list .news-item .item-title{ line-height:2; font-size:1.125rem;}
	.news-list .news-item .item-desc{ }
}

.in-category-nav{ margin-top:1.5%;}
.in-category-nav a{ display: block; padding:.6% 1.5%;background-color: var(--theme-blue); color: #ffffff;text-align: center; margin:.5%; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.in-category-nav a.on,.in-category-nav a:hover{background-color: var(--theme-green);}
.innet-section{ padding-top:1%;}
.innet-section .sec-head{ padding-top:2%; margin-bottom:2%; color: #343434;}

.innet-section .sec-head .head-name{ text-transform: uppercase; font-size:2.25rem;}
.innet-section .sec-head .head-name::after{ content: ''; display: block; width:1vw; height:0;; border-bottom:1px solid #979797; margin:.5% auto;}
.innet-section .sec-head .head-desc{ font-size:1.5rem;}

.innet-section.sec-about{background: url("../image/about-bg.png") top center no-repeat;}
.innet-section.sec-about .about-content{ line-height:2;}
.innet-section.sec-about .about-content p{ margin-bottom:1%;}

.aboutparam .param-item{ text-align: center; margin-bottom:3%; margin-top:1%;}
.aboutparam .param-item .item-title{ margin-bottom: 2%;font-weight:bold; color: #333333;}
.aboutparam .param-item .item-title::after{ content: ''; display: block;margin: 3% auto 1%;
	width: 10%;border-bottom:2px solid CurrentColor;}
.aboutparam .param-item .number{ line-height:1; font-size:3.75rem;}
.aboutparam .param-item .number span{ position: relative;}
.aboutparam .param-item .number span::before,.aboutparam .param-item .number span::after{ position: absolute; font-size:25%;right: -13%;    color: #333; font-weight:bold;}
.aboutparam .param-item .number span::before{ content: attr(data-title);top: 16%;font-size: 50%;right: -15%;}
.aboutparam .param-item .number span::after{ content: attr(data-unit); bottom:20%;}
.aboutparam .param-item .en-title{ color:#999999;font-size: .875rem;}

.service-lists{}
.service-lists .item{}
.service-lists .item .item-wrap{ background-color: #f4f4f4; padding:20%;}
.service-lists .item .item-icon{ max-width: 100px;position: relative;margin: 0 auto 10%; }
.service-lists .item .item-icon::before{ content: ''; display: block; height:0; padding-bottom:100%;background-color: var(--white);border-radius: 50%;}
.service-lists .item .item-icon svg{ position: absolute; margin:auto; left: 0; right: 0; top: 0; bottom: 0; width:40%; height:40%;}
.service-lists .item .item-icon svg path{fill:var(--theme-blue)}
.service-lists .item .item-name{text-align: center; line-height:2; margin-bottom:5%; color: #333333;}
.service-lists .item .item-desc{ font-size:.875rem;text-align: center;}


.news-detail-page{ padding-top:1%;}
.news-detail-page .news-title{ color: #333333;}
.news-detail-page .news-meta{ position: relative; text-align: center; font-size:.875rem; color: #666666; margin-bottom:2%; line-height:1.8; padding-right:3%;}
.news-detail-page .detail-wrapper{ padding-top:1.2%; border-top:1px solid #eeeeee;}
.news-detail-page .backlist{ position: absolute; right: 0; bottom: 0; line-height:2; display: block; color: #333333; padding-bottom:1%; font-size:.875rem; margin-bottom:2%;}
.news-detail-page .detail-content{ line-height:2;border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding: 2%;}
.news-detail-page .detail-content img{ max-width:100%;}
.relate-lists{    border: 1px solid #eee; border-top:none; margin-bottom:1rem;}
.relate-lists > p{ -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom: 1px solid #eeeeee; line-height: 3; background-color: var(--theme-blue); padding-left:3%;}
/*.relate-lists > p::before{ content: ''; display: inline-block; vertical-align: middle; width:3px; height:3px;background-color: CurrentColor; margin-right:1%;}*/
.relate-lists-p{
    color: #ffffff;
}
.relate-lists ul{ padding:3%; list-style:none; margin-bottom:0;}
.relate-lists  li{ line-height:2;}

.info-sidebar{}
.info-sidebar .sidebar-name{ background: var(--theme-blue);color: #fff; padding:5% 8%; line-height:2; font-size:1.25rem;}
.info-sidebar .category-nav{}
.info-sidebar .category-nav .nav-item{}
.info-sidebar .category-nav .nav-item a{ padding:4% 6%;background-color:#f7f7f7; margin:2% 0;display: block; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.info-sidebar .category-nav .nav-item a:hover{ background: var(--theme-blue); color: #ffffff;}
.info-sidebar .category-nav .nav-item .aon{background: var(--theme-blue); color: #ffffff;}



.info-details{ line-height:2;}
.info-details p{ margin-bottom:.5%;}
.info-details h3{ font-size:1.25rem; }
.info-details .catname{ font-size:.875rem; margin-bottom:2%; color: var(--theme-green);}
.info-details .desc{ font-size:.875rem;background-color: #f8f8f8; padding:2%;}
.info-details .tel{ line-height:2; padding:2% 0 ; }
.info-details .tel span{ display: inline-block; vertical-align: middle;	}
.info-details .tel strong{ font-size:120%;}
.info-details .tel .svg-icon path{fill: CurrentColor;}
.info-details img{ max-width:100%;;}
.info-details .order-btn{ display: inline-block; padding:1.5% 7%; color: #ffffff;background-color: var(--theme-blue); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}

.info-details .order-btn:hover{background-color: var(--theme-green)}

.detail-head{ background-color: #eeeeee;}
.detail-head span{ display: inline-block; padding: .5% 3%;background-color: var(--theme-blue); color: var(--white);}
.detail-content{border: 1px solid #eee; border-top:none;min-height:500px;}
.detail-content h3{background-color: #f5f5f5; margin-bottom:1%;}
.detail-content h3 strong{ display: inline-block; padding: 1% 3%;background-color: var(--theme-blue); color: var(--white); font-weight:normal; font-size:1rem;}

.sec-b{background: url("../image/probc.jpg") center/cover no-repeat; padding:3%; color: #ffffff;}
.sec-b .tit{ font-size:140%;}
.sec-b .tel-num{ font-size:1.75rem;}
.sec-b .tit p{ margin-bottom:0;}


.pro-case{}
.pro-case .item-wrap{ position: relative; overflow: hidden;}
.pro-case .item-wrap .item-name{ position: absolute; width:100%;z-index: 8;bottom: -50px;background: rgba(0,0,0,0.3);line-height: 50px;color: #fff;text-align: center;transition:.4s;}
.pro-case .item-wrap:hover .item-name{background: rgba(15,97,205,0.8);bottom: 0;}

.scnl-list .item{ text-align: center; margin-bottom:2%; margin-top:2%;}
.scnl-list .item .item-icon{ padding:5%; display: block;}
.scnl-list .item .item-icon path{fill:var(--theme-blue);}
.scnl-list .item .item-name{ font-size:1.125rem;}

.contact-page{background-color: var(--theme-blue); color: #ffffff; margin-bottom:3%;}
.contact-page .contact-info{ padding:4% 3%;}
.contact-page .contact-info > p{ line-height:2;}
.contact-page .contact-info  .tel{ margin-top:3%;}
.contact-page .contact-info  .tel .tel-inf{ margin-left:3%;}
.contact-page .contact-info  .tel .tel-num{font-style: normal; font-weight:bold; font-size:1.625rem;}
.contact-page .contact-info  .tel .tel-tips{ font-size:.875rem; line-height:1;}
.contact-page  .wx-qrcode{  margin:10% 0;}
.contact-page  .wx-qrcode .qrcode{ width:40%; margin-right:3%;}


.sec-msg{background: #F6F6F6; padding-bottom:2%;}