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

/*公共样式*/
.layui-fluid {
	padding: 0px;
}

.wnminwidth {
	min-width: 1140px;
}

.wnmaxwidth {
	max-width: 1140px;
}

.ptop25 {
	padding-top: 25px;
}

.ptop50 {
	padding-top: 50px;
}

.ptop15 {
	padding-top: 25px;
}

.mtop25{
	margin-top: 25px;
}

.mtop50{
	margin-top: 50px;
}

.mtb20{
	margin: 20px 0;
}

.pall20{padding: 20px;}

.bg-blue {
	background-color: #0A77BD;
}

.cbg-bulue {
	background-color: #B6D7ED;
	padding: 0 1px;
}
.layui-breadcrumb a{
	color: #333333!important;
	font-size: 16px;
	line-height: 32px;
}

.layui-breadcrumb a:hover {
	color: #EC6600!important;
}

a,
a.bwlink{color: #000000;}
a.wlink,
a.wwlink,
a.wwlink:hover,
a.bwlink:hover{color: #FFFFFF;}
a.dglink{color: #333333;}
a.lglink{color: #666666;}
a.clink,
a:hover{color: #ee7404;}


.chidden{
	overflow: hidden;
}
.fr{
	float: right;
}

.tright{
	text-align: right;
}
.tcenter{
	text-align: center;
}

/*顶部样式*/
.wntopheader {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px solid #F0F0F0;
}

.wntopheader span {
	display: inline-block;
	float: right;
	margin-left: 20px;
}

.wntopheader span a:hover {
	color: #EC6600;
}

/*logo和联系方式样式*/
.logocode {
	height: 82px;
	padding: 30px 0px;
}

.logocode span {
	display: inline-block;
	line-height: 36px;
	font-size: 16px;
	padding: 5px 0px;
	float: right;
	text-align: right;
}

.logocode span>p {
	color: red;
	font-size: 34px;
	font-weight: bolder;
}

.logocode p>i {
	color: red;
	font-size: 30px;
	font-weight: bolder;
}

/*主导航样式*/
.layui-nav .layui-nav-item a {
	color: #fff;
}

.layui-nav .cbg-bulue a {
	color: #000;
	font-weight: bold;
}

.layui-nav .cbg-bulue a:hover {
	color: red;
	font-weight: bold;
}

.layui-nav .layui-nav-child a {
	color: #333
}

.layui-nav .layui-nav-child a:hover {
	background-color: #0A77BD;
	color: #fff;
}

.layui-nav-child dd {
	border-bottom: 1px solid #F0F0F0;
}

.layui-nav .layui-this:after,
.layui-nav-bar {	
	height: 5px;
	background-color: #B6D7ED;
}

#topnav .layui-nav-more {
	right: 23px;
}

.layui-nav,
.layui-nav a {
	padding: 0px;
	font-size: 18px;
}

.layui-nav-item,
.layui-nav-child {
	text-align: center;
}

/*幻灯片样式*/
.huandeng {
	height: 450px;
}

/*面包屑样式*/
.layui-breadcrumb a {
	font-size: 16px;
}

/*分页样式*/
#pagesdiv {
	text-align: center;
}

#pagesdiv a {
	padding: 5px 10px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #F0F0F0
}

#pagesdiv span.cpage {
	padding: 5px 10px;
	text-align: center;
	line-height: 32px;
	background-color: #0A77BD;
	color: #fff;
}

#pagesdiv span.slpage {
	padding: 5px 10px;
	text-align: center;
	line-height: 32px;
	border: 1px solid #F0F0F0
}

/*热门搜索信息*/
.hotsearch {
	font-size: 14px;
}

.hotsearch span {
	margin: 0px 5px;
}

/*搜索框样式*/
.searchrow {
	height: 60px;
	background-color: #F4F4F4;
	line-height: 58px;
}

.layui-form-item {
	margin: 0px;
	padding: 0px;
}

.layui-form {
	text-align: left;
}

.layui-form .layui-input {
	margin-top: 3px;
	width: 200px;
}

.fenlei-titile{
	text-align:center; 
	padding: 20px 0px 15px 0px; 
	font-size: 32px; 
	font-weight: bold;
}
.fenlei-titile span{
	color: red;
}

