@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: 500px;
}

/*面包屑样式*/
.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;
}
.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;
}
.contents table{ border: 1px solid #eee; width:99%; float:left;}
.contents table td{ width: 20%; border: 1px solid #eee; font-size: 14px; background: #fff; padding: 5px 10px;}
.contents table td:first-child { background: #f5f5f5;}
.contents table td:nth-child(2n) { width: 80%;}





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


.tinfo1{
	line-height: 30px;
	background-color: #fff; border:#ddd solid 1px;
}

.tinfo1 li{
	font-size: 18px;
	padding: 10px 15px;
	border-top: 1px solid #FFFFFF;
}
 ul.tinfo1 li span{
	float: right;
	color: #CFCECE;
}
.tinfo1 li:hover{
	background-color: #0A77BD;
	transition: all .5s; 
	-webkit-transition: all .5s;
}


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

.section-three{
	overflow:hidden;
	width:100%;
}
.owl-carousel-c{
	width: 100%;
	float:left;
	overflow:hidden;
	margin-top:1px;
}
#banner{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#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=50);/*IE7 fix*/
opacity: 0.5;-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:#5abf21;}
.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}