@charset "utf-8";
/* CSS Document @woniu*/

@media screen and (max-width: 1024px) {
.pl02 {
padding-left: .4rem;
}
.pall02 {
padding-left: .4rem;
padding-right: .4rem;
}
}
@media screen and (min-width: 1200px) {
.layui-container {
	width: 1560px;
}
.layui-containers {
	width: 1480px;
	margin:0 auto;
}
}
.layui-col-space30 {
	margin: -0.325rem
}
.layui-col-space30>* {
	padding: 0.325rem
}
.layui-input-inline {
	width: 96%;
 margin: 0 0 .3rem 0;
}
.main {
	height: 100px;
}
.logo {
	height: 100px
}
.logo img { margin-top:15px;}
.main .k2 {
	margin-top: 30px;
	background: url(../images/ttel.png) left center no-repeat;
	text-align: left;
	padding-left: 55px;
	font-size: 14px;
	color: #424242;
	line-height: 26px;
}
.menu {
	height: 100px;
	line-height:100px;
}
.layui-nav{ background:#fff; padding:0;}
.layui-nav .layui-nav-item{ line-height:100px;}
.layui-nav .layui-nav-item a{ color:#000; font-size:18px;}
.layui-nav .layui-nav-item a:hover{ color:#0061ab; font-weight:bold;}
.layui-nav-child{ 
	top:100px; 
	border-radius: 6px;
	background: rgba(240, 240, 240, 1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.layui-nav-child:before{
	content: '';
    position: absolute;
	left:25px;
	top:-18px;
    border: 9px solid transparent;
    border-bottom: 9px solid rgba(240, 240, 240, 1);
}
.layui-nav-child dd{ height:40px; line-height:40px; border-bottom: #e4e4e4 1px solid; color:#222; transition: .5s;}
.layui-nav-child dd a{ font-size:14px !important;}
.layui-nav .layui-this:after, .layui-nav-bar{ background:#0061ab; height:2px; top:95px !important;}
/***手机站menu***/
.navbar {
	height: 50px;
	line-height: 50px;
	float: right;
	overflow: hidden;
	margin-top: 30px;
}
.navbar .nav>li {
	position: relative;
	display: block;
	float: left;
}
.navbar .nav>li>a {
	font-weight: bold;
	position: relative;
	display: block;
	width: 110px;
	height: 50px;
	text-align: center;
	font-size: 16px;
}
.navbar .nav>li>a.active {
	background: #025b9a;
	color: #fff;
}
.navbar .nav>li:hover .box {
	display: block;
}
.navbar .nav>li:hover>a {
	color: #fff;
	background: #025b9a;
}
.navbar .nav .box {
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 0;
	display: none;
	overflow: hidden;
	padding: 20px;
	background: #025b9a;
}
.navbar .nav .box.right {
	right: 0;
	left: auto;
}
.navbar .nav .box a {
	display: block;
	margin: 0 2em .8em 0;
	white-space: nowrap;
	color: #fff;
}
.navbar .nav .box a:hover {
	color: #aaceff;
}
.navbar .nav .box a.pic {
	margin: 0;
}
.navbar .nav .box .thumb {
	float: left;
	margin-bottom: -3000px;
	padding-bottom: 3000px;
}
.navbar .nav .box .menu {
	margin-left: 220px;
}
.navbar .nav .box img {
	display: block;
	max-width: 200px;
	border: 4px solid #fff;
}
.navbar .nav .cate {
	overflow: hidden;
	white-space: nowrap;
}
.navbar .nav .cate .item {
	display: block;
	float: left;
	margin-right: 20px;
	width: 16%;
}
.navbar .nav .cate .item:last-child {
	float: none;
	margin-right: 0;
	margin-left: 750px;
}
.navbar .nav .cate h4 {
	font-size: 1.1em;
	margin: 0;
}
.navbar .nav .cate img {
	width: 130px;
	height: 80px;
}
.navbar .nav .cate ul {
	padding-top: 1em;
}
.toggle {
	position: absolute;
	top: 15px;
	right: 10px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	background: #ec8923;
}
.toggle .icon {
	top: 20px;
	left: 10px;
}
.toggle .icon, .toggle .icon::before, .toggle .icon::after {
	position: absolute;
	width: 20px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.toggle .icon::before, .toggle .icon::after {
	left: 0;
	content: '';
	background: inherit;
}
.toggle .icon::before {
	top: -9px;
}
.toggle .icon::after {
	top: 9px;
}
/* 手机站列表 */
.navigation, .cate-tree {
	line-height: 48px;
	position: absolute;
	z-index: 99;
	top: 100%;
	display: none;
	width: 100%;
	border-top: solid 3px #0061ab;
	border-bottom: solid 3px #0061ab;
	background: #fff;
}
.navigation .level-1>li::after, .cate-tree .level-1>li::after, .navigation .level-2>li::after, .cate-tree .level-2>li::after, .navigation .level-2>li::before, .cate-tree .level-2>li::before {
	position: absolute;
	top: 18px;
	right: 15px;
	width: 12px;
	height: 12px;
	content: '';
	background-size: cover;
}
.navigation .level-1 a, .cate-tree .level-1 a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	color: inherit;
}
.navigation .level-1 li, .cate-tree .level-1 li {
	position: relative;
	border-bottom: solid 1px #e4e4e4;
}
.navigation .level-1>li>a, .cate-tree .level-1>li>a {
	padding: 0 2em 0 1em;
}
.navigation .level-1>li::after, .cate-tree .level-1>li::after {
	background-position: -36px 0;
}
.navigation .level-1>li.active::after, .cate-tree .level-1>li.active::after, .navigation .level-1>li:hover::after, .cate-tree .level-1>li:hover::after {
	background-position: -96px 0;
}
.navigation .level-1>li.more::after, .cate-tree .level-1>li.more::after {
	background-position: -12px 0;
}
.navigation .level-1>li.more:hover::after, .cate-tree .level-1>li.more:hover::after {
	background-position: -72px 0;
}
.navigation .level-1>li.more.active::after, .cate-tree .level-1>li.more.active::after {
	background-position: -84px 0;
}
.navigation .level-1>li.active>a, .cate-tree .level-1>li.active>a, .navigation .level-1>li:hover>a, .cate-tree .level-1>li:hover>a {
	background-color: rgba(0, 0, 0, 0.05);
}
.navigation .level-2, .cate-tree .level-2 {
	display: none;
}
.navigation .level-2 a, .cate-tree .level-2 a {
	padding: 0 2em 0 3em;
}
.navigation .level-2 li:first-child, .cate-tree .level-2 li:first-child {
	border-top: solid 1px #e4e4e4;
}
.navigation .level-2 li:last-child, .cate-tree .level-2 li:last-child {
	border-bottom: none;
}
.navigation .level-2>li::before, .cate-tree .level-2>li::before {
	right: auto;
	left: 1.5em;
	background-position: 0 0;
}
.navigation .level-2>li::after, .cate-tree .level-2>li::after {
	background-position: -48px 0;
}
.navigation .level-2>li.active::after, .cate-tree .level-2>li.active::after {
	background-position: -108px 0;
}
.navigation .level-3, .cate-tree .level-3 {
	line-height: 40px;
	display: none;
}
.navigation .level-3 a, .cate-tree .level-3 a {
	font-size: .8em;
	padding-left: 4em;
}
/***解决方案**/
.s1 {
	height: auto;
	padding-top: 58px;
}
.s1-tit {
	text-align: center;
	margin-bottom:40px;
}
.s1-tit h3 {
	letter-spacing: 2px;
	font-size: 30px;
	line-height: 2;
	color:#000;
	font-weight:bold;
}
.s1-tit h3 span {
	color: #0061ab;
}
.s1-tit h4{ width:100%; float:left;}
.e_line{ width:60px; height:3px; margin:10px auto 20px auto; background:#ed7715;}
.s1-tit p {
	color: #696969;
	font-size: 13px;
	margin-top: 14px;
	line-height: 2.2;
	margin-top:10px;
}
.jjfa{ width:95%; float:left; overflow:hidden;}
.fa_img{ width:100%; height:236px; float:left; overflow:hidden;}
.fa_img img{ width:100%; transition: all .5s ease;}
.jjfa:hover .fa_img img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.2, 1.2); 
     -moz-transform: scale(1.2, 1.2); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.fa_name{ font-size:18px; color:#333; font-weight:bold; margin:15px 0 20px 0; float:left; width:100%;}
.fa_des{ width:100%; float:left; color:#999; font-size:14px; line-height: 1.8;}

/****首页产品列表*****/
.prdshow{
	margin-top:50px;
	padding:70px 0 30px 0; 
	background:url(../images/a23.jpg) center no-repeat;
	background-attachment: fixed;
    background-size: cover;
}
.prdlist{ width:83%; height:auto; overflow:hidden; margin:50px auto 0 auto;}
.prd-item{ width:275px; height:275px; float:left; position:relative; overflow:hidden; text-align:center; margin-right:45px; margin-bottom:45px;}
.prd-item:nth-child(5n){ float:right; margin-right:0;}
.prd-item:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 20px;
    background-color: rgba(0,0,0,.4);
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.catimg{ border-radius: 20px; width:100%; height:100%; float:left;}
.prd-item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.item-logo{ margin-top: 60px; transition: all .4s cubic-bezier(.4,0,.2,1);}
.item-title {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    padding: 20px 0;
    position: relative;
}
.item-title:before {
    content: "";
    position: relative;
    display: block;
    width: 20px;
    border-bottom: 2px solid #fff;
    margin: 0 auto 20px;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.item-text {
    position: relative;
    transition: all .4s cubic-bezier(.4,0,.2,1);
    opacity: 0;
    margin-top: 10px;
    border: solid 1px #fff;
    width: 120px;
    margin: auto;
    height: 34px;
    line-height: 34px;
    border-radius: 5px;
}
.item-text p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}
.prd-item:hover:before{ background:rgb(0,97,171,0.8);}
.prd-item:hover .item-title:before{  margin:0 auto; opacity:0;}
.prd-item:hover .item-text{ opacity:1;}
.prd-item:hover .item-logo{ margin-top:50px;}

/*****工程案例***/
.case{ margin-top:50px; overflow:hidden;}
.artGroup a {
	display: block;
	width: 100%;
	height: 100%;
}
.artGroup .artwork .tips {
	background-color: #0060ad;
}
.artGroup .artwork .tips .title, .artGroup .artwork .tips .date, .artGroup .artwork .tips .text, .artGroup .artwork .tips .more {
	color: #fff;
}
.artGroup.slide {
	overflow: hidden;
}
.table .table-cell {
    display: table-cell; 
    vertical-align: middle;
	margin-top:50px;
	float:left;
	width:100%;
}
.case_more{ width:158px; height:44px; line-height:42px; margin:30px auto; overflow:hidden; text-align:center; background:#0061ab; border-radius: 42px; transition: all 0.5s; border: 1px solid transparent;}
.case_more a{ font-size:15px; color:#fff;}
.case_more:hover{ border:1px solid #0061ab; background:#fff;}
.case_more:hover a{ color:#0061ab;}
 @media (min-width: 1025px) {
.artGroup.slide .detail {
	top: -100%;
}
}
.artGroup.flip {
	perspective: 800px;
}
 @media (min-width: 1025px) {
.artGroup.flip .artwork {
	transform-style: preserve-3d;
	transition: transform 1s ease;
}
}
 @media (min-width: 1025px) {
.artGroup.flip .visbale,  .artGroup.flip .detail {
	backface-visibility: hidden;
}
}
 @media (min-width: 1025px) {
.artGroup.flip .detail,  .artGroup.flip .theFlip {
	transform: rotateY(-180deg);
}
.artGroup.flip .detail .visbale,  .artGroup.flip .theFlip .visbale {
	transition: opacity 1s ease;
	opacity: 0;
}
}
.artGroup img {
	display: block;
	width: 100%;
}
@media (min-width: 1025px) {
.artGroup .artwork .detail, .artGroup .artwork .visbale {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}
.artGroup .artwork .tips {
	width: 100%;
	height: 100%;
}
.artGroup .artwork .tips .cont {
	width: 70%;
	margin-left:8%;
}
.artGroup .artwork .tips .title {
	padding-bottom: 5.2%;
	font-size: 18px;
	font-weight: normal;
}
.artGroup .artwork .tips .date {
	margin-bottom: 6.3%;
	font-size: 12px;
}
.artGroup .artwork .tips .date span {
	vertical-align: middle;
}
.artGroup .artwork .tips .date .icon {
	width: 18px;
	height: 14px;
	margin-right: 4px;
}
.artGroup .artwork .tips .date .icon.time {
	background: url(../images/info_time_h.png) no-repeat center center;
}
.artGroup .artwork .tips .date .icon.eye {
	margin-left: 6px;
	background: url(../images/info_num_h.png) no-repeat center center;
}
.artGroup .artwork .tips .text {
	margin-bottom: 8%;
	font-size: 12px;
	line-height: 1.6;
	height: 38px;
	overflow: hidden;
}
.artGroup .artwork .tips .more {
	font-family: Arial;
	font-size: 12px;
	text-transform: uppercase;
}
 @media (max-width: 1024px) {

.artGroup .artwork .tips .title {
	font-size: 16px;
}
.artGroup .table {
	display: block;
}
.artGroup .table-cell {
	display: block;
	background:#0061ae;
	margin-top:0;
}
.artGroup .artwork .tips .cont {
	padding: 6% 0;
	width: 86%;
}
}
 @media (max-width: 540px) {
.artGroup {
	width: 100%;
	margin-right: 0;
	margin-bottom: 3%;
}
}

/****首页关于我们**/
.about{ height:450px; overflow:hidden; background:#f5f5f5;}
.ab_img{ width:100%; float:left; overflow:hidden;}
.ab_img img{ width:100%; transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.ab_img:hover img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.ab_fr{float:left; overflow:hidden; padding: 3% 7.81%; height:450px;}
.title-box{ margin-top:40px;}
.title-box .title {
    font-size: 24px;
    line-height: 1.4;
    font-weight: normal;
    color: #666;
}
.title-box .e {
    padding-bottom: 26px;
    font-size: 12px;
    font-family: Arial;
    text-transform: uppercase;
    color: #999;
}
.ex-welc-line {
    width: 33px;
    height: 3px;
    background-color: #0061ae;
    transition: transform 0.4s;
    transform-origin: 0;
}
.ab_fr .text {
    padding-top: 36px;
    font-size: 16px;
    line-height: 27px;
    color: #333;
}
.ab_fr .text p{ text-indent:2em;}
.ab_fr .case_more{ margin: 9.4% 0 0 0;}

.ryzz{ width:100%;}
.ryzz img{ width:100%;}
.ryzz span{ width:100%; height:40px; line-height:40px; text-align:center; background:#f5f5f5; float:left; font-size:16px;}


/*****首页新闻资讯***/
.news{ margin-top:50px; overflow:hidden;}
.p_news{ width:100%; float:left; overflow:hidden;}
.p_articles{ 
	width: calc((100% - 180px)/3); 
	display: inline-block;
    height: auto;
    padding: 15px 30px;
    overflow: hidden;
    float: left;
}
.list {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .5s ease;
}
.lock {
    display: block;
    width: 100%;
    height: auto;
}
.pic_box {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 60%;
    overflow: hidden;
}
.pic {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    transition: all .5s ease;
}
.content_box {
    width: 85%;
    padding: 20px 20px;
    top: -24px;
    position: relative;
    background-color: rgba(255, 255, 255, 1);
    border-bottom: solid 4px #eee;
    box-shadow: 0 0 20px rgba(0, 16, 94,0);
    transition: all .5s ease;
}
.data {
    background: #0061ab;
    font-size: 12px;
    padding: 0px 10px;
    height: 24px;
    display: inline-block;
    line-height: 24px;
    text-align: center;
    color: #fff;
    border-radius: 6px;
}
.lock {
    display: block;
    width: 100%;
    height: auto;
}
.title {
    width: 100%;
    margin: 15px 0px 10px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: black;
    min-height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.summry {
    font-size: 14px;
    color: #777;
    line-height: 1.8em;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 100%;
}
.p_articles .more {
    position: relative;
    border-radius: 46px;
    z-index: 1;
    overflow: hidden;
    border: solid 1px #eee;
    display: inline-block;
    padding: 4px 15px;
    color: #1e51dd;
    font-size: 14px;
    margin: 20px 0px 0px 0px;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}
.p_articles:hover .pic{
	transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.p_articles:hover .content_box{ 
	background-color:rgba(255, 255, 255, 1); 
	border-bottom:solid 4px #0061ab; 
	box-shadow:0 0 20px rgba(0, 16, 94,0.3); 
}

/****销售网络**/
.xswl{ background:#F4F4F4; overflow:hidden; height:590px;}
.wltp{ width:50%; overflow:hidden;}
.wltp img{ width:100%; transition: all .5s ease;}
.wltp:hover img{
	transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.wlwz{ width:35%; padding:10% 0 0 10%; overflow:hidden;}
.wlwz .titles {
    margin-bottom: 2rem;
}
.wlwz .titles p:nth-of-type(1) {
    font-size: 40px;
    color: #000000;
    margin-bottom: 1.25rem;
}
.wlwz .titles p {
    text-align: left !important;
	font-size:16px;
	color:#585858;
	line-height:30px;
}
.wl_more a {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    width: 165px;
    line-height: 46px;
    border-radius: 4px;
    border: 1px solid #fff;
    text-align: center;
	background: #0061ab;
    border: 1px solid #0061ab;
}
.wl_more a:hover{ border:1px solid #0061ab; background:#fff; color:#0061ab;}

/******内页关于我们****/
.about_posion{ height:60px; line-height:60px; background-color: rgba(245, 245, 245, 1); overflow:hidden;}
.xc_bread_box{ text-align:right;}
.page_lb li{ width:120px; height:57px; line-height:57px; border-bottom:3px solid #f5f5f5; float:left; text-align:center; position:relative;}
.page_lb li:hover{ border-bottom:3px solid #0063ab; line-height:57px; transition: all 0.5s ease-out;}
.page_lb li:hover a{ color:#0063ab;}
.page_lb li a{ font-size:15px; color:#333; transition: 0.3s ease 0s;}
.page_lb li a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;
}
.ny_about{ padding-top:50px; padding-bottom:30px;}
.index_case{ text-align:center; margin-bottom:40px; overflow:hidden;}
.index_case h2{ font-size:34px; color:#333; line-height: 1; font-weight:bold;}
.case_line{ margin-top:10px; overflow:hidden;}
.case_p{ margin-top:10px;}
.nab_img{ width:720px; height:374px; overflow:hidden;}
.nab_img img{ width:100%; height:100%; transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.nab_img:hover img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.nab_fl{ width:730px; height:374px; font-size:16px; color:#000; line-height:30px;}
.nab_fl h2{ font-size:26px; color:#222; font-weight:bold; margin-bottom:20px;}
.nab_fl h3{ width:80px; height:2px; background:#0161ab; margin-bottom:30px;}

.qywh{ background:#f5f5f5; padding:40px 0;}
.whnr{ width:100%; position:relative; text-align:center; overflow:hidden;}
.wh_txt{ width:100%; position:absolute; top:20px; left:0; font-size:24px; color:#fff; font-weight:bold;}
.wh_xian{ width:80px; position:absolute; top:70px; left:40%; background:#fff; height:2px;}
.wh_nr{ width:80%; position:absolute; top:100px; left:10%; font-size:16px; color:#fff; line-height:30px; opacity:0;}
.whnr:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: all .4s cubic-bezier(.4,0,.2,1);
}
.whnr:hover:before{ width:100%; background:rgb(0,97,171,0.8);}
.whnr:hover .wh_nr{ opacity:1;}

.page_nr{ line-height:35px; font-size:18px;}
.page_nr p{ text-indent:2em;}


/****联系我们单页****/
.lx_tel{ background:#f1f1f1; padding:45px 30px 0 30px; overflow:hidden; height:200px; text-align:center;}
.lx_tel p {
    font-size: 16px;
    line-height: 26px;
}
.lx_tel p:nth-child(2) { padding:16px 0; font-size: 20px; font-weight: bold;}
.lx_tel img{ width:150px;}

/****新闻单页***/
.con-top {
    width: 100%;
    height: auto;
    margin-top: 44px;
    display: inline-block;
}
.con-top .top-left {
    width: 80%;
    float: left;
}
.top-left .tits {
    font-size: 24px;
    line-height: 24px;
    color: #717171;
}
.top-left .tit {
    font-size: 12px;
    line-height: 14px;
    color: #b1b1b1;
    float: left;
    display: block;
    margin-top: 27px;
}
.top-left .tit .time {
    background: url(../images/info_time.png) left center no-repeat;
    padding-left: 21px;
}
.top-left .tit .num {
    background: url(../images/info_num.png) left center no-repeat;
    padding-left: 25px;
}
.top-left .tit span {
    margin-right: 10px;
}
.con-top a {
    width: 52px;
    height: auto;
    display: block;
    float: right;
    margin-top: 24px;
}
.view_table{ border:1px solid #cbdaee; margin:30px 0; padding:20px; font-size:16px; line-height:30px;}
.view_table img{ max-width:100%;}

.paging {
    width: 100%;
    height: auto;
    border-top: 1px solid #b8b8b8;
    padding-top: 22px;
	margin-bottom:30px;
	overflow:hidden;
}
.paging .paging-left {
    margin-top: 18px;
    float: left;
}
.paging .paging-right {
    float: right;
}
.paging .paging-right .returnTop {
    width: 66px;
    height: 54px;
    background: #3e99cf url(../images/info_icon3.png) center no-repeat;
    display: block;
    float: left;
    margin-left: 40px;
}

/*****产品中心***/
.nprd_tit{
	border-bottom: 1px solid #bebdbd;
    padding-top: 48px;
    padding-bottom: 35px;
	font-size:30px;
	color:#666;
	font-weight:bold;
}
.tab-box {
    padding: 68px 0 68px;
    text-align: center;
    font-size: 0;
	transition: all .8s ease-in-out;
    transform: translate(0, 0);
    opacity: 1;
}
.tab-box .tab {
    margin: 0 1.5% 20px;
	    display: inline-block;
}
.tab-box .tab .icon-box {
	position: relative;
	width: 105px;
	margin-bottom: 20px;
	padding:20px 0;
}
.tab-box .tab .icon-box .blue {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #3895df;
	border-radius: 50%;
	transform: scale(0.6);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: transform 0.5s, opacity 0.5s;
}
.tab-box .tab .icon-box .gray {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #cdcbcb;
	border-radius: 50%;
	transition: transform 0.5s, opacity 0.5s;
}
.tab-box .tab .icon-box .icon {
	position: relative;
	z-index: 10;
	width: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.tab-box .tab .text {
	font-size: 18px;
	text-align: center;
	color: #939393;
}
.tab-box .tab:hover .text {
	color: #fff;
}
.tab-box .tab:hover .blue {
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
}
.tab-box .tab:hover .gray {
	transform: scale(1.4);
	opacity: 0;
	filter: alpha(opacity=0);
}
.prd_xh{ width:100%; overflow:hidden;}
.flipInY {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.prd_xh .list {
	display: block;
	width: 21%;
	box-sizing: border-box;
	overflow: hidden;
	margin:10px 2%;
}
.prd_xh .list .img-box {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.prd_xh .list .img-box .img {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	transition: transform 0.5s;
}
.prd_xh .list .img-box .line {
	position: absolute;
	background-color: #3895df;
}
.prd_xh .list .img-box .line.l {
	bottom: 0;
	left: 0;
	width: 3px;
	height: 0;
}
.prd_xh .list .img-box .line.r {
	top: 0;
	right: 0;
	width: 3px;
	height: 0;
}
.prd_xh .list .img-box .line.t {
	top: 0;
	left: 0;
	width: 0;
	height: 3px;
}
.prd_xh .list .img-box .bg {
	background-color: #000;
	transition: 1s transform cubic-bezier(0.23, 1, 0.32, 1);
	opacity: 0.1;
	filter: alpha(opacity=10);
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: scale(2) rotate(-45deg) translateZ(0px);
}
.prd_xh .list .text-box {
	position: relative;
	padding: 32px 0 30px;
	text-align: center;
}
.prd_xh .list .text-box .text {
	position: relative;
	z-index: 10;
	padding-bottom: 12px;
	font-size: 18px;
	color: #7f7f7f;
}
.prd_xh .list .text-box .btn {
	position: relative;
	z-index: 10;
	font-family: Arial;
	font-size: 18px;
	color: #c4c4c4;
	font-style: italic;
	text-transform: capitalize;
}
.prd_xh .list .text-box .bg {
	position: absolute;
	top: 102%;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #3895df;
}
 @media (min-width: 1025px) {
.prd_xh .list:hover .img-box .img {
	transform: scale(1.1);
}
.prd_xh .list:hover .img-box .line.l {
	height: 100%;
	transition: height 0.2s linear;
	transition-delay: 0.4s;
}
.prd_xh .list:hover .img-box .line.r {
	height: 100%;
	transition: height 0.2s linear;
	transition-delay: 0.4s;
}
.prd_xh .list:hover .img-box .line.t {
	width: 100%;
	transition: width 0.2s linear;
	transition-delay: 0.4s;
}
.prd_xh .list:hover .img-box .bg {
	transition-duration: 1s;
	transform: scale(2) translateX(-80%) translateY(-80%) translateZ(0px) rotate(-45deg);
}
.prd_xh .list:hover .text-box .text {
	color: #fff;
}
.prd_xh .list:hover .text-box .btn {
	color: #fff;
}
.prd_xh .list:hover .text-box .bg {
	top: 0;
	transition: top 0.4s;
}
}
 @media (max-width: 1024px) {
.prd_xh .list {
	width: 29.33%;
}
.prd_xh .list .text-box {
	padding: 20px 0;
}
.prd_xh .list .text-box .text {
	font-size: 16px;
}
.prd_xh .list .text-box .btn {
	font-size: 16px;
}
}
 @media (max-width: 768px) {
.prd_xh .list {
	width: 50%;
}
}
 @media (max-width: 435px) {
.prd_xh .list {
	width: 100%;
}
.prd_xh .list .text-box {
	padding: 16px 0;
}
.prd_xh .list .text-box .text {
	padding-bottom: 6px;
	font-size: 14px;
}
.prd_xh .list .text-box .btn {
	font-size: 14px;
}
}

/****产品内页****/
.nprd_con{ width:100%; overflow:hidden; margin-top:40px; margin-bottom:40px;}
.nprd_img{ width:430px; float:left; overflow:hidden;}
.nprd_img img{ width:100%;}
.npimg_fr{ width:1000px; float:right; overflow:hidden; border-bottom: 1px solid #e8e8e8; padding-bottom:40px;}
.npimg_fr h1{ font-size:30px; color:#262626; font-weight:bold; margin-bottom:20px;}
.npimg_fr p{ padding-top: 20px;
    vertical-align: middle;
    margin-left: 0px;
    font-size: 16px;
    color: #000;
    padding: 0px 40px;
    line-height: 54px;
}

/****footer***/
.footer {
	background: #1a1c20;
	border-top:4px solid #0061ab;
	padding: 40px 0;
}
.btlogo{ text-align:center; margin:10px 0 20px 0; overflow:hidden;}
.bt_txt{ width:868px; margin:0 auto 20px auto; overflow:hidden; text-align:center; line-height: 2; font-size: 14px; font-family: 微软雅黑; color:#fff;}
.bt_tel{ width:1200px; margin:0 auto; overflow:hidden; color:#fff; font-size:14px; font-family: 微软雅黑; }
.bt_tel span:first-child{ margin-right:270px;}
.bt_tel span:nth-child(3){ float:right;}
.footerbt{ background: #1a1c20; border-top:1px solid #48494d; line-height:50px; text-align:center; color:#fff; font-size: 14px; font-family: 微软雅黑;}
.footerbt a{ color:#fff;}
.prd_connr{ width:100%; overflow:hidden; margin-top:40px; float:left;}
.cpxq{ width:180px; height:45px; line-height:45px; float:left; text-align:center; color:#fff; font-size:16px; background:#0061ab;}
.cpnr{ border:1px solid #c3c3c3; padding:5%; width:89%; float:left; font-size:16px; line-height:30px; color:#333; margin-bottom:20px; overflow:hidden;}
.cpnr img{ max-width:100%; margin-left:auto; margin-right:auto; display:block;}

/****手机站底部横条**/
.footer-fix {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 10;
	display: none;
}
.footer-fix li {
	float: left;
	width: 25%;
}
.footer-fix li a {
	display: block;
	text-align: center;
	padding: 7px 0;
	font-size: 12px;
	line-height: 1;
}
.footer-fix li i.i1 {
	background-image: url(../images/f_01.png);
}
.footer-fix li i.i2 {
	background-image: url(../images/f_02.png);
}
.footer-fix li i.i4 {
	background-image: url(../images/f_04.png);
}
.footer-fix li i.i3 {
	background-image: url(../images/f_03.png);
}
.footer-fix li i {
	display: block;
	height: 20px;
	background: no-repeat center;
	background-size: contain;
	margin-bottom: 4px;
}
.show-xs {
	display: none;
}

@media (max-width: 1024px){
  .layui-nav .layui-nav-item a{ padding:0 10px; font-size:16px;}
  .prd-item{ width:290px; height:auto;}
  .prd-item:nth-child(3n){ float:right; margin-right:0;}
  .prd-item:nth-child(5n){ float:left; margin-right:45px;}
  .about{padding:40px; height:auto;}
  .ab_fr{ background:#fff; height:auto; padding:3%;}
  .title-box{ margin-top:0;}
  .ab_fr .text{ padding-top:15px;}
  .nab_fl{ width:50%;}
  .ny_about{ padding:50px 10px 30px 10px;}
  .nab_img{ width:48%;}
  .npimg_fr{ width:540px;}
  .cpnr{ padding:10px; width:97%;}
}

@media screen and (max-width: 768px) {
.hide-xs {
	display: none;
}
.show-xs {
	display: block;
}
.main{ height:auto;}
.logo {
	height: auto;
}
.logo img {
	margin-top:10px;
	margin-bottom:10px;
	height: 50px;
}
.s1{ padding-top:20px;}
.s1-tit h3{ font-size:20px;}
.jjfa{ width:100%;}
.prdshow{ padding:20px 5px;}
.prdlist{ margin-top:0;}
.prd-item{ width:90%; height:auto; margin-left:5%; margin-right:0; margin-bottom:20px;}
.prd-item:nth-child(5n){ float:none;}
.table .table-cell{ margin:0; background:#0061ab;}
.about{padding:10px; height:auto;}
.ab_fr{ background:#fff; height:auto; padding:3%;}
.title-box{ margin-top:0;}
.ab_fr .text{ padding-top:15px;}
.p_articles{ width:100%; padding:0;}
.xswl{ height:auto;}
.wltp{ width:100%;}
.wlwz{ width:92%; padding:4%;}
.wlwz .titles p:nth-of-type(1){ font-size:22px; font-weight:bold;}
.footer{ padding:20px;}
.bt_txt{ width:100%;}
.bt_tel span{ width:100%; float:left; line-height:30px;}
.footerbt{ padding:5px 20px; line-height:25px; margin-bottom:50px;}
.prd-item:nth-child(3n) {
    float: left;
    margin-right: 0;
}
.nab_fl{ margin-top:20px; overflow:hidden;}
.con-top a{ margin-top:0;}
.nprd_tit{ padding-top:25px; padding-bottom:17px; font-size:20px;}
.tab-box{ padding:30px 0;}
.tab-box .tab .icon-box{ width:68px; margin-bottom:10px; padding:8px;}
.prd_xh .list{width:46%;}
.nprd_img{ width:100%;}
.npimg_fr{ width:100%; padding-bottom:20px;}
.cpnr{ padding:10px; width:94%;}
}

@media screen and (max-width: 360px) {
   .prd_fr li{ width:45%; margin-right:1%;}
}