.cpfrow{
	background: url(../img/index-rxcp.jpg) center top no-repeat;
	padding-bottom: 20px;
}
.cpfrow .layui-panel div{
	padding: 10px;
}
.cpfrow .layui-panel div:hover{
	border: 1px dotted red;
	background-color:#F4F4F4;
}
.cpfrow .layui-panel div img{
	width: 100%;
	transition: all 2s;
	text-align: center;
}

.cpfrow .layui-panel div:hover img{
	transform:scale(1.2);
}

.cpfrow .layui-panel div p{
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0;
}

.cprowtitle{
	line-height: 36px;
	background-color: #F4F4F4;
	margin-bottom: 10px;
	padding: 5px 5px 2px 0;
}
.cprowtitle span:nth-child(3),.cprowtitle span:nth-child(3) i{
	float: right;
	font-size: 14px;
}
.cprowtitle span:nth-child(2){
	font-size: 26px;
	font-weight: 400;
	padding-left: 10px;
}
.cprowtitle span:nth-child(2) i{
	font-size: 30px;
	font-weight: 400;
	color: red;
}
.cprowtitle span:nth-child(1){
	font-size: 30px;
	font-weight: bold;
	padding: 5px 8px;
	background-color: red;
	color: #fff;
}

.cprowcon .layui-panel{
	padding: 8px;
}
.cprowcon .layui-panel:hover{
	border: 1px dotted red;
	background-color:#F4F4F4;
}
.cprowcon .layui-panel div:nth-child(1){
	position: relative;
}
.cprowcon .layui-panel div:nth-child(1) div{
	background-color:orangered;
	color: #fff;
	line-height: 26px;
	font-size: 16px;
	border-bottom-right-radius:0.75rem;
	width: 20%;
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
}
.cprowcon .layui-panel div:nth-child(1) img{
	width: 100%;
	height: 190px;
	transition: all 2s;
}

.cprowcon .layui-panel:hover div:nth-child(1) img{
	transform:scale(1.2);
}
.cprowcon .layui-panel p{
	font-size: 16px;
	line-height: 32px;
	padding-left: 10px;
	height:32px;
	overflow:hidden;
}
.cprowcon .layui-panel p:nth-child(3){
	color: red;
	font-weight: bold;
}

.ysrow{
	background: url(../img/4youshi.jpg) center top no-repeat;
	padding-top: 215px;
}

.ysrowcon > div:nth-child(odd){
	background-color: #F4F4F4;
}

.ysrowcon > div{
	padding: 20px;
}
.ysrowcon > div p{
	font-size: 14px;
	line-height: 26px;
}
.ysrowcon > div p.title{
	font-size: 28px;
	text-align: center;
	line-height: 26px;
}
.ysrowcon > div p.title span{
	color: red;
}
.ysrowcon > div > p.title:nth-child(even){
	padding-top: 15px;
}
.ysrowcon > div:nth-child(even)> p > img{
	padding-top: 15px;
}

.ysrowcon > div:hover{
	background-color:#B6D7ED;
}

.ysrowcon > div:hover img{
	transform:scale(1.2);
}

.ysrowcon > div img{
	transition: all 2s;
	width: 100%;
}

.newsrow{
	padding: 25px 0 15px 0;
	background: url(../img/abt_bg.gif) repeat;
}
.newsrowcon > div{
	background-color: #fff;
	width: 32%;
}
.newsrowcon > div:nth-child(even){
	margin: 0 2%;
}
.newsrowcon .layui-panel{
	padding: 20px;
	border-top: 4px solid #0A77BD;
}
.newsrowcon .layui-panel:hover{
	background-color: #F4F4F4;
}
.newsrowcon .layui-panel div{
	width: 100%;
	text-align: center;
}
.newsrowcon .layui-panel div img{
	width: 100%;
	height: 215px;
}
.newsrowcon .layui-panel div:nth-child(1){
	font-size: 22px;
}
.newsrowcon .layui-panel div:nth-child(2){
	font-size: 14px;
	padding: 10px 0;
}
.newsrowcon .layui-panel div:nth-child(3){
	position: relative;
}
.newsrowcon .layui-panel div:nth-child(3) div{
	background-color: #666666;
	color: #fff;
	line-height: 22px;
	width: 100%;
	position: absolute;
	opacity: 0.8;
	bottom: 0;
}
.newsrowcon ul.newsclist{
	margin-top: 15px;
}
.newsrowcon ul.newsclist img{
	width: 100%;
	height: 215px;
}
.newsrowcon ul.newsclist li{
	line-height: 32px;
	font-size: 14px;
}
.newsrowcon ul.newsclist li:not(:first-child) p:nth-child(1){
	display: none;
}
.newsrowcon ul.newsclist li i{
	line-height: 26px;
	font-size: 10px;
}
.newsrowcon .layui-panel div button{
	margin: 10px 0;
	text-align: center;
	background-color: orangered;
}

