/**
* @author:    Echo
* @update:    2019年03月25日
* @description: 个性样式
*/

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
em,i{
	font-style: normal;
}
body{
	font-size: 14px;
	min-width: 1200px;
}
img{
	vertical-align: middle;
}
.clear:after{
  	content: "";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}
.clear {
	*zoom:1;
}
.mt0{
	margin-left: auto;
	margin-right:auto;
}
.fl{ 
	float:left;
}
.fr{ 
	float:right;
}
.tow1{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tow2{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.tow3{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.imgchange:hover{
	transition: 0.5s;
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.shan{
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.shan:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: "";
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -ms-transition: -ms-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -180%, 0);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -180%, 0);
    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -180%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -180%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -180%, 0);
}

.shan:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 180%, 0);
    -moz-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 180%, 0);
    -ms-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 180%, 0);
    -o-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 180%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 180%, 0);
}
.pac{
	display: -moz-box;
    -moz-box-orient: vertical;
    -moz-box-pack: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    display: box;
    box-orient: vertical;
    box-pack: center;
}
.main{
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.text-l{
	text-align: left;
}
.text-c{
	text-align: center;
}
.text-r{
	text-align: right;
}
.bg-img{
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.shadow{
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 10px rgba(167,167,167,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 10px rgba(167,167,167,0.6);
}

/*@ 宋体      SimSun
@ 黑体      SimHei
@ 微软雅黑   Microsoft Yahei
@ 微软正黑体 Microsoft JhengHei
@ 新宋体    NSimSun
@ 新细明体  MingLiU
@ 细明体    MingLiU
@ 标楷体    DFKai-SB
@ 仿宋     FangSong
@ 楷体     KaiTi
@ 仿宋_GB2312  FangSong_GB2312
@ 楷体_GB2312  KaiTi_GB2312  
@
@ 说明：中文字体多数使用宋体、雅黑，英文用Helvetica*/

.scrollbar::-webkit-scrollbar{/*滚动条整体部分，其中的属性有width,height,background,border等（就和一个块级元素一样）（位置1）*/  
    width:10px;
	background:#f5f5f5;
	border-radius:6px; 
}
.scrollbar::-webkit-scrollbar-button{/*滚动条两端的按钮，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置2）*/  
    background:#74D334;
	display:none;
}  
.scrollbar::-webkit-scrollbar-track{/*外层轨道，可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果（位置3）*/  
    background:#62c0e3;
	display:none;
}  
.scrollbar::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分（位置4）*/  
    background:#f2f2f2;
	border-radius:6px;
}  
.scrollbar::-webkit-scrollbar-thumb{/*滚动条里面可以拖动的那部分（位置5）*/  
    background:#c7c7c7;
    border-radius:6px; 
}  
.scrollbar::-webkit-scrollbar-corner {/*边角（位置6）*/  
    background:#82AFFF;
	display:none;
}  
.scrollbar::-webkit-scrollbar-resizer  {/*定义右下角拖动块的样式（位置7）*/  
    background:#FF0BEE;
	display:none;  
} 

/*header*/
.header{
	padding: 15px 0;
}
.header-l{
	border-right: 2px solid #a0a0a0;
	width: 225px;
}
.header-logo{
	height: 90px;
}
.header-search{
	position: relative;
    /* display: table; */
    display: block;
    width: 500px;
    height: 35px;
    line-height: 35px;
    margin-top: 15px;
    margin-left: auto;
}
.header-search>i{
	position: absolute;
	top: 7px;
    left: 12px;
	z-index: 2;
	font-size: 20px;
	color: #ef8512;
}
.header-search input[type="text"]{
	width: 80%;
	/* display: table-cell; */
	height: inherit;
	vertical-align: middle;
	border: 1px solid #ef8512;
	padding-left: 40px;
	position: relative;
	float: left;
}
.header-search input[type="text"]:focus{
	outline-color:#ef8512;
}
.header-search button{
	/* display: table-cell; */
	/* display: inline-block; */
	border: 1px solid transparent;
	width: 20%;
	height: inherit;
	background-color: #ef8512;
	color: #fff;
	vertical-align: middle;
	font-size: 14px;
	float: right;
	transition-duration: .5s;
    line-height:33px;
}
.header-search button:hover{
	background-color: #ff6815;
}

.header-nav{
	display: block;
	text-align: center;
	max-width: 940px;
	margin-top: 10px;
	margin-left: auto;
}
.header-nav>li {
	float: left;
	line-height: 40px;
	position: relative;
	padding: 0 20px;
}
.header-nav>li>a{
	color: #000;
	font-size: 16px; 
	display: block;
	transition-duration: .5s;
	position: relative;
}
.header-nav>li.on>a{
	color: #ef8512;
}
.header-nav>li.on>a:after{
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #ef8512;
	position: absolute;
	left: 0;
	bottom: 0;
}
.navsub{
	position: absolute;
	top: 54px;
	z-index: 2;
	width: 100%;
	background: #712d1e;
	display: none;
	width: 100%;
}
.navsub>li{
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #9e6558;
}
.navsub>li>a{
	display: block;
	color: #fff;
}
.navsub>li:hover>a{
	color: #e3bc3a;
}





/*banner*/
.banner{ 
	width:100%;  
	position:relative;  
	height:600px; 
}
.banner .bd{ 
	margin:0 auto; 
	position:relative; 
	z-index:0; 
	overflow:hidden; 
	height:100%;   
}
.banner .bd ul{ 
	width:100% ; 
	height:100%;  
}
.banner .bd li{ 
	width:100% ;  
	height:100%; 
	overflow:hidden; 
	text-align:center;  
}
.banner .bd li a{ 
	display:block; 
	height:100%; 
}

.banner .hd{ 
	width:100%;  
	position:absolute; 
	z-index:1; 
	bottom:40px; 
	left:0; 
	height:30px; 
	line-height:30px; 
}
.banner .hd ul{ 
	text-align:center; 
}
.banner .hd ul li{ 
	cursor:pointer; 
	display:inline-block; 
	*display:inline; 
	zoom:1; 
	width:42px; 
	height:11px; 
	margin:1px; 
	overflow:hidden; 
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;  
	line-height:999px; 
}
.banner .hd ul .on{ 
	background:#f00;
}
.banner .prev,
.banner .next{  
	display:block;  
	position:absolute; 
	z-index:1; 
	top:48%; 
	margin-top:-30px; 
	left:15%;  
	width:40px; 
	height:60px; 
	background:url(../plugins/superslide/slider-arrow.png) -126px -137px #000 no-repeat;  
	cursor:pointer; 
	filter:alpha(opacity=50);
	opacity:0.5; display:none;  
}
.banner .next{ 
	left:auto; 
	right:15%; 
	background-position:-6px -137px; 
}




/*footer*/
.footer-tbox{
	width: 100%;
	background-color: #404040;
}
.footer-top{
	padding-top: 75px;
	padding-bottom: 45px;
}
.footer-logo{
	width: 320px;
}
.footer-logo>img{
	width: 100%;
}
.footer-nav{
	padding-bottom: 10px;
	border-bottom: 1px solid #8e8e8e;
}
.footer-nav>li{
	float:left;
}
.footer-nav>li+li{
	margin-left: 30px;
}
.footer-nav>li>a{
	color: #fff;
	transition-duration: .5s;
	display: inline-block;
}
.footer-nav>li>a:hover {
    text-decoration: underline;
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
}
.footer-info{
	margin-top: 20px;
	position: relative;
	padding-left: 140px;
	color: #fff;
}
.footer-info p{
	color: #fff;
	margin-bottom: 8px;
}
.footer-phone{
	color: #ffe400;
	font-weight: 600;
	font-size: 24px;
	display: inline-block;
	border:2px solid #fff;
	height: 40px;
	line-height: 36px;
	padding: 0 10px;
}
.footer-phone>i{
	color: #fff;
	padding-right: 10px;
	margin-right: 10px;
	border-right:2px solid #fff;
	line-height: 36px;
}
.footer-code{
	width: 110px;
	height: 110px;
	position: absolute;
	left: 0;
	top: 0;
	border:5px solid #fff;
}


.footer-bbox{
	width: 100%;
	background-color: #1a1a1a;
}
.footer-bottom p{
	line-height: 55px;
	height: 55px;
	color: #ffffff;
}
.footer-bottom p a{
	color: #fff;
	margin-left: 20px;
	/*display: inline-block;*/
}
.footer-bottom p a:hover{
	text-shadow:
    0 0 10px rgba(255,255,255, 1),
    0 0 50px rgba(255, 255, 255, .8),
    0 0 75px rgba(255, 255, 255, .6),
    0 0 76px rgba(255, 255, 255, .4),
    0 0 77px rgba(255, 255, 255, .5),
    0 0 78px rgba(255, 255, 255, .4),
    0 0 79px rgba(255, 255, 255, .3),
    0 0 80px rgba(255, 255, 255, .2),
    0 0 85px rgba(255, 255, 255, .1);
}




/*subbanner*/
.subbannerbox {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.subbannerbox .subbanner {
    width: 1920px;
    height: 400px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}
.subbannerbox .subbanner img{
	width: 100%;
}
.adv{
	height: 128px;
	margin-top: 100px;
}
.adv .subbanner{
	height: 128px;
}




/*crumb*/
.crumbbox{
	width: 100%;
	margin-top: 20px;
	/*background: #f4f4f4;*/
}
.crumb{
	line-height: 30px;
	height: 30px;
	color: #2a2a2a;
	margin: 0 auto;
	width: 1200px;
	border-bottom: 1px solid #cacaca;
}
.crumb strong{
	font-weight: 500;
}
.crumb strong i{
	/*color: #c42722;*/
	font-size: 14px;
	margin: 0 12px;
}
.crumb a{
	color: #545454;
}
.crumb span,.crumb a:hover{
	color: #ee8400;

}
.crumb>i{
	font-size: 18px;
	color: #474747;
	margin-right: 10px;
}




/* title */
.title{
	margin-top: 50px;
	height: 62px;
	line-height: 62px;
	background: url('../img/title.png') 100% 100%;
	text-align: center;
	
}
.title h2{
	font-size: 30px;
	color: #ee8408;
	font-weight: 600;
	letter-spacing: 2px;
}



/*introd*/
.introd-box{
	background-color: #ef8512;
	width: 100%;
}
.introd{
	padding: 20px 0;
}
.introd li{
	float: left;
	width: 270px;
	color: #fff;
	line-height: 36px;
	vertical-align: middle;
	height: 36px;
}
.introd li+li{
	margin-left: 40px;
}
.introd li i{
	display: inline-block;
	font-size: 26px;
	line-height: 36px;
	vertical-align: top;
	margin-right: 10px;
}
.introd li b{
	display: inline-block;
	vertical-align: top;
	font-size: 22px;
	margin-right: 14px;
}
.introd li p{
	display: inline-block;
	font-size: 17px;
}
.introd li span{
	display: inline-block;
	line-height: 18px;
	font-size: 17px;
}




/*首页产品*/
.ipro-box{
	padding-top: 95px;
	padding-bottom: 70px;
	position: relative;
}
.ipro-box2{
	height: 964px;
	padding-top: 80px;
	background-image: url(../img/bg2.jpg);
	background-attachment:fixed;
	position: relative;
}
.ipro-box3{
	padding-top: 120px;
	padding-bottom: 70px;
	position: relative;
}
.ipro-box4{
	height: 780px;
	padding-top: 120px;
	background-image: url(../img/bg4.jpg);
	position: relative;
}
.ipro-box5{
	padding-top: 90px;
	padding-bottom: 50px;
	position: relative;
}
.ipro-box5:after{
	content: "";
	display: block;
	width: 100%;
	height: 360px;
	background-color: #ffb400;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.ipro{

}
.inprot{
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	color: #ff6815;
}
.inprot span{
	color: #626262;
	display: inline-block;
	border:1px solid #626262;
	padding: 0 30px;
	margin-right: 10px;
	text-transform: uppercase;
}
.inprop{
	font-size: 24px;
	color: #4a4a4a;
	margin-top: 10px;
	text-align: center;
	font-family: KaiTi;
}
.inproul{
	margin-top: 50px;
}
.inproul li{
	float: left;
	width: 280px;
	margin-left: 26px;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
.inproul li img{
	width: 280px;
	height: 210px;
}
.inproul li a>p{
	color: #323232;
	padding: 3px 10px;
	font-size: 16px;
	border:1px solid #cfcfcf;
	position: relative;
	z-index: 9;
	background: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 36px;
}
.inproul li .k{
	position: absolute;
	left: 0;
	top: 170px;
	background: #ee8606;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 24px;
	padding-right: 2px;
}
.inproul li .k:after{
	position: absolute;
	bottom:0;
	right:-40px;
  	border-top:40px solid #ee8606;
  	/*border-left:40px solid transparent;*/
  	border-right:40px solid transparent;
 	content: "";
}
.inproul li .k span{
	display: inline-block;
	background: #000;
	padding: 0 8px;
	margin-right: 5px;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	vertical-align: top;
}
.inproul li .k small{
	font-size: 14px;
	margin-left: 5px;
}
.inproul li.other{
	width: 586px;
}
.inproul li.other img{
	width: 586px;
	height: 246px;
}
.inproul li .l{
	position: absolute;
	top: 25px;
	right: 0;
	background: #2f3943;
	padding: 30px 18px 15px 18px;
	width: 220px;
	color: #fff;
}
.inproul li .l p{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	height: 50px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.inproul li .l span{
	display: block;
	background: #ee8606;
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	line-height: 45px;

}
.inproul li .l span small{
	font-size: 16px;
	font-weight: 500;
	margin-left: 5px;
}
.inproul li .l em{
	width: 100%;
	background: #97a7b9;
	height: 2px;
	display: block;
	margin: 20px 0;
}
.inproul li:nth-child(1),
.inproul li:nth-child(4){
	margin-left: 0;
}

.ipro2-l{
	width: 586px;
	height: 496px;
	overflow:hidden;
}
.ipro2-l img{
	width: 586px;
	height: 496px;
}

.ipro2-r h2{
	font-size: 28px;
	line-height: 1.5;
	color: #fff;
	font-weight: 600;
	letter-spacing: 2px;
}
.ipro2-r p{
	font-size: 16px;
	color: #fff;
}
.more{
	display: inline-block;
	background: #ee8606;
	color: #fff;
	padding: 10px 60px;
	font-size: 16px;
	transition-duration: .5s;
	margin-top: 30px;
}
.more2{
	display: block;
	background: #ee8606;
	color: #fff;
	padding: 10px 60px;
	font-size: 16px;
	transition-duration: .5s;
	margin: 30px auto 0 auto;
    width:184px;
}
.more:hover, .more2:hover{
    background-color: #ff6815;
}
.ipro-box5 .inprot,
.ipro-box5 .inprot span{
	color: #2f2f2f;
}







/*首页新闻*/
.inewul{
	margin-top: 40px;
}
.inewul li{
	width: 580px;
	float: left;
	margin-right: 20px;
	background: #f9faff;
	border:1px solid #b6b6b6;
	padding: 30px 20px 30px 320px;
	height: 270px;
	position: relative;
	margin-bottom: 30px;
}
.inewul li img{
	width: 280px;
	height: 210px;
	position: absolute;
	top: 30px;
	left: 20px;
}
.inewul li h3{
	color: #2f2f2f;
	font-weight: 600;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.5;
	margin-top: 20px;
}
.inewul li p{
	font-size: 14px;
	color: #584e41;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-top: 15px;
}
.inewul li .k{
	position: absolute;
	left: 320px;
    top: 180px;
	background: #ee8606;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 24px;
	padding-right: 2px;
}
.inewul li .k:after{
	position: absolute;
	bottom:0;
	right:-40px;
  	border-top:40px solid #ee8606;
  	/*border-left:40px solid transparent;*/
  	border-right:40px solid transparent;
 	content: "";
}
.inewul li .k span{
	display: inline-block;
	background: #000;
	padding: 0 8px;
	margin-right: 5px;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	vertical-align: top;
}
.inewul li .k small{
	font-size: 14px;
	margin-left: 5px;
}


/*contact*/
.contact{
	margin-top: 50px;
	margin-bottom: 100px;
	background: #fff;
	padding: 40px 30px 50px 30px;
	
}

.contact img {
	width: auto;
}
.baidumap {
    width: 100%;
    height: 375px;
}
.contact .map {
	width: 50%;
	padding: 10px;
	border: #eee dashed 1px;
	border-radius: 10px;
}
.contact .content {
	width: 500px;
	padding-top: 40px;
}
.contact .content dt {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	color: #ef8508;
}
.contact .content dd {
	line-height: 30px;
	margin-bottom: 15px;
}
.contact .content dd i {
	margin-right: 15px;
	text-align: center;
	font-size: 22px;
	color: #ef8508;
}   
.iw_poi_title{
	font-size: 16px;
	color: #ef8508;
	margin-bottom: 5px;
}
.iw_poi_content{
	font-size: 14px;
}



/* message */
.mest{
	margin-top: 50px;
	text-align: center;
	padding: 30px 20px;
}
.mest span{
	color: #ee8400;
}
.message{
	margin-top: 30px;
	margin-bottom: 100px;
	padding-bottom: 80px;
}
.message b{
	width: 100%;
	height: 40px;
	background: #2f3943;
	display: block;
}
.form-input{
	width: 49%;
	display: inline-block;
	margin-top: 20px;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
}
.form-input2{
	width: 100%;
	margin-top: 20px;
	padding: 0 30px;
}
.form-input input{
	height: 40px;
	line-height: 40px;
	width: 400px;
	margin-left: 10px;
	padding: 0 10px;
}
.form-input label,
.form-input2 label{
	width: 80px;
	display: inline-block;
}
.form-input label em,
.form-input2 label em{
	color: #b70000;
	margin-left: 5px;
}
.form-input2 label{
	vertical-align: top;
}
.form-input2  textarea{
	width: 995px;
    margin-left: 10px;
    padding: 10px;
    height: 160px;
}
.mes-btn{
	margin-top: 70px;
	text-align: center;
}
.mes-btn a{
	color: #fff;
	font-size: 18px;
	background: #ee8403;
	padding: 10px 40px;
	display: inline-block;
	margin: 0 30px;
}
.mes-btn input{
	color: #fff;
	font-size: 18px;
	background: #ee8403;
	padding: 10px 40px;
	display: inline-block;
	margin: 0 30px;
}
.mes-btn a.c{
	background: #c2c2c2;
}

.layui-layer-btn a{
	font-size: 14px;
}
.lay-mes{
	display: none;
	padding: 30px 20px;
}
.lay-mes p{
	margin-top: 5px;
	color: #ff7272;
}
.lay-mes .red{
	color: red;
}
.table-s1{
	width: 100%;
	/*border: 1px solid #f0eeee; */
	color:#444444;
	font-size: 14px;
}
.table-s1 td{
	padding: 10px 12px ;
	border: 1px solid #cccccc; 
}
.table-s1 td.on{
	background:#f7f7f7;
	width: 12%;
}
.table-s1 td.off{
	width: 38%;
}






/*新闻*/

.newslist{
    margin-top:50px;
	/*padding: 40px 50px;
	background: #f7f7f7;*/
	margin-bottom: 80px;
	padding: 20px 30px 60px;
}

.neshow {
    font-size: 18px;
    color: #ffffff;
    background: #ef8e18;
    display: inline-block;
    padding: 5px 25px;
    line-height: 1.5;
    font-weight: 600;
    position:absolute;
    top: 70px;
    right: 130px;
}
.newsttt{
	line-height: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.newsttt i{
	color: #f08f2d;
	font-size: 32px;
	margin-right: 10px;
}
.newsttt span{
	color: #584e41;
	font-size: 22px;
	display: inline-block;
	margin-right: 15px;
}
.newsttt em{
	color: #c9c7c4;
	font-size: 22px;
	display: inline-block;
	text-transform: uppercase;
}
.news{
	padding-bottom: 50px;
}
.news li{
	width:100%;
	padding:20px 30px;
	box-sizing: border-box;
	justify-content: space-between;
	margin-bottom: 40px;
	background: #f9faff; 
	height:270px;

	border:1px #b6b6b6 solid;
	/* -moz-box-shadow:0px 2px 7px #CFCFCF; 
	-webkit-box-shadow:0px 7px 7px #CFCFCF; 
	box-shadow:0px 2px 7px #CFCFCF; */
}
.newsimg{
	display: block;
	width: 330px;
	height:215px;
	border:1px solid #c0c0c0;
	margin-right: 10px;
	overflow: hidden;
	background-color: #f5f5f5;
	margin-right: 30px;
}
.newsimg img{
	width: 330px;
	height:215px;
}
.newsimg img:hover{
	transition: 0.5s;
	-webkit-transform:scale(1.1);
 	-o-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    transform:scale(1.1);
}


.newsmain{
	width: 700px;
	/*margin-top: 30px;*/
	position: relative;
	height: 210px;
}
.newsmain2{
	width: 100%;
	/*margin-top: 30px;*/
	position: relative;
	height: 210px;
}
.newst{
	/*border-bottom:1px solid #b9b9b9;*/
	height:60px;
	
	justify-content: space-between;
}
.newst span{
    color: #2e2e2e;
    line-height: 30px;
    height: 30px;
    display: block;
    font-size: 18px;
}



.newst h3{
	font:24px "微软雅黑";
	line-height: 30px;
	
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
	color: #222222;
}


.newsp p{
	width:100%;
	font:15px "宋体";
	line-height: 28px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    transition-duration: 0.5s;
    margin-top: 10px;
    color: #7b7b7b;
    max-height: 84px;
}
/*.newsp span{
	color: #ffffff;
	font-size: 16px;
	margin-top: 20px;
	display: inline-block;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background: #ffa000;
	text-align: center;
	transition-duration: .5s;
	font-family: "宋体";
}*/
/*.newsp span:hover{
	-webkit-animation-name: swing;
    animation-name: swing;
}*/
/*.news li:hover p{
	color: #eb2f87;
}*/
.news li .k{
	position: absolute;
	left: 0;
	top: 170px;
	background: #ee8606;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 24px;
	padding-right: 2px;
}
.news li .k:after{
	position: absolute;
	bottom:0;
	right:-40px;
  	border-top:40px solid #ee8606;
  	/*border-left:40px solid transparent;*/
  	border-right:40px solid transparent;
 	content: "";
}
.news li .k span{
	display: inline-block;
	background: #000;
	padding: 0 8px;
	margin-right: 5px;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	vertical-align: top;
}
.news li .k small{
	font-size: 14px;
	margin-left: 5px;
}
.newsrr{
	width: 60px;
	height: 215px;
	background: #0d6fb8;
	text-align: center;
	transition-duration: 0.5s;
}
.newsrr i{
	font-size: 28px;
	color: #fff;
	line-height: 215px;

}
.newsrr:hover{
	background: #073150;
}

/*新闻详细*/

.newsview{
	
	margin:50px auto 80px auto;
	
	padding:50px 60px;
	
	background: #f7f7f7;
}
.newsyo{
	background: #fff;
	padding: 40px 30px 80px 30px;
}
/*标题 时间*/
.viewt{
	padding-bottom:10px;
	text-align: center;

}
.viewt h3{
	font:24px "微软雅黑";
	line-height: 40px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #b9b9b9;
	color: #747474;
	margin-bottom: 10px;
}
.viewt p{
	font:14px "宋体";
	line-height: 40px;
	color:#7f7f7f;
	display: block;
}
.share2{
	line-height: 28px;
	color: #8e8e8e;
}
/*文章内容*/
/*.viewp p{
	font:14px "宋体";
	line-height: 35px;
	text-indent: 2em;
}*/
/*.viewp div{
	width:100%;
	margin: 0 auto;
}*/
.viewp table{
	width: 100%;
}
.viewp img{
	max-width: 100%;
}
/*.viewt p span{
	margin-right: 30px;
}*/

/*其他文章*/

.owz{
	margin-top: 100px;
	margin-bottom: 50px;
}
.owz h3{
	color: #656565;
	font-size: 24px;
	line-height: 35px;
	border-bottom: 1px solid #cdcdcd;
	padding-bottom: 10px;
}
.owzli{
	
}
.owzli li{
	height: 50px;
	line-height: 50px;
	border-bottom: 1px dashed #cdcdcd;

}
.owzli li a{
	color: #4a4a4a;
}
.owzli li a:hover{
	color: #392caf;
}
.owzli li a p{
	max-width: 1050px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	
}
.owzli li a span{
	
}

.newslinkWrap{
	margin-top: 20px;
}
.newslink{
	padding: 10px 0 10px 16px;
	line-height: 24px;
	height: 24px;
}
.newslink span,.newslink a{
	font-family: "新宋体";
	font-size: 14px;
	color: #5a5a5a;
}
.newslink span{
	font-weight: 500;
}
.newslink:hover a,.newslink:hover span{
	color: #ffa000;
}



/*分页  s*/
.pagination{
    width: 100%;
	text-align: center;
	font-size: 0px;
	padding: 20px 0 20px 0;
}
.pagination{

	
	padding: 0px 0 20px 0;
}
.pagination li{
	display: inline-block;
	border: 1px solid #aaa;
	border-radius: 3px;
	font-size: 13px;
	color: #aaa;
	height: 25px;
	line-height: 23px;
	margin: 0 5px;
	min-width: 25px;
}
.pagination li a{
	color: #333333;
	display: block;
	padding:0 4px;
	background: #f6f6f6;
}
.pagination li:hover,
.pagination .active{
	border:  1px solid #e5d2b2;
	transition:border 0.3s;
	-moz-transition:border 0.3s; /* Firefox 4 */
	-webkit-transition:border 0.3s; /* Safari and Chrome */
	-o-transition:border 0.3s; /* Opera */
}
.pagination li:hover a,
.pagination .active a{
	color: #fff;
	background: #ffa000;
	transition:color 0.3s, background 0.3s;
	-moz-transition:color 0.3s background 0.3s; /* Firefox 4 */
	-webkit-transition:color 0.3 background 0.3s; /* Safari and Chrome */
	-o-transition:color 0.3s background 0.3s; /* Opera */
}
.pagination li.disabled,
.pagination li.disabled:hover{
	border: 1px solid #ccc;
	background: none;
	cursor: default;
}
.pagination li.disabled a,
.pagination li.disabled:hover a{
	color: #bbb;
	background: none;
	cursor: default;
}
/*分页   e*/





/* pronav */
.pronav{
	margin-top: 50px;
}
.pronav-item{
	position: relative;
    padding-left: 130px;
    
    min-height: 56px;
    line-height: 32px;
}
.pronav-box{
	padding: 12px 20px;
	border: 1px solid #bfbfbf;
	border-left: 0;
}
.pronav-t{
	color: #0f0f0f;
	font-size: 16px;
	display: inline-block;
	width: 130px;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	text-align: center;
	background: #f0f5fb;
	border: 1px solid #8aa4c3;
	padding-top: 15px;
}
.pronav-t i{
	color: #265996;
	font-size: 20px;
	margin-right: 10px;
}
.pronav-s{
	/* height: 56px; */
}
.pronav-s li{
	float: left;
	margin-right: 40px;
}
.pronav-s li a{
	font-size: 16px;
	color: #0f0f0f;
}
.pronav-s li.on a{
	color: #ee8408;
}
.pronav-item span{
	font-size: 15px;
	margin-right: 10px;
}
.pronav-item input{
	width: 85px;
}
.pronav-item b{
	margin: 0 10px;
}
.pronav-item .rr{
	margin-right: 25px;
}
.pronav-search{
	background: #ee8408;
	color: #fff;
	padding: 6px 12px;
}





/* 产品列表 */
.prolist{
	margin-top: 90px;
}
.proul{
	margin-bottom: 60px;
}
.proul li{
	float: left;
	width: 280px;
	margin-right: 26px;
	overflow: hidden;
	position: relative;
	margin-bottom: 30px;
}
.proul li img{
	width: 280px;
	height: 210px;
}
.proul li a>p{
	color: #323232;
	padding: 3px 10px;
	font-size: 16px;
	border:1px solid #cfcfcf;
	position: relative;
	z-index: 9;
	background: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 36px;
}
.proul li .k{
	position: absolute;
	left: 0;
	top: 170px;
	background: #ee8606;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 24px;
	padding-right: 2px;
}
.proul li .k:after{
	position: absolute;
	bottom:0;
	right:-40px;
  	border-top:40px solid #ee8606;
  	/*border-left:40px solid transparent;*/
  	border-right:40px solid transparent;
 	content: "";
}
.proul li .k span{
	display: inline-block;
	background: #000;
	padding: 0 8px;
	margin-right: 5px;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	vertical-align: top;
}
.proul li .k small{
	font-size: 14px;
	margin-left: 5px;
}
.proul li.other{
	width: 586px;
}
.proul li.other img{
	width: 586px;
	height: 246px;
}
.proul li .l{
	position: absolute;
	top: 25px;
	right: 0;
	background: #2f3943;
	padding: 30px 18px 15px 18px;
	width: 220px;
	color: #fff;
}
.proul li .l p{
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5;
	height: 50px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.proul li .l span{
	display: block;
	background: #ee8606;
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	line-height: 45px;

}
.proul li .l span small{
	font-size: 16px;
	font-weight: 500;
	margin-left: 5px;
}
.proul li .l em{
	width: 100%;
	background: #97a7b9;
	height: 2px;
	display: block;
	margin: 20px 0;
}
.proul li:nth-child(4n){
	margin-right: 0;
}





/* 产品简介 */
.proinfo{
	margin-top: 60px;
}
.proinfo>h3{
    color:#242424;
    font-size:22px;
    margin-top:0;
    margin-bottom:30px;
}
.proinfo-l{ 
	position: relative; 
	border: 1px solid #dcdddd; 
	overflow: hidden; 
	width: 570px; 
}
.proinfo-l .bigImg{ 
	height: 330px; 
	position: relative;
}
.proinfo-l .bigImg li img{ 
	vertical-align:middle; 
	width:440px; 
	height:330px;   
}

.proinfo-l .smallScroll{ 
	position: absolute;
	top: 42px;
	right: 10px;
}
.proinfo-l .sPrev,
.proinfo-l .sNext{ 
	position: absolute;
	right: 35px;
	color: #ef8e18;
	font-size: 30px;
}
.proinfo-l .sPrev{
	top: -40px;
}
.proinfo-l .sNext{ 
	bottom: -25px;
}

.proinfo-l .smallImg{ 
	
	display:inline; 
	width: 100px; 
	overflow: hidden;
}
.proinfo-l .smallImg ul{ 
	height:9999px;  
	width: 100px; 
	overflow: hidden; 
}
.proinfo-l .smallImg li{ 
	float: left;  
	width:100px; 
	margin-bottom: 10px;
	cursor:pointer;  
	display: inline;  
}
.proinfo-l .smallImg img{ 
	border: 1px solid #dcdddd; 
	width:100px; 
	height:75px;  
}
.proinfo-l .smallImg .on img{ 
	border: 3px solid #ef8e18;
}



.proinfo-r{
	width: 600px;
	min-height: 330px;
}
.promeney{
	font-size: 14px;
	color: #242424;
	line-height: 45px;
	background: #f5edeb;
	padding: 10px 20px;
}
.promeney span{
	font-size: 32px;
	color: #ff6600;
	margin-left: 18px;
	margin-right: 5px;
	font-weight: 600;
}
.promeney a{
	font-size: 18px;
	color: #ffffff;
	background: #ef8e18;
	display: inline-block;
	padding: 5px 25px;
	line-height: 1.5;
	font-weight: 600;
    float: right;
    margin-top: 8px;
}
.proinfo-r p{
	color: #656565;
	font-size: 14px;
	margin-top: 15px;
	padding: 0 20px;
}

.promenu{
	padding: 10px 20px 0;
	background: #626c77;
	font-size: 18px;
	margin-top: 50px;
}
.promenu li{
	float: left;
	
}
.promenu li a{
	color: #fff;
	display: block;
	padding: 5px 20px 15px;
}
.promenu li.on a{
	color: #4c4c4c;
	background: #fff;
}
.procom{
	padding: 35px 40px 35px 170px;
	position: relative;
	min-height: 160px;
}
.procom h3{
	color: #474747;
	font-size: 16px;
}
.procomimg{
	width: 94px;
	height: 83px;
	position: absolute;
	top: 35px;
	left: 40px;
	background: url('../img/dayt.jpg') 100% 100%;
	padding-top: 40px;
}
.procomimg span{
	font-size: 16px;
	font-weight: 600;
	color: #00bffe;
	text-align: center;
	display: block;
}

.procomi{
	width: 94px;
	height: 94px;
	position: absolute;
	top: 35px;
	left: 40px;
	color: #fff;
	padding-top: 15px;
	text-align: center;
}
.procomi.yel{
	background: #ffbe00;
}
.procomi.red{
	background: #ff7200;
}
.procomi.green{
	background: #19c197;
}
.procomi.pop{
	background: #9b58da;
}
.procomi.blue{
	background: #62c0e3;
}
.procomi i{
	font-size: 34px;
}
.procomi span{
	font-size: 16px;
	margin-top: 5px;
	display: block;
	font-weight: 600;
}
.proview{
	word-break: break-all;
    text-align: justify;
    font-size: 15px;
    padding-top: 8px;
    line-height: 1.6;
}
.proview table{
    width:100%!important;
}
.prosub{
	border-bottom: 1px dashed #bfbfbf;
	font-size: 14px;
	color: #393939;
	padding: 18px 20px 18px 40px;
	position: relative;
}
.prosub>i{
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 20px;
	background: #ffbe00;
	color: #fff;
	border-radius: 3px;
	position: absolute;
	top: 13px;
	left: 0;
}
.proimgshow li{
	float: left;
	width: 472px;
	height: 354px;
	margin-top: 20px;
	margin-right: 20px;
	overflow: hidden;
}
.proimgshow li a img{
	width: 472px;
	height: 354px;
}
.proimgshow li:hover a img{
	transition: 0.5s;
	-webkit-transform:scale(1.1);
	-o-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.xcnrbox,.fysm,.zysx,.rili{
	margin-top: 20px;
}


.calendar{
	margin-top: 30px;
}
.rilik{
	min-height: 80px;
	cursor: pointer!important;
	text-align: center;
	font-size: 16px!important;
}
/*.fc-state-highlight{
	background: transparent!important;
}*/
.fcbg{
	background-color: #fcf8e3!important;
}

 @media print{
    p,span{
        font-size:30px!important;
    }
 }