﻿/*织梦58（dede58.com）做最好的织梦整站模板下载网站*/
/* CSS Document*/
html {
	height: 100%;
	border: none;
}
dd {
    display: block;
    -webkit-margin-start:0px!important;;
}
body {
	height: 100%;
	min-width: 1200px;
	border: none;
	padding: 0;
	margin: 0;
	text-align: left;
	font-size: 14px;
	color: #484848;
	font-family: Arial, "microsoft yahei";
	background: #FFF;
}
div, ul, li, img, dl, dd, dt, p {
	padding: 0;
	margin: 0;
	border: none;
}
ul, dl {
	list-style-type: none;
}
h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #e2c029;
	text-decoration: none;
}

.mt50{margin-top:50px!important}



.clear {
	clear: both;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
.container {
	width: 1200px;
	margin: 0 auto;
}
.header {
	height: 157px;
}
.top {
	height: 36px;
	line-height: 36px;
	color: #666;
	border-bottom: 1px solid #e2e2e2;
}
.top a {
	padding: 5px 8px;
	color: #666;
}
.top ul {
	float: right;
}
.top ul li {
	float: left;
	padding: 0 10px;
}
.top .fr {
	position: relative;
}
.top .fr img {
	position: relative;
	top: 3px;
	margin-right: 4px;
}


.friendslink span{display:block;font-weight:600;font-size:22px;color:#000}
.nav ul li.active { background:#e2c029   }  
    
    
  
  
    
    
    
    
    

#logo {
	height: 140px;
	width: 100%;
}
#logo .logo {
}
#logo .logo img {
	margin-top: 24px;
	height: 67px;
}
#logo .company {
	padding-left: 15px;
	border-left: 1px solid #c4c4c4;
	height: 60px;
	margin-top: 25px;
	margin-left: 10px;
	padding-top: 5px;
}
#logo .company h2 {
	font-size: 24px;
	color: #369ccd;
	font-weight: bold;
}
#logo .company h3 {
	font-size: 30px;
	margin-top: 5px;
	margin-top: 5px;
    color: #369ccd;
}
#logo .tel {
	background: url(../image/tel.jpg) no-repeat left center;
	height: 120px;
	padding-left: 58px;
}
#logo .tel p {
	font-size: 16px;
	color: #666;
	margin-top: 35px;
}
#logo .tel p span {
	font-size: 30px;
	display: block;
	font-weight: bold;
	color: #666;
}
.nav {
	/* background: url(../image/navbg.jpg) no-repeat top center; */
	background: #369ccd;
	height: 50px;
}
.nav ul li {
	float: left;
	display: inline;
	text-align: center;
	font-size: 16px;
	position: relative;
}
.nav ul li:after {
	content: '┆';
	position: absolute;
	left: 0;
	top: 18px;
	width: 1px;
	height: 60px;
	display: block;
	color: #FFF;
display: none;
}
.nav ul li a {
	color: #FFF;
	display: block;
	width: 190px;
	/* height: 60px; */
	line-height: 50px;
	position: relative;
	z-index: 2;
}
.nav ul li a:hover, .nav ul>li.on>a {
	color: #369ccd;
}
.nav ul li dl {
	margin: 0px;
	padding: 0;
	position: absolute;
	z-index: 999;
	display: none;
}
.nav ul li dl dt a {
	display: block;
	width: 190px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	/*background: #252525;*/
	color: #fff;
	
	background: #369ccd;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    
    
}



.nav ul li dl dt a:hover {
	background: #e2c029;
	color: #fff;
	display: block;
	width: 190px;
	height: 50px;
}
.nav ul .home {
	margin-left: 15px;
}
.nav ul .on.home a {
	color: #FFF;
}
.nav ul .home a:hover {
	color: #FFF;
}
.nav ul .home:after, .nav ul li:nth-child(2):after {
	display: none;
}
.banner {
	height: 550px;
	overflow: hidden;
	position: relative;
}
.banner .hd {
	height: 18px;
	position: absolute;
	width: 100%;
	z-index: 1;
	text-align: center;
	bottom: 20px;
}
.banner .hd ul li {
	display: inline-block;
	margin: 0 5px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	background: #252525;
	border-radius: 8px;
	
	
	
}
.banner .hd ul li.on {
	background: #369ccd;
}
.banner .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.banner .bd li {
	zoom: 1;
	vertical-align: middle;
	width: 100%;
	height: 600px;
	display: block;
}
.banner .bd li a {
	width: 100%;
	height: 432px;
	display: block;
}
.search {
	height: 70px;
	border-bottom: 1px solid #e2e2e2;
}
.search .fl {
	line-height: 70px;
}
.search .fl a {
	margin-right: 15px;
}
.search .fl span {
	color: #333;
	font-weight: bold;
}
.search .fr {
	width: 384px;
	height: 70px;
}
.search .fr input {
	width: 280px;
	height: 36px;
	border: 1px solid #eee;
	margin-top: 15px;
	padding-left: 3px;
	border-radius: 6px 0 0 6px;
	padding-left: 15px;
}
.search .fr button {
	width: 75px;
	height: 40px;
	background: url(../image/search.jpg) no-repeat;
	border: none;
	position: relative;
	left: -10px;
	top: 14px;
}

.honor  .sec-title{padding:20px 0 0px 0;}



.sec-title {
	text-align: center;
	padding: 60px 0 40px 0;
	height: 40px;
	position: relative;
}
.sec-title h2 {
	font-size: 24px;
	color: #252525;
	font-weight: bold;
}
.sec-title h2 span {
	color: #252525;
}
.sec-title p {
	font-size: 18px;
}
.ys {
	height: auto;
	overflow: hidden;
	padding-bottom: 40px;
}
.ys .content {
	margin-top: 5px;
}
.ys .content dl {
	float: left;
    display: inline-block;
    margin-right: 14px;
    width: 252px;
    height: 110px;
    border: 1px solid #cccccc;
    padding: 28px 17px 21px 16px;
}
.ys .content dl:last-child {
	margin-right: 0;
}
/*.ys .content dl:hover {
	background: #fff;
	color: #FFF;
}*/
.ys .content dl dt {
	float: left;
}
.ys .content dl dd {
	float: right;
	margin-top: 25px;
}
.ys .content dl dt h3 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
}
.ys .content dl dt p {
	line-height: 35px;
}
.ys .content dl dt .more {
	width: 90px;
	height: 28px;
	display: block;
	line-height: 28px;
	text-align: center;
	background: #369ccd;
	border-radius: 5px;
	margin-top: 15px;
}
.ys .content dl dt .more a {
	color: #FFF;
	width: 90px;
	height: 28px;
	display: block;
	border-radius: 5px;
}

