﻿ul{ padding:0px; margin:0px;}
a{ color:#333}
a:hover{ text-decoration:none; color:#000}
.show{ display:block;}
.clr{ clear:both}
.index_title{ margin-left:50px; margin-bottom:30px; }
.index_title strong{ font-weight:500;font-size:38px; display:inline-block; border-left:4px #F39B24 solid; padding-left:10px; height:40px; line-height:40px;}
.index_title a{ display:inline-block; float:right;background-image:url(../images/next.svg); margin-right:50px; font-size:15px; padding-right:20px;background-position:right; background-repeat:no-repeat; background-size:10px; margin-top:40px;}
.index_title span{ display:block; padding-top:10px; font-size:20px;  padding-left:15px; color:#666}
.index_news_list li{ width:500px; float:left;   margin-left:50px; position:relative;}
.index_news_list li img{ display:block;  width:500px; height:292px;}
.index_news_list li i{ display:block; width:500px; height:292px; background-color:#000; position:absolute;margin-top:-292px; z-index:1; filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
  -moz-opacity:0.5; /*Firefox私有，透明度50%*/
  opacity:0.5;/*其他，透明度50%*/transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
  .index_news_list li a:hover i{filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
  -moz-opacity:0; /*Firefox私有，透明度50%*/
  opacity:0;/*其他，透明度50%*/}
.index_news_list li span{ display:block; line-height:53px; letter-spacing:5px; font-size:13px; color:#666}
.index_news_list li strong{ display:block; font-size:20px; font-weight:lighter; color:#000}
.LeftHandle{ width:50px; height:50px; background-color:#efefef; position:absolute; right:120px; bottom:50px; background-image:url(../images/skip.svg); cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:13px;border-radius:20px 0px 0px 0px;}
.LeftHandle:hover{ background-color:#F39B24;}
.RightHandle{width:50px; height:50px; background-color:#efefef; position:absolute; right:50px; bottom:50px;background-image:url(../images/next.svg); cursor:pointer; background-position:center;background-repeat:no-repeat; background-size:13px;border-radius:0px 0px 20px 0px;}
.RightHandle:hover{ background-color:#F39B24;}
 
  .yewu{ color:#FFF; }
 
.yewu ul li{ float:left; width:50%; background-position:center top;   overflow:hidden; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.yewu ul .y1{ background-image:url(../images/z1.jpg);}
.yewu ul .y2{ background-image:url(../images/z2.jpg);}
.yewu ul li strong{ margin-top:30%; display:block; text-align:center; font-size:33px; position:relative}
.yewu ul li span{ display:block; width:70px; height:2px; background-color:#F39B24; position:relative; margin:auto; margin-top:20px;}
.yewu ul li p{ font-size:16px; padding:50px 100px 50px 100px; position:relative; line-height:26px; text-align:center;}
.yewu ul li a{ position:relative; width:200px; height:60px; border:1px solid #fff; text-align:center; font-size:18px; color:#fff; margin:auto; display:block; line-height:60px;}
.yewu ul li a:hover{ border:1px #F39B24 solid;}
.yewu ul li i{ width:100%; display:block; position:absolute; background-color:rgba(0,0,0,0.5); transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.yewu ul li:hover {  }
.yewu ul li:hover i{background-color:rgba(0,0,0,0.1); }
.pingtai_title{  }
.pingtai_title strong{ font-size:36px; text-align:center; display:block; margin-bottom:20px;}
.pingtai_title i{ height:3px; width:70px; background-color:#F39B24; display:block; margin:auto;}
.pingtai_list ul{ padding:50px;}
.pingtai_list li{ float:left; width:25%; text-align:center;}
.pingtai_list li img{ display:block; border-radius:210px;/*普通*/
-moz-border-radius:210px;/*firfox*/
-webkit-border-radius:210px;/*firfox*/ max-width:70%; margin:auto; padding:5%; border:1px #fff solid; }
.pingtai_list li:hover img{ border:0px;}
 .youshi_list{ margin-top:80px;}
.youshi_list ul li{ float:left; width:50%; background-color:#E9E9E9; background-image:linear-gradient(315deg,#E9E9E9,#D4D4D6);}
 .youshi_list ul li p{ width:100%; background-position:right bottom; background-repeat:no-repeat; background-size:auto 98%;}
  .youshi_list ul li p strong{ margin-left:40px; margin-top:40px; display:block; font-size:24px}
    .youshi_list ul li p span{ margin-left:40px; font-size:16px; display:block; line-height:33px;}
	 .youshi_list ul li p i{ width:60px; height:2px; background-color:#F90; display:block; margin-left:40px; margin-top:10px; margin-bottom:10px;}
.youshi_list ul #you1{ background-image:none; }
.youshi_list ul #you1 strong{ display:block; text-align:center; font-size:36px; margin-top:14%;}
.youshi_list ul #you1 span{ display:block; line-height:44px; font-size:17px; text-align:center;}
.youshi_list ul #you1 a{ display:block; margin:auto; width:120px; height:33px; line-height:33px; text-align:center; border:1px #F39B24 solid; color:#F39B24;} 
.youshi_list ul #you1 a:hover{ color:#fff;}
.youshi_list ul #you2 p{ background-image:url(../images/sou.png);}
.youshi_list ul #you3 p{ background-image:url(../images/yizhan.png);}
.youshi_list ul #you4 p{ background-image:url(../images/time.png);}

.zhaomu_tit{color:#fff; text-align:center; margin-bottom:60px;}
.zhaomu_tit strong{ font-size:56px; display:block; margin-bottom:10px; }
.zhaomu_tit span{ font-size:17px; width:70%; display:block; margin:auto;}
.zhaomu_tit p{ font-size:36px; padding:0px; margin:0px;}
.zhaomu_from{ width:100%; height:200px;  background-color:rgba(243,155,36,0.9);   }

.zhaomu_from ul li{ float:left; margin-right:30px; }
.zhaomu_from ul{ padding:30px;}
.zhaomu_from ul li input,select{ width:160px; padding-left:10px; height:40px; border:0px;}
.zhaomu_from  ul .input-submit1{ float:right; margin-top:10px;}
.zhaomu_from  ul .input-submit1 input{ height:60px; width:350px; background-color:#151515; color:#fff; font-size:18px; margin-top:30px;}
.zhaomu_from  ul .input-submit1 input:hover{ background-color:#000;  }
.zhaomu_from  ul .zhuyi{ position:absolute; width:400px; color:#fff; font-size:16px; margin-top:60px;}
.products_list{ }
.products_list li{ float:left; margin-right:30px; position:relative;}
.products_list li img{ height:270px;}
.products_list li p{ background-color:#333; height:70px;}
.products_list li strong{ color:#fff; display:block; text-align:center; font-size:22px;  width:50%; float:left; line-height:70px; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;   }
.products_list li span{ float:right; height:70px; background-color:#de8308; color:#fff;   width:40%; padding-left:10%;
 clip-path:polygon(13% 0, 100% 0%, 100% 100%, 0% 100%); padding-top:10px;  transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;  background-position:120%;  }  
 .products_list li span b{ font-size:20px; display:block;}
 .products_list li  a:hover  strong{ width:40%;}
  .products_list  li a:hover  span{ width:50%; background-image:url(../images/jiant.svg); background-repeat:no-repeat; background-position:95%; background-size:35px;  }
  .foot{ height:211px; position:absolute; width:100%;background-color:rgba(0,0,0,0.8); bottom:0px;}
 .foot ul a{ color:#9C9C9C}
.foot ul{ color:#9C9C9C; padding-top:50px;}
.foot ul .foot_tel{ float:left; width:370px; border-right:1px #333 solid; height:120px;}
.foot ul .foot_tel img{ float:left; margin-right:20px;}
.foot ul .foot_tel strong{ font-size:19px; font-weight:lighter; display:block}
.foot ul .foot_tel span{ font-size:34px;}
.foot_dress{float:left; width:470px; border-right:1px #333 solid; margin-left:60px;height:120px; font-size:14px; padding-top:0px; line-height:25px;}
.foot_mail{float:left;   margin-left:60px;height:120px;font-size:14px; line-height:25px;}
.foot_mail img{ width:120px;}
.foot_copy{ line-height:64px; text-align:center; font-size:14px;}

/*右侧浮动层*/

.online-service{
	position: fixed;
	width: 42px;
	bottom:75px;
	right:10px;
	z-index: 99;
}

.online-service li{
	position: relative;
	display: block;
	width: 42px;
	height: 42px;
	margin-top: 5px;
}

.online-service li .way{
	position: relative;
	display: block;
	width: 42px;
	height: 42px;
	text-align: center;
	background-color: #F39B24;
 
	z-index: 10;
	font-size: 0;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	cursor: pointer;
}


.online-service li .way .icon{
	display: inline-block;
	margin: 10px 0px 0px 3px; 
}
.online-service li .way .icon.arrow-top{
	margin-top: 15px;
}

.online-service li .way p{
	display: block;
	line-height: 1;
	font-size: 12px;
	color: #fff;
}

.online-service .phone .content{
	display: block;
	*display: none;
	position: absolute;
	width: 0px;
	height: 42px;
	padding: 0 41px 0 20px;
	top:0;
	right: 0px;
	border-radius: 21px;
	opacity: 0;
	line-height: 42px;
	color: #fff;
	font-size: 16px;
	background-color: #F39B24;
 
	z-index: 3;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}

.online-service li:hover .content{
	*display: block;
	width: 140px;
	opacity: 1;
}

.online-service .phone .content span:last-child{
	padding-left: 10px;
}

.online-service .wx .ewm{
	display: block;
	*display: none;
	position: absolute;
	top: 50%;
	margin-top: -51px;
	right: 51px;
	opacity: 0;
	z-index: 3;
	-webkit-transform: scale(0,0);
	-ms-transform: scale(0,0);
	-o-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	-ms-transform-origin: 100% 50%;
	-o-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}

.online-service .wx:hover .ewm{
	*display: block;
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	-o-transform: scale(1,1);
	transform: scale(1,1);
	opacity: 1;
	white-space: nowrap;
}

.online-service .wx .ewm img{
	display: block;
	width: 102px;
	height: 102px;
	border: 1px solid #ccc;
}

.online-service .wx .ewm .arrow{
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 5px solid #ccc;
	top:50%;
	margin-top: -5px;
	right:-10px;
}

.online-service .wx .ewm h4{
	display: block;
	margin-top: 6px;
	color: #333;
	font-size: 16px;
	text-align: center;
}

.online-service .wx .ewm p{
	display: block;
	text-align: center;
	font-size: 12px;
	color: #666;
	margin-top: 2px;
}


.arrow-top{background:url(../images/contact-icon.png) no-repeat 0px 0px;height:12px;padding-left:22px;}
.contact-icon3{background:url(../images/contact-icon.png) no-repeat 0px -12px;height:24px;padding-left:30px;}
.contact-icon2{background:url(../images/contact-icon.png) no-repeat 0px -36px;height:24px;padding-left:26px;}
.contact-icon1{background:url(../images/contact-icon.png) no-repeat 0px -60px;height:24px;padding-left:25px;}

/*在线服务图标*/

.m_zx{ display:none;}
.pc{ display:block;}
.m{ display:none;}
 
@media only screen and (max-width: 992px){
	
	
	
 .foot_menu{position:fixed; bottom:0px; width:100%; background-color:#f5f5f5; z-index:2; } 
 .foot_menu li{ float:left; width:33.33%; text-align:center; height:42px;  color:#fff;list-style:none; border-top:1px  #dedede solid; border-right:1px #dedede solid;}
  .foot_menu li a{ display:block; }
 .foot_menu li a i{  display:block; width:20px; height:20px; background-image:url(../images/footbar-icons.png); background-size:auto 20px; margin:auto; margin-top:3px; margin-bottom:2px;  }
   .foot_menu li a strong{ color:#fff; display:block;   font-weight:lighter; font-size:11px; color:#333;} 
   .foot_menu li  .wx strong{ color:#0fad03}
	   .foot_menu li  .dh i{ background-position:-60px;}
	      .foot_menu li  .dh strong{ color:#ffa200;}
	     .foot_menu li  .fh i{ background-position:-20px;}   
		    .foot_menu li  .sy i{ background-position:-40px;}  
			  .foot_menu li  .daoh i{ background-position:-80px;}  
			  .foot_menu li  .yy i{ background-position:-20px;}
			    .foot_nav{ padding:0px; margin-bottom:10px; padding-top:0px;}
			 .foot_nav li{ float:left; width:25%; line-height:26px; font-size:12px;}    
	.pc{ display:none;}
.m{ display:block;}
	.online-service{ display:none;}
	.m_zx{ display:block;}
	.m_zx{ position:fixed; bottom:0px; right:0px; animation: myfirst 2s infinite;}
	
 .youshi_list{ margin-top:50px;}
.youshi_list ul li{ float:left; width:50%; background-color:#E9E9E9; background-image:linear-gradient(315deg,#E9E9E9,#D4D4D6);}
 .youshi_list ul li p{ width:100%; background:none; background-position:right bottom; background-repeat:no-repeat; background-size:auto 48%;}
  .youshi_list ul li p strong{ margin-left:20px; margin-top:20px; display:block; font-size:20px}
    .youshi_list ul li p span{ margin-left:20px; font-size:12px; display:block; line-height:20px; padding-right:30px;}
	 .youshi_list ul li p i{ width:60px; height:2px; background-color:#F90; display:block; margin-left:20px; margin-top:10px; margin-bottom:10px;}
.youshi_list ul #myou1{ background-image:none; }
.youshi_list ul #myou1 strong{ display:block; text-align:center; font-size:26px; margin-top:14%;}
.youshi_list ul #myou1 span{ display:block; line-height:24px; font-size:14px; text-align:center; padding:10px 20px;}
.youshi_list ul #myou1 a{ display:block; margin:auto; width:120px; height:33px; line-height:33px; text-align:center; border:1px #F39B24 solid; color:#F39B24;} 
.youshi_list ul #myou1 a:hover{ color:#fff;}
.youshi_list ul #myou2 p{ background-image:url(../images/sou.png);  }
.youshi_list ul #myou3 p{ background-image:url(../images/yizhan.png);  }
.youshi_list ul #myou4 p{ background-image:url(../images/time.png);  }
	
	
	
.zhaomu_tit{color:#fff; text-align:center; margin-bottom:20px;}
.zhaomu_tit strong{ font-size:33px; display:block; margin-bottom:10px; }
.zhaomu_tit span{ font-size:12px; width:90%; display:block; margin:auto;}
.zhaomu_tit p{ font-size:26px; padding:0px; margin:0px; display:none;}
.zhaomu_from{ width:100%;   background-color:rgba(243,155,36,0.9); height:250px;  }

.zhaomu_from ul li{ width:100%; margin-bottom:10px;  }
.zhaomu_from ul{ padding:30px;}
.zhaomu_from ul li input,select{ width:100%; padding-left:10px; height:40px; border:0px;}
.zhaomu_from  ul .input-submit1{ width:100%; margin-top:0px; }
.zhaomu_from  ul .input-submit1 input{ height:60px; width:100%; background-color:#F39B24; color:#fff; font-size:18px; }
.zhaomu_from  ul .input-submit1 input:hover{ background-color:#000;  }
.zhaomu_from  ul .zhuyi{ position:absolute; width:400px; color:#fff; font-size:16px; margin-top:60px; display:none;}


.index_title{  margin-bottom:30px; margin-top:60px; margin-left:0px; }
.index_title strong{ font-weight:500;font-size:28px; display:block; border-left:0px #F39B24 solid; height:40px; line-height:40px; text-align:center}
.index_title a{ display:none; float:none;background:none; position:absolute; margin-right:50px; font-size:15px; padding-right:20px;background-position:right; background-repeat:no-repeat; background-size:10px; margin-top:40px;}
.index_title span{ display:block; padding-top:10px; font-size:13px;  padding-left:15px; padding-right:15px; text-align:center; color:#666}
	
	
.products_list{ }
.products_list li{ float:left; margin-right:30px; position:relative;}
.products_list li img{ height:170px;}
.products_list li p{ background-color:#333; height:50px;}
.products_list li strong{ color:#fff; display:block; text-align:center; font-size:17px;  width:50%; float:left; line-height:50px; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;   }
.products_list li span{ float:right; height:50px; background-color:#de8308; color:#fff;   width:40%; padding-left:10%;
 clip-path:polygon(13% 0, 100% 0%, 100% 100%, 0% 100%); padding-top:5px;  transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;  background-position:120%;  }  
 .products_list li span b{ font-size:17px; display:block;}
 .products_list li  a:hover  strong{ width:40%;}
  .products_list  li a:hover  span{ width:50%; background-image:url(../images/jiant.svg); background-repeat:no-repeat; background-position:95%; background-size:35px;  }
 .c_more{ margin:auto;  display:block; height:45px; line-height:45px; background-color:#F90; margin-bottom:60px; margin-top:30px; width:80%; color:#fff; text-align:center;font-size:18px }
  .LeftHandle{ display:none;}
  .RightHandle{ display:none;}
  
  
  .yewu{ color:#FFF; }
 
.yewu ul li{ float:none; width:100%; background-position:100% center;   overflow:hidden; transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.yewu ul .y1{ background-image:url(../images/z1.jpg);}
.yewu ul .y2{ background-image:url(../images/z2.jpg);}
.yewu ul .y1 strong{ margin-top:15%}
.yewu ul li strong{ margin-top:12%; display:block; text-align:center; font-size:28px; position:relative}
.yewu ul li span{ display:block; width:70px; height:2px; background-color:#F39B24; position:relative; margin:auto; margin-top:10px;}
.yewu ul li p{ font-size:13px; padding:20px; position:relative; line-height:26px; text-align:center; padding-bottom:4px;}
.yewu ul li a{ position:relative; width:200px; height:30px; border:1px solid #fff; text-align:center; font-size:13px; color:#fff; margin:auto; display:block; line-height:30px;}
.yewu ul li a:hover{ border:1px #F39B24 solid;}
.yewu ul li i{ width:100%; display:block; position:absolute; background-color:rgba(0,0,0,0.5); transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.yewu ul li:hover {  }
.yewu ul li:hover i{background-color:rgba(0,0,0,0.1); }


.pingtai_title{  }
.pingtai_title strong{ font-size:26px; text-align:center; display:block; margin-bottom:20px;}
.pingtai_title i{ height:3px; width:70px; background-color:#F39B24; display:block; margin:auto;}
.pingtai_list ul{ padding:50px;}
.pingtai_list li{ float:left; width:50%; text-align:center; margin-bottom:40px;  }
.pingtai_list li img{ display:block; border-radius:210px;/*普通*/
-moz-border-radius:210px;/*firfox*/
-webkit-border-radius:210px;/*firfox*/ max-width:90%; margin:auto; padding:5%; border:1px #fff solid; }
.pingtai_list li:hover img{ border:0px;}


.index_news_list li{ width:250px; float:left;   margin-left:50px; position:relative;}
.index_news_list li img{ display:block;  width:250px; height:152px;}
.index_news_list li i{ display:block;  width:250px; height:152px; background-color:#000; position:absolute;margin-top:-152px; z-index:1; filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
  -moz-opacity:0.5; /*Firefox私有，透明度50%*/
  opacity:0.5;/*其他，透明度50%*/transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
  .index_news_list li a:hover i{filter:alpha(opacity=0); /*IE滤镜，透明度50%*/
  -moz-opacity:0; /*Firefox私有，透明度50%*/
  opacity:0;/*其他，透明度50%*/}
.index_news_list li span{ display:block; line-height:53px; letter-spacing:5px; font-size:13px; color:#666}
.index_news_list li strong{ display:block; font-size:15px; font-weight:lighter; color:#000}
 .foot{ height:561px; position:absolute; width:100%;background-color:rgba(0,0,0,0.8); bottom:0px;}
 
.foot ul{ color:#9C9C9C; padding-top:20px;}
.foot ul .foot_tel{ float:none; width:100%; border-right:0px #333 solid; height:auto; margin-bottom:10px;}
.foot ul a{ color:#9C9C9C}
.foot ul .foot_tel img{ float:left; margin-right:20px;}
.foot ul .foot_tel strong{ font-size:16px; font-weight:lighter; display:block}
.foot ul .foot_tel span{ font-size:34px;}
.foot_dress{float:none; width:100%; border-right:0px #333 solid; margin-left:0px;height:auto; font-size:14px; padding-top:0px; line-height:25px; text-align:center}
.foot_mail{float:none;   margin-left:0px;height:auto;font-size:14px; line-height:25px; text-align:center; margin-top:30px;}
.foot_mail img{ width:120px; display:block; margin:auto;}
.foot_mail
.foot_copy{ line-height:64px; text-align:center; font-size:14px;}

.bottom-fixed{
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
    display: block !important;
    position: fixed !important;
    bottom: 0;
    z-index: 9;
}
.bottom-fixed a{
    float: left;
    display: block;
    height: 50px;
    text-align: center;
}
.bottom-fixed a.bt{
    color: #797979;
    padding-top: 30px;
    font-size: 12px;
    position: relative;
}
.bottom-fixed a.bt span{
    display: block;
    position: absolute;
    top: 5px;
    width: 100%;
    height: 20px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: auto 100%;
}
.bottom-fixed a:nth-child(1){
    border-right: 1px solid #e9e9e9;
}
.bottom-fixed a:nth-child(1) span{
    background-image: url(../images/zixun.png);
}
.bottom-fixed a:nth-child(2) span{
    background-image: url(../images/fanan.png);
}
.bottom-fixed a.bot{
    background-color: #F49C1F;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 50px;
}

.w-25{
    width: 25%;
}
.w-50{
    width: 50%;
}
.w-100{
    width: 100%;
}
	}
	
	