.usrow{
	background-color: #F4F4F4;
	margin: 0;
	padding-bottom: 25px;
}

.gyus-txt{
	line-height: 30px; 
	font-size: 16px;
}
.gyus-txt p{
	padding-top: 15px;
}
.gyus-code{
	padding:0 0px 20px 30px;
}
.gyus-code p{
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	display: inline-block;
}
.gyus-code img{
	width: 180px;
	padding: 0 10px;
}
.gyus-lianxi{
	line-height:32px; 
	font-size:16px;
	padding:0 0px 20px 30px;
}
.gyus-lianxi span{
	color: red;
	font-size: 18px;
	font-weight: bold;
}

.gyus-icon{
	padding: 0 0px 15px 30px;
}
.gyus-icon li{
	width:25%; 
	float: left; 
	text-align: center;
	position: relative;
}
.gyus-icon li .icon{
	width: 74px; 
	height: 74px; 
	line-height: 74px; 
	margin: 0 auto 10px; 
	border-radius: 50%; 
	background-color: orangered;
	}
.gyus-icon .code{
	font-size: 14px; 
	line-height:22px;
}

.layui-elem-field legend{
	margin: 0 auto;
}

/*服务动画图标*/
.fwicon{
	margin: 25px 0px 30px 0;
}

.fwicon li{
	width:auto; 
	text-align:center;
	display: inline-block;
	margin: 0px 19px;
}

.fwicon li .layui-anim{
	width: 60px;
	height: 60px;
	border: 2px solid orangered;
	cursor: pointer; 
	color: #FF0000;
	border-radius: 50%; 
	font-size: 32px; 
	font-weight: bold;
	line-height: 56px;
	float: left;
	position: relative;
}
	
.fwicon .code{
	font-size: 16px;
	line-height: 26px;
	padding: 4px 0px 0px 5px;
	float: left;
	position: relative;
}

.fwicon .code span{
	font-weight: bold;
}

/*底部导航样式*/
.fdaohang {
	text-align: center;
	line-height: 40px;
	background-color: #0A77BD;
}

.fdaohangmain span a,
.fdaohangmain span[lay-separator]{
	color: #FFF !important;
}
.fdaohangmain span a:hover {
	color: #EC6600 !important;
}

.fustext {
	line-height: 30px;
	padding: 40px 0px 80px 0px;
	font-size: 16px;
}

.fustext span{
	width: 100%;
	display: inline-block;
}

.fustext span.title{
	font-size: 22px;
	font-weight: 400;
}

.fustext .rcode{
	text-align: right;
}

.fustext .rcode img{
	width: 180px;
}

/*底部固定横条样式*/
.layui-bomfixbar {
	right: 0px;
	left: 0px;
	bottom: 0px;
	background-color: #0A77BD;
}

.bomfixbar {
	font-size: 22px;
	color: #fff;
	line-height: 60px;
	background-color: #0A77BD;
}

.bomfixbar-rtext{
	float: right;
}

/*右边固定层 返回顶部等*/
.rfloatbox{
	width: 160px;
	top:400px;
	right: -110px;
	height:150px;
}
.rfloatbox ul li a{
	color: #fff;
}
.rfloatbox ul li{
	width: 100%;
	font-size: 16px;
	line-height: 46px;
	text-align: left;
	min-height: 50px;
	background-color: #0A77BD;
	overflow: hidden;
}
#totop{
	display: none;
}
.rfloatbox ul li img{
	width: 130px;
	padding: 0 15px;
	margin-top: 5px;
}
.rfloatbox ul li i{
	font-size: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding: 2px 8px;
	margin: 0;
}

/*内容单页样式*/

.notbg{
	background-color:transparent!important;
}
.border-notbg{
	background-color:transparent!important;
	border: 1px solid #f5f5f5;
}

