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

img{ max-width:100%;}
@media screen and (max-width: 768px) {
.pl02 {
padding-left: .2rem;
}
.pall02 {
padding: .2rem;
}
}
.layui-col-space30 {
	margin: -0.325rem
}
.layui-col-space30>* {
	padding: 0.325rem
}
.layui-container {
	width:1200px;
}

@-webkit-keyframes jumpR { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(5px);
transform:translateX(5px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes jumpR { 0% {
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-o-transform:translateX(5px);
transform:translateX(5px)
}
100% {
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes jumpR { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(5px);
-o-transform:translateX(5px);
transform:translateX(5px)
}
100% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
@-webkit-keyframes jumpL { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes jumpL { 0% {
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-o-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes jumpL { 0% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
50% {
-webkit-transform:translateX(-10px);
-o-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}

/******header样式******/
.head-a{ height:36px; line-height:36px; background:#3b3b3b; font-size:13px; color: rgba(163, 165, 164); overflow:hidden;}
.headfl img{ width:16px;}

.header{ height:100px; overflow:hidden; background:#fff; transition: all 0.8s;}
.logo{ float:left; margin-top:18px;}
.logo img{ height:64px; float:left; margin-right:5px;}
.logo p{ float:left; width:400px; line-height:30px; margin-top:5px;}
.logo p span{ font-size:26px; color:#333; font-weight:bold; width:100%; float:left;}
.logo p font{ font-size:10.3px; color:#ccc; width:100%; float:left; text-transform: uppercase;}

.head-txt{ float:left; line-height:100px; width:390px;}
.head-txt span{ width:25%; float:left; text-align:center; font-size:20px; color:#333;}

.head-search{ float:right; margin-top:35px;}
.head-search input{ width:200px; height:26px; float:left; border:2px solid #005bac; font-size:14px; text-indent:10px;}
.head-search a{ width:50px; height:30px; line-height:30px; float:left; text-align:center; font-size:14px; color:#fff; background:#005bac;}


/*****导航menu*****/
.menu{ height:52px; line-height:52px; background:#005bac;}
.menu li{ width:14.2%; height:52px; float:left; text-align:center; position:relative;}
.menu li.on,.menu li:hover{ background:#ff9900;}
.menu li a{ color:#fff; font-size:17px;}

.menu li dl{display: none;position: absolute;top: 100%;left: 0;right: 0;z-index: 4;box-shadow: rgb(34 34 34 / 10%) 0px 6px 10px 0px;border-radius: 0 0 5px 5px;}
.menu li dd{ margin:0;}
.menu li:hover dl{display: block;}
.menu li dl:after{content: '';position: absolute;top: 3px;left: 50%;margin-left: -10px;width: 15px;height: 15px;background-color: #fff;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);z-index: -1;}
.menu li dl dd a{display: block;font-size: 14px;text-align: center;height: 40px;line-height: 40px;color: #333;background-color: #fff;border-bottom: 1px solid #e6e6e6;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;text-indent: 0;}
.menu dl dd:first-child a{border-radius: 5px 5px 0 0;}
.menu dl dd:last-child a{border-radius: 0 0 5px 5px;}
.menu li dl dd a:hover{text-indent: 1em;background-color: #005bac;color: #fff;}
.menu li.search-t:hover{ background: none;}
.menu li.search-t a.search-icon{ width: 28px!important; height: 28px!important; background: url("../images/search.png") center center no-repeat; border:1px solid #ccc; display:block; border-radius:14px; margin-top:34px; margin-left:30px;}
.menu li.search-t:hover a.search-icon { background: url("../images/searcha.png") center center no-repeat #0068B6; border:1px solid #0068B6; }


/* 默认幻灯片 */

.FocusPic {
	zoom: 1;
	position: relative;
	overflow: hidden
}
.FocusPic .content {
	overflow: hidden
}
.FocusPic .changeDiv a {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.FocusPic .title-bg, .FocusPic .title {
	position: absolute;
	left: 0px;
	bottom: 0;
	width: 438px;
	height: 50px;
	line-height: 50px;
	overflow: hidden
}
.FocusPic .title-bg {
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.FocusPic .title a {
	display: block;
	padding-left: 17px;
	color: #fff;
	font-size: 15px;
}
.FocusPic .change {
	bottom: 15px;
	height: 20px;
	right: 3px;
 *right: 5px;
	_right: 4px;
	position: absolute;
	text-align: right;
	z-index: 9999;
}
.FocusPic .change i {
	background: #666;
	color: #FFF;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	line-height: 15px;
	margin-right: 2px;
	padding: 2px 6px;
	font-style: normal;
	height: 15px;
	display: -moz-inline-stack;
	zoom: 1;
 *display: inline;
}
.FocusPic .change i.cur {
	background: #FF7700;
}




/* 首页banner样式 */
.x-banner{ position:relative;}
.x-banner .owl-carousel {
    position: relative;
}

.x-banner .owl-carousel .banner-item a {
    display: block;
}

.x-banner .owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.x-banner .owl-carousel .owl-nav .owl-next {
    right: 0;
}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next {
    outline: none;
    position: absolute;
    top: 50%;
    z-index: 9999;
    background:rgb(0,0,0,.3);
    height: 65px;
    width: 50px;
    margin-top: -32.5px;
    border-radius: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover {
    background: #005bac;
	color:#fff;
}

.x-banner .owl-carousel .owl-nav .icon-font {
    display: block;
    width: 100%;
    height: 100%;
}

.x-banner .owl-carousel .owl-nav .layui-icon-left:after {
    background-position: -34px -180px;
}

.x-banner .owl-carousel .owl-nav .layui-icon-right:after {
    background-position: -26px -480px;
}

.x-banner .layui-icon:before{ content:'';}

@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-nav button.owl-prev,
    .x-banner .owl-carousel .owl-nav button.owl-next {
        height: 40px;
        width: 30px;
        margin-top: -20px;
    }
    .x-banner .owl-carousel .owl-nav .iconfont {
        font-size: 20px;
    }
}
.x-banner .owl-carousel .owl-dots {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
  bottom: 5%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin: 0 10px;
  outline: none;
  width: 16px;
  height: 16px;
  border-radius:45px ;
  background: #8fb3d2;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
  background: #0089c8;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
  background: #005bac;
}


@media (max-width: 990px) {
    .x-banner .owl-carousel .owl-dots button.owl-dot {
        font-size: 12px;
    }
}

.x-banner .layui-icon:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

.banner-txt{position:absolute; width:80%; left:10%; top:45%; z-index:100; text-align:center;}
.banner-txt h2{ font-size:70px; color:#27d545; text-align:center; line-height:60px; margin:0 0 40px 0;}
.banner-txt h3{ font-size:40px; color:#27d545; font-weight:400; text-align:center;}


/*****首页新闻****/
.index-news{ padding:60px 0; overflow:hidden;}
.T-title{ width:100%; overflow:hidden; text-align:center;}
.T-title h2{ font-size:24px; color:#005bac; margin-bottom:5px;}
.T-title h3{ font-size:24px; color:#333; margin-bottom:5px;}
.T-title span{ font-size:14px; color:#333;}

.index-news-fl{ width:590px; height:440px; float:left; margin-top:50px; overflow:hidden; margin-bottom:50px;}
.index-news-fr{ width:580px; height:440px; float:right; margin-top:50px; overflow:hidden; margin-bottom:50px;}
.index-news-ul{ width:94%; float:left; height:40px; line-height:40px; padding:0 3%; background:#f8f8f8;}
.index-news-ul li{ width:50%; float:left; text-align:center;}
.index-news-ul li a{ font-size:17px; color:#333;}
.index-news-ul li:hover{ background:#005bac;}
.index-news-ul li:hover a{ color:#fff;}

.index-hydt{ width:100%; overflow:hidden; border-bottom:1px solid #dbd4cd; padding:25px 0; margin:10px 0;}
.hydt-data{ width:60px; height:60px; float:left; margin-left:20px; color:#005bac; text-align:center;}
.hydt-data p{ color:#005bac; font-size:33px; font-weight:bold; margin-top:10px;}
.hydt-data span{ font-size:13px; color:#005bac;}
.hydt-name{ width:480px; float:right;}
.hydt-name a{ font-size:17px; color:#333;}
.hydt-name a:hover{ color:#005bac;}
.hydt-des{ width:480px; float:right; font-size:14px; line-height:23px; color:#5a5a5a;}

.index-more{ width:150px; height:40px; line-height:40px; text-align:center; margin:0 auto; overflow:hidden; background:#09508e; box-shadow: rgba(8,85,154,0.15) 1px 20px 27px 0px;}
.index-more a{ font-size:14px; color:#fff;}
.index-more:hover{ background:#033969;}


/****首页关于我们*****/
.index-about{ padding:60px 0; overflow:hidden; background:#fbfbfb;}
.index-about-fl{ width:284px; height:340px; float:left; background:url(../images/index-aboutbg.jpg) no-repeat; margin-top:50px; padding:40px 30px;}
.index-about-fl h2{ font-size:24px; color:#fff; margin-bottom:20px;}
.index-about-fl hr{ margin-bottom:20px;}
.index-about-fl p{ font-size:17px; color:#fff; line-height:45px;}
.index-about-fl a{ width:115px; height:32px; line-height:32px; float:left; text-align:center; background:#09508e; font-size:13px; color:#fff; margin-top:10px;}
.index-about-fl a:Hover{ background:#033969;}

.index-about-fr{ width:800px; float:right; overflow:hidden; margin-top:50px;}
.index-about-fr h3{ font-size:24px; color:#333; line-height:40px; margin-bottom:30px;}
.index-gsgg{ width:100%; overflow:hidden; font-size:17px; line-height:30px;}
.about-more{ float:right; font-size:13px; color:#333; margin:20px 0; overflow:hidden; width:150px; height:32px; line-height:32px; text-align:center; transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;}
.about-more:Hover{ background:#033969; color:#fff;}

.index-about-ul{ width:100%; overflow:hidden; margin-top:40px;}
.index-about-ul li{ width:25%; float:left; text-align:center;}
.index-about-ul li img{ width:44px;}
.index-about-ul li h2{ color:#333; font-size:14px;}
.index-about-ul li h2 span{ font-size:32px; color:#005bac; line-height:45px; margin-top:10px;}
.index-about-ul li p{ font-size:14px; color:#333; line-height:34px;}


/****首页产品展示*****/
.index-product{ padding:60px 0; overflow:hidden;}
.index-prd-list{ width:100%; float:left; background:#005bac; overflow:hidden; margin-top:30px;}
.index-prd-list li{ width:25%; height:40px; line-height:40px; float:left; text-align:center;}
.index-prd-list li a{ font-size:17px; color:#fff;}
.index-prd-list li:hover,.index-prd-list li.on{ background:#ff9900;}


.index-prd-show{ width:100%; float:left; margin-top:30px; overflow:hidden; margin-bottom:30px;}
.index-prd-show li{ width:283px; float:left; border:1px solid #eee; margin-right:18px; margin-bottom:25px; overflow:hidden;}
.index-prd-show li:nth-child(4n){ float:right; margin-right:0;}
.prdshow-img{ width:263px; padding:10px; float:left; overflow:hidden;}
.prdshow-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;
}
.prdshow-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;
}
.prdshow-txt{ width:263px; float:left; background:#f1f1f1; padding:10px;}
.prdshow-txt p{ text-align:center; font-size:17px; font-weight:bold; color:#333;}
.prdshow-txt span{ font-size:13px; color:#666;}
.index-prd-show li:Hover{ border:1px solid #005bac;}
.prdshow-txt a:hover{ color:#005bac;}


/****合作伙伴****/
.index-hzhb{ padding:60px 0; overflow:hidden; background:#fbfbfb;}
.index-hbxh{ width:100%; position:relative; margin-top:50px; overflow:hidden;}
.index-hbxh .swiper-button-white{
	transform: translateY(-50%);
    width: 30px;
    height: 48px;
	line-height:48px;
	font-size:25px;
	color:#fff;
	text-align:center;
    font-size: 0;
    background-color:#dcdcdc;
	background-image:none !important;
    z-index: 5;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
	top:70%;
}
.index-hbxh .swiper-button-white i{ font-size:30px !important;}
.swiper-button-white:hover{ background:#005bac;}
.swiper-container{ margin:0 50px !important;}


/****footer***/
.footer{ background:#054680; padding:40px 0; overflow:hidden; width:100%; float:left;}
.foot-fl{ float:left; width:660px;}
.foot-nav{ float:left; height:30px; line-height:30px; margin-bottom:30px;}
.foot-nav li{ float:left; width:auto; margin-right:20px;}
.foot-nav li a{ font-size:15px; color:#fff;}
.foot-lx{ float:left;}
.foot-lx p{ font-size:15px; color:#d9d9d9; line-height:30px;}
.foot-lx p a{ color:#d9d9d9;}
.foot-fr{ float:right;}
.foot-wx{ width:115px; float:left; margin-left:20px; font-size:13px; color:#fff; text-align:center;}
.foot-wx p{ padding:10px; background:#fff; float:left; position:relative; margin-bottom:10px;}
.foot-wx p .sj {
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -12px;
    display: block;
}


/*****侧边悬浮框*****/
.suspension {
    position: fixed;
    top: 70%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    z-index: 99;
    background-color: #fff;
}

.suspension li {
    width: 70px;
    height: 75px;
    background-color: #333;
    text-align: center;
    position: relative;
}

.suspension li img {
    display: block;
    width: auto;
    margin: auto;
    height: 25px;
}

.suspension li a {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    padding-top: 15px;
}

.suspension li:last-child {
    margin-bottom: 0;
    background-color: #a5a5a5;
}

.suspension li:hover .sub-content {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
}

.suspension li .sub-content {
    width: 215px;
    background-color: #fff;
    border: 1px solid #e2e0e0;
    position: absolute;
    right: calc(120%);
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(20px);
    transform: translateY(-50%) translateX(20px);
    visibility: hidden;
    opacity: 0;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

.suspension li .sub-content .sub-wrap {
    position: relative;
    padding: 10px;
}

.suspension li .sub-content .sub-wrap:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-color: #fff;
    border: 1px solid #e2e0e0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    right: -7px;
    border-left: 0;
    border-bottom: 0;
}

.suspension li .sub-content .sub-wrap .weixin {
    width: 190px;
}

.suspension li .sub-content img {
    height: auto;
}

.suspension li .sub-content p {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.suspension li .sub-content span {
    font-size: 24px;
    color: #019bdf;
    font-weight: 700;
}


/*****关于我们单页****/
.page-banner{ width:100%; overflow:hidden; position:relative; text-align:center;}
.page-title{ width:100%; overflow:hidden; text-align:center; position:absolute; left:0; top:35%;}
.page-title h2{ font-size:40px; color:#27d545; margin-bottom:25px; text-transform:uppercase; font-weight:400; line-height:40px; font-family:Georgia, "Times New Roman", Times, serif;}
.page-title h3{ font-size:50px; color:#27d545; margin-bottom:25px;}
.page-title span{ font-size:30px; color:#27d545; font-weight:400;}

.page-about{ padding:80px 0; overflow:hidden;}
.page-about-c{ width:100%; overflow:hidden; font-size:15px; line-height:30px;}
.page-about-c .pg-a-img{ float:right; margin-left:20px; width:550px;}
.page-about-c h2{ font-size:24px; color:#333; margin-bottom:15px;}
.page-about-c p{ text-indent:2em; margin-bottom:5px;}

.page-about-ms{ width:100%; float:left; overflow:hidden; margin-top:50px; background:#f5f5f5;}
.page-about-ms li{ width:25%; height:175px; padding-top:50px; float:left; text-align:center;}
.page-about-ms img{ width:50px;}
.page-about-ms li h2{ font-size:14px; color:#333;}
.page-about-ms li h2 span{ font-size:32px; color:#005bac; line-height:45px; margin-top:10px;}
.page-about-ms li p{ font-size:14px; color:#333; line-height:34px;}

.page-about-xbt{ width:256px; float:left; height:450px; margin-top:50px;}
.page-about-xbt img{ height:100%;}

/****企业文化***/
.page-qywh{ padding:60px 0; background:#fbfbfb; overflow:hidden;}
.pg-wh-c{ width:100%; margin-top:30px; overflow:hidden;}
.wh-img{ width:30%; float:left; text-align:center;}
.wh-img img{ width:200px;}
.wh-txt{ width:60%; height:151px; background:#005bac; padding:20px 5%; float:right; border-radius:10px;}
.wh-txt h2{ color:#fff; font-size:24px; margin-bottom:10px;}
.wh-txt p{ color:#fff; font-size:18px; text-indent:30px;}


/****资质滚动***/
.page-horo{ padding:60px 0; overflow:hidden;}
.ryList{ width:100%; margin-top:50px; overflow:hidden; clear:both; float:left; position:relative; text-align:center;}
.ryList .swiper-button-white{
	transform: translateY(-50%);
    width: 30px;
    height: 48px;
	line-height:48px;
	font-size:25px;
	color:#fff;
	text-align:center;
    font-size: 0;
    background-color:#dcdcdc;
	background-image:none !important;
    z-index: 5;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
	top:50%;
}
.ryList .swiper-button-white i{ font-size:30px !important;}
.swiper-button-white:hover{ background:#005bac;}
.swiper-container{ margin:0 50px !important;}
.ryList img{ height:350px;}


/*****人力资源****/
.page-rlzy{ padding:60px 0; overflow:hidden;}
.page-rlzy h2{ font-size:24px; color:#; overflow:hidden; text-align:center; margin-bottom:30px;}

/***联系我们****/
.page-lxwm{ padding:60px 0; overflow:hidden;}
.pg-lx-all{ width:100%; overflow:hidden; background:#f5f5f5;}
.pg-lx-fl{ width:540px; float:left; padding:30px;}
.pg-lx-fl h2{ font-size:28px; color:#005bac; margin-bottom:10px;}
.pg-lx-fl h3{ font-size:14px; font-weight:400; color:#666; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.pg-lx-fl p{ font-size:17px; color:#333; line-height:45px;}
.lx-map{ width:598px; float:right; border:1px solid #ccc;}


/******留言***/
.page-message{ padding:60px 0; overflow:hidden; background:url(../images/lybg.jpg) top center no-repeat; background-size:cover;}
.message{ width:90%; float:left; overflow:hidden; background:#fff; padding:5%;}
.message h2{ font-size:28px; color:#005bac; margin-bottom:30px; text-align:center;}
.message label{ font-size:14px; float:left;}
.message input { width:99%; height:38px; line-height:38px; float:left; border:1px solid #FAFAFA; margin-bottom:20px; text-indent:10px; font-size:14px;  background:#fafafa;}
.message textarea{ width:99%; height:200px; line-height:25px; float:left; border:1px solid #FAFAFA; margin-bottom:20px; font-size:14px; text-indent:10px; background:#fafafa;}
.message button{ width:100%; height:40px; line-height:40px; float:left; text-align:center; background:#005bac; font-size:14px; color:#fff; border:0; margin-bottom:20px;}
.message p{ text-align:center; font-size:14px; color:#888;}


/****新闻中心***/
.pg-news{ padding:60px 0; overflow:hidden;}
.page-news-ul{ width:400px; height:40px; margin:30px auto 0 auto; overflow:hidden; line-height:40px; background:#f8f8f8;}
.page-news-ul li{ width:50%; float:left; text-align:center;}
.page-news-ul li:hover,.page-news-ul li.on{ background:#005bac;}
.page-news-ul li:hover a,.page-news-ul li.on a{ color:#fff;}
.page-news-c{ width:100%; overflow:hidden; margin-top:30px;}

.page-news-ul2{ width:600px; height:40px; margin:30px auto 0 auto; overflow:hidden; line-height:40px; background:#f8f8f8; padding:0 15px;}
.page-news-ul2 li{ width:25%; float:left; text-align:center;}
.page-news-ul2 li:hover,.page-news-ul li.on{ background:#005bac;}
.page-news-ul2 li:hover a,.page-news-ul li.on a{ color:#fff;}

.c-index-hydt{ width:100%; overflow:hidden; border-bottom:1px solid #dbd4cd; padding:25px 0; margin:10px 0;}
.c-hydt-data{ width:60px; height:60px; float:left; margin-left:20px; color:#005bac; text-align:center;}
.c-hydt-data p{ color:#005bac; font-size:33px; font-weight:bold; margin-top:10px;}
.c-hydt-data span{ font-size:13px; color:#005bac;}
.c-hydt-name{ width:1100px; float:right; margin-bottom:5px;}
.c-hydt-name a{ font-size:16px; color:#333;}
.c-hydt-name a:hover{ color:#005bac;}
.c-hydt-des{ width:1100px; float:right; font-size:14px; line-height:23px; color:#5a5a5a;}

/****新闻详情页****/
.page-news-nr{ width:100%; overflow:hidden; margin-top:40px;}
.page-news-nr h1{ text-align:center; font-size:22px; color:#005bac;}
.page-news-nr h2{ text-align:center; font-size:15px; color:#333; font-weight:400; margin-top:20px; overflow:hidden; margin-bottom:20px; border-bottom:1px dashed #ddd; padding-bottom:20px;}
.page-news-cc{ width:100%; overflow:hidden; font-size:16px; line-height:30px;}
.page-news-cc td{ border:1px solid #4bacc6; padding:0 5px;}
.page-news-cc tr:first-child { background: #4bacc6; text-align:center;}
.page-news-cc td:first-child { text-align:center;}
.page-news-cc tr:nth-child(2n){ background:#b7dde8;}
.page-news-cc p{ margin-bottom:10px; text-indent:2em;}
.page-news-cc img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}
.page-news-cc1{ width:100%; overflow:hidden; font-size:16px; line-height:30px;}
.page-news-cc1 td{ border:1px solid #4bacc6; padding:0 5px;}
.page-news-cc1 tr:first-child { background: #4bacc6; text-align:center;}
.page-news-cc1 td:first-child { text-align:center;}
.page-news-cc1 tr:nth-child(2n){ background:#b7dde8;}
.page-news-cc1 p{ margin-bottom:10px;}
.page-news-cc1 img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}
.sxfy{ width:100%; overflow:hidden; border-top:1px solid #ddd; margin-top:20px; padding-top:20px;}
.sxfy span{ width:100%; float:left;}
.sxfy span a{ font-size:14px;}
.sxfy span a:Hover{ color:#005bac;}

/******工程案例****/
.case-fl{ width:220px; float:left; overflow:hidden;}
.case-fl h2{ text-align:right; font-size:22px; margin-bottom:15px;}
.case-fl li{ width:90%; height:50px; line-height:50px; float:left; border-bottom:1px solid #ddd; text-indent:15px; text-align:right; padding:0 5%;}
.case-fl li a{ font-size:15px; font-weight:bold;}
.case-fl li:hover{ background:#005bac; color:#fff;}
.case-fr{ width:950px; float:right;}
.case-fr li{ width:290px; height:auto; float:left; margin-right:20px; margin-bottom:20px;}
.case-fr li img{ width:100%;}
.case-fr li span{ width:90%; height:50px; line-height:25px; float:left; text-align:center; overflow:hidden; font-size:15px; color:#333; font-weight:bold; padding:0 5%; margin-top:5px;}


/****产品详情页****/
.page-prd-c{ padding:60px 0; overflow:hidden;}
.pc-slide {
	float: left;
	width: 600px;
	margin-top:40px;
	overflow:hidden;
	margin-bottom:40px;
}
.view .swiper-slide .img-center {
	width: 100%;
	height: 450px;
}
.view .swiper-container {
	width: 100%;
	margin:0 !important;
}
.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}
.preview .swiper-container {
	margin: 0 30px;
}
.preview .swiper-slide .img-center {
	height: 80px;
	border: 1px solid #ddd;
	cursor: pointer;
	position: relative;
	line-height: 80px;
}
.preview .arrow-left {
	background: url(../images/feel3.png) no-repeat left top;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}
.preview .arrow-right {
	background: url(../images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}
.preview .active-nav .img-center {
	border-color: #0077c3;
}
div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	background: #ffffff;
	border: 1px solid #ddd;
	display: none;
	text-align: center;
	overflow: hidden;
	font-size: 0;
}
div.zoomMask {
	position: absolute;
	background: url(../images/mask.png) repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}
.yunu-showcase {
	margin: 0 0 40px;
}


.page-prd-txt{ width:560px; float:right; margin-top:40px; overflow:hidden;}
.page-prd-txt h1{ font-size:22px; color:#005bac; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:20px;}
.prd-yyyy{ width:100%; overflow:hidden;}
.prd-yyyy p{ font-size:16px; color:#333; line-height:30px;}
.prd-des{ width:100%; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0; overflow:hidden; margin:15px 0; float:left;}
.prd-dh{ width:100%; float:left; font-size:16px; line-height:30px; margin-bottom:20px;}
.prd-dh strong{ color:#005bac; font-size:18px;}
.prd-dh img{ border:1px solid #005bac; border-radius:20px; width:25px; margin-right:10px;}
.prd-more{ width:100px; height:35px; line-height:35px; float:left; text-align:center; background:#005bac; font-size:15px; color:#fff;}
.prd-more:hover{ background:#ff9900; color:#fff;}


/*****分页***/
.fenye {
	padding: 40px 0 10px;
	width: 100%;
	text-align: center;
	clear: both;
}
.fenye a {
	color: #666;
	padding: 0 10px;
	margin: 0 3px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.fenye span {
	color: #fff;
	padding: 0 15px;
	margin: 0 3px;
	background: #005bac;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.fenye * {
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
	padding-bottom: 1px;
}
.fenye a:hover, .fenye .hover {
	display: inline-block;
	color: #fff;
	background: #005bac;
	border-color: #005bac;
}



/*****手机站样式****/
.dhbtn {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 3%;
    top: 20px;
    border-radius: 4px;
    background: url(../images/d1.png) no-repeat center center;
    background-size: 30px 30px;
}

/****手机站导航***/
.wnav {
    position: fixed;
    width: 220px;
    left: -220px;
    top: 90px;
    background: #fff;
    height: calc(100% - 60px);
	z-index:100000;
}
.wnav li {
    float: none;
    padding: 0;
    width: 100%;
	position: relative;
	font-size: 16px;
}
.wnav a {
    line-height: 50px;
    border-bottom: 1px solid #eee;
    padding: 0 15px;
	transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;
	display:block;
	font-size:16px; 
	font-weight:400;
	text-align:left;
}


.wap-list{ width:100%; border-bottom:1px solid #eee; background:#f9f9f9; padding:10px 0; overflow:hidden;}
.wap-list a{ width:23%; height:27px; line-height:27px; float:left; text-align:center; margin:0 1%; background:#d9d9d9; border-radius:20px; font-size:13px; color:#333;}
.wap-list a.on{ background:#12afa3; color:#fff;}


.show-xs {
	display: none;
}

@media screen and (max-width: 1024px) {
.layui-container{ padding:0 10px; width:auto;}
.hide-xs {
	display: none;
}
.show-xs {
	display: block;
}
.header{ height:80px; background:#fff; border-top:10px solid #005bac; position:fixed; left:0; top:0; z-index:100000;}
.logo img{ height:45px;}
.logo p{ width:auto; line-height:25px; float:none;}
.logo p span{ font-size:22px; width:auto;}
.logo p font{ font-size:9px; width:auto;}
.x-banner,.page-banner{ margin-top:90px;}
.head-txt,.head-search,.menu{ display:none;}
.banner-txt h2{ font-size:24px; line-height:40px; margin:0;}
.banner-txt h3{ font-size:14px;}
.index-news,.index-about,.index-product,.page-about,.pg-news,.page-prd-c,.index-hzhb,.page-horo{ padding:30px 0;}
.index-news-fl{ display:none;}
.index-news-fr{ width:100%; margin-top:20px;}
.index-news-ul{ background:#fff;}
.index-news-ul li{ width:48%; margin:0 1%; background:#005bac;}
.index-news-ul li a{ color:#fff; font-size:15px;}
.hydt-data{ width:15%; margin:0;}
.hydt-name,.hydt-des{ width:80%;}
.index-about-fl{ width:90%; padding:40px 5%; height:auto; background-size:cover; margin-top:30px;}
.index-about-fr{ width:100%; margin-top:20px;}
.index-about-fr h3{ margin-bottom:15px;}
.index-more{ margin:30px auto;}
.index-about-ul li{ width:50%;}
.index-prd-list{ width:100%; padding:0; background:none; margin:0;}
.index-prd-list li{ width:23%; margin:8px 1%; background:#005bac;}
.index-prd-list li a{ color:#fff; font-size:15px;}
.index-prd-show li{ width:48%; margin:10px 0;}
.index-prd-show li:nth-child(2n) { float:right;}
.prdshow-img{ width:auto;}
.prdshow-img img{ width:100%;}
.prdshow-txt{ width:94%; padding:10px 3%;}
.prdshow-txt p{ height:44px; line-height:22px; overflow:hidden;}
.suspension,.foot-fr{ display:none;}
.foot-fl{ width:100%;}
.page-about-ms{ width:100%;}
.page-news-ul{ width:100%; padding:0; background:none; margin:0;}
.page-news-ul li{ width:48%; margin:0 1%; background:#005bac;}
.page-news-ul li a{ color:#fff; font-size:15px;}
.page-news-ul2{ width:100%; padding:0; background:none; margin:0;}
.page-news-ul2 li{ width:23%; margin:0 1%; background:#005bac;}
.page-news-ul2 li a{ color:#fff; font-size:15px;}
.c-hydt-data{ width:15%; margin:0;}
.c-hydt-name,.c-hydt-des{ width:80%;}
.c-hydt-des{ height:46px; overflow:hidden;}
.pc-slide{ width:100%;}
.view .swiper-slide .img-center{ height:auto;}
.page-prd-txt{ width:100%; margin:0 0 30px 0;}
.page-about-xbt{ display:none;}
.pg-lx-fl{ width:auto;}
.message h2{ font-size:22px; line-height:30px;}
.page-banner img{ width:auto; height:200px;}
.case-fl{ width:100%;}
.case-fl li{ width:23%; margin:0 1%; background:#005bac; border:0;}
.case-fl a{ color:#fff; font-size:15px;}
.case-fr{ width:100%; margin-top:30px;}
.case-fr li{ width:48%; margin-right:0;}
.case-fr li:nth-child(2n){ float:right; margin-right:0;}
.banner-txt{ top:30%;}
.page-title h2{ font-size:20px; margin:0;}
.page-title h3{ font-size:24px; margin:0;}
.page-title span{ font-size:16px;}
.page-title{ top:30%;}
}