
/*@font-face {
  font-family: 'fontello';
  src: url('./font/fontello.eot?29227152');
  src: url('./font/fontello.eot?29227152#iefix') format('embedded-opentype'),
	   url('./font/fontello.woff?29227152') format('woff'),
	   url('./font/fontello.ttf?29227152') format('truetype'),
	   url('./font/fontello.svg?29227152#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
/*@font-face {
    font-family: 'lishu';
    src: url('../fonts/华文隶书.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/
html,body{
    width:100%;
    min-width:1200px;
    font-family:'Microsoft YaHei'
}
.owl-dots{
	height: 20px;
	position: absolute;
	bottom:20px;
	left:50%;
	margin-left: -50px;
}
.owl-dots .owl-dot{display: inline-block;margin-right: 20px;}
.owl-dots .owl-dot.active span{
	background: #fff;
}
.owl-dots .owl-dot span{	
	display: inline-block;
	border:2px solid #fff;
	width: 13px;
	height: 13px;
	border-radius:50%;
}

.head{
	height: 121px;
	line-height: 121px;
}
.head ul li{float:left;}
.banner img{
    min-width:1903px;
}
body>form>div{/*overflow: hidden;*/width:100%}
.head ul li a{
	display: inline-block;
	width: 107px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	padding: 0 5px;
	background: #fff;
	font-size:16px;
	color: #666;
}
.head ul li a:hover{
	background: #fff300;
    
}
.title{
	font-size:26px;
	text-align: center;
	margin: 50px 0;
}
.title span{
	margin-left: 20px;
    /*font-family:'lishu';*/
    text-transform:uppercase;
}
.title:before{
	content:'';
	display: inline-block;
	width:384px;
	height: 43px;
	background: url(../images/title-l.png) no-repeat center center;
	vertical-align: middle;
}
.title:after{
	content:'';
	display: inline-block;
	width:384px;
	height: 43px;
	background: url(../images/title-r.png) no-repeat center center;
	vertical-align: middle;
}
.au-con>div.l{
	width: 40%;
}
.au-con>div.r{
	width: 57%;
	font:normal 14px/2 'Microsoft YaHei';
	color:#999;
	margin:13px 0 0 30px;
}
.lists ul li>a,
.pd-con ul li>a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.lists ul,
.pd-con ul{margin-right: -22px;}
.lists ul li,
.pd-con ul li{
	float:left;
	margin-right: 20px;
	position: relative;
}
.lists ul li .mask,
.pd-con ul li .mask{
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background: rgba(255,243,0,.4);
	box-sizing:border-box;
	padding: 83px 48px 0;
	display: none;
}
.lists ul li img,
.pd-con ul li img{height: 370px;width: 279px;}

.lists ul li>p,
.pd-con ul li>p{
	width: 100%;
	height: 62px;
	font:normal 20px 'Adobe 黑体 Std';
	background: #fff300;
	color:#333;
	position: absolute;
	left: 0;
	bottom:0;
	text-align: center;
	line-height: 62px;
}
.lists ul li:hover .mask,
.pd-con ul li:hover .mask{
	display: block;
}
.lists ul li:hover .tl,
.pd-con ul li:hover .tl{
	display: none;
}
.lists ul li .mask h3,
.pd-con ul li .mask h3{
	font-size:20px;
	color:#333;

}
.lists ul li .mask p,
.pd-con ul li .mask p{
	font-size:14px;
	color:#666;
	line-height: 1.8;
	margin: 18px 0 20px 0;
}
.lists ul li .mask a,
.pd-con ul li .mask a{
	display: block;
	width: 143px;
	height: 40px;
	font-size:18px;
	color:#333;
	text-align: center;
	line-height: 40px;
	background: #fff;
	border-radius:10px;
	margin: 0 auto;
}
.more{
	display: block;
	width: 143px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size:18px;
	color:#333;
	border-radius:10px;
	border:2px solid #999;
	margin: 32px auto 20px;
}
.news .iw{margin-bottom: 83px;}
.news-con>div{
	padding-bottom: 20px;
	margin-bottom: 25px;
}
.news-con .fl.l{overflow: hidden;}
.news-con .fl.l img{
	transition:all .3s;
}
.news-con .s2 .fl.l{
    float:right;
}
.news-con .s2 .fl.r{
    float:left;
    text-align:right;
    margin-left:19px;
}
.news-con>div:hover img{
	transform:scale(1.1)
}
.news-con .fl.r{
	width: 73%;
	margin-left: 32px;
}
.news-con .fl.r.text-right{
	margin: 0 32px 0 0;
}
.news-con .fl.r h2{
	font-size:20px;
	color:#666;
	margin: 20px 0 17px 0;
}
.news-con .fl.r p{
	font-size:14px;
	color:#999;
	line-height: 1.8;
}
.news-con .detail,
.news-list .detail{
	display: inline-block;
	margin:0;
	background: #fff300;
	width: 142px;
	height: 34px;
	border:0;
	margin-top: 25px;
	border-radius:0
}
.news-con .detail{
	background: #fff;
	border:2px solid #666;
	color:#999;
	line-height: 36px;
}
.news-con>div:hover{
	box-shadow:2px 2px 2px #ccc;
}
.news-con>div:hover .detail{
	background: #fff300;
	color:#333;
	border:2px solid transparent;
}
.news-list .detail{
	border:1px solid #bfbfbf;
	color:#999;
	line-height: 36px;
	background: #fff;
}
.links{
	background: #fff300;
	padding-bottom: 48px;
}
.links .iw>div{
    overflow:hidden;
}
.iw:before{
    content:'';
    display:table;

}
.links p{
	margin: 50px 0 36px 0;
	font-size:24px;
	color:#666;
}
.links p img{
	vertical-align: middle;
	width: 25px;
}
.links ul{
	margin-right: -40px;
}
.links ul li{
	float:left;
    width:20%;
    margin:0 10px;
    text-align:center;
}
.links ul li a{
	display: block;
    padding:0 10px;
    height:35px;
    color:#666;
    line-height:35px;
    font-size:20px;
    background:#fff;
	border:2px solid #666;
    border-radius:4px;
	overflow: hidden;
}
.links ul li a:hover{
    color:#fff;
    background:#666;
}

