/** 通用 **/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	font-family: sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-appearance: none;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	/*height: 100%;*/
}
img {
	border: 0;
	vertical-align: middle;
}
a {
	text-decoration: none;
	color: #666
}
ul,li{
	list-style:none;
}
h1,h2,dl,dd,ul,li{
	margin:0;
	padding:0;
}
hr {
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  margin: 20px 0;
}


body {
  font-family: Microsoft Yahei, sans-serif;
  /*background-color: #eee;*/
  background-color: #f6f6f6;
  height: auto;
  background-repeat: repeat;
  background-size: 100% auto;
/*	-webkit-transition: all 0.3s;
	transition: all 0.3s;*/
}

/*设置选择目标背景色*/
::selection {
	background-color: red;
	color: #fff
}
/*设置选择目标背景色*/

/*设置滚动条样式*/
::-webkit-scrollbar { /*滚动条整体*/
width:10px;
height:10px;
overflow:auto
}
::-webkit-scrollbar-thumb {/* 滚动条里面小方块*/
background-color:#e6e6e6;
min-height:25px;
min-width:25px;
border:1px solid #e0e0e0
}
::-webkit-scrollbar-track { /*滚动条轨道*/
background-color:#f7f7f7;
border:1px solid #efefef
}
/*设置滚动条样式*/


.btn {
  border: 0;
	border-radius: 3px;
	/*box-shadow: 0 1px 2.5px rgba(0,0,0,.6);*/
	letter-spacing: 0;
	text-align: center;
	cursor: pointer;
	display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  -webkit-appearance: none;
	outline: none;
  font-family: inherit;
  cursor: pointer;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
/* 按钮初始色，黄 */
.btn_color_1 {
  background-color: #f3861b;
  color: #fff;
}
.btn_color_1:hover {
  background-color: #df3e12;
}

.btn_shadow {
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.btn.disabled,
.btn.disabled:hover {
  background-color: #e5e5e5;
  color: #6b6b6b;
  box-shadow: none;
  cursor: default;
}
.card {
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,.2);
}
.iconfont{
	color:#fff;
}


.header{
	position:relative;
	background-color:#e60113;
	border-bottom:10px solid #d40011;
}
.header_box{
	width:100%;
	max-width:1000px;
	height:70px;
	margin:0 auto;
}
.logo{
	width:94px;
	height:60px;
	padding-top:10px;
	float:left;
	display:inline-block;
}
.logo img{
	width:100%;
}
.nav{
	float:right;
	display:inline-block;
}
.nav_box{}
.nav_box li{
	padding:0 20px;
	line-height:68px;
	display:inline-block;
}
.nav_box li a{
	color:#fff;
	font-size:18px;
	display:inline-block;
}
.nav_box li a:hover{
	color:#b25800
}

.header_right{
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	text-align:center;
	padding:22px;
	font-size:16px;
	color:#fff;
	background:#d40111;
	transition:all 0.3s;
}
.header_right i{
	color:#fff;
	margin-right:5px;
}
.header_right:hover{
	background:#f3861c
	
}
.banner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  height: 100%;
  overflow: hidden;
}
.banner .slide {
  background-position: center;
  background-size:cover;
}

.mobile_nav_btn{
	position:absolute;
	right:10px;
	top:17px;
	display:none;
	cursor:pointer;
}
.mobile_nav_btn i{
	font-size:18px;
	font-weight:bold;
	display:inline-block;
	color:#fff;
}
.mobile_nav_btn span{
	color:#fff;
	font-size:15px;
	display:inline-block;
	vertical-align:top;
	padding:1px 0 0 5px;
	
}
.mobile_nav_intro{
	display:none;
	position:fixed;
	top:55px;
	right:0;
	z-index:9;
	width:240px;
	height:100%;
	padding:20px;
	background-color:#333;
}
.mobile_nav_intro li{
	line-height:40px;
	border-bottom:1px solid #666;
	padding:10px 0;
}
.mobile_nav_intro li a{
	padding-left:10px;
	font-size:15px;
	color:#d0d0d0;
	display:block;
}

.main{}


