*{margin:0;padding:0;}
a{text-decoration: none}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
ul,li{list-style:none;}
.fl{float:left;}
.fr{float:right;}
.clearfix{clear:both;}
img{max-width:100%}
.w1200{width:1200px;margin:0 auto;}
header{padding:10px 0;}
.nav li{display:inline-block;line-height:62px;margin:0 30px;}
.nav li a{color:#333;}
.lunbo{height:420px;width:100%;}

.index_product{padding:60px 0;background-color:rgba(245, 245, 245, 1);}
.index_product .title{text-align:center;font-size:30px;position:relative;font-weight:600;}
.index_product .title .line{position: absolute;width:50px;height:3px;background-color:#0493df;display: block;left:50%;margin-left:-25px;margin-top:10px;}
.product_box{margin-top:40px;}
.product_box li{width:275px;height:auto;display:inline-block;background-color:#fff;margin-right:20px;}
.product_box li:last-child{margin-right:0;}
.product_box li .p_pic{width:100%;}
.product_box li .p_name{padding:0 10px;text-align:center;height:50px;line-height:50px;color:#666;font-size:16px;
    white-space:nowrap;/* 规定文本是否折行 */  
    overflow: hidden;/* 规定超出内容宽度的元素隐藏 */
    text-overflow: ellipsis;}

.index_other{padding:60px 0;}
.index_other .title{text-align:left;font-size:30px;position:relative;font-weight:600;}
.index_other .title .line{position: absolute;width:50px;height:3px;background-color:#0493df;display: block;margin-top:10px;}
.index_profile{width:800px;position:relative;}
.index_contact{width:400px;}
.profile_pic{margin-top:30px;width:300px;}
.profile_txt{width:425px;margin-right:50px;margin-top:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;font-size:16px;}
.index_profile .more{width:103px;height:31px;display:block;position:absolute;right:50px;bottom:0}
.contact_box{margin-top:30px;}
.contact_btn{margin-top:1px;}

footer{background-color:rgba(34, 34, 34, 1);height:60px;line-height:60px;text-align:center;color:#aaa;font-size:14px;}
.page{padding:30px 0;background-color:rgba(245, 245, 245, 1);}
.page_left{width:280px;}
.page_title{width:200px;height:80px;line-height:80px;background-color:#0493df;color:#fff;font-size:30px;font-weight:600;padding:0 40px;}
.page_nav{background-color:#fff;margin-top:5px;}
.page_nav li{height:45px;width:240px;line-height:45px;border-bottom:1px dashed #eee;padding:0 20px;}
.page_nav li:hover{background-color:#0493df;}
.page_nav li a{display:block;color:#666;}
.page_nav li:last-child{border:0;}
.page_nav li:hover a{color:#fff;}
.page_contact{background-color:#fff;padding:10px 20px;}
.page_contact_btn{background-color:#fff;padding:5px 10px;}
.page_right{width:890px;background-color:#fff;padding:20px;box-sizing: border-box;}
.bread {color:#666;}
.bread a{color:#333;}
.bread a:hover{text-decoration: underline;}
.page_right_title{margin-top:40px;text-align:center;font-size:36px;border-bottom:1px solid #ddd;padding-bottom:20px;}
.page_right_content{padding:30px 0;}
.list{padding:0 30px;margin-top:40px;}
.list li{width:245px;margin-right:20px;display:inline-block;border:1px solid #ddd;box-sizing: border-box;margin-bottom:20px;}
.list li .list_pic{width:100%;}
.list li .list_name{width:100%;white-space:nowrap;/* 规定文本是否折行 */  overflow: hidden;/* 规定超出内容宽度的元素隐藏 */text-overflow: ellipsis;box-sizing: border-box;padding:0 10px;height:45px;line-height:45px;text-align:center;color:#333;border-top:1px solid #ddd;}
.list li:nth-child(3n){margin-right:0;}
.list li:hover{border-color:#0493df;}

.pagenum{text-align:center;margin:40px 0 40px 0;}
.pagenum a{height:30px;min-width:30px;padding:0 5px;text-align: center;display:inline-block;margin:0 5px 0 0;color:#595959;border:1px solid #d9d9d9;font-size:14px;border-radius: 6px;line-height:30px;box-sizing: border-box;}
.pagenum a:hover{color:#fff;background:#0493df;border-color:#0493df;}
.pagenum a.active-page{color:#fff;background:#0493df;border-color:#0493df;}

.content{margin-top:40px;}
.content_pic{width:450px;height:100%;}
.content_txt{width:375px;}
.content_txt .content_title{font-size:18px;font-weight:600;}
.content_txt .content_class{margin-top:30px;color:#666;}
.content_txt .content_class a{color:#333;}
.content_txt .content_class a:hover{color:#0493df}
.content_txt .content_line{width:100%;height:1px;background-color:#ddd;margin-top:30px;}

.detail{margin-top:20px;}
.detail_title{font-size:18px;color:#0493df;position:relative;}
.detail_title:before{content:"";position:absolute;width:850px;height:1px;background:#ddd;bottom:-10px;left:0;}
.detail_title:after{content:"";position:absolute;width:60px;height:1px;background:#0493df;bottom:-10px;left:0;}
.detail_content{padding:40px 10px;}

#dibu {
	height:300px;
	background:url(../images/dibu.jpg) repeat-x left top;
	font-size:16px;	
}
#dibu .index_service {
	width:280px;
	padding-top:32px;	
	margin-right:35px;
	background:url(../images/hotline_bg.png) no-repeat left 120px;
}
#dibu .index_service p {
	color:#fff;
	line-height:22px;
	font-size:16px;	
}
#dibu .index_service p a{
	color:#fff;
}
#dibu .index_news {
	width:455px;	
	margin-right:83px;
}
#dibu .index_news p {
	color:#fff;
	padding:24px 0px 15px 0px;	
}
#dibu .index_news ul li {
	width:455px;
	height:40px;
	line-height:40px;
	border-bottom:1px dashed #465463;	
}
#dibu .index_news ul li a{
	color:#fff;
}
#dibu .index_cate {
	width:229px;
	padding-top:25px;
}

#dibu .index_cate .title{
	font-size:16px;
}

#dibu .index_cate p {
	
	padding-bottom:10px;
	color:#fff;	
}

#dibu .index_cate #email{
	width:100%;
	height:2.0em;
	background-color:#00000000;
	border:1px solid #cfcfcf;
	border-radius:1.3rem;
	line-height:normal;
	color:#cfcfcf;
	box-sizing:border-box;
	padding:0 0.8rem;
	margin-top:10px;
	outline:none;
	}
#dibu .index_cate #phone{
	width:100%;
	height:2.4em;
	background-color:#00000000;
	border:1px solid #cfcfcf;
	border-radius:1.3rem;
	line-height:normal;
	color:#cfcfcf;
	box-sizing:border-box;
	padding:0 0.8rem;
	margin-top:10px;
	outline:none;
	}
#dibu .index_cate #company{
	width:100%;
	height:2.4em;
	background-color:#00000000;
	border:1px solid #cfcfcf;
	border-radius:1.3rem;
	line-height:normal;
	color:#cfcfcf;
	box-sizing:border-box;
	padding:0 0.8rem;
	margin-top:10px;
	outline:none;
}
#dibu .index_cate #content{
	width:100%;
	height:2.4em;
	background-color:#00000000;
	border:1px solid #cfcfcf;
	border-radius:1.3rem;
	line-height:normal;
	color:#cfcfcf;
	box-sizing:border-box;
	padding:0 0.8rem;
	margin-top:10px;
	outline:none;
}

#dibu .index_cate #subscribe{
	width:100%;
	height:2.4em;
	background-color:#cfcfcf;
	border:1px solid #cfcfcf;
	border-radius:1.3rem;
	line-height:normal;
	color:#cfcfcf;
	padding:0 0.8rem;
	margin-top:10px;
	outline:none;
	color:#242424;
	cursor:pointer;
}

#dibu_last {
	background:#11161c;
	line-height:38px;
	color:#fff;
	font-size:16px;	
}

#dibu_last center{
	color:#989898;
	margin-top:20px;
}
#dibu_last center a{
	color:#fff;
}
.f_link{
	text-align:center;
}
.f_link a{
	margin-left:50px;
	color:#989898;
}
.f_link a:hover{
	color:white;
}

.l_logo{
	margin-top:10px;
}
.l_logo a{
	width:30px;
	display:inline-block;
	margin-right:10px;
}
.l_logo a img{
	width:100%;
	height:100%;
}
.main1{width:1100px;margin:0 auto;}
.left{float:left;}
.right{float:right;}

.news_list {
    padding: 0 30px;
    margin-top: 40px;
}

.news_list li{border-bottom:1px dashed #ccc;height:40px;line-height:40px;}
.news_list li a{display:block;color:#666;}
.news_list li a:hover{color:#007aff;}

.float-form{
	right: 0;
	z-index: 200;
	bottom: 40%;
	display: inline-block;
	position:fixed;
  }
  @media(max-width:768px){
  
	 .float-form .show-form .form-line01 input{
		width:13rem!important;
	 }
	 .float-form .show-form .form-line01 textarea {
		width:13rem!important;
	 }
  }
  .float-form .show-btn{
	display:block;
	padding: 5px 20px;
	font-size: 16px;
	line-height: 1;
	vertical-align: middle;
	color: #fff;
	background-color: #0B2FA8;
	border-radius: 5px;
	cursor: pointer;
  }
  .float-form .show-btn img{
	vertical-align: -8px;
  }
  .float-form .show-form{
   display:none;
	padding: 10px;
	background-color: #0B2FA8;
	transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
  }
  .float-form .show-form span{
	float:right;
	margin-right: 5px;
	color: #fff;
	cursor: pointer;
  }
  .float-form .show-form h3{
	margin-bottom: 20px;
	padding-left: 40px;
	font-size: 20px;
	color: #fff;
  }
  .float-form .show-form .form-line01 input{
	margin-bottom: 20px;
	padding-left: 8px;
	width: 200px;
	height: 37.5px;
	color: #666;
	font-size: 16px;
	border:none;
	outline:none;
  }
  .float-form .show-form .form-line01 button{
	margin-left: 64px;
	padding: 5px 40px;
	font-size: 17px;
	color: #2a80bd;
	background-color: #fff;
	border: none;
	border-radius: 25px;
	outline:none;
  
  }
  .float-form .show-form .form-line01 textarea{
	margin-bottom: 20px;
	padding-left: 8px;
	width: 200px;
	height: 100px;
	color: #666;
	border:none;
	outline:none;
  }
  .float-form .show-form .form-line01 img{
	margin-right: 5px;
	vertical-align: top;
   display: inline-block;
  }
  .form-line01{
	position: relative;
  }
  .form-line01 .btn-hold{
	  margin-left: 40px;
	  padding-left: 8px;
	  position: absolute;
	  top: 0;
	  width: 200px;
	  height: 37.5px;
	  line-height: 37.5px;
	  color: #666;
	  background-color: #fff;
  }
  .form-line01 #element_3{
	  position: relative;
	  z-index: 2;
	  opacity: 0;
  }

  .contact_form{width:100%;display: flex;display: -webkit-flex;justify-content: space-between;flex-direction: row;	flex-wrap: wrap;margin-bottom:20px}
  .inputBox{
	width: 33%;
    height: 40px;}
  .inputBox span{
	display: inline-block;
    text-align: left;
    font-size: 14px;
	color: #666;
}
  .inputBox input{
	height: 40px;
    outline: 0;
    box-sizing: border-box;
    width: 205px;
    padding: 0 10px;
  }
  
.textareaBox{
    width: 100%;
    margin-top: 20px;
}

.textareaBox span{
	display:block;
	font-size:14px;
	color:#666
}
.textareaBox textarea{
	margin-top: 5px;
    width: 99%;
	height: 150px;
	resize: none;
	outline: 0;
	padding:10px;
	box-sizing: border-box;
}

.contact_form #subscribe{width:200px;height:40px;background-color:#0493df;color:#fff;border-radius: 5px;margin-top:20px;outline: 0;border:0}
.contactUsBtn{width:200px;height:40px;background-color:#0493df;color:#fff;border-radius: 5px;margin-top:20px;outline: 0;border:0;display: block;line-height: 40px;text-align: center; margin: 0 auto;margin-top: 20px;}