@charset "utf-8";
/* CSS Document */

.clear{
	clear: both;
	}
.fl{
    float:left;
	display:inline;
}
.fr{
    float:right;
	display:inline;
}
img{
    width: auto;
	max-width: 100%;
}
a{ color:#111111;}
a:hover{color:#ab0118;}
.mt15{
    margin-top:15px;
}
.more a{font-size:14px; color:#333;text-transform:capitalize;}
.more a:hover{font-size:14px; color:#ab0118;}

@media \0screen\,screen\9 { 

}
.top{
	width: 100%;
	background:#FFF;
	height: 90px;
	margin:40px 0;
	}	
.area{
	width: 100%;
	max-width: 1184px;
	margin: 0 auto;
	position: relative;
	}
.sitemap .area{overflow:hidden}
.logo{
	float: left;
	width: 109px;
	height:89px;
	}		
.tools{
	float: right;
	width: 260px;
	height: auto;
	margin-top:38px;
	}
.t_tel {
  float:right;
  line-height:28px;
  font-size:16px;
}
.t_tel span{
	color: #333;
}
.float_left{float: left;}
.clear_both{clear: both;}
.dahua{
	text-align:center;
	font-size:20px;
	position:absolute;
	top:15px;
	left:180px;
	color:#212121;
}
.langPic{margin-bottom:8px; float:right;width:100%; text-align:right; display: none;}
.langPic a{display:inline-block; margin-left:5px; font-size:13px; color:#333;}
.langPic a:hover{color:#ff0006;}
.langPic a:first-child{margin-left:0;}
.langPic img{margin-right:2px;width: 29px; border-radius: 2px; float:left;}
.langPic span{float:left; line-height:20px; margin-left:3px;}
@media \0screen\,screen\9 { 
.langPic a{display:inline-block; margin-left:5px; font-size:13px; color:#999; width:80px; }
}
.search{
    width: 100%;
	margin-top: 15px;
	float:right;
	display:inline;
	}	
.search_form{
	width: 100%;
    height: 25px;
	background-color:#fff;	
		}
.search_input { 
	width: 79%;
    float: left;
	height:25px;
	color: #555;
	border: medium none;
	line-height:25px;
	text-indent:5px;
	background-color:#fff;
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
   }	
.search_btn {
	width: 20%;
	height: 27px;
	float: right;
	cursor: pointer;
	border: medium none;
	background:#103fab;
	font-size:14px;
	color:#fff;
  }	
.t_mail{font-size:16px;float:right;height:50px;line-height:50px;width:27%;background:#e6e7e8;text-align:center;}



.topmenu {width:63%;margin:0;float:left;	margin-top:50px;margin-left:3%;}
.topmenu ul {padding:0;margin:0;list-style-type: none;}
.topmenu ul li:hover{ border-bottom:0px solid #103fab;}
.topmenu ul li:hover ul li{ border-bottom:1px solid #ccc;}
.nav_block{position:absolute;width:1000px; background-color:#fff;;margin-left:-300px;padding:10px 20px 30px 20px;border-top:3px solid #d82128; margin-top:-3px;}
.topmenu .nav_block ul{border:0;}
/*.topmenu ul li:hover a{color:red;}*/
.topmenu ul li:hover ul li a{color:gray;}
.topmenu ul li{width:16.6%;height:40px;float: left;text-align: center;font-size: 16px;line-height: 40px;position: relative;}
.topmenu ul li a, .topmenu ul li a:visited {display:block;text-align:center;text-decoration:none;}
.topmenu ul li ul {display: none; border-top:3px solid #d82128;}
.topmenu ul li ul li:hover a {color:gray;}
.topmenu ul li a{color:#454545;}
.topmenu ul li a:hover{color:#fff; background:#103fab;}
.topmenu ul li:hover ul {display:block;position:absolute;top:40px;left:0;width: 200px;z-index: 9999;}
.topmenu ul li ul li:hover{background:none;}
.topmenu ul li ul li{width:200px;height:31px;background-color:#fff;float: left;text-align:center;font-size: 12px;font-weight:100;line-height: 31px;position: relative; border:0;}
.topmenu ul li ul li a:hover{background-color:#103fab;color:#fff;border:0;}

/***banner start***/
#banner {
  position: relative;
  float: left;
  width: 100%;
  background:url("../bg_banner.jpg") repeat-x;
  padding-top:5px;
  border-bottom:10px solid #103fab;
  box-shadow: 1px 4px 5px #999;
  }
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }
  
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
/***end banner***/

.in_box{width:100%;background:#f7f7f7;padding:15px 0; margin-top:15px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.in_box_left{width:23.4%; float:left; padding:5px 0.5%; border:1px solid #ddd; background:#FFF; }
.in_box_left img{display:block; width:100%;}
.in_box_cent{width:68%; float:left; color:#333; line-height:30px; font-size:14px; margin-left:2.5%; height:170px; overflow:hidden;}
.in_box_cent span{font-size:24px; display:block; margin-bottom:15px; margin-top:5px;}
.in_box_right{width: 2.5%; float: right; text-align: center; background:#103fab; padding:15px 0; }


.index_main{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom:30px;
	margin-top:1px;
}

/*产品列表 开始*/
.intitle{
   font-size:24px;
   margin:40px 0 25px;
   height:25px;
   line-height:25px;
}
.intitle_right{
   margin-top:42px;
   height:20px;
   width:20px;
   display:block;
   text-align:center;
}
.intitle_right a{background:#ccc;height:20px; width:20px; display:block;}
.intitle_right a:hover{background:#103fab;}
.mcolor{ background: #f0ecec;}

.pro_li{	 
	width:24%;
	display: inline;
	float:left;
	color:#fff;
	overflow:hidden;
	margin:10px 0.5% 15px;}
.pro_pic{	 
	width:auto;
    height:auto;
	overflow:hidden;
	position: relative;}
.pro_li p{height:50px;line-height:24px;font-size:14px;color:#333; overflow:hidden;}
/*.pro_pic{	 
	width:368px;
    height:204px;
	overflow:hidden;
	position: relative;}*/
.pro_li h3 a{
	color:#121827;
	font-size:18px;
	padding:12px 0;
	display:block;
	text-align:left;
}
.pro_li h3 a:hover{
	color:#ab0118;
}
.pro_li .txt{
	line-height:24px;
	padding:15px;}
.mosaic-backdrop {
    display:none;
    position:absolute;
    top:0;
    height:100%;
    width:100%;
}
.mosaic-overlay {
    display:none;
    z-index:5;
    position:absolute;
    width:100%;
    height:100%;
    background:#111;
}
.circle .mosaic-overlay {
    background:url(../hover-magnify.png) no-repeat center center;
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter:alpha(opacity=00);
    display:none;
}
.mosaic-backdrop {
    display:block;
    position: static;
}
.mosaic-overlay {
    display:block;
}
.circle .mosaic-overlay {
    display:block;
}
/*产品列表 结束*/

.products {width: 100%;}
.products ul {overflow: hidden;}
.products li{position:relative;float: left;font-size: 0;padding-bottom:60px; width:24%; margin:10px 0.5% 30px;}
.products a {display:block;width: 100%;}
.products span {position:absolute;display:none;width:100%;top:43px;left:0;font-size: 16px;color: #fff;text-align: center;}
.products a.more_0{font-size: 16px; height:35px; line-height:35px; width:100px; text-align:center; background:#d82128; color:#fff; margin:40px auto 0;}
.products p{display:block; position:absolute; z-index:999;width:100%; height:52px; color:#555555; font-size:14px; line-height:26px; overflow:hidden; margin-top:15px;}
.product {
  background: #103fab;
}
.products img {
  width: 100%;
  opacity: 1;

}
.products .product img {
  opacity: 0.2;

}


.in_case{
    width:47%;
	height:auto;
	float:left;
    margin:20px 0 0px 0%;
}
.in_case h2{
    font-size:24px;
	padding:20px 0 30px;
	text-transform:Uppercase;
}
.in_case li{
   width:100%;
   float:left;
   margin-bottom:22px;
}
.in_case_left{width:25%;float:left;}
.in_case_right{width:72%;float:right;}
.in_case li span,.in_case li span a{
    width:100%;
    height:23px;
	line-height:23px;
    overflow:hidden;
	float:left;
	font-size:16px;
	margin-bottom:8px;
}
.in_case li  img{
    width:100%;
	float:left;	
}
.in_case li p{
    width:100%;
	height:52px;
	overflow:hidden;
	float:right;
	line-height:26px;
	color: #999;
} 

.in_app{background:url("../in_app.jpg") no-repeat center center fixed;background-size:100% 100%; margin:20px 0 10px;}
.ab_block{width:100%;color:#FFF; padding:20px 0 40px;position:relative; text-align:center;}
.ab_block h4{font-size:60px;line-height:100px; color:#d82128; text-transform:uppercase;}
.ab_block p{line-height:30px;margin:10px 0;font-size:16px;}
.ab_block .more{
	margin:15px 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	float:right;
}
.ab_block .more a{
    color:#222;
	background:#fff;
	height:40px;
	line-height:40px;
	width:150px;
	display:block;
}
.ab_block .more a:hover{
    color:#fff;
	background:#ab0118;
}
.service_three{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-top: 30px;	
	}	
.service_three ul li{
	float:left;
	width: 29.3%;
	margin:15px 2% 0 2%;
	height: auto;
	overflow: hidden;
	}
.service_three ul li a{
	display: block;
	width: 96%;
	font-size: 16px;
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 2px solid #ffffff;
	color: #ffffff;
	overflow: hidden;
	}	
.service_three ul li a:hover{
	border: 2px solid #da251e;
	color:#da251e;
	}		
.more{margin-top:5px;}
.more a{background:#ccc;height:20px; width:20px; display:block; text-align:center;}
.more a:hover{background:#103fab;}


/*首页新闻模块 开始*/
.lx_news{
	width:47%;
	float:right;
	margin-right:1%;
	margin-top:20px;
	margin-bottom:20px;
}
.lx_news li{
	width:100%;
	float:left;
	display:inline;
	padding:0 0 20px;
}

.lx_news_left{
	width:15%;
	float:left;
	text-align:center;
	background: #103fab;}
.month{
	color:#fff;
	padding:5px 0;
	font-size:12px;}
.number{
	color:#fff;
	padding:3px 0 3px 0;
	font-size:20px;}
.lx_news_right{
	width:80%;
	float:right;}
.lx_news_right h3{
	line-height: 24px;
	padding:0 0 10px;
	font-size:18px;}
.lx_news p{
	color:#999;
	font-size:14px;
	line-height:28px;
	height:56px;
	overflow:hidden;
	padding-right:1%;}


.middle01{
	width:100%;
	height:auto;
	color:#333;
	margin-top:20px;
	padding-bottom:10px;}
.lx_company h2,.lx_news h2,.in_video h2{
	font-size:24px;
	color:#333;
	text-transform: Uppercase;
	padding:20px 0 30px;}

.ml35{margin-left:35px;}
.index_inquiry{background:#FFF;position:relative;z-index:99;margin-bottom:-30px;padding-bottom:20px;-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;margin-top:30px;}
.inquiry_tit{width:98%;margin:0 1%;font-size:24px;font-family: Vani;border-bottom:1px dashed #CCC; margin-bottom:20px; margin-top:30px;}
/*index inquiry start*/
.message_yxxhl{ padding:10px 0 0 0;}
.message_yxxhl li{ line-height:45px; height:45px; padding-bottom:20px; font-size:14px; width:47%;}
.message_yxxhl li input.text{ background:#ffffff; border:1px solid #ddd; box-shadow: 0 2px 2px -2px #DDD inset; border-radius:4px; height:45px; line-height:45px;width:95%; padding: 0px 5px 0px 5px;font-family: Arial, Helvetica, sans-serif;color:#333333; font-size:14px;}
.commentText_yxxhl{background:#ffffff; border:1px solid #ddd; border-radius:4px;width:95%; height:150px; padding:10px 10px 10px 6px; font-size:14px; color:#333333;font-family: Arial, Helvetica, sans-serif;line-height: 20px;}
.message_yxxhl li.comment_yxxhl{ height:175px; padding-left:1%;}
.message_yxxhl .submitBtn_yxxhl{padding-left: 10px;padding-right: 10px; border: 0;height:40px; width:97%; border-radius:4px; background-color:#ab0118;color: #FFF;font-size: 16px;font-family: Arial, Helvetica, sans-serif; cursor:pointer;}		
/*index inquiry end*/



	

#footer{
	width:100%;
	padding-top:15px;
	background: #112B69;}
.bottom{
	color:#f4f4f4;
	max-width:1184px;
	margin:0 auto;	
}
.bottom dl {
    float: left;
	height:auto;
	margin:0;}
.bottom dl.width01{
	width:30%;
	padding-left:1%;}
.bottom dl.width02{
	width:18%;
	margin-left:4%;}
.bottom dl.width03{
	width: 25%;
	margin-left:5%}
.bottom dl.width04{
	width: 15%;
}
.bottom dt {
	margin:0;
    color:#f8b500;
	font-size:16px;
    line-height: 40px;
	font-weight:500;
}
.bottom dd {
	margin:0;
	font-size:14px;
    line-height:35px;
}
.bottom dd.line {
	border-bottom: 1px solid #173781;}
.bottom dd a{
	color: #f4f4f4;
	margin-left:4px;
}
.bottom dd a:hover{ color: #f8b500;}
.btitle{
	color:#ff8201;
	font-weight:bold;
}

.foot_tb table{
	width:100%;}
.foot_tb input,.foot_tb textarea{
	width:75%;
	color:#fff;
	background:none;
	border:1px solid #918f8f;}
.sub_input{
	height:28px;}
.sub_textarea{
    height:45px;
}
input.sub_btn{
	width:100px;
	height:30px;
	line-height:30px;
	color:#FFF;
	text-align:center;
	background:#d82128;
	cursor:pointer;
	border:0;
}
.clear{
	clear:both;
}
.copyright{
	width:96%;
	color:#ddd;
	padding:14px 0;
	margin-top:25px;
	font-size:13px;
	text-align:center;
	margin-left:2%;
	margin-right:2%;
	border-top: 1px solid #123A96;}
.copyright a{color:#ddd;}
.pro_box{
	width: 100%;
	height: auto;
	padding-bottom: 15px;
}

/*底部 结束*/
.foot_fixed{
	display:none;
	}
/***index end***/

#banner_s{
    width:100%;
	overflow:hidden;
	text-align:center;
	height:165px;
	background:url("../banner_s.jpg") no-repeat top center fixed;
}
#banner_s img{width:100%;display:block;}
.main{
    width:100%;
	height:auto;
	overflow:hidden;
}
.main_nav{height:40px;line-height:42px; border-bottom:1px solid #ddd; width:100%;background:#fff;}
.main_nav a{margin:0 5px;text-transform:Uppercase;}
.main_nav img{margin-top:10px;float:left;}
.main_block{width:100%;margin:10px 0;}
.green{background:#8dbf41;float:left;width:100%;margin-top:20px;margin-bottom:20px;position:relative;}
.green span{color:#FFF;font-size:24px;position:absolute;top:68%;left:7%;padding:10px;background:#4f8102;}
.green img{border-left:2px solid #FFF;}
.main_block p{line-height:26px;margin-top:10px;}
.team{ width:100%;height:auto;margin-top:20px;margin-bottom:20px;}
.team ul{width:100%;float:left;}
.team li{float:left;width:20%;padding:1%;border:1px solid #CCC;margin:10px 1%;}
.team li img{width:100%;}
.team li  span{height:30px;line-height:35px;text-align:center;display:block;}
.team h3{font-size:18px;height:50px;line-height:50px;}

.productlist{
    display:none;
}
.main_block_right{
    width:72%;
    height:auto;
	float:right;
	border-left:1px dotted #e0e0e0;
	padding-left:2%
}
.rt_title{
	padding:12px 0;
	font-size:15px;
	border-bottom: 1px dashed #d6d6d6;
	color:#ab0118;
	background:#f1f1f1;
}
.rtitle {
  color: #333;
  display:block;
  border-bottom:1px solid #ddd;
  font-size:18px;
  height:40px;
  line-height:40px;
  margin:20px 0 10px;
}
.pro_txt{
	line-height: 30px;
	font-size: 14px;
	padding: 10px 0;
}
.pro_list{width:100%;float:left;}
.main_block_right .pro_li{
   width:31.3%;   
}
.pro_list li h3{
	font-size: 18px;
	line-height: 35px;
	height: 35px;
	overflow: hidden;
}
.pro_list li p{
    width:100%;
	height:60px;
	line-height:30px;
	color:#666;
}

.info{width:100%; height:90px; margin:50px 0 40px;}
.info_lf{width:15%;height:90px;background:#103fab url("../ico_3.png") no-repeat center center;}
.info_rt{width:85%; height:90px; background:#efefef;}
.info_rt p{margin-top:15px; margin-left:30px; line-height:30px;}
.f_chat{font-size:18px; float:right; margin-top:25px;margin-right:10px;}
.f_chat a{background:#d82128; color:#fff; display:block;width:150px; height:40px; line-height:40px; text-align:center;}
.f_chat a:hover{background:#103fab; color:#fff;}

/*page start*/
.pages{padding:20px 0 30px;text-align:center; height:30px; clear:both;}
.pages a,.pages strong,.pages em{padding:3px 6px;margin:0 1px;display:-moz-inline-box;display:inline-block;}
.pages em{margin-right:20px;}
.pages input{vertical-align:bottom; height:18px; width:30px;}
.pages a{border:1px solid #999; color:#cc080a; background-color:#fff;}
.pages strong{background-color:#333; color:#fff; font-weight:normal;}
.pages em{color:#0177a7; font-weight:bold;}
.pages a,.pages strong{padding:5px 10px;margin:0 2px;-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.pages a{color:#000;}
.pages em{display:none;}
/*page end*/
.sidebar{
	width:25%;
	float:left;
}
.sidebar h2{height:40px;line-height:40px;color:#222;font-size:18px;margin:20px 0 10px 0;border-bottom: 1px solid #ddd;}
.left_list{width:100%;margin:0px auto 20px auto;}
.left_list li{border-bottom:1px solid #FFF;text-indent:20px; }
.left_list li a{background:#eee url("../abg_1.png") no-repeat 10px 18px;color:#333;display:block;line-height:30px; padding:5px 0;}
.left_list li a:hover{background:#f18801 url("../abg_2.png") no-repeat 10px 18px; color:#FFF;}
.left_list .show a{background:#f18801 url("../abg_2.png") no-repeat 10px 18px; color:#FFF;}
.fixed{ max-width:322px;}
.side_bt{position:absolute;}
.sidebar a span{line-height:30px;}

/***products list texiao***/
 .accordion {
 	width: 100%;
 	max-width: 360px;
 	margin: 0 auto 20px;

 }
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 5px 15px 10px;
	color: #4D4D4D;
	font-size: 15px;
	border-bottom: 1px solid #efefef;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	background: url("../abg_1.png") no-repeat center left;
}
.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link a {
	color: #b63b4d;
}

.accordion li.open i {
	color: #b63b4d;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
 .submenu {
 	display: none;
 	font-size: 14px;
 }

 .submenu li {
 	border-bottom: 1px dashed #e5e5e5;
	list-style-type:disc;
	display:block;
 }

.submenu a {
 	display: block;
 	text-decoration: none;
 	color: #333333;
 	padding: 12px;
 	padding-left: 20px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
	background:url("../dian.png") no-repeat 10px 20px;
 }

 .submenu a:hover {
 	background:#ab0118 url("../dian.png") no-repeat 10px -28px;
 	color: #FFF;
 }
/***products list texiao end***/

/***pro list end***/	

.leftimg{margin-bottom:0px;}
.leftimg img{width:100%; margin-top:1px;display:block;}
.sidebar p{line-height:40px;margin-bottom:20px;background:#FFF;text-indent:10px;}
.lf_title{
	width:100%;
	color:#FFF;
	font-size:16px;
	height:35px;
	line-height:35px;
	background:#1f6fb8;
	text-indent:10px;
}
.lf_new{background:#FFF;}
.newlist li{
    display: block;
	padding: 15px 5px 15px 0px;
	color: #4D4D4D;
	font-size: 15px;
	border-bottom: 1px solid #efefef;
	background: url("../ico_jt.jpg") no-repeat center right;
}
.newlist li a{background: url("../abg_1.png") no-repeat center left; padding-left:10px;}
.listyle02 {
	  width: 100%;
	  line-height: 40px;
	  height: 40px;
	  padding-left: 15px;
	  background: url(../abg_1.png) 5px center no-repeat;
	  overflow: hidden;
}
.more02 a{
	color:#999;
	line-height:40px;
	background:#FFF;
	display:block;
	text-indent:10px;
}
.more02 a:hover{
	color:#ed1e24;}
.case_li{
	width:96%;
	float:left;
	display:inline;
	margin:15px 0 20px;}
.csse_li_pic{
	width:31.0344%;
	float:left;}
.csse_li_pic img{
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.case_li_text{
	width:65%;
	float:right;}
.case_li h3{
	line-height:20px;
	padding-bottom:5px;
	font-size:18px;
}
.case_li p{
	padding:10px 0;
	font-size:14px;
	line-height:30px;}
.case_li a{ color:#000;}
.case_li a:hover{ color:#ab0118;}
.pro_side{width:100%;}
.pro_side li{float:left;width:100%;margin:10px 0;}
.pro_side li h3{height:30px;line-height:30px;overflow:hidden;font-size:14px;text-align:center;}
/*内页左侧 结束*/

.tel{margin-top:20px;}
.tel span{color:#103fab;}
.s_mail{font-size:16px;color:#d82128;margin:15px 0;}

.btn_message{
    width: 170px;
	height: 35px;
	line-height: 35px;
	text-indent: 45px;
	font-size: 16px;	
	margin: 10px 0 10px 20px;;
	display:block;
	background: #103fab url("../btn_message.png") no-repeat 15px 5px;
}
.gallery_buy{margin-top:20px;}
.btn_chat{
    width: 170px;
	height: 35px;
	line-height: 35px;
	text-indent: 45px;
	font-size: 16px;	
	margin: 10px 0;
	display:block;
	background: #bc1500 url("../icon_ol.png") no-repeat 15px center;
}
.btn_message a,.btn_chat a{
    width:100%;
	color:#FFF;
	height: 35px;
	line-height: 35px;
}

.btn_chat a:hover{
    width:100%;
	height:35px;
	background:#103fab url("../icon_ol.png") 15px center no-repeat;
	display:block;
}

.btn_message a:hover{
   width:100%;
   height:35px;
   background:#bc1500 url("../btn_message.png") no-repeat 15px 5px;
   display:block;
}

/*产品详情页 开始*/
#gallery{
	width:40%;
	height:auto;
	float:left;
	display:inline;
	padding:2%;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
#gallery h1{
	color:#666666;
	line-height:30px;}
#gallery_nav {
	width: 100%;
	margin-top:4px;}
#gallery_nav img{
	width:24%;
	float:left;
	margin:0 0.5%;
	display:inline;
}
#gallery_output {
	width: 100%;
	overflow: hidden;
}
#gallery_output img {
	width:100%;
}
.gallery_right{
	width:52%;
	float:right;}
.gallery_right h2{
	color:#222;
	font-size:18px;
	line-height:30px;
	padding:20px 0 20px;}
.gallery_right_txt{
	padding:5px 0 15px;
	line-height:28px;
	border-top:1px dashed #d0d0d0;
	border-bottom:1px dashed #d0d0d0;}
.ys{
	margin:20px 0 8px 0px;	
}
.ys img{width:25px;height:25px;margin-right:10px; margin-top:10px;}



/***吸顶式导航 开始***/
.maodian{
	width:100%; 
	height:40px;
	overflow: hidden;
	line-height:40px;
	font-size:16px;
	padding-top:30px;
}
.maodian li{
	text-align:center;
	width:20%;
	float:left;
	overflow:hidden;
}
.maodian li a{
	display:block; 
	color:#fff;
	background:#103fab url("../bg_nav_line.jpg") no-repeat top right;
}
.maodian li a.choose{ color:#fff; background:#bc1500 ;}
.maodian li a:hover{
	background:#bc1500 ; 
	color:#fff;
	text-decoration:none;
}
.isStuck{
		width:100%;
		max-width:840px;
		padding-top:0px;
		z-index: 999;
	}

/***吸顶式导航 end***/
.md_con{
	width:auto;
	margin:20px auto;}
.md_hd{ 
	color:#bc1500;
	line-height:40px; 
	font-size:16px;
	border-bottom:1px dashed #d7d7d7; }
.md_bd{
	width:auto;
	line-height:24px;
	padding:15px;}
.md_bd img{
	width:auto;}
.md_bd td{padding:2px 5px;}
.md_con form {
	color: #7d7c7c;
	margin:0 auto;
	width: 70%;
	padding-top:20px;}
.md_con form label {
	display: block;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0;}
.md_con form label span {
	width:28%;
	height:31px;
	float: left;
	display:block;
	font-size:12px;
	text-align:right;	
	padding:5px 3% 0 0;}
.md_con form label input {
	width:68%;
	height:30px;
	float:left;
	text-indent:5px;
	display:block;
	border: 1px solid #d6d6d6;
	line-height:30px;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.md_con form label textarea {
	width: 65%;
	height: 150px;
	float: left;
	display: block;
	overflow: auto;
	padding: 5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
	border: 1px solid #d6d6d6;}
.md_con form #submit2 {
	width: 140px;
	height: 37px;
	display: block;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	cursor:pointer;
	background:#bc1500;
	margin: 0 0 0 160px;
	border:1px solid transparent;
    border-radius: 5px 5px 5px 5px;}
.md_con form #submit2:hover {
	border: 0;
	background:#e02121 ;
	display: block;
	color:#fff;}
.md_inquiry img{
	width:100%;
	padding-bottom:10px;}	

.listyle03{
	width: 30%;
	float: left;
	font-size: 14px;
	overflow:hidden;
	margin: 20px 1.6%;
	padding: 5px 0 15px;
}
.listyle03 img{
	border:1px solid #CCC;
}
.listyle03 p{
	line-height: 24px;
	padding: 10px 10px 0;
}
.listyle03 a{ color: #333;}
.listyle03 a:hover{ color: #b10e07;}	
.table-container{overflow-x: scroll;}
.new_list{
    width: 100%;
	height: auto;
	overflow: hidden;
	margin-top:20px;
}
.new_list li{
    width:100%;
	float:left;
	height:auto;
	border-bottom: 1px dashed #d6d6d6;
	margin-bottom:4%;
}

.new_right h4 {
	font-size: 18px;
	height: auto;
	line-height: 30px;
}
.new_right p {
	width: 100%;
	line-height: 30px;
	margin-bottom:15px;
	color:#555555;
}
.time{font-size:14px; color:#999; line-height:28px;}

.new_right{
    width:100%;
	float:right;
}

.details a{color:#ab0118;}

.content{
	font-size: 14px;
	line-height:30px;}
.content p{margin:10px 0;}
.content h2{
	color:#222;
	line-height:40px;
	font-size:18px;
	text-align: center;
	font-weight:normal;
	margin-top:20px;
}
.content h4{
	color:#a7a5a5;
	font-size:14px;
	font-weight:normal;
	line-height:30px;
	text-align: center;
	padding-bottom:10px;
	border-bottom: 1px dashed #d6d6d6;
	margin-bottom:20px;
}
.content img{
	width: auto;}
.prenext{
	padding:15px;
	margin-top:30px;
	border-top: 1px dashed #d6d6d6;}
.pn_item{
	line-height: 30px;
	overflow:hidden;}
.pn_item a{ color: #333;}
.pn_item a:hover{ color: #1f6fb8;}



.block_01_title{
	 color: #b10e07;
	line-height: 40px;
	font-size: 16px;
	border-bottom: 1px dashed #d7d7d7;
}
.description_e {
	width: 100%;
	line-height: 24px;
	color: #e31c15;
	padding-top: 10px;
}
.description_f {
	width: 100%;
	margin: 0 auto;
}
.message{ padding:20px 0 15px 0;}
.message li{ line-height:28px; height:28px; margin-bottom:15px; font-size:14px; padding-left:2%;}
.message li .msg{ float:left; color:#212121; width:24%; margin-right:1%; text-align:right;}
.message li .msgbtn{ float:left; color:#f1f1f1; width:24%; margin-right:1%; text-align:right;}
.message li input.text{ background:#ffffff; border:1px solid #e2e2e2; box-shadow: 0 2px 2px -2px #DDD inset; border-radius:4px; height:28px; line-height:28px;width:48%; padding: 0px 5px 0px 5px;font-family: "microsoft yahei",'SimSun',sans-serif;}
.message li input.text{color:#212121;}
.commentText{background:#ffffff; border:1px solid #d2d2d2; border-radius:4px;width:54%; height:100px; padding:10px 10px 10px 6px; font-size:12px; color:#212121;font-family: "microsoft yahei",'SimSun',sans-serif;line-height: 20px;}
.message li.comment{ height:125px; }
.message .submit{color:#212121;}
.message .submitBtn{padding-left: 15px;padding-right: 15px; height:34px; box-shadow: 0 2px 2px -2px #DDD inset; border-radius:4px; background-color:#bc1500;color: #FFF;font-size: 14px;font-family: "microsoft yahei",'SimSun',sans-serif;cursor:pointer}		
.star{	color: #e31c15;	padding-right: 3px;	}



@media screen and (min-width:769px) and (max-width:1008px){

.logo{margin-left:1%;}
.logo_tit{display:none;}

.tools{margin-right:1%;}
.top{margin:20px 0 100px;}
.topmenu {
	width:100%;
	height:auto;
	float:none;
	z-index:1000;
	margin-top:3px;
	position:absolute;
	left:0px;
	top:100px;
	margin-left:0;
}
.topmenu ul li{
	width:33.3%;
	height:40px;
	line-height:40px;
	float:left;
	background: url("../bg_nav_line.jpg");
	background-repeat: no-repeat;
    background-position: right;
}
.topmenu ul li a{ 
	display:block; 
	font-size:14px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-top:1px solid #ededed;
	border-right:1px solid #ededed;

	}
.topmenu ul li a:hover{
	color:#FFF; 
	background:#103fab;
	border:0;
	padding:0;
	line-height:40px;
}	
.topmenu ul li:hover ul {display:none;}
.intitle{margin-left:1%;}
.intitle_right{margin-right:1%;}
.in_case{margin-right:1%;}
.in_video{margin-left:1%;}
.products span{top:15px;}
.products a.more_0{margin-top:10px;}
  
 } 
  
@media screen and (max-width:768px){

.logo{margin-left:1%;}
.tools{margin-right:1%;}
.top{margin:20px 0 100px;}
.topmenu {
	width:100%;
	height:auto;
	float:none;
	z-index:1000;
	margin-top:3px;
	position:absolute;
	left:0px;
	top:100px;
	margin-left:0;
}
.topmenu ul li{
	width:33.3%;
	height:40px;
	line-height:40px;
	float:left;
	background: url("../bg_nav_line.jpg");
	background-repeat: no-repeat;
    background-position: right;
}
.topmenu ul li a{ 
	display:block; 
	font-size:14px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-top:1px solid #ededed;
	border-right:1px solid #ededed;

	}
.topmenu ul li a:hover{
	color:#FFF; 
	background:#103fab;
	border:0;
	padding:0;
	line-height:40px;
}	
.topmenu ul li:hover ul {display:none;}



.intitle{margin-left:1%;}
.intitle_right{margin-right:1%;}
.in_case{margin-right:1%; width:98%;}
.in_video{margin-left:1%; width:98%;}
.in_video img{width:100%;}

.products li{width:49%;  margin: 10px 0.5% 15px;}
.find_block h3{width:75%;}
.lx_company,.lx_news{width:98%;}

.pro_li,.main_block_right .pro_li{width:48%; margin:10px 1%}
.pro_img img{width:100%;}
.intitle_right{margin-right:2%}


.bottom dl.width04{width:23%;margin:10px 1%;}
.bottom dl.width02{width:33%;margin:10px 1%;}
.bottom dl.width03{width:38%;margin:10px 1%;}
.bottom dl.width01{width:98%;margin:10px 1%;}

.productlist{
	display:none;
	}
.main_block_right{
	width:98%;
	margin:0 1%;
}
.sidebar{display:none;}
/***窄屏简介产品导航***/
.productlist{
	display:block;
	margin-bottom:20px;
	}
#toggle {
  	color: white;
  	width:98%;
  	height:40px;
  	line-height:40px;
  	padding:0 1%;
  	cursor: pointer;
  	background:#103fab url("../menu.png") 96% center no-repeat;
  	border:none;
	text-indent:10px;
	font-size:16px;
  	margin:10px auto 0 auto;}
#toggle a{
	color:white;}
#toggle.active{
	background:#ab0118 url("../menu.png") 96% center no-repeat}
.nav-collapse ul{
  	margin: 0;
  	padding: 0;
  	width: 100%;
  	display: block;
  	list-style-type: none;
}
.nav-collapse li{
  	width: 100%;
  	text-indent:12px;
  	line-height:18px;
	padding: 10px 0;
  	display: block;
  	background:#e5e5e5 url("../abg_1.png") no-repeat 10px center;
	text-indent:20px;
	border-bottom: 1px dotted #b5b5b5;
}
.nav-collapse li a{
	color:#212121;
	display:block;
}
.nav-collapse li a:hover{
	text-decoration:underline;
	color:#212121;
	}

.js .nav-collapse {
  	clip: rect(0 0 0 0);
  	max-height: 0;
  	position: absolute;
  	display: block;
  	overflow: hidden;
  	zoom: 1;}

.nav-collapse.opened {
  	max-height: 9999px;}

.disable-pointer-events {
  	pointer-events: none !important;}

.nav-toggle {
  	-webkit-tap-highlight-color: rgba(0,0,0,0);
  	-webkit-touch-callout: none;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	-o-user-select: none;
  	user-select: none;}
.js .nav-collapse{
    position: relative;}
.js .nav-collapse.closed{
    max-height: none;
}
.nav-toggle {
    display: none;}

/***end 窄屏简介产品导航***/

.message_yxxhl li{width:98%;float:left;margin-left:1%;}

.foot_fixed{
	width:100%;
	display:block;
	height:70px;
	position:fixed;
	z-index:10000;
	bottom:0;}
.foot_top{width: 100%; height: 20px;}
.foot_color{ width: 100%; height: 50px; background:#dd0d01;}
.foot_fixed li{
	width:19%;
	height:50px;
	float:left;
	text-align:center;}
.foot_fixed img{width: auto;}
.foot_fixed li.spcial{width: 24%;}
.foot_fixed li.spcial img{ margin-top: -10px; margin-bottom:5px;}
.foot_fixed a{
	width:100%;
	height:35px;
	color: #fff;
	font-size: 0.75em;
	padding:10px 0 5px 0;
	display:block;}
.foot_fixed a:hover{ background:#b10a00;}

	 
}	 
	 
	 
	 
@media screen and (max-width:641px){
.top{margin:20px 0 100px;}
.topmenu {
	width:100%;
	height:auto;
	float:none;
	z-index:1000;
	margin-top:3px;
	position:absolute;
	left:0px;
	top:100px;
	margin-left:0;
}
.topmenu ul li{
	width:33.3%;
	height:40px;
	line-height:40px;
	float:left;
	background: url("../bg_nav_line.jpg");
	background-repeat: no-repeat;
    background-position: right;
}
.topmenu ul li a{ 
	display:block; 
	font-size:14px;
	height:40px;
	line-height:40px;
	background:#fff;
	border-top:1px solid #ededed;
	border-right:1px solid #ededed;

	}
.topmenu ul li a:hover{
	color:#FFF; 
	background:#103fab;
	border:0;
	padding:0;
	line-height:40px;
}	
.topmenu ul li:hover ul {display:none;}

.maodian{height:82px;}
.maodian li{width:33.3%; border-bottom:1px solid #5778c5;}
.foot_left{
    display:none;
}
.foot_right{
	padding:0px 0 55px 0;
}
.footer{padding-bottom:40px;}
.message_yxxhl li{width:98%;float:left;margin-left:1%;}
#gallery{
	width:92%;
	height:auto;
	float:none;
	display:inline-block;
	margin:15px 2% 0;}
.gallery_right{
	width:98%;
	float:none;
	padding:1%;}
.gallery_right h2{
	padding:15px 0 15px;}
.gallery_right_txt{
	line-height:22px;}

.foot_fixed{
	width:100%;
	display:block;
	height:70px;
	position:fixed;
	z-index:10000;
	bottom:0;}
.foot_top{width: 100%; height: 20px; }
.foot_color{ width: 100%; height: 50px; background:#dd0d01;}
.foot_fixed li{
	width:19%;
	height:50px;
	float:left;
	text-align:center;}
.foot_fixed img{width: auto;}
.foot_fixed li.spcial{width: 24%;}
.foot_fixed li.spcial img{ margin-top: -10px; margin-bottom:5px;}
.foot_fixed a{
	width:100%;
	height:35px;
	color: #fff;
	font-size: 0.75em;
	padding:10px 0 5px 0;
	display:block;}
.foot_fixed a:hover{ background:#b10a00;}


.in_about,.in_case{
    width:98%;
	margin:10px 0 0 0;
}
.in_sol{width:98%;margin:10px 1% 0 0;}
.in_sol img{width:98%;}
.in_about_img img{width:98%;	margin:0 1% 0 0;}


.bottom dl.width04{width:40%;margin:10px 1%;}
.bottom dl.width02{width:56%;margin:10px 1%;}
.bottom dl.width03{width:98%;margin:10px 1%;}
.bottom dl.width01{width:98%;margin:10px 1%;}

.pt_sr_l li{
    text-align:center;
}
.sidebar{
    display:none;
}
.main_block_right{
	width:98%;
	margin:0 1%;
}

				
 }	 
 
 
 
 
 
 
 
@media screen and (max-width:480px){
.tools,.langPic{	display: none;	}	
.nav_list ul li a{font-size:12px;}
.pro_li,.main_block_right .pro_li{width:98%;margin:10px 1%;}
.products span{top:15px;}
.products a.more_0{margin-top:10px;}
.ab_block{width:98%; margin-left:1%; margin-right:1%;}
.lx_company,.lx_news{width:98%;}
.vide{width:98%;}
.company{width:98%;margin-top:10px;}


.bottom dl.width04{width:98%;margin:10px 1%;}
.bottom dl.width02{width:98%;margin:10px 1%;}
.bottom dl.width03{width:98%;margin:10px 1%;}
.bottom dl.width01{width:98%;margin:10px 1%;}
.in_about_img img{
    width:98%;
}
.news_img{width:100%;}
.in_news{width:98%;}
.in_ser{
  width:98%;
  margin-left:1%;
}
.in_ser li{width:98%;}
.in_ser li img{
    width:26%;
}
.foot_left {
	display:none;
}
.foot_right {
	padding: 0px 0 55px 0;
	float:left;
}
.footer{padding-bottom:40px;}
.message_yxxhl li{width:98%;float:left;margin-left:1%;}
#gallery{
	width:92%;
	height:auto;
	float:none;
	display:inline-block;
	margin:15px 2% 0;}
.gallery_right{
	width:98%;
	float:none;
	padding:1%;}
.gallery_right h2{
	padding:15px 0 15px;}
.gallery_right_txt{
	line-height:22px;}


.foot_fixed{
	width:100%;
	display:block;
	height:70px;
	position:fixed;
	z-index:10000;
	bottom:0;}
.foot_top{width: 100%; height: 20px;}
.foot_color{ width: 100%; height: 50px; background:#dd0d01;}
.foot_fixed li{
	width:19%;
	height:50px;
	float:left;
	text-align:center;}
.foot_fixed img{width: auto;}
.foot_fixed li.spcial{width: 24%;}
.foot_fixed li.spcial img{ margin-top: -10px; margin-bottom:5px;}
.foot_fixed a{
	width:100%;
	height:35px;
	color: #fff;
	font-size: 0.75em;
	padding:10px 0 5px 0;
	display:block;}
.foot_fixed a:hover{ background:#b10a00;}

.sidebar{
    display:none;
}
.main_block_right{
	width:98%;
	margin:0 1%;
}


.pro_block_left{
    width:98%;
	height:auto;
	margin:0 1%;
}
.pro_block_right{
    width:98%;
}
.news_l_r{
   width:98%;
   height:auto;
   line-height:28px;
   margin:0 1%;
}
.maodian{font-size:12px;}
.btn_chat{width:135px;}
.btn_message{width:130px;}

.message{ padding:25px 0 1px 0;}
.message li{ line-height:30px; height:60px; margin-bottom:18px; font-size:12px; padding-left:2%;}
.message li .msg{ float:none; color:#212121; width:100%; display:block; text-align: left;height: 30px;}
.message li .msgbtn{ float:none; color:#f3f3f3; width:100%; display:block;height: 30px;}
.message li input.text{ background:#ffffff; border:1px solid #e2e2e2; box-shadow: 0 2px 2px -2px #DDD inset; border-radius:4px; height:28px; line-height:28px;width:75%; padding: 0px 5px 0px 5px;font-family: "microsoft yahei",'SimSun',sans-serif;}
.message li input.text{color:#212121;}
.commentText{background:#ffffff; border:1px solid #d2d2d2; border-radius:4px;width:75%; height:100px; padding:10px 10px 10px 6px; font-size:12px; color:#212121;font-family: "microsoft yahei",'SimSun',sans-serif;}
.message li.comment{ height:125px; }
.message .submit{color:#212121;}
.message .submitBtn{padding-left: 15px;padding-right: 15px; height:34px; box-shadow: 0 2px 2px -2px #DDD inset; border-radius:4px; background-color:#79cc3e;color: #FFF;font-size: 14px;font-family: "microsoft yahei",'SimSun',sans-serif;}		
.star{color: #e31c15;padding-right: 3px;}

 }
	 
@media screen and (max-width:320px){
.products li{width:98%;margin:10px 1% 15px 1%;}
.products span{top:43px;}
.products a.more_0{margin: 40px auto 0;}
}



	
.mt-15{
    margin-top:-15px;
}

/* clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* aside */
aside { float: left; max-width:322px;}
.inside { background-color: #f4f4f4; padding: 10px; }
#sidebar.sticky { float: none; position: fixed; top: 20px; z-index: 6; left: auto; }