.sec-titles {
	text-align: center;
	padding: 30px 0;
	height: 40px;
	position: relative;
}
.sec-titles h2 {
	font-size: 30px;
	color: #252525;
	font-weight: bold;
	background: url(../image/line.png) no-repeat bottom center;
	padding-bottom: 10px;
}
.sec-titles p {
	font-size: 18px;
    line-height: 35px;
}
.index-pro {
	padding: 30px 0 30px;
	height: auto;
	overflow: hidden;
	background: url(../image/probg.jpg) no-repeat top center;
}
.index-pro .content {
	margin-top: 30px;
	height: auto;
	overflow: hidden;
}
.index-pro .content .fl {
	width: 300px;
}
.index-pro .content .fr {
	width: 860px;
}
.index-pro .content .fl .title {
	/*height: 70px;*/
	width: 270px;
	background: #369ccd url(../image/aa2.jpg) no-repeat 18px center;
	color: #FFF;
	padding: 24px 0 12px 30px;;
}
.index-pro .content .fl .title span {
	font-size: 28px;
	padding-left: 50px;
	display: block;
	line-height:30px;
}
.index-pro .content .fl .title span i {
	display: block;
	font-size: 14px;
	font-style: normal;
	
}
.index-pro .content .fl .contact {
	background: #369ccd;
	text-align: center;
	padding: 20px 0;
}
.index-pro .content .fl .contact p {
	font-size: 18px;
	color: #FFF;
	margin-top: 10px;
}
.index-pro .content .fl .contact p span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}
.category {
	width: 100%;
	padding: 10px 0;
	background: #FFF;
	height: auto;
	overflow: hidden;
}
.category h3 {
	line-height: 58px;
	width: 230px;
	height: 35px;
	margin-left: 25px;
}
.category h3 a {
	float: left;
	line-height:35px;
	color: #333;
	width: 230px;
	border-bottom: 1px solid #e8e6e6;
	padding-left: 20px;
	;
	background: #f1f1f1 url(../image/ico02.png) no-repeat 210px center;
	display: block;
}
.category h3.on a {
	background: #369ccd url(../image/ico02.png) no-repeat 210px center;
	color: #FFF;
}
.category h3 span {
	float: left;
}
.category ul {
	/*display: none;*/
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
}
.category li {
	display: block;
	line-height: 26px;
}
.category li a {
	display: block;
	color: #666;
	font-size: 14px;
	padding-left: 58px;
}
.category li.on a {
	color: #369ccd;
}
.category li:hover a {
	color: #e2c029;
}





/*2022-11-15*/
button.accordion {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 20px 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    transition: 0.4s;
    border-bottom: 1px solid #eee;
}

button.accordion.active, button.accordion:hover {
    background-color: #ddd;
}

button.accordion:after {
    content: '+';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "-";
}

div.panel {
    /*padding: 0 18px;*/
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    
    
}


