@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:80%;
	max-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:#ff0; overflow:hidden;}
.head-a a{ color:#ff0; font-weight:bold;}
.headfl img{ width:16px;}
.worksbox {
    width: 22px;
    height: 22px;
    position: relative;
    float: left;
    padding-right: 6px;
    padding-bottom: 6px;
	padding-top:5px;
}
.worksbox a {
    border-style: none;
    background-color: #ffff f;
    padding: 0px;
    display: block;
}
.worksbox p.phbox {
    width: 22px;
    height: 22px;
    position: relative;
    overflow: hidden;
}
.worksbox a img {
    width: 22px;
    height: 22px;
	transition: all 0.3s;
}
p.phbox img.phfront {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
p.phbox img.phback {
    height: 22px;
    z-index: 3;
    position: absolute;
    left: 0;
    top: -22px;
}
.worksbox:hover img.phfront{ top:-22px;}
.worksbox:hover img.phback{ top:0;}

.header{ height:110px; padding:10px 0; overflow:hidden; background:#fff; width:100%; transition: all 0.8s;}
.logo{ float:left; margin-top:23px;}
.logo img{ height:61px; float:left; margin-right:10px;}
.logo .p1{ float:left; width:230px; line-height:25px; margin-top:7px;}
.logo .p1 span{ font-size:40px; color:#12afa3; font-weight:bold; width:100%; float:left; margin-bottom:8px;}
.logo .p1 font{ font-size:10px; color:#333; width:100%; float:left; text-transform: uppercase;}

.logo .p2{ border-left:1px solid #ddd; float:left; width:500px; padding-left:30px;}
.logo .p2 strong{ width:100%; float:left; color:#12afa3; font-size:30px; margin-bottom:5px;}
.logo .p2 font{ font-size:24px; font-weight:bold; color:#333;}

.menu{ height:55px; line-height:55px; overflow:hidden; background:#12afa3;}
.menu li{ width:14.2%; height:55px; line-height:55px; float:left; text-align:center;}
.menu li a{ font-size:16px; color:#fff;}
.menu li.on,.menu li:hover{ background:rgba(255,153,0,1);}
.menu li.on a,.menu li:hover a{ color:#fff;}

.head-search{ width:165px; height:34px; line-height:34px; float:right; border:1px solid rgba(217, 217, 217); border-radius: 30px; margin-top:26px;}
.head-search input{
    width: 107px;
    font-size: 13px;
    font-family: Microsoft YaHei;
    color: #999999;
    font-weight: normal;
    line-height: 31px;
    height: 31px;
    vertical-align: middle;
    border: transparent 1px solid;
    padding-left: 5px;
    padding-right: 5px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: block;
	background-color: transparent;
	float:left;
}
.head-search a{
    background: url(../images/sch_off.png) center no-repeat;
    float: left;
    width: 46px;
    height: 34px;
    line-height: 34px;
    cursor: pointer;
    color: ;
    font-size: px;
    text-align: center;
}
.fixed{ position:fixed; left:0; top:0; z-index:1000; width:100%;}

.conD{ background:url(../images/dianhua1.png) no-repeat left center; background-size:50px; height:auto; overflow:hidden; padding-left:60px; float:right;}
.conD span{ display:block; font-size:14px;}
.conD b{ display:block; color:#fc8403; font-size:24px;}



/* 首页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: #12afa3;
}

.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;
}

@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: #12afa3;
}


@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);
}

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

.banner-txt{ width:947px; height:auto; padding:30px 0; position:absolute; left:31%; top:35%; background:url(../images/b40_bg.png); z-index:100;}
.banner-txt h2{ font-size:40px; color:#ff0; text-align:center; line-height:60px; margin:30px 0 20px 0;}
.banner-txt h3{ font-size:26px; color:#0ff; text-align:center; margin-bottom:40px; line-height:35px;}
.banner-txt h4{ font-size:24px; color:#0ff; text-align:center; margin-bottom:40px;}
.banner-txt ul{ width:90%; margin:0 auto;}
.banner-txt li{ width:50%; font-size:22px; color:#0ff; float:left; margin-bottom:20px; font-weight:bold;}
.b-more1{ width:245px; height:41px; line-height:41px; float:left; text-align:center; background:rgba(0,219,0,1); border-radius:22px; margin-right:30px; margin-left:26%;}
.b-more2{ width:150px; height:41px; line-height:41px; float:left; text-align:center; background:rgba(255,153,0,1); border-radius:22px;}
.b-more1 a,.b-more2 a{  font-size:17px; color:#fff;}
.b-more1:hover{ background:rgba(255,153,0,1);}
.b-more2:hover{ background:rgba(0,219,0,1);}


/*****首页产品展示****/
.index-prd{ padding:30px 0; overflow:hidden;}
.T-title{ width:100%; overflow:hidden;}
.t-fl h2{ font-size:23px; font-weight:bold; color:#12afa3; width:104px; border-right:1px solid #eee; margin-right:20px; float:left;}
.t-fl span{ color:rgba(225, 246, 246); font-size:21px; float:left;}
.t-fr a{ width:155px; height:34px; line-height:34px; float:left; text-align:center; background:#f7f7f7; font-size:14px; color:#666; margin-left:10px; border-radius:20px; overflow:hidden;}
.t-fr a.cur{ background:#00cdcd; color:#fff;}
.index-r-show{ width:100%; margin-top:30px; overflow:hidden;}
.i-p-c{ border:1px solid #eee; padding:15px; overflow:hidden; font-size:14px; color:#000; text-align:center; line-height:25px;}
.i-p-c img{ width:100%; margin-bottom:10px;}
.i-p-c span{ width:100%; height:30px; line-height:30px; overflow:hidden; float:left;}
.i-p-c:hover{ border:1px solid #00cdcd; color:#000;}
.i-p-c:hover a{ color:#000;}

/****横幅****/
.index-hf{ height:177px; background:url(../images/tel_bg3.jpg) center top no-repeat; background-size:cover;}
.hf-fl{ padding-top:40px;}
.hf-fl h2{ font-size:42px; color:#ff0; margin-bottom:10px; line-height:50px; overflow:hidden;}
.hf-fl h2 span{ float:left;}
.xian{ width:74px; height:2px; background:#fff; margin:25px 0; margin-left:10px; float:left;}
.hf-fl h3{ font-size:33px; color:#fff; line-height:40px;}
.hffr{ padding-top:100px;}
.hffr span{ font-size:24px; color:#ff9900; font-weight:bold; float:left;}
.hffr a{ width:150px; height:34px; line-height:34px; float:left; text-align:center; color:#00cdcd; border:1px solid #00cdcd; font-size:15px; border-radius:25px; margin-left:30px;}
.hffr a:hover{ border:1px solid #fff; color:#ff0;}

/******首页关于我们****/
.index-about{ padding:50px 0; overflow:hidden; background:url(../images/aboutbg.png) center top no-repeat;}
.T-title1{ width:100%; text-align:center;}
.T-title1 h2{ font-size: 36px; color: rgba(225, 246, 246); font-weight:400; line-height:40px;}
.T-title1 h3{ font-size: 23px; color: rgb(18, 175, 163);}
.i-a-c{ width:100%; margin-top:40px; overflow:hidden;}
.i-a-fl{ width:527px; height:391px;}
.i-a-fl img{ width:100%;}
.i-a-fr{ width:633px; height:351px; background:#f0f7fb; padding:20px;}
.i-a-fr h2{ font-size:21px; color:#5a5a5a; margin:10px 0 20px 0;}
.i-a-jj{ font-size:16px; color:#888; line-height:30px;}
.i-a-jj p{ line-height:30px; margin-bottom:15px; text-indent:2em;}
.i-a-tu{ width:100%; margin-top:0; overflow:hidden;}
.i-a-tu li{ width:128px; height:56px; line-height:56px; float:left; margin-right:20px; background:#00cdcd; text-indent:15px;}
.i-a-tu li img{ margin-right:10px;}
.i-a-tu li a{ font-size:16px; color:#fff;}

/******我们的优势****/
.index-ys{ padding:50px 0; overflow:hidden; background:url(../images/adv_bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; height:544px;}
.ys-tu{ width:100%; margin-top:50px; overflow:hidden;}
.ys-img{ width:300px; float:left; height:212px; overflow:hidden; position:relative;}
.ys-img img{ transform: scale(1) translateX(0px); transition: all .5s;}
.ys-img:hover img{ transform: scale(1) translateX(20px);}
.ys-txt{ width:230px; height:142px; float:left; padding:35px; background:#fff;}
.ys-txt h2{ font-size:16px; color:#1a1a1a; margin-bottom:10px;}
.ys-txt p{ font-size:14px; color:#5a5a5a; line-height:25px;}
.ys-img1{ width:300px; float:left; height:212px; overflow:hidden; position:relative;}
.ys-img1 img{ transform: scale(1) translateX(0px); transition: all .5s;}
.ys-img1:hover img{ transform: scale(1) translateX(-20px);}

/****首页新闻****/
.index-news{ padding:50px 0; overflow:hidden;}
.i-news-c{ width:100%; overflow:hidden; margin-top:40px;}
.i-news-fl{ width:450px; float:left; overflow:hidden;}
.fl-img{ width:100%; height:300px; float:left; overflow:hidden;}
.fl-img img{ width:100%; transition: all 0.5s ease-in-out;}
.fl-img:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.fl-name{ width:100%; height:30px; line-height:30px; float:left; margin-top:10px;}
.fl-name a{ font-size:20px; color:#000;}
.fl-name a:Hover{ color:#00cdcd;}
.fl-data{ font-size:14px; color:#929292;}
.fl-des{ width:100%; float:left; font-size:14px; color:#999; line-height:24px;}
.i-news-fr{ width:700px; float:right;}
.i-news-fr ul{ width:100%; overflow:hidden; padding-bottom:24px; border-bottom:1px solid #dbd4cd; margin-bottom:20px;}
.fr-data{ width:66px; height:68px; float:left; background:#00cdcd; text-align:center; color:#fff;}
.fr-data p{ line-height:30px; font-size:24px; color:#fff; font-weight:bold; margin-top:5px;}
.fr-name{ width:620px; float:right;}
.fr-name a{ font-size:16px; color:#333;}
.fr-name a:Hover{ color:#00cdcd;}
.fr-des{width:620px; float:right; font-size:13px; color:#999; line-height:20px;}

/*****首页产品列表****/
.index-cplist{ padding:60px 0; overflow:hidden; background:#f6f6f6;}
.cplist-c{ background:#fff; padding:20px; overflow:hidden; border:1px solid #fff;}
.cplist-img{ width:100%; overflow:hidden;}
.cplist-img img{ width:100%; transition: all 0.5s ease-in-out;}
.cplist-img:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.cplist-name{ width:100%; font-size:20px; color:#000; margin:20px 0; overflow:hidden; text-align:center;}
.cplist-des{ padding:0 30px; font-size:15px; color:#a3a3a3; line-height:30px; text-align:center;}
.cplist-more{ margin:20px 0; overflow:hidden; text-align:center; width:100%; float:left;}
.cplist-more a{ font-size:16px; color:#7a7a7a;}
.cplist-c:hover{ border:1px solid #00cdcd;}
.cplist-c:hover a{ color:#00cdcd;}

/*****荣誉资质****/
.index-ryzz{ padding:40px 0; overflow:hidden;}
.prd-show{ width:100%; float:left; line-height:40px; text-align:center; font-size:12px; color:#5a5a5a;}
.prd-show img{ height:170px;}
.index-ryzz .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:48%;
}
.index-ryzz .swiper-button-white i{ font-size:30px !important;}
.swiper-button-white:hover{ background:#00cdcd;}
.swiper-container{ margin:0 50px !important;}
.prd-show span{ width:100%; height:30px; line-height:30px; float:left; text-align:center; overflow:hidden;}

/****footer***/
.footer{ background:url(../images/footbg.png) center bottom no-repeat rgba(14, 140, 130); padding:40px 0; overflow:hidden; width:100%; float:left;}
.foot-fl{ float:left; width:800px;}
.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:#ff0; font-weight:bold;}
.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;
}


/*****关于我们单页****/
.pgbanner{ text-align:center;}
.pg-about{ float:left; width:100%; padding-bottom:50px;}
.pa-fl{ width:236px; float:left; margin-top:-60px; z-index:100; position:relative;}
.pa-list{ width:100%; float:left;}
.pa-list h2{ width:100%; height:99px; float:left; background:#12afa3; text-align:center; border-radius:10px 10px 0 0;}
.pa-list h2 span{ font-size:27px; color:rgba(255,255,255,.6); width:100%; float:left; font-weight:400; margin-top:20px; margin-bottom:5px;}
.pa-list h2 font{ font-size:18px; color:#fff; font-weight:400;}
.pa-list li{ width:100%; height:46px; line-height:46px; float:left; margin-top:2px; text-align:center;}
.pa-list li a{ font-size:14px; color:#333; width:100%; float:left;}
.pa-list li i{ float:right; margin-right:20px; color:#12afa3; font-size:12px;}
.pa-list li.nclist{ background:#f4f4f4;}
.pa-list li.wclist{ background:#12afa3;}
.pa-list li.wclist i{ color:#fff;}
.pa-list li.wclist a{ color:#fff;}


.pa-lxwm{ width:100%; float:left; margin-top:10px;}
.pa-lx-img{ width:100%; float:left; height:165px; background:url(../images/csxx.jpg) center no-repeat;}
.pa-lx-img a{ width:150px; height:41px; line-height:41px; text-align:center; border:1px solid #ddd; font-size:16px; color:#fff; font-weight:bold; margin:0 auto; display:block; margin-top:55px;}
.pa-lx-img a:Hover{ background:#12afa3; border:1px solid #12afa3;}
.pa-lxwm h2{ height:auto; padding:20px; background:#12afa3; overflow:hidden; font-size:17px; color:#fff; font-weight:400;}
.pa-lxwm p{ font-size:26px; color:#fff;}

.pa-fr{ width:930px; float:right; overflow:hidden; padding:20px 0;}
.postion{ width:100%; float:left; overflow:hidden; background:url(../images/title-pattern.png) left bottom repeat-x; padding-bottom:20px; font-size:15px; margin-bottom:30px;}
.pa-abname{ text-align:center; font-size:21px; color:#222; font-weight:bold; margin-bottom:20px;}
.view-table{ width:100%; overflow:hidden; font-size:15px; line-height:30px;}
.view-table img{ display:block; max-width:100%; margin-left:auto; margin-right:auto;}

/****在线留言***/
.message-pc{ width:100%; float:left; background:url(../images/fback.jpg) right bottom no-repeat; padding-bottom:60px;}
.zxly-in{ width:462px; float:left; overflow:hidden;}
.zxly-in .in-ly{ width:460px; height:41px; line-height:41px; float:left; border:1px solid #e5e5e5; text-indent:20px; color:#666; font-size:14px; margin-bottom:25px;}
.zxly-in textarea{ width:440px; float:left; border:1px solid #e5e5e5; height:200px; line-height:25px; color:#666; font-size:14px; padding:10px;}
.zxly-in button{ width:140px; height:40px; line-height:40px; float:left; text-align:center; background:#12afa3; font-size:14px; color:#fff; border:0; margin-top:20px;}
.inpbox{ width:100%; overflow:hidden; margin-bottom:25px;}
.radiobox {
    background-color: #eee;
    color: #333;
    padding: 0 8px 0 25px;
    position: relative;
    height: 40px;
    line-height: 40px;
    float: left;
    margin-right: 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
	border-color: #cccccc;
}
.radiobox input[type="radio"] {
    box-sizing: border-box;
    left: 5px;
    margin: 3px;
    padding: 0;
    position: absolute;
    top: 10px;
    vertical-align: middle;
    opacity: 1;
    filter: alpha(opacity = 0);
}
.radiobox label {
    display: inline-block;
	font-size:14px;
}
.radiobox.on {
    background-color: #12afa3;
}
.radiobox.on label.labelofradio {
    color: #fff;
}
.inptext {
    font-family: '微软雅黑';
    background-color: #fff;
    border: 1px solid #00aff1;
    font-size: 12px;
    text-indent: 5px;
    height: 38px;
    line-height: 38px;
    width: 90%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
	border-color: #cccccc;
}
.txtarea {
    font-size: 12px;
    padding: 5px 0;
    width: 90%;
    height: 60px;
    background-color: #fff;
    border: 1px solid #00aff1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
	border-color: #cccccc;
	height:150px;
}

/*****分页***/
.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: #12afa3;
	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: #12afa3;
	border-color: #12afa3;
}


/****新闻中心****/
.news-top{ width:100%; overflow:hidden; margin:30px 0;}
.top-img{ width:280px; float:left; margin-right:20px;}
.top-name{ width:630px; float:left; line-height:40px;}
.top-name a{ font-size:18px; color:#000;}
.top-name a:hover{ color:#12afa3;}
.top-des{ width:630px; float:left; font-size:13px; color:#999; line-height:25px;}

.news-list{ width:100%; overflow:hidden;}
.news-list li{ width:100%; line-height:35px; float:left;}
.news-list li a{ font-size:15px; color:#333;}
.news-list li a:hover{ color:#12afa3;}
.news-list li span{ font-size:12px; color:#ccc;}

.pg-news-nr{ width:100%; overflow:hidden;}
.pg-news-nr h1{ font-size:19px; color:#434343; margin-bottom:5px; text-align:center;}
.pg-news-nr h2{ text-align:center; font-size:13px; color:#5a5a5a; font-weight:400; margin-bottom:20px;}
.pg-n-sxfy{ width:100%; overflow:hidden; margin-top:20px;}
.pg-n-sxfy span{ font-size:14px; width:100%; float:left; font-size:14px;}
.pg-n-sxfy span a:hover{ color:#12afa3;}

/******产品中心****/
.prd-list{ width:100%; overflow:hidden;}
.prd-list li{ width:251px; float:left; border:1px solid #e7e7e6; margin-right:25px; padding:20px 20px 0 20px; margin-bottom:20px;}
.prd-list li:nth-child(3n){ float:right; margin-right:0;} 
.prd-list li img{ width:100%;}
.prd-list li span{ width:100%; height:40px; line-height:40px; float:left; text-align:center; font-size:14px; color:#000; overflow:hidden;}
.prd-list li:hover{ border:1px solid #12afa3;}

.pg-prd-c{ width:100%; overflow:hidden;}
.pg-prd-img{ width:400px; float:left; margin-bottom:20px;}
.pg-prd-img img{ width:100%;}
.pr-prd-txt{ width:500px; float:right;}
.pr-prd-txt h1{ font-size:20px; color:#454545; border-bottom:1px solid #e2e2e2; padding-bottom:15px; margin-bottom:25px;}
.pr-prd-txt p{ line-height:30px; font-size:15px; margin-bottom:10px;}
.pr-prd-txt p strong{ font-size:20px; color:#ff5022;}

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

/****手机站导航***/
.wnav {
    position: fixed;
    width: 220px;
    left: -220px;
    top: 76px;
    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:46%; height:32px; line-height:32px; float:left; text-align:center; margin:10px 2%; background:#d9d9d9; border-radius:20px; font-size:13px; color:#333;}
.wap-list a.on{ background:#12afa3; color:#fff;}

.embed-toolbar{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1.932367vw 3.864734vw;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #dddddd;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 2147482100;
}
.embed-toolbar-btn{
    flex: 1;
    height: 8.695652vw;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4.830918vw;
    font-size: 3.864734vw;
    text-decoration: none;
}


.show-xs {
	display: none;
}

@media screen and (max-width: 1024px) {
.layui-container{ padding:0 10px; max-width:100%; min-width:100%;}
.hide-xs {
	display: none;
}
.show-xs {
	display: block;
}
.header{ height:60px; background:#fff;}
.logo{ margin-left:10px; margin-top:5px;}
.logo img{ height:50px;}
.logo .p1{ margin-top:5px; width:300px;}
.logo .p1 span{ font-size:20px; margin-bottom:0;}
.menu,.head-search,.b-more1,.b-more2,.xian,.hffr a,.i-news-fl,.index-cplist,.foot-fr,.pa-fl,.news-top,headfr{ display:none;}
.banner-txt{ width:90%; left:5%; top:20%; height:auto; padding:10px 0;}
.banner-txt h2{ font-size:17px; margin:5px 0; line-height:25px;}
.banner-txt h3{ font-size:14px; margin-bottom:10px; padding:0 20px;}
.banner-txt h4{ font-size:14px; margin-bottom:10px; padding:0 20px;}
.T-title{ text-align:center;}
.t-fl{ width:100%; margin-bottom:15px;}
.t-fl span{ width:100%; margin-bottom:10px;}
.t-fl h2{ width:100%;}
.t-fr{ width:100%;}
.t-fr a{ width:47%; margin:10px 1.5%;}
.index-hf{ height:119px;}
.hf-fl{ width:100%; padding-top:20px;}
.hf-fl h2{ font-size:22px; text-align:center; line-height:30px; margin:0;}
.hf-fl h2 span{ float:none;}
.hf-fl h3{ font-size:16px; line-height:25px; text-align:center;}
.hffr{ width:100%; padding-top:10px; text-align:center;}
.hffr span{ float:none; font-size:15px;}
.index-about,.index-news{ padding:30px 0;}
.i-a-c{ margin-top:10px;}
.i-a-fl{ width:100%; height:auto;}
.i-a-fr{ width:auto; height:auto;}
.i-a-tu li{ width:47%; height:36px; line-height:36px; margin-right:3%; margin-bottom:10px;}
.index-ys{ padding:30px 0; height:auto;}
.T-title1 h2{ font-size:30px; margin-bottom:5px;}
.ys-tu{ margin-top:30px;}
.ys-img,.ys-img1{ width:50%; height:160px;}
.ys-img img,.ys-img1 img{ height:160px;}
.ys-txt{ width:44%; padding:10px 3%; height:140px;}
.i-news-c{ margin-top:20px;}
.i-news-fr{ width:100%;}
.fr-data{ width:15%;}
.fr-name{width:80%;}
.fr-des{ width:80%; height:40px; overflow:hidden;}
.index-news{ background:#f1f5f7;}
.index-ryzz{ padding:30px 0;}
.swiper-container{ padding:0; margin:0 !important;}
.foot-fl{ width:100%;}
.footer{ padding:30px 0;}
.foot-nav{ height:auto; margin-bottom:10px;}
.pa-fr{ width:100%;}
.prd-list li{ width:42%; border:0; background:#fff; padding:3%; margin:10px 1%;}
.prd-list li:hover{ border:0;}
.pg-about{ padding-bottom:20px;}
.pg-prd-img{ width:100%;}
.pr-prd-txt{ width:100%;}
.prd-list li:nth-child(3n){ float:left;}
.logo p span{ font-size:21px;}
}