.info-acontent{
	border-bottom: 1px solid #EEEEEE;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.info-acontent div.title,
.info-acontent div.title span{
	font-size: 22px;
	font-weight: 400;
	line-height: 32px;
}
.info-acontent div.title span{
	color: #EC6600;
}
.info-contents{
	border-left: #EEEEEE 1px solid;
	padding-left: 20px;
}
.info-contents .title{
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0;
}
.info-contents .title span.icon{
	margin-left: -28px;
}
.info-contents .title span.tname{
	margin-left: 10px;
}
.info-contents .contents{
	font-size: 16px;
	line-height: 32px;
}


.info-content .title{
	background-color: #0A77BD;
	font-size: 20px;/
	line-height: 32px;
	color: #FFFFFF;
	padding: 10px 0 10px 10px;
	border-bottom: 2px solid #555555;
}
.info-content .title span{
	font-size: 14px;
	margin-left: 10px;
}
.info-content .tinfo{
	line-height: 30px;
	background-color: #f5f5f5;
}
.info-content .tinfo img{
	width: 100%;
}
.info-content ul.tinfo li{
	font-size: 18px;
	padding: 10px 15px;
	border-top: 1px solid #FFFFFF;
}
.info-content ul.tinfo li span{
	float: right;
	color: #CFCECE;
}
.info-content ul.tinfo li:hover{
	background-color: #0A77BD;
	transition: all .5s; 
	-webkit-transition: all .5s;
}
.info-content ul.tinfo li:hover a{
	color: #FFFFFF;
}
.info-content div.tinfo p{
	font-size: 14px;
	padding: 5px 15px;
}
.info-content div.tinfo p span{
	font-size: 16px;
	color: orangered;
	margin-right: 5px;
}
.info-content div.tinfo table{
	width: 100%;
	border-collapse: collapse;
}
.info-content div.tinfo table,
.info-content div.tinfo th,
.info-content div.tinfo td{
	padding-left: 10px;
	border: 1px solid #DDDDDD;
}
.info-content div.tinfo table th,
.info-content div.tinfo table td:first-child{
	font-size: 16px;
	line-height: 42px;
	text-align: center;
	font-weight: bold;
}
.info-content div.tinfo img{
	width: 100%;
	margin: 5px 0;
}

.pcon-info img{
	width: 100%;
}
.pcon-info .title{
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
}
.pcon-info .cnav{
	font-size: 18px;
	font-weight: bold;
	color: #0A77BD;
	text-align: center;
	line-height: 32px;
}

.news-list-one{
	padding: 40px 0px;
	border-bottom: 1px dotted #CCCCCC;
}
.news-list-one .layui-panel{
	padding: 3px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}
.news-list-one img{
	width: 100%;
}
.news-list-one .title{
	font-size: 20px;
	font-weight: bold;
	line-height: 42px;
}
.news-list-one .datetime{
	font-size: 16px;
	line-height: 24px;
}
.news-list-one .datetime .more{
	font-size: 14px;
	line-height: 24px;
	background-color: #5FB878;
	padding: 2px 10px;
	float: right;
	color: #FFFFFF;
}
.news-list-one .info{
	font-size: 14px;
	line-height: 32px;
	height: 110px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.pagediv-blue a:hover{
	background-color: #0A77BD;
	color: #FFFFFF;
}
[class^="pagediv"] a,[class^="pagediv"] span{
	padding: 5px 10px;
}
.pagediv-blue .cpage{
	background-color: #0A77BD;
	color: #FFFFFF;
}

.news-content .title{
	font-size: 20px;
	font-weight: bold;
	line-height: 42px;
}
.news-content .info{
	color: #B2B2B2;
	line-height: 22px;
}
.news-content .info span{
	padding: 0 10px;
}
.news-content .contents{
	font-size: 16px;
	line-height: 32px;
}

.morenews{
	line-height: 32px;
}
.morenews p{
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
}

#banner {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  margin-left: -50%;
  left: 50%;
}
#banner .item {
  display: block;
}
#banner img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-controls {
  position: absolute;
  bottom: 10px;
  left: 50%;
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}
.owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #869791;
  filter: alpha(opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: alpha(opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: alpha(opacity=90);
  /*IE7 fix*/
  opacity: 0.9;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ddd;
  overflow: hidden;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: alpha(opacity=100);
  /*IE7 fix*/
  opacity: 1;
  background: #3ca2e0;
}
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center;
}

.flashC {
  width: 100%;
  overflow: hidden;