.index_product{
	padding-bottom:50px;
}
.index_product_box{
}
.index_title{
	padding-top:68px;
	padding-bottom:120px;
	background-color:#f5efef;
	text-align: left;
}
.index_title_box{
	max-width:1000px;
	margin:0 auto;
}
.index_title .title{
	font-size:30px;
	color:#ffb401;
	padding-bottom:2px;
}
.index_title .title span{
	font-size:20px;
	color:#bbbbbb;
	padding-left:5px;
}
.index_title .text{
	max-width:800px;
	color:#838383;
}

.index_product_intro{
	margin-top:-60px;
}
.index_product_intro_box{
	max-width:1000px;
	margin:0 auto;
}
.index_product_list{
	width:100%;
	display:block;
	font-size:0;
	margin-bottom:20px;
}
.index_product_list .img{
	width:45%;
	overflow:hidden;
	-webkit-border-radius:10px;
	border-radius:10px;
	display:inline-block;
	box-shadow:0px 2px 10px rgba(0,0,0,0.25);
}
.index_product_list .img_box{
	padding-top:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.index_product_list:hover .img_box{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.index_product_list .text{
	width:55%;
	padding-left:9%;
	font-size:16px;
	display:inline-block;
	vertical-align:top;
	padding-top:45px;
}
.index_product_list:nth-child(even) .text{
	padding-left:2%;
	padding-right:9%;
}
.index_product_list .text_title{
	color:#fff;
	font-size:18px;
	font-weight:bold;
	background-color:#ffb400;
	border-radius:8px;
	padding:10px 40px;
}
.index_product_list .text_intro{
	padding-top:40px;
	color:#b7b7b7;
	overflow:hidden; 
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	- MOZ-box-orient:vertical;
	-webkit-line-clamp:3; 
	-MOZ-line-clamp:3;
}
.index_video{
	padding-bottom:40px;
}
.index_video .index_title{
	background-color:#f3861c;
}
.index_video .index_title .title,.index_video .index_title .text,.index_video .index_title .title span{
	color:#fff;
}

.index_video_intro{
	margin-top:-60px;
}
.index_video_intro_box{
	max-width:1000px;
	margin:0 auto;
}
.index_video_intro .video{
	border-radius:10px;
	border:#fff 20px solid;
	box-shadow: 0px 5px 21px rgba(0,0,0,0.26);
  background: #fff;
}
.index_video_intro .video video{
	width:100%;
  border-radius: 5px;
	/*height:400px;*/
}
.index_video_intro_box .btn{
	width:150px;
	margin:40px auto;
	display:block;
	text-align:center;
	padding:10px 30px;
}
.youku{
	width:100%;
	/*height:600px;*/
}








.content{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
	min-height:600px;
}
.content_lt{
	background-color:#fff;
	padding:20px;
	margin-top:20px;
}
.content_lt_box{
	font-size:0;
}
.content_lt_title{
	width:100%;
	font-size:20px;
	margin-bottom: 10px;
	display:inline-block;
}
.sider{
	width:100%;
	font-size:14px;
	display:inline-block;
}
.sider li{
	background-color:#f3861b ;
	padding:10px;
	border-radius:5px;
	display:inline-block;
	margin-bottom:5px;
	color:#fff;
}
.sider li a{
	color:#fff;
}


.content_rt{
	width:100%;
	background-color:#fff;
	margin-top:20px;
}
.content_rt p{
	line-height:24px;
	color:#7c7c7c;
}
.content_rt_box{
	padding:35px;
}
.content_rt_title{}
.content_rt_title a:after{
	content:">";
	font-size:14px;
	color:#333;
	padding:0 5px;
}
.content_rt_intro{
	padding-top:45px;
}

.product{
	font-size:0;
}
.product_list{
	width:33.3%;
	display:inline-block;
	vertical-align:top;
}
.product_list_box{
	padding:10px;
	display:block;
}
.product_list .img_box{
	width:100%;
	overflow:hidden;
	border-radius:5px;
  box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
}
.product_list .img{
	padding-top:70%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
}
.product_list .img:hover{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}
.product_list .title{
	padding:5px;
	text-align:center;
	font-size:14px;
}
.content_rt_intro .more{
	width:100px;
	margin:30px  auto;
	display:block;
	padding:10px;
}
.pro_show{}
.pro_show_box{}
.pro_show_top{
	font-size:0;
}
.pro_show_top .img{
	width:50%;
	padding-top:36%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	display:inline-block;
	border-radius:5px;
  box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
}
.pro_show_top .text{
	width:50%;
	padding-left:30px;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
}
.pro_show_top .text .text_intro{
	line-height:24px;
	padding-top:20px;
	color:#757575;
}
.pro_show_bot{
	padding-top:30px;}
.pro_show_bot_title{
	font-size:16px;
	line-height:30px;
	border-bottom:#ccc 1px solid;
}
.pro_show_bot_intro img{
  max-width:930px;
  width:100%;
}
.video_show_top .index_video_intro{
	margin-top:0;
}
.video_box_bot{
	padding-top:20px;
}
.video_box_bot h2{
	padding:10px 0;
}






.footer{
	background-color:#d40111;
	padding:30px 0;
}
.footer_box{
	max-width:1000px;
	margin:0 auto;
	overflow:hidden;
}
.footer_lt{
	width:80%;
	color:#fff;
	float:left;
}

.footer_lt h1{
	font-size:18px;
	margin-bottom:10px;
	color:#fff;
}
.footer_rt{
	float:right;
}
.footer_rt_box{
	width:103px;
	text-align:center;
}
.footer_rt_box span{
	color:#fff;
	line-height:40px;
}
.copy{
	background-color:#f36c1b;
}
.copy_box{
	max-width:1000px;
	margin:0 auto;
	line-height:40px;
	color:#fff;
}

/** 浮动在右侧的快速联系方式 **/

#contact_fast {
  position: fixed;
  right: 0;
  /*top: 125px;*/
  bottom: 50%;
  z-index: 5;
  /*opacity: .9;*/
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#contact_fast.small,
#contact_fast:hover {
  opacity: 1;
}
#contact_fast .close {
  text-align: right;
}
#contact_fast .close i {
  position: absolute;
  background-color: #d5d5d5;
  vertical-align: bottom;
  right: 0;
  cursor: pointer;
  width: 24px;
	padding:5px;
}
#contact_fast .close:hover i {
  background-color: #198ccb;
  color: #fff;
}
#contact_fast .btn {
  display: block;
  margin: 10px 0;
}
.contact_box {
  margin-top: 24px;
  padding: 10px 6px;
  border: 2px solid #d5d5d5;
  background-color: #f0f4f6;
}
.contact_box .text {
  text-align: center;
  font-size: 14px;
}