.panel  a{display:block;width：100%;line-height:40px;padding: 0 18px;border-bottom: 1px dashed #e0e0e0;  color:#666;  font-size: 15px;}
.panel  a:hover{color:#369ccd;   }
/*.panel  a:last-of-type{border-bottom: none;}*/

.panel  .a3{color:#666;font-size:12px}
.panel  .a3:hover{color:#e4202d;   }

/*.info{padding-left:100px   }*/
/*.info  em{font-style:normal; font-size:16px;  }*/
/*.info  ul{    -webkit-padding-start:0px;    background: #ececec; padding: 20px;}*/
/*.info  ul  li{line-height:30px; }*/
/*.info  ul  li  a{font-sizeï¼š16px }*/
/*.info  .tel{font-size:20px;font-weight:600;   color:#d71717; }*/
/*.info  .tel  em{font-size:20px;font-weight:600;   color:#d71717; }*/
/*.info   .ico{margin-top:15px}*/
/*.info .btn{margin-right:30px}*/


/*以上是点击展开的*/

















.index-pro .content .fr ul li {
	float: left;
	display: inline-block;
	margin-right: 23px;
	text-align: center;
	margin-bottom: 20px;
	font-size: 16px;
}
.index-pro .content .fr ul li:nth-child(3n) {
	margin-right: 0
}
.index-pro .content .fr ul li .img {
	width: 269px;
	height: 196px;
	border: 1px solid #ccc;
	position: relative;
	overflow: hidden;
}
.index-pro .content .fr ul li .img img {
	width: 269px;
	height: 196px;
	display: block;
    /*object-fit: cover;*/
        object-fit: contain;
    background: #fff;
    
    
}
.index-pro .content .fr ul li .mask {
	display: none;
	text-align: center;
	width: 269px;
	height: 196px;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(54, 156, 205, 0.8);
}
.index-pro .content .fr ul li:hover .mask {
	display: block;
}
.index-pro .content .fr ul li .mask h2 {
	font-size: 18px;
	line-height: 42px;
	padding-top: 60px;
}
.index-pro .content .fr ul li .mask .more {
	width: 120px;
	height: 30px;
	margin: 0 auto;
	border: 1px solid #FFF;
	border-radius: 15px;
	line-height: 30px;
}
.index-pro .content .fr ul li a:hover h2 {
	color: #FFF;
}
.index-pro .content .fr ul li a:hover .more {
	color: #FFF;
}

.index-pro .content .fr ul li:hover .more {
	display: block;
}



/* 解决流程 */
.left{float: left};
.i-solve{
    /* padding-bottom: 78px; */
}
.i-solve-bd{
    /* margin-top: 40px; */
}
.i-solve-bd li{
    margin-left: 60px;
}
.i-solve-bd li h2{
    width: 150px;
    height: 150px;
    background: #369ccd;
    display: block;
    text-align: center;
    line-height: 150px;
}
.i-solve-bd li h2 img{
    vertical-align: middle;
}
.i-solve-bd li p{
    font-weight: normal;
    color: #111111;
    font-size: 18px;
    display: block;
    text-align: center;
    padding: 24px 0 15px 0;
    background: url(../image/line5.png) no-repeat bottom center;
}
.i-solve-bd li:hover h2{
    background: #e2c029;
}
.i-solve-bd li:hover p{
    background: url(../image/line55.png) no-repeat center bottom;
}
.i-solve-bd li:first-child{
    margin-left: 0;
}
.i-solve-ft{
    margin-top: 40px;
    font-size: 0;
}
.i-solve-ft p{
    display: inline-block;
    width: 234px;
    height: 47px;
    line-height: 47px;
    background: url(../image/m2.png) no-repeat center;
    color: #333333;
    font-size: 18px;
    padding-left: 50px;
}
.i-solve-ft a{
    display: inline-block;
    margin-left: 20px;
    background: url(../image/m1.png) no-repeat center;
    color: #fff;
    line-height: 47px;
    height: 47px;
    width: 234px;
    padding-right: 46px;
    font-size: 18px;
}

.text-center{text-align: center;}




/* 合作流程 */

.liucheng {
	height: 330px;
	overflow: hidden;
}
.liucheng ul li {
	float: left;
	display: inline-block;
	transition-duration: 0.8s;
	width: 172px;
	height: 155px;
	border: 1px solid #cccccc;
	margin-right: 30px;
	text-align: center;
}
.liucheng ul li:hover {
	margin-top: 10px;
}
.liucheng ul li:last-child {
	margin-right: 0;
}
.liucheng ul li img {
	margin-top: 38px;
	opacity: 0.3;
}
.liucheng ul li p {
	font-size: 16px;
	margin-top: 8px;
}

/* 关于我们 */
.about {
	background: url(../image/aboutbg.jpg) no-repeat top center;
	height: 648px;
	overflow: hidden;
	padding-top: 54px;
}
.about .fl {
	float: left;
	display: inline-block;
	width: 622px;
	padding-top: 65px;
}
.about .fr {
	float: right;
	display: inline-block;
	padding-top: 65px;
}
.about .fr img {
	width: 540px;
    height: 400px;
    border: 5px solid #FFF;
    display: block;
    object-fit: cover;
    margin-top: 40px;
}
.about .fl>span {
	color: #4f5358;
	font-size: 30px;
	font-weight: bold;
}
.about .fl h2 {
	font-weight: bold;
    color: #369ccd;
    position: relative;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
}
.about .fl h2:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 70px;
	height: 3px;
	background: #369ccd;
}
.about .fl .info {
	font-size: 15px;
    line-height: 38px;
    color: #666;
    margin-top: 20px;
}

.about .fl .more {
	width: 185px;
	height: 42px;
	line-height: 42px;
	border-radius: 5px;
	margin-top: 20px;
	background: #369ccd url(../image/ico03.png) no-repeat 40px center;
	display: block;
}
.about .fl .more a {
	color: #FFF;
	padding-left: 80px;
}





/* 荣誉 */
.honor {
	height: auto;
	overflow: hidden;
	text-align: center;
	/* margin-top: -55px; */
}
.honor .hd {
	height: 55px;
	overflow: hidden;
	width: 100%;
}
.honor .hd ul li {
	display: inline-block;
	width: 200px;
	height: 55px;
	font-size: 16px;
	line-height: 55px;
	margin-right: 12px;
}
.honor .hd ul li a {
	background: #f2f2f2;
	width: 200px;
	height: 55px;
	display: block;
	border-radius: 5px 5px 0 0
}
.honor .hd ul li a:hover {
	background: #369ccd;
	color: #FFF;
}
.honor .hd ul li.on a {
	background: #369ccd;
	color: #FFF;
}
.honor .bd {
	padding-top: 60px;
}
.honor .bd ul li {
	float: left;
	display: inline-block;
	margin-right: 20px;
	text-align: center;
	font-size: 16px;
	width: 285px;
	height: 189px;
	border: 1px solid #ccc;
	overflow: hidden;
}
.honor .bd ul li img {
	max-width: 287px;
	height: 190px;
}

.honor .bd .info li {height: 239px}
.honor .bd .info li p{display: block; line-height: 45px; font-size: 15px;text-align: center;    background: #efefef; color: #666}





/* 新闻 */
.index-news {
	height: auto;
	width: 100%;
	overflow: hidden;
	padding-bottom: 40px;
}
.index-news .fl {
	width:775px;
	background-color: #f1f1f1;
    padding: 5px;
}
.index-news .fr {
	width: 350px;
}
.index-news .fr .tit {
	font-size: 14px;
	color: #999999;
}
.index-news .fr .tit span {
	font-weight: bold;
	font-size: 20px;
	color: #333;
	margin-right: 15px;
}
.index-news .fr .tit em {
	float: right;
	margin-top: 4px;
}
.index-news .fr .gun-news {
	padding-top: 20px;
}
.index-news .fr .gun-news p {margin:10px 0}
.index-news .fr .gun-news ul li {
	padding: 14px 0;
	border-bottom: 1px solid #ccc;
}
.index-news .fr .gun-news h2 {
	background: url(../image/wen.jpg) no-repeat left bottom;
	font-size: 14px;
	font-weight: bold;
	line-height: 29px;
	height: 29px;
	display: block;
	padding-left: 30px;
}
.index-news .fr .gun-news p {
	background: url(../image/da.jpg) no-repeat left top;
	font-size: 14px;
	line-height: 26px;
	display: block;
	padding-left: 30px;
	overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	
	
}
.tab-news .hd {
	float: left;
	display: inline;
	width: 125px;
	margin-right: 20px;
}
.tab-news .hd ul li {
	width: 75px;
	height: 164px;
	background: #369ccd;
	margin-bottom: 1px;
	padding: 25px;
}
.tab-news .hd ul li h3 {
	font-size: 14px;
	padding-top: 15px;
	color: #000;
}
.tab-news .hd ul li h3 span {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
	display: block;
	color: #000;
}
.tab-news .hd ul li .more {
	/*padding: 3px 5px;*/
	border: 1px solid #000;
	text-align: center;
	/*margin-top: 15px;*/
}
.tab-news .hd ul li .more a {
	color: #000;
}
.tab-news .hd ul li.on {
	background: #034c6f;
}
.tab-news .hd ul li.on .more a {
	color: #fff;
}
.tab-news .hd ul li.on h3 span {
	color: #fff;
}

.tab-news .hd ul li.on h3{
color: #fff;}
.tab-news .hd ul li.on .more { border: 1px solid #fff;}




.tab-news .bd {
	float: left;
	display: inline;
	width: 620px;
}
.tab-news .bd dl {
	width: 595px;
	height: 165px;
	background: #f8f8f8;
	padding: 15px;
}
.tab-news .bd dl dt {
	float: left;
	display: inline;
}
.tab-news .bd dl dd {
	float: right;
	display: inline;
	width:330px;
}
.tab-news .bd dl dd .date {
	font-size: 18px;
	color: #369ccd;
	font-weight: bold;
}
.tab-news .bd dl dd .date span {
	display: block;
	font-size: 12px;
}
.tab-news .bd dl dd h4 {
	font-weight: bold;
	font-size: 16px;
	padding: 5px 0;
	display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.tab-news .bd dl dd p {
	line-height: 25px;
	overflow: hidden; text-overflow:-o-ellipsis-lastline;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;
}
.tab-news .bd dl dt img {
	width: 220px;
	height: 162px;
}
.tab-news .bd ul {
	padding-top: 15px;
}
.tab-news .bd ul li {
	line-height: 40px;
}
.tab-news .bd ul li span {
	float: right;
}
.tab-news .bd ul li a:before {
	content: "●";
	font-size: 12px;
	margin-right: 7px;
	color: #369ccd
}
.links {
	padding-bottom: 20px;
}
.links span {
	font-weight: bold;
	font-size: 18px;
}
.links a {
	margin-right: 15px;
}
.footer {
	background: #369ccd;
	height: 280px;
	overflow: hidden;
	padding-top: 45px;
	color: #fff;
	margin-top: 60px;

}
.footer .fl h3 {
	color: #fff;
	margin-bottom: 20px;
}
.footer .fl a {
	color: #fff;
}
.footer .fl a:hover {
	color: #e2c029;
}
.footer .dh {
	width: 220px;
	line-height: 30px;
}
.footer .dh ul li {
	float: left;
	width: 45%;
}
.footer .pro {
	width: 120px;
	margin-right: 50px;
	line-height: 30px;
	padding: 0 50px;
	border-left: 1px solid #4ea6d0;
	border-right: 1px solid #4ea6d0;
}
.footer .contact {
	line-height: 30px;
}
.footer .fr h3 {
	background: #e2c029;
	width: 140px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
}
.footer .fr img {
	height: 140px;
}
.copyright {
	background: #e0e0e0;
	padding: 15px 0;
	/* border-top: 1px solid #cccccc; */
	color: #666;
	text-align: center;
}
.kefu {
	position: fixed;
	right: -170px;
	top: 50%;
	z-index: 900;
}
.kefu li a {
	text-decoration: none;
	color: #666;
}
.kefu li {
	margin-top: 1px;
	clear: both;
	height: 71px;
	position: relative;
}
.kefu li i {
	background: url(../image/fx.png) no-repeat;
	display: block;
	width: 30px;
	height: 27px;
	margin: 0 auto;
	text-align: center;
}
.kefu li p {
	height: 20px;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	margin: 0;
}
.kefu .kefu-qq i {
	background-position: 4px 5px;
}
.kefu .kefu-tel i {
	background-position: 0 -21px;
}
.kefu .kefu-liuyan i {
	background-position: 4px -53px;
}
.kefu .kefu-weixin i {
	background-position: -34px 4px;
}
.kefu .kefu-weibo i {
	background-position: -30px -22px;
}
.kefu .kefu-ftop {
	display: none;
}
.kefu .kefu-ftop i {
	width: 33px;
	height: 35px;
	background-position: -27px -51px;
}
.kefu .kefu-left {
	float: left;
	width: 77px;
	height: 47px;
	position: relative;
}
.kefu .kefu-tel-right {
	font-size: 16px;
	color: #fff;
	float: left;
	height: 24px;
	line-height: 22px;
	padding: 0 15px;
	border-left: 1px solid #fff;
	margin-top: 14px;
}
.kefu .kefu-right {
	width: 20px;
}
.kefu .kefu-tel-main {
	background: #369ccd;
	color: #fff;
	height: 56px;
	width: 247px;
	padding: 9px 0 6px;
	float: left;
}
.kefu .kefu-main {
	background: #369ccd;
	width: 97px;
	height: 56px;
	position: relative;
	padding: 9px 0 6px;
	float: left;
}
.kefu .kefu-weixin-pic {
	position: absolute;
	left: -130px;
	top: -24px;
	display: none;
	z-index: 333;
}
.kefu-weixin-pic img {
	width: 115px;
	height: 115px;
}
.ban {
	width: 100%;
	height: 320px;
	overflow: hidden;
}
.ny {
	height: auto;
	overflow: hidden;
	width: 100%;
	padding: 30px 0;
}
.ny .fl {
	width: 300px;
	border: 1px solid #ccc;
}
.ny .fr {
	width: 860px;
}
.ny .fl .title {
	height: 70px;
	width: 270px;
	background: #369ccd url(../image/ico01.jpg) no-repeat 20px center;
	color: #FFF;
	padding: 15px 0 0 30px;
}
.ny .fl .title span {
	font-size: 28px;
	padding-left: 50px;
	display: block;
}
.ny .fl .title span i {
	display: block;
	font-size: 14px;
	font-style: normal;
	text-transform: uppercase
}
.ny .contact {
	background: #369ccd;
	text-align: center;
	padding: 20px 0;
}
.ny .contact p {
	font-size: 18px;
	color: #FFF;
	margin-top: 10px;
}
.ny .contact p span {
	display: block;
	font-size: 24px;
	font-weight: bold;
}
.ny .fr .title {
	line-height: 42px;
	border-bottom: 1px solid #e1e1e1;
}
.ny .fr .title span {
	font-size: 20px;
	color: #369ccd;
	border-bottom: 3px solid #369ccd;
	padding-bottom: 10px;
}
.ny .fr .title p {
	display: inline-block;
	float: right;
}
.ny .fr .tit {
	line-height: 38px;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 15px;
}
.ny .fr .tit span {
	font-size: 18px;
	color: #369ccd;
	border-bottom: 3px solid #369ccd;
	padding-bottom: 8px;
}
.ny .fr .txt {
	border: 1px solid #e1e1e1;
	background: #f4f4f4;
	margin-top: 20px;
	padding: 15px;
}
.list-1 dl {
	border-bottom: 1px solid #e1e1e1;
	padding: 15px 0;
}
.list-1 dl dt {
	line-height: 35px;
	font-size: 16px;
}
.list-1 dl dt:before {
	content: '■';
	font-size: 12px;
	margin-right: 5px;
	color: #369ccd;
	position: relative;
	top: -3px;
}
.list-1 dl dt span {
	float: right;
	font-size: 14px;
}
.list-1 dl dt a {
	font-weight: bold;
}
.list-1 dl dd {
	color: #999;
}
.list-2 {
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
}
.list-2 ul li {
	float: left;
	display: inline-block;
	margin-right: 27px;
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}
.list-2 ul li:nth-child(3n) {
	margin-right: 0
}
.list-2 ul li .img {
	width: 266px;
	height: 190px;
	border: 1px solid #c1c1c1;
}
.list-2 ul li img {
	max-width: 100%;
	height: 190px;
}
.list-2 ul li p {
	margin-top: 5px;
}
.news {
	padding: 0px 0 0;
}
.news h1 {
	text-align: center;
	font-size: 24px;
	padding-top: 30px;
}
.news .date {
	text-align: center;
	font-size: 14px;
	padding: 15px 0;
}
.news .date span {
	padding: 0 15px;
}
.news .info {
	padding: 10px 0 0;
	line-height: 25px;
}
.tags {
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	height: 35px;
	line-height: 35px;
}
.tags span {
	font-weight: bold;
}
.tags a {
	margin-right: 15px;
}


.page {
	line-height: 50px;
}
/*.page span {*/
/*	float: right;*/
/*}*/
.xg-pro {
	height: auto;
	overflow: hidden;
	margin-top: 5px;
}
.xg-pro ul li {
	float: left;
	display: inline-block;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 10px;
	text-align: center;
}
.xg-pro ul li img {
	width: 200px;
	height: 160px;
}
.xg-news {
	height: auto;
	overflow: hidden;
	margin-top: 15px;
}
.xg-news ul li {
	float: left;
	display: inline-block;
	width: 47%;
	margin-right: 3%;
	line-height: 25px;
}
.xg-news ul li:before {
	content: '■';
	font-size: 12px;
	margin-right: 5px;
	color: #369ccd;
	position: relative;
	top: -10px;
}
.xg-news ul li a {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	width: 240px;
	display: inline-block;
}
.xg-news ul li span {
	float: right;
}
.xg-area {
	height: auto;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 15px;
}
.xg-area ul li {
	float: left;
	display: inline-block;
	margin-right: 25px;
	line-height: 25px;
}
.pro {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 10px 0 30px;
}
.pro .img {
	float: left;
	display: inline-block;
	width: 480px;
}
.pro .text {
	float: right;
	display: inline-block;
	width: 350px;
}
.pro .text h1 {
	font-size: 24px;
	padding-top: 20px;
}
.pro .text .desc {
	padding: 20px 0;
	height: 150px;
	font-size: 16px;
	line-height: 25px;
}
.pro .text .btn {
	width: 120px;
	height: 40px;
	background: #369ccd;
	color: #FFF;
	display: block;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
}
.pro-content .tits {
	border-bottom: 1px solid #e1e1e1;
	height: 40px;
	width: 100%;
	font-size: 18px;
}
.pro-content .tits span {
	background: #369ccd;
	color: #FFF;
	display: block;
	width: 120px;
	height: 40px;
	text-align: center;
	line-height: 40px;
}
.pro-content .info {
	padding: 20px 0;
}
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(../image/mask.png) repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}
.pc-slide {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.view .swiper-slide .imgauto {
	width: 98%;
	height: 350px;
	position: relative;
	border:1px solid red;
}
.view .swiper-slide .imgauto img {
	max-width: 90%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.view .swiper-container {
	width: 100%;
}
.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}
.preview .swiper-container {
	width: 80%;
	margin: 0 10%;
	overflow: hidden;
}
.preview .swiper-slide {
	width: 22.5%;
	padding: 5px;
}
.preview .swiper-slide .imgauto {
	width: 100%;
	height: 80px;
	line-height: 80px;
	border: 1px solid #ddd;
	text-align: center;
	cursor: pointer;
	position: relative;
	display: block;
}
.preview .swiper-slide .imgauto img {
	display: inline-block;
	vertical-align: middle;
	max-width: 90%;
	max-height: 100%;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}
.preview .slide6 {
	width: 82px;
}
.preview img {
	padding: 1px;
}
.preview .active-nav .imgauto {
	border: 1px solid #369ccd;
}
.preview .arrow-left {
	background: url(../image/prev1.png) no-repeat left center;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 10px;
	height: 18px;
	z-index: 10;
}
.preview .arrow-right {
	background: url(../image/next1.png) no-repeat left center;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 10px;
	height: 18px;
	z-index: 10;
}
.clearfix {
*zoom: 1;
}
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#message {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	transform: scale(0);
	transition: .3s;
}
.messagebg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 1001;
}
#message .m-content {
	margin-top: 10%;
}
#message .m-content .m-message {
	background: #fff;
	width: 580px;
	background: #fff;
	padding: 50px;
	margin: 0 auto;
	position: relative;
	z-index: 1002;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3);
}
.m-message {
	width: 494px;
	margin: 48px auto 0;
}
.m-message label {
	margin-bottom: 15px;
	display: block;
	font-size: 14px;
}
.m-message label em {
	display: block;
	float: right;
	color: red;
	height: 32px;
	line-height: 32px;
}
.m-message label span {
	width: 70px;
	height: 34px;
	line-height: 34px;
	color: #2F2F2F;
	float: left;
	font-weight: bold;
	text-align: right;
	margin-right: 30px;
	display: inline-block;
}
.m-message label input.inp, .m-message label textarea, .m-message label.code input {
	width: 77%;
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	border: #cccccc 1px solid;
	border-radius: 3px;
	padding: 0 14px;
	box-sizing: border-box;
	color: #555;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.m-message label input:focus, .m-message label textarea:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(247, 150, 0, .6);
}
.m-message label textarea {
	height: 72px;
	line-height: 24px;
	padding: 10px 14px;
}
.m-message label.code {
	line-height: 34px;
}
.m-message label.code input {
	width: 30%;
	float: left;
	margin-right: 30px;
}
.m-message label.code .pic {
	display: inline-block;
	vertical-align: top;
	width: 80px;
	height: 32px;
}
.m-message label.code img {
	display: block;
	width: 100%;
	height: 100%;
}
.btn-1 input {
	width: 52px;
	height: 32px;
	line-height: 32px;
	background: #e8e8e8;
	border: none;
	color: #333;
	margin-right: 22px;
	cursor: pointer;
	transition: 0.3s;
}
.btn-1 {
	padding-left: 100px;
}
.btn-1 input.focus {
	background: #369ccd;
	color: #fff;
}
.btn-1 input.focus:hover {
	background: #444;
}
.btn-1 input:hover {
	background: #ccc;
}


/* 内页左右侧 */
.main{
    padding-bottom: 50px;
}
.um-hd{
    width: 245px;
    float: left;
}
.um-bd{
    width: 930px;
    float: right;
    min-height: 500px;
}
.um-left{
    width: 890px;
    float: left;
}
.um-right{
    width: 270px;
    float: right;
}
.um-page{
    width: 1200px;
}
/* 单页 */
.um-page .um-bd_hd{
    margin-bottom: 30px;
}
.um-page .um-bd_hd .tit{
    font-size: 26px;
    color: #003284;
    height: 40px;
    line-height: 40px;
}
.um-page .um-bd_hd .tit span{
    padding-left: 10px;
    font-size: 16px;
    text-transform: capitalize;
    color: #999;
}
.um-page .um-bd_hd li{
    display: inline-block;
}
.um-page .um-bd_hd li a{
    display: block;
    padding: 0 15px;
    height: 23px;
    line-height: 23px;
    font-size: 12px;
    border: 1px solid #ccc;
    margin: 10px 10px 10px 0;
}
.um-page .um-bd_hd li a:hover{
    color: #fff;
    border-color: #369ccd;
    background: #369ccd;
}

/*内页左侧*/
.um-side .title {
    padding: 18px 0 13px;
    background: #369ccd;
    text-align: center;
    color: #fff;
    line-height: 30px;
}
.um-side .title h2{
    font-size: 26px;
}
.um-side .title p{
    font-size: 14px;
    text-transform: uppercase;
}


.um-right .um-side .title{
    padding: 10px 0 2px;
    line-height: 25px;
}
.um-right .um-side .title h2{
    font-size: 20px;
    font-weight: normal;
}
.um-right .um-side .title p{
    font-size: 12px;
    font-family: arial;
}
.um-right .um-side .menu h3{
    border-bottom: 1px solid #e9e9e9;
}


.um-hd_hd .menu{
    border: 2px solid #369ccd;
    padding: 10px 18px;
}
.um-hd_hd .menu h3 a{
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: url(../image/icon.png) no-repeat right center;
    color: #000;
}
.um-hd_hd .menu h3{
    padding: 6px 0 0 10px;
}
.um-hd_hd .menu ul{
    padding: 0 0px 6px 10px;
    border-bottom: 1px solid #e9e9e9;
}
.um-hd_hd .menu li a{
    line-height: 30px;
    display: block;
    height: 30px;
    font-size: 14px;
    color: #434343;
}
.um-hd_hd .menu a:hover{
    color: #369ccd;
}
.um-hd_bd img{
    width: 100%;
    display: block;
}
.um-hd_bd .menu {
    padding: 10px 18px;
    border: 1px solid #369ccd;
    line-height: 20px;
    font-size: 13px;
    color: #000;
}
/* 列表页右上 */
.um-bd_hd2{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}
.um-bd_hd2 a:last-child{
    color: #369ccd;
}

/* 产品列表页 */
.items-img li{
    width: 272px;
    margin-right: 22px;
    margin-bottom: 15px;
    border: 1px solid #eee;
    padding: 10px 10px 0;
}
.items-img li .img{
    width: 100%;
}
.items-img li img{
    display: block;
    width: 100%;
}
.items-img li p{
    height: 40px;
    line-height: 40px;
    color: #333; 
    font-size: 14px;
}
.items-img li:hover{
    border-color: #369ccd;
}
.items-img li:hover p{
    /*background: #369ccd;*/
    /*color: #fff;*/
}

/* 产品图 */
.product_detail{ padding-left:20px;}
.um-imgZoom{float:left;margin-right:20px;}
.um-imgZoom p{text-align:center;padding-bottom:10px;}
#zoom_box{display:block;zoom:1;width:350px;height:350px;text-align:center;border:1px solid #ddd;vertical-align:middle;font-size:170px;padding:0;}
#zoom_box img{margin:0;padding:0;}
#zoom_box img.big_small{max-width:298px;max-height:298px;width: 298px; height: 298px;width:expression(this.width>300&&this.width>this.height?300:true);height:expression(this.height>300?300:true);}
#zoom_list{width:352px;height:60px;background:#EFEFEF;padding-top: 4px;position: relative;z-index: 99;}
#zoom_list .pre{float:left;width:14px;height:54px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/pre.gif) no-repeat -3px 18px;}
#zoom_list .next{float:right;width:14px;height:54px;margin-top:2px;text-align:center;overflow:hidden;background:#EFEFEF url(../images/next.gif) no-repeat -3px 18px;}
#zoom_list #zoom_list_box{float:left;width: 323px;overflow:hidden;height:56px;position:relative;}
#thumblist{position:absolute;}
#thumblist li{float:left;width:53px;overflow:hidden;text-align:center;margin:2px 0;}
#thumblist li span{width:52px;height:52px;}
#thumblist li span a{width:50px;height:50px;font-size:42px;border:1px solid #FFF;}
#thumblist li span img{max-height:50px;max-width:50px;width:50px;height:50px;}
#big_box{float:left;}
#big_box span{width:302px;height:242px;}
#big_box span a{width:300px;height:240px;font-size:200px;}
#big_box span img{max-width:300px;max-height:240px;}
.p_info li{margin-bottom:10px;}

.um-imgDetail{}
.um-imgDetail .cent { padding:20px 0; font-size:14px;}
.um-imgDetail .cent img{
    max-width: 100%;
}
.um-imgDetail table{border-spacing: 0; border-left:#ddd solid 1px; border-top:#ddd solid 1px;}
.um-imgDetail table td{ padding:5px 10px; border-right:#ddd solid 1px; border-bottom:#ddd solid 1px;}

.um-imgDetail-news a{
    display: block;
    width: 50%;
    float: left;
    padding-right: 20px;
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 5px;
}
.um-imgDetail-news a span{
    font-size: 12px;
    color: #999;   
}
/* 缩略图旁 */
.um-imgInfo{
    width: 515px;
}
.um-imgInfo .tit{
    font-size: 23px;
    color: #2856a0;
    font-weight: normal;
    line-height: 1.8;
}
.um-imgInfo .p_tabs{
    background: #f2f2f2;
    padding: 20px 15px;
    min-width: 325px;
}
.um-imgInfo .p_tabs li{
    line-height: 35px;
    font-size: 14px;
}
.um-imgInfo .p_tabs li em{
    font-style: italic;
}
.um-imgInfo-but a{
    display: inline-block;
    width: 200px;
    height: 45px;
    background: #369ccd;
    color: #fff;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    border: 1px solid #369ccd;
}
.um-imgInfo-but a:last-child{
    background: #fff;
    border: 1px solid #369ccd;
    background: rgba(56,131,255,.1);
    color: #523838;
}

/* 下方推荐 */
.um-bd_recommend{
    margin-top: 35px;
}
.um-bd_imgShow_bd .tag,
.um-bd_recommend .tag{
    height: 30px;
    margin-bottom: 20px;
    background: #f1f1f1;
    border-bottom: 1px solid #d0d0d0;
}
.um-bd_imgShow_bd .tag b,
.um-bd_recommend .tag b{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #369ccd;
    text-align: center;
    font-size: 15px;
    padding: 0 20px;
    border-bottom: 1px solid #369ccd;
}
.um-bd_recommend .items-img li{
    width: 206px;
}
.um-bd_recommend .items-img li p{
    height: 35px;
    line-height: 35px;
    font-size: 13px;
}

/* 城市分销 */
.um-bd_recommend .citybox a{
    display: inline-block;
    padding-right: 10px;
    line-height: 30px;
}
/* 图片列表 */
.case-show li{
    width: 293px;
    margin-right: 25px;
    margin-bottom: 15px;
}
.case-show li img{
    width: 100%;
}
.case-show li p{
    line-height: 25px;
    font-size: 14px;
}
/* 图片推荐 */
.um-bd_recommend li{
    width: 203px;
}



/* 新闻通用 */
.items-desc-text li{
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #999;
}
.items-desc-text li h2{
    font-size: 18px;
    color: #333;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 8px;
}
.items-desc-text li span{
    font-size: 12px;
    line-height: 20px;
    color: #999;
    display: block;
}
.items-desc-text li img{
    margin-right: 20px;
}
.items-desc-text li p{
    font-size: 14px;
    color: #666;
    line-height: 25px;
    overflow: hidden;
    height: 100px;
    margin-bottom: 20px;
}
.items-desc-text li:hover h2{    
    color: #e2c029;
}
.items-desc-text li .desc-click,
.items-desc-text li .desc-time{
    background: url(../image/click.png) no-repeat left center;
    padding-left: 20px;
    background-size: 12px;
    float: left;
    display: block;
    padding-right: 15px;
}
.items-desc-text li .desc-time{
    background: url(../image/time.png) no-repeat left center;
    background-size: 12px;
}
/* 新闻详情页 */

.um-bd_recommend .related a{
    width: 50%;
    display: block;
    line-height: 30px;
    color: #333;
    float: left;
    padding-right: 10px;
    font-size: 14px;
    margin-bottom: 5px;
}
.um-bd_recommend .related a span{
    color: #999;
}
/* 详情页推荐 */
.um-bd_recommend .article li{
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 15px;
}
.um-bd_recommend .article li{
    width: 100%;
}
.um-bd_recommend .article li img{
    width: 150px;
    margin-right: 20px;
}
.um-bd_recommend .article li h2{
    font-size: 16px;
    font-weight: normal;
    font-weight: bold;
    margin-bottom: 5px;
    color: #222;
}
.um-bd_recommend .article li p{
    font-size: 13px;
    color: #666;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.um-bd_recommend .article li span{
    display: block;
    font-size: 12px;
    margin-top: 5px;
    color: #999;
}
.um-bd_recommend .article li:hover h2{
    color: #369ccd;
}
/* 详情页标题 */
.um-bd_bd .tit h3{
    line-height: 1.5;
    font-size: 26px;
    color: #083b90;
    font-weight: normal;
}
.meta{
    margin-top: 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-family: '宋体';
}

/* 内容页正文 */
.um-page-content{
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}



/* 内页右侧 */
.r-module .tit{
    border-left: 3px solid #369ccd;
    background: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #369ccd;
    padding-left: 10px;
    margin-bottom: 20px;
    background: #ececec;
}
.r-module .tit span{
    font-size: 13px;
    color: #b5b5b5;
    padding-left: 5px;
    text-transform: uppercase;
}
.um-right-menu li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 5px;
    height: 35px;
    line-height: 35px;
}
.um-right-menu li a{
    display: block;
    padding: 0 8px;
    font-size: 12px;
    text-align: center;
    color: #444;
    border: 1px solid #e9e9e9;
}
.um-right-menu li a:hover{
    background: #369ccd;
    color: #fff;
}
.um-right-menu li:nth-child(2n){
    margin-right: 0;
}

/*.um-right .tit{
    font-size: 1em;
    color: #369ccd;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 2px;
    background: #f7f7f7;
    padding: .35em .6em .35em .6em;
    margin-bottom: 20px;
    border-bottom: 1px solid #369ccd;
    font-weight: bold;
}*/
.um-right .tit a{
    color: #0b67c5;
    font-weight: normal;
}
.r-module-img li{
    margin-bottom: 15px;
    background: #fff;
    border: 1px solid #eaeaea;
}
.r-module-img li:last-child{
    margin-bottom: 0;
}
.r-module-img li .img{
    position: relative;
}
.r-module-img li .img img{
    display: block;
}

.r-module-img li .con p{
    line-height: 22px;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 22px;
    overflow: hidden;
    color: #525252;
    padding: 0 11px;
}
.r-module-img li .con span{
    display: block;
    margin: 0 15px 15px;
    font-size: 12px;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    color: #8a8a8a;
}
.r-module-img li:hover .con p{
    color: #369ccd;
}
.r-module-desc li{
    margin-top: 14px;
}
.r-module-desc li .con{
    width: 162px;
}
.r-module-desc li .con h3{
    font-size: 13px;
    font-weight: normal;
    color: #555;
    line-height: 23px;
    height: 46px;
    overflow: hidden;
}
.r-module-desc li .con h3 span{
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    background: #999;
    line-height: 12px;
    padding: 3px 6px;
    border-radius: 3px;
    color: #fff;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 8px;
    font-weight: normal;
}
.r-module-desc li:nth-child(1) .con h3 span{
    background: red;
}
.r-module-desc li:nth-child(2) .con h3 span{
    background: #FF5722;
}
.r-module-desc li:nth-child(3) .con h3 span{
    background: orange;
}
.r-module-desc li .con p{
    display: block;
    text-align: left;
    float: none;
    color: #c5c5c5;
    font-size: 12px;
}
.r-module-desc li:hover .con h3{
    color: #000;
}
.r-module-desc li:nth-child(1n+4){
    margin-top: 5px;
}
.r-module-desc li:nth-child(4){
    margin-top: 14px;
}
.r-module-desc li:nth-child(1n+4) img{
    display: none;
}
.r-module-desc li:nth-child(1n+4) .con{
    width: 100%;
}
.r-module .li2 a{
    display: block;
    margin-top: 14px;
    color: #c5c5c5;
    font-size: 12px;
    color: #8a8a8a;
}
.r-module-related a{
    width: 9em;
    color: #717171;
    line-height: 1.8em;
    margin-bottom: 20px;
}
.r-module-related a span{
    float: left;
    width: 1.5em;
    font-size: 28px;
    color: #e0e0e0;
    line-height: 1.1em;
    font-family: Impact,Arial,sans-serif;
    font-weight: normal;
    letter-spacing: 1px;
}

.r-module-related a:hover{
    color: #000;
}
.r-module-related a:hover span{
    color: #c3c3c3;
}
.r-module-keywords a{
    display: inline-block;
    padding: 0 10px;
    margin-right: 5px;
    background: #333;
    color: #fff;
    line-height: 30px;
    margin-bottom: 3px;
}
.r-module-keywords a:hover{
    background: #369ccd;
}

.um-right .con a{
    font-size: 12px;
    font-family: '宋体';
    margin-right: 10px;
    display: inline-block;
    line-height: 20px;
}


/*新闻详情页*/
.content{
    font-size: 16px;
    line-height: 2;
    color: #333;
}

/*----------------------------------------------------------------------------------------------------------------*/

/*
** 产品列表
**/
.catelist{}
.catelist li{ margin-top:20px; overflow:hidden;}
.catelist .img{ width:120px; height:120px; margin:0 30px; border:#ddd solid 2px; overflow:hidden;}
.catelist .com{ margin-left:30px;}
.catelist .t{ padding-bottom:6px;}


/*产品详细*/

.um-imgDetail{}
.um-imgDetail .cent { padding:20px 0; font-size:14px;}
.um-imgDetail .cent img{
    max-width: 100%;
}
.um-imgDetail table{border-spacing: 0; border-left:#ddd solid 1px; border-top:#ddd solid 1px;}
.um-imgDetail table td{ padding:5px 10px; border-right:#ddd solid 1px; border-bottom:#ddd solid 1px;}

.pagenav{ padding:10px 0 0 0; border-top:#ddd solid 1px;  font-size: 14px;}
.pagenav a{ color:#369ccd;}
.pagenav p{
    margin-top: 10px;
}

.citybox{}
.citybox a{ display:inline-block; margin-right:20px; line-height:28px;}
/*
** 图片
**/
.photo_box{ overflow:hidden;}
.photo_box .photo{ position:relative; float:left; width:625px; margin-left:40px; overflow:hidden;}
.photo_box .btn_left, .photo_box .btn_right{ display:block; width:8px; height:30px; margin-top:195px; background:url(../image/roll.jpg) no-repeat;}
.photo_box .btn_left{ float:left;}
.photo_box .btn_right{ float:right; background-position:-8px 0;}

.photo_view li{ float:left; width:625px;}
.photo_desc h3{ margin:20px 0; padding-bottom:10px; border-bottom:#eee solid 1px;}


/*
** 下载
**/
.down_list dl.img {margin:5px 10px;}
.down_list dl.img dt  {font-size:14px;background:#EFEFEF;line-height:28px;padding-left:5px;}
.down_list dl.img dt a {color:#855352}
.down_list dl.img dd.ext {line-height:22px;text-align:right;color:#333;}  
.down_list dl.img dd.desc {line-height:22px;color:#9E9E9E}
.down_info { margin-bottom:20px;border:1px solid #EFEFEF;border-bottom:none;}
.down_info ul li label {float:left;width:65px;border-right:1px solid #EFEFEF;text-align:center;margin-right:5px;}
.down_info ul li { height:28px;line-height:28px;border-bottom:1px solid #EFEFEF; font-size:12px;}
.down_info ul li a{ font-weight:bold; color:#F30;}

#content {line-height:30px;font-size:14px;}
#content h1.tit {font-size:20px;font-family:'Microsoft YaHei';color:#333;text-align:center;margin:20px 0;}
#content h1.tit span {font-size:14px;font-weight:normal;}
#content .content p{font-size:12px;}
#content .content img {max-width:590px;_width:expression(this.width > 590 && this.width > this.height ? 590 : true); }
#content .content strong{color:#000;}
#content .content ol{ list-style-position: inside; margin:20px; }
#content .content ul {list-style-position: inside; margin:20px; }
#content .content ul li  {list-style-type : disc;}
#content .content ol li  {list-style-type : decimal ;} 
#content .content h1,#content .content h2,#content  .content h3,#content .content h4,#content .content h5,#content .content h6 {color:#000;font-size:100%;font-weight:bold;}

#pages { padding:10px 0 10px;text-align:center;font:12px '宋体';}
#pages a { display:inline-block; padding:0px 14px; height:40px;font-size:12px;line-height:40px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; height:40px; line-height:40px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block;  padding:0px 14px; height:40px; line-height:40px; background:#369ccd; border:1px solid #369ccd; color:#fff; text-align:center; }
.page .noPage { display:inline-block;  padding:0px 14px; height:40px; line-height:40px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }



/*留言反馈*/
.table-list td,.table-list th{padding-left:12px;}
.table-list td img { vertical-align:middle;}
.table-list thead th{ height:30px; background:#eef3f7; border-bottom:1px solid #d5dfe8; font-weight:normal;line-height:30px;}
.table-list tbody td,.table-list .btn{border-bottom: #eee 1px solid;line-height:30px;}
div.btn{background:#f6f6f6; padding:6px 12px; height:30px;line-height:30px}
.table-list tr:hover,.table-list table tbody tr:hover{ background:#fbffe4}
.nHover tr:hover,.nHover tr:hover td{ background:none}
.table-list .input-text-c{ padding:0; height:18px}
.input-text-c{border:1px solid #A7A6AA;height:18px;padding:2px 0 0; text-align:center}
.td-line{border:1px solid #eee}
.td-line td,.td-line th{border:1px solid #eee}
.button{background: #5090fb; border:none;padding:5px 12px; margin-right:6px;
    cursor: pointer;
    color: #fff;
}
[type=reset]{
    background: #999;
}
.button:hover{
    background: #369ccd;
}
[type=reset]:hover{
    background: #777;
}
.table-list tr.on,.table-list tr.on td,.table-list tr.on th,.table-list td.on,.table-list th.on{background:#fdf9e5;}
a.close-own{background: url(../Images/cross.png) no-repeat left 3px; display:block; width:16px; height:16px;position: absolute;outline:none;right:7px; top:8px; text-indent:200px; overflow: hidden}
a.close-own:hover{background-position: left -46px}
 

.input-text,.measure-input,textarea,input.date,input.endDate,.input-focus{border:1px solid #A7A6AA;line-height:18px;height:18px;margin:0 5px 0 0;padding:1px 0 1px 5px;border: 1px solid #d0d0d0;background: #FFF url(../Images/admin_img/input.png) repeat-x; font-family: Verdana, Geneva, sans-serif,"宋体";font-size:12px;}
.input-focus{background: #FFF; border-color:#afcee6;font-size:12px;}
input.date,input.endDate{background: #fff url(../Images/admin_img/input_date.png) no-repeat right 3px; padding-right:18px;font-size:12px;}
textarea,textarea.input-text,textarea.input-focus{font-size:12px;height:auto; padding:5px; margin:0;}
select{ vertical-align:middle;background:none repeat scroll 0 0 #F9F9F9;border-color:#666666 #CCCCCC #CCCCCC #666666;border-style:solid;border-width:1px;color:#333;padding:2px;}
.search-form{ margin-bottom:10px}
/*宋体宋体*/
.table_form {margin:10px;width:95%;}
.table_form input{}
.table_form td{padding-left:12px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#777}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:8px 0 5px 8px;line-height:22px;}
.table_form tbody td,.table_form tbody th{border-bottom:1px solid #eee;}
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}

em.error {overflow:hidden;zoom:1;background:url("../Images/unchecked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red;}
em.success {overflow:hidden;zoom:1;background:url("../Images/checked.gif") no-repeat 0px 0px;  padding-left: 19px;color:red;}

.guestbook_list {margin:12px 0;line-height:26px;font-size: 14px;}
.guestbook_list dl {border:1px solid #E9E9EB;margin:8px auto;padding:15px;}
.guestbook_list dl dt {border-bottom:1px dashed #E9E9EB;height:26px;line-height:26px;color: #369ccd;}
.guestbook_list dl dt span {float:right;line-height:26px;}
.guestbook_list dl dd.g_content {padding:5px;line-height:26px;}
.post_box {border:1px solid #eee;}
.post_box h5 {line-height:35px;text-align:center;font-size:14px;border-bottom:1px solid #eee;height:35px;background:#f5f5f5;}
/*user login*/

/*sitemap*/
.mapbox{ border:1px solid #ccc; background:#fff;}
.mapbox h4 { margin:10px 0; padding:6px;border:none;border-top:1px solid #ccc;margin-top:-1px;border-bottom:1px solid #eee;}
.smallcat ul{ overflow:hidden;}
.smallcat ul li {float:left;line-height:24px;}
.smallcat ul li a {margin:0 8px;}


/*面包蟹导航*/
.pos{line-height: 50px;border-bottom: 1px solid #eee; margin-bottom: 30px;}