.foot{
	text-align: center;
}
.foot-link{
	height: 104px;
	background: #000;
	color:#ccc;
	line-height: 104px;
}
.foot-link a{
	color:#ccc;
	font-size:18px;
}
.foot-link a:hover{color:#ff6800}
.foot-link span{
	margin: 0 27px;
}
.foot-btm{
	background: #333;
	height: 52px;
	line-height: 52px;
	color:#fff;
}
.side{
	position: fixed;
	right:-137px;
	top:40%;
	overflow: visible;
	z-index:9999
}
.text-right{
	text-align:right;
}
.side i{
	display: inline-block;
	width: 69px;
	height: 70px;
}
.side .showcode{position: relative;}
.side .showcode .codes{
	position: absolute;
	left: -195px;
    top: -14px;
	opacity:0;
	
}
.side .showcode:hover .codes{
	opacity:1;
	transition:all .3s;
	padding: 10px;
}
.side .totop i{
	background: url(../images/side_1.png) no-repeat center center;
}
.side .kf i{
	background: url(../images/side_2.png) no-repeat center center;
}
.side .qq i{
	background: url(../images/side_3.png) no-repeat center center;
}
.side .showcode i{
	background: url(../images/side_4.png) no-repeat center center;
}

.side>div{
	width: 250px;
	height: 70px;
	margin-bottom: 5px;
	background: #333;
	font-size:24px;
	color:#fff;
	cursor: pointer;
	transition:margin .3s;
}
.side>div.kf:hover,
.side>div.qq:hover{
	margin-left: -177px;
	background: #000;
	color:#fff300;
}
.side>div.totop{
	transition:opacity .3s;
	opacity:0
}
.side>div.totop:hover i{
	background: url(../images/side_1h.png) no-repeat center center;
}
.side>div.kf:hover i{
	background: url(../images/side_2h.png) no-repeat center center;
}
.side>div.qq:hover i{
	background: url(../images/side_3h.png) no-repeat center center;
}
.side>div.showcode:hover i{
	background: url(../images/side_4h.png) no-repeat center center;
}
.side>div>span{
	display: inline-block;
	height: 100%;
	vertical-align: top;
	margin-left: 10px;
	line-height: 70px;
}
.contact-ways{
	margin-top: 90px;
}
.contact-ways ul li{
	float:left;
	text-align: center;
	margin: 0 189px;
}
.contact-ways ul li>div{
	margin-bottom: 40px;
}
.contact-ways ul li p{
	font-size:14px;
	color:#666;
	line-height: 2.3;
}

.contact-ways ul li h1{
	font:normal 18px 'Microsoft YaHei';
	margin-bottom: 15px;
}
.location{
	margin: 50px 0 88px 0;
}
.bread-crumb{
	line-height: 35px;
	font-size:12px;
	color:#666;
	overflow: visible;
	margin-top: 20px;
}

.bread-crumb img{
	vertical-align: middle;
	margin:-3px  5px 0 0;
}
.bread-crumb span{
	margin: 0 3px;
}
.bread-crumb .iw{border-bottom:1px solid #e4e4e4;}
.aboutus h1{
	font-size:30px;
	color:#eb5a00;
}
.aboutus p{
	font-size:14px;
	color:#999;
	line-height: 2;
	margin: 25px 0;
}
.aboutus .iw{padding: 25px 0 86px 0;}
.bread-crumb .search{
	width: 256px;
	height: 30px;
	background: #f8f8f8;
	border:1px solid #ccc;
	border-radius:5px;
	line-height: 30px;
	margin-bottom: 10px;	
}
.bread-crumb .search img{
	float:right;
	margin: 7px 10px 0 0;
}
.bread-crumb .search input{
	height: 70%;
	padding-left: 10px;
	background: transparent;
}
.categories span{
	display: block;
	width: 259px;
	height: 60px;
	border-left:3px solid transparent;
	margin-bottom: 5px;
	background: #f5f5f5;
	line-height: 60px;
	text-align: center;
	font-size:18px;
	color:#444;
}
.pro {margin-top: 30px;}
.lists{width: 73%;}
.categories span:hover,
.categories span.focus{
	border-left:3px solid  #ec6101;
	color:#ec6101
}

.lists ul li{
	margin-bottom: 20px;
}
.news .iw{
	padding-top: 20px;
}
.news-list{
	width: 74%;
}
.news-list ul li .rt{
	width:60%;
	float:left;
	margin-left: 28px;
}
.news-list ul li .rt h3{
	font: normal 20px 'Microsoft YaHei';
	margin: 20px 0;
}
.news-list ul li .rt p{
	font-size:14px;
	color:#666;
	line-height: 1.7;
}
.news-list ul li:hover .more.detail{
	background: #fff300;
	border-color:transparent;
	color:#333
}
.news-list ul li>a{overflow: hidden;}
.news-list ul li:hover img{
	transform:scale(1.1);
}
.news-list ul li img{
	transition:all .3s;
}
.detailcon{
    margin-bottom:50px;
}
 .bread-crumb .search .search_btn{
    background:url(../images/search.png) no-repeat center center;
}