.contact_box .qq {
  color: #fff;
  background-color: #198ccb;
  border: 2px solid #198ccb;
  box-shadow: 0 2px 5px #198ccb;
  background-image: url(../images/index_qq.png);
  background-repeat: no-repeat;
  background-position: 5px center;
	line-height:40px;
  padding:0 20px 0 42px;
}
.contact_box .qq:hover {
  color: #198ccb;
  background-color: #fff;
}
.contact_box .qq_chief {
  color: #fff;
  background-color: #e84a00;
  border: 2px solid #e84a00;
  box-shadow: 0 2px 5px #e17210;
}
.contact_box .qq_chief:hover {
  color: #e84a00;
}

#scroll_to_top {
  text-align: center;
  background-color: #5a5a5a;
  display: block;
  line-height: 40px;
  font-size: 12px;
  color: #fff;
  cursor: pointer;
}
#scroll_to_top i {
  vertical-align: middle;
  font-size: 16px;
  position: relative;
  top: -2px;
}
#scroll_to_top:hover {
  background-color: #43494E;
}
#contact_fast.small .close,
#contact_fast.small .contact_box {
  display: none;
}
#contact_fast.small #scroll_to_top {
  width: 40px;
}
#contact_fast.small #scroll_to_top span {
  display: none;
}
#contact_fast .opened {
  display: none;
}
#contact_fast.small .opened {
  display: block;
  width: 40px;
  text-align: center;
  border: 2px solid #198ccb;
  background-color: #198ccb;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  padding: 10px 0;
  cursor: pointer;
}
#contact_fast.small .opened:hover {
  background-color: #08669A;
}