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

.clear{
	clear: both;
	}
.fl{
    float:left;
	display:inline;
}
.fr{
    float:right;
	display:inline;
}
img{
    max-width:100%;
}
a{ color:#222;}
a:hover{color:#3f3c3c;}
.mt15{
    margin-top:15px;
}
.top{
	width: 100%;
	background:#eeeeee;
	height: 110px;
	}	
.area{
	width: 100%;
	max-width: 1184px;
	margin: 0 auto;
	}	
.logo{
	float: left;
	width: 353px;
	height:98px;
	margin-top:8px;
	}
		
.tools{
	float: right;
	width: 360px;
	height: 36px;
	margin-right: 1%;	
	}

.search{
    width: 85%;
	padding-top: 10px;
	float:right;
	display:inline;
	}	
.search_form{
	width: 100%;
    height: 30px;
	border:1px solid #ccc;
	background-color:#fff;	
		}
.search_input { 
	width: 85%;
    float: left;
	height:30px;
	color: #555;
	border: medium none;
	line-height:30px;
	text-indent:5px;
	background-color:#fff;	
   }	
.search_btn {
	width: 15%;
	height: 30px;
	float: right;
	cursor: pointer;
	border: medium none;
	background:#f4f4f4 url("../bg_03.jpg") center center no-repeat;
  }	
.t_mail{font-size:16px;float:right;margin-top:15px;margin-right:8px;height:23px;}
.s_m{
	float:right;
	margin-top:10px;
}
.s_m img{margin:0 2px;width:25px;height:25px;}
.navigation{
    width:100%;
	height:50px;
	background-color:#1d7b00;
}	
.nav_list{
    width: 100%;
   	height: 50px;
	line-height: 50px;
	float:left;
	background:url("../bg_nav_line.jpg") no-repeat top left
	}

.nav_list ul .hide, .nav_list ul .hide a:visited { width:100%; display:block;	}
.nav_list ul li {float:left; position:relative; width:14.2%; background:url("../bg_nav_line.jpg") no-repeat top right;}
.nav_list ul li a {display:block; text-align:center; text-decoration:none; color:#fff; height:50px; line-height:50px;}
.nav_block{width:200px;}
.nav_list .nav_block li{width:100%; display:block;}
.navigation .nav_list ul li .nav_block li a{width:200px; height:40px;line-height:40px;display:block;text-align:left;color:#FFF;text-indent:20px;font-size:14px; border-bottom:1px solid #259c00;}
.nav_list ul li ul {display: none;}
.nav_list ul li:hover a {color:#fff; background:#3f3c3c;}
.nav_list ul li:hover a.down{color:#fff; background:#3f3c3c url("../bg_down.png") no-repeat center 35px;}
.nav_list ul li:hover ul {display:block; position:absolute;top:50px; left:0;;z-index:999; padding-bottom:15px; background:#3f3c3c;}
.nav_list ul li:hover ul li a {display:block; background:#3f3c3c url("../abg_2.png") no-repeat 10px center; color:#000;}
.nav_list ul li:hover ul li a:hover {background:#92cb3c url("../abg_2.png") no-repeat 10px center; color:#FFF;}
.down {
    background:url("../bg_down.png") no-repeat center 35px;
	height:50px;
	display:block;
}
.nav_list a.down:hover{
	background:#3f3c3c url("../bg_down.png") no-repeat center 35px;
	color:#FFFFFF;
	display:block;
	}


/***banner start***/
#banner {
  position: relative;
  float: left;
  width: 100%;
  }
.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***/
#find{
   background:#3876f0;
   font-size:28px;
   color:#FFF;
   padding:15px 0;
   display:block;
   height:40px;
   line-height:40px;
   font-family:MV Boli;
}
.btn_chat{width:150px;height:40px;line-height:40px;font-size:18px;font-family:Arial;float:right;background:#3f3c3c;text-align:center;}
.btn_chat a{color:#FFF;display:block;}
.btn_chat a:hover{background:#ce4229;}

.index_main{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom:40px;
	background:#eeeeee;
	border-bottom:1px solid #ddd;
}
.wel{
    width:100%;
	height:auto;
	background:#FFF;
	border-bottom:1px solid #ddd;
	line-height:28px;
	font-size:14px;
	padding:8px 0;
}
.wel span{
    font-size:16px;
	color:#3f3c3c;
}
.wel a{ margin:0 8px;}


.pro_set {
	margin: 10px 0;
	}
.intitle{
   font-size:20px; font-weight:bold;
   margin:20px 0;
}
.intitle_right{
   margin-top:25px;
}
.pro_set ul{
   margin:0px -1%;
   float:left;
   width:103%;
}
.pro_set li{
    width:23%;
	float:left;
	display:inline;
	margin:0px 1%;
	height:auto;
}
.pro_set li h3{
    font-size:16px;
	line-height:40px;
}
.pro_set li p{
    width:100%;
	line-height:24px;
	color:#666;
}
.pro_set li p a{
    color: #666;
	display:block;
	background:url("../abg_1.png") no-repeat center left;
	text-indent:10px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}
.pro_set ul li a:hover{
	color: #e70014;
	}





.more{
	margin:15px 5px 0 0;
}
.more a{
    color:#263a7e;
}
.more a:hover{
    color:#8dbf41;
}

.in_block{
    width:100%;
	height:auto;
	overflow:hidden;
	line-height:26px;
	margin-top:20px;
	margin-bottom:20px;
}
.in_about{
    width:28%;
	height:auto;
	float:left;
	line-height:26px;
	margin:20px 0;	
}
.in_about img{width:100%;}
.in_about p{margin-bottom:18px;}
.in_sol{
    width:27%;
	height:auto;
	float:right;
	line-height:24px;
	margin:20px 0 20px;
}
.in_about h2,.in_case h2,.in_sol h2{
    font-size:20px;
	height:40px;
	line-height:40px;
	margin:10px 0;
	text-transform:Uppercase;
}
.in_sol span{
    width:100%;
	display:block;
	font-size:14px;
	height:40px;
}

.in_about_img,.in_sol_img{
    width:100%;
	height:auto;
}
.in_about_img img,.in_sol_img img{
   width:100%;
   height:auto;
}
.in_about .more,.in_case .more{
   width:80px;
   height:30px;
   line-height:30px;
   text-align:center;
   text-transform:Uppercase;
}
.in_about .more a,.in_case .more a{
   color:#fff;
   background:#052943;
   display:block;
}
.in_about .more a:hover,.in_case .more a:hover{
   color:#fff;
   background:#abcd05;
   display:block;
}
.in_case{
    width:35%;
	height:auto;
	float:left;
    margin:20px 0 0px 5%;
}
.in_case li{
   width:100%;
   float:left;
   margin-bottom:8px;
}
.in_case_left{width:34%;float:left;}
.in_case_right{width:63%;float:right;}
.in_case li span,.in_case li span a{
    width:100%;
    height:23px;
	line-height:23px;
    overflow:hidden;
	float:left;
	font-size:14px;
	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_case li .time{
   width:60%;
   float:right;
   height:30px;
   line-height:30px;
   color:#999;
}




	
.footer{
	width: 100%;
	height: auto;
	overflow: hidden;
	background:#3f3c3c;
	padding-top:10px;
	padding-bottom:8px;
}
.ft_block_1{
    width:26%;
}
.ft_block_2{
    width:26%;
	margin-right:5%;
}
.ft_block_1 .title,.ft_block_2 .title,.ft_contact .title{
    width:100%;
	height:36px;
	line-height:36px;
	margin:10px 0;
	color:#FFF;
	font-size:15px;
	text-transform:Uppercase;
}
.ft_block_1 li{
    width:42%;
	height:40px;
	line-height:40px;
	margin:0px 5% 0 0;
	float:left;
	border-bottom:1px solid #303030;
}
.ft_block_2 li{
    width:98%;
	height:40px;
	line-height:40px;
	margin:0px 5% 0 0;
	float:left;
	overflow:hidden;
	background:url("../abg_2.png") no-repeat center left;
	text-indent:10px;
}
.ft_block_1 li a,.ft_block_2 li a{
    color:#ddd;	
}
.ft_block_1 li a:hover,.ft_block_2 li a:hover{
    color:#fff;	
}
.ft_contact{
    width:35%;
	border-left:1px solid #303030;
	padding-left:5%;
	padding-bottom:35px;
	background:url("../map.png") no-repeat right 170px;
}
.ft_contact a{
 color:#FFFFFF
	
}
.ft_contact p{
    line-height:26px;
	color:#ddd;
	margin-bottom:40px;
}
.tel{
    background:url("../b3.png") no-repeat -3px center;
	text-indent:25px;
	color:#DDD;
	display:block;
	line-height:35px;
	width:100%;
}
.fax{
    background:url("../fax.jpg") no-repeat 0px center;
	text-indent:25px;
	color:#DDD;
	display:block;
	line-height:35px;
	width:100%;
}
.mail{
    background:url("../mail.jpg") no-repeat 0px center;
	text-indent:25px;
	color:#DDD;
	display:block;
	line-height:35px;
	width:100%;
}
.copyright{
    width:100%; max-width: 1184px;
	padding:20px 0;
	border-top:1px solid #303030;
	color:#ddd;
	margin-top:15px; margin: 0 auto;
}
.copyright a{
    color:#ddd;
}

.foot_fixed{
	display:none;
	}
/***index end***/

#banner_s{
    width:100%;
	overflow:hidden;
	text-align:center;
}
#banner_s img{width:auto;overflow:hidden;}
.main{
    width:100%;
	height:auto;
	overflow:hidden;
}
.main_nav{height:40px;line-height:42px; border-bottom:1px solid #ccc; width:100%;}
.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:68%;
    height:auto;
	float:right;
}
.rt_title{
	padding:16px 0;
	font-size:20px;
	padding:16px 0;
	border-bottom: 1px dashed #d6d6d6;
	text-transform: Uppercase;
}
.pro_txt{
	line-height: 30px;
	font-size: 14px;
	padding: 10px 0;
}

.pro_list li{
   width:31%;
   height:auto;
   overflow:hidden;
   float:left;
   margin:10px 2% 10px 0;   
}
.pro_list li a{display:block;padding-bottom:8px;}
.pro_list li a:hover{background:#3f3c3c;cursor:pointer;color:#FFF;padding-bottom:8px;}
.pro_list li img{
   width:100%;
}
.pro_list li span{
   width:97%;
   height:40px;
   line-height:40px;
   overflow:hidden;
   display:block;
   padding:0 1% 0 2%;
}
.pro_list li p{
   width:97%;
   line-height:26px;
   height:52px;
   overflow:hidden;
   padding:0 1% 0 2%;
   margin:0px;
}

/*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:#cb0708; 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:27%;
	float:left;
	border-right:1px solid #CCC;
	padding-right:1%;
}
.sidebar h1{
	width:100%;
	color:#333;
	font-size:20px;
	padding:16px 0 8px 0;
	font-weight:normal;
}
.list{
	margin-bottom:15px;}
.list li{
	width:100%;
	float:left;
	font-size:14px;	
	border-bottom:1px solid #eee;
	background:url(../abg_1.png) 8px center no-repeat;}
.list  li a{
	color:#333;
	display:block;
	padding:15px 0 15px 20px;
}
.list  li :hover{
	color:#FFF;
	background:#3f3c3c;
	display:block;
	padding:15px 0 15px 20px;
}
.leftimg{margin-bottom:10px;}
.leftimg img{
	width:95%;
}
.lf_title{
	width:100%;
	color:#333;
	font-size:20px;
	padding:20px 0;
	text-transform: Uppercase;
}
.listyle02{
	width:90%;
	line-height:40px;
	height:40px;
	padding-left:10px;
	background:url(../abg_1.png) 0px center no-repeat;
	overflow:hidden;
}
	
.more02 a{
	color:#999;
	padding-top:20px;
	line-height:40px;}
.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;}
.case_li p{
	padding:10px 0;
	font-size:14px;
	line-height:30px;}
.case_li a{ color:#fc851f;}
.case_li a:hover{ color:#ed1c24;}
/*内页左侧 结束*/


.btn_pro{
	width: 47%;
	height: 35px;
	line-height: 35px;
	text-indent: 35px;
	font-size: 16px;	
	margin: 10px 0;
	float:left;
	background: #3f3c3c url("../icon_ol.png") no-repeat 10px 10px;
}
.btn_message{
    width: 47%;
	height: 35px;
	line-height: 35px;
	text-indent: 35px;
	font-size: 16px;	
	margin: 10px 0;
	float:right;
	background: #666 url("../btn_message.png") no-repeat 10px 5px;
}
.btn_pro a,.btn_message a{
    width:100%;
	color:#FFF;
	height: 35px;
	line-height: 35px;	
	display:blcok;
}
.btn_pro a:hover{
   width:100%;
   height:35px;
   background:#666 url("../icon_ol.png") no-repeat 10px 10px;
   display:block;
}
.btn_message a:hover{
   width:100%;
   height:35px;
   background:#3f3c3c url("../btn_message.png") no-repeat 10px 5px;
   display:block;
}
/*产品详情页 开始*/
#gallery{
	width:53%;
	height:auto;
	float:left;
	display:inline;
	margin-top:20px;}
#gallery h1{
	color:#666666;
	line-height:30px;}
#gallery_nav {
	width: 100%;
	margin-top:4px;}
#gallery_nav img{
	width:24.5%;
	float:left;
	margin:0 0.25%;
	display:inline;}
#gallery_output {
	width: 100%;
	overflow: hidden;
}
#gallery_output img {
	width:100%;
}
.gallery_right{
	width:40%;
	float:right;}
.gallery_right h2{
	color:#000;
	font-size:16px;
	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;}
.ct_mail{
	margin:20px 0 8px 0px;
	text-indent:28px;
	background:url(../bg_mail.jpg) 5px center no-repeat;}
.ct_mail a{
	color:#b10e07;}
.ct_mail a:hover{
	text-decoration:underline;}
.pdf{padding:10px 0;background:url(../pdf.jpg) 5px center no-repeat;text-indent:28px;}

.maodian{
	width:100%; 
	height:40px;
	overflow: hidden;
	line-height:40px;
	font-size:16px;
	padding-top:30px;
}
.maodian li{
	text-align:center;
	width:25%;
	float:left;
	overflow:hidden;
}
.maodian li a{
	display:block; 
	color:#fff;
	background:#393f45 url("../bg_nav_line.jpg") no-repeat top right;
}
.maodian li a.choose{ color:#fff; background:#b10e07;}
.maodian li a:hover{
	background:#b10e07; 
	color:#fff;
	text-decoration:none;
}
.isStuck{
	width:50%;
	padding-top:0px;
}


.md_con{
	width:auto;
	margin:20px auto;}
.md_hd{ 
	color:#b10e07;
	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_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{
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.listyle03 p{
	line-height: 24px;
	padding: 10px 10px 0;
}
.listyle03 a{ color: #333;}
.listyle03 a:hover{ color: #b10e07;}	
	
	
	
.new_list{
    width: 100%;
	height: auto;
	overflow: hidden;
	margin-top:20px;
}
.new_list li{
    width:100%;
	float:left;
	height:auto;
	margin-bottom:3%;
}

.new_right h4 {
	font-size: 14px;
	height: auto;
	line-height: 30px;
}
.new_right p {
	width: 100%;
	line-height: 24px;
	margin-bottom:12px;
}
.new_left{
    width:20%;
	float:left;
	height:35px;
	line-height:35px;
	color:#FFF;
	background:#3876f0;
	text-align:center;
	font-size:15px;
	margin-top:8px;
}
.new_right{
    width:78%;
	float:right;
}



.tnews_li{
	width:96%;
	float:left;
	display:inline;
	margin:15px 0 20px;}
.tnews_li_pic{
	width:25.8620%;
	float:left;
	padding-bottom:20px;}
.tnews_li_text{
	width:68.9655%;
	float:right;}
.tnews_li h4{
	color:#035084;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	padding-bottom:10px;}
.tnews_li p{
	font-size:14px;
	line-height:24px;}
.tnews_li a{ color:#035084;}
.tnews_li a:hover{ color:#ee1f25;}
.content{
	font-size: 14px;
	line-height:30px;}
.content p{margin:10px 0;}
.content h1{
	line-height:40px;
	font-size:18px;
	text-align: center;
	font-weight: bold;
	margin-top:20px;
}
.content h2{
	line-height:40px;
	font-size:16px;
	font-weight: bold;
	margin-top:20px;
}
.content h4{
	color:#a7a5a5;
	font-size:12px;
	font-weight:normal;
	line-height:24px;
	text-align: center;
	padding-bottom:10px;}
.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: #024f83;}
.pn_item a:hover{ color: #ec1d23;}



.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:1025px){
.in_news li img{width:90px;height:72px;}
  
  
 } 
  
@media screen and (min-width:640px) and (max-width:768px){

.logo{
	float: left;
	margin-left: 1%;
	}
.area{margin:0 1%;}
.tools{
	width: 255px;
	margin-right: 1%;
	}	
.t_mail{display:none;}	
.navigation{
	width: 100%;
	height: 94px;
	background-image:none;
	background-color: #3876f0;
	}	
.nav_list{
    width: 100%;
   	height: 94px;
	line-height: 46px;
	}
.nav_list ul li{
	float: left;
	font-size: 15px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
    background-image:url("../bg_nav_line.jpg");
	background-repeat: no-repeat;
	background-position: right;
	width: 25%;
	border-bottom: 1px solid #333;
	border-right:0px;
	overflow: hidden;
	height:46px;
	}
.nav_list ul li a{
    height:46px;
	line-height:46px;
}
.li_r{
    width:60%;
	float:right;
	text-align:left;
}
.li_r p{
    line-height:24px;
}

.pro_set li{width:46%; margin:10px 2%}
.pro_img img{width:100%;}
.intitle_right{margin-right:2%}

.ft_block_1{width:60%;margin:10px 1%;}
.ft_block_2{width:36%;margin:10px 1%;}
.ft_contact{width:98%;margin:10px 1%;}
.tel,.fax{width:70%;}

.foot_left{
    width:14%;
}
.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:#3876f0 url("../menu.png") 96% center no-repeat;
  	border:none;
	text-indent:10px;
	font-size:16px;
  	margin:0 auto;}
#toggle a{
	color:white;}
#toggle.active{
	background:#3f3c3c 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;
	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 窄屏简介产品导航***/



.foot_fixed{
	width:100%;
	display:block;
	height:70px;
	position:fixed;
	z-index:10000;
	bottom:0;}
.foot_top{width: 100%; height: 20px; background: url(../btop.png) center top no-repeat;}
.foot_color{ width: 100%; height: 50px; background:#ab0006;}
.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:#CC030A;}

	 
}	 
	 
	 
	 
@media screen and (min-width:481px) and (max-width:641px){
.area{margin:0 1%;}
.logo{
	float: left;
	margin-left: 1%;
	}

.tools{
	display:none;
	}	
	
.navigation{
	width: 100%;
	height: 94px;
	background-image:none;
	background-color: #3876f0;
	}	
.nav_list{
    width: 100%;
   	height: 94px;
	line-height: 46px;
	}
.nav_list ul li{
	float: left;
	font-size: 15px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
    background-image:url("../bg_nav_line.jpg");
	background-repeat: no-repeat;
	background-position: right;
	width: 25%;
	border-bottom: 1px solid #333;
	border-right:0px;
	overflow: hidden;
	height:46px;
	}
.nav_list ul li a{
    height:46px;
	line-height:46px;
}

.pro_set li{width:46%; margin:10px 2%}
.pro_img img{width:100%;}
.intitle_right{margin-right:2%}
.foot_left{
    display:none;
}
.foot_right{
	padding:0px 0 55px 0;
}
.footer{padding-bottom:40px;}

#gallery{
	width:96%;
	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; background: url(../btop.png) center top no-repeat;}
.foot_color{ width: 100%; height: 50px; background:#ab0006;}
.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:#CC030A;}


.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;}
#find{font-size:18px;}

.ft_block_1{width:60%;margin:10px 1%;}
.ft_block_2{width:36%;margin:10px 1%;}
.ft_contact{width:98%;margin:10px 1%;}
.tel,.fax{width:60%;}
.team li{width:45%;}
.pt_sr_l li{
    text-align:center;
}
.sidebar{
    display:none;
}
.main_block_right{
	width:98%;
	margin:0 1%;
}
/***窄屏简介产品导航***/
.productlist{
	display:block;
	margin-bottom:20px;
	}
#toggle {
  	color: white;
  	width:98%;
  	height:40px;
  	line-height:40px;
  	padding:0 1%;
  	cursor: pointer;
  	background:#3876f0 url("../menu.png") 96% center no-repeat;
  	border:none;
	text-indent:10px;
	font-size:16px;
  	margin:0 auto;}
#toggle a{
	color:white;}
#toggle.active{
	background:#3f3c3c 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;
	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 窄屏简介产品导航***/	
				
 }	 
 
 
 
 
 
 
 
 @media screen and (min-width:321px) and (max-width:480px){

.area{margin:0 1%;}
.logo{
	width: 100%;
	margin-left: 1%;
	margin-top:10px;
	}
.tools{
	display: none;
	}	
	
.navigation{
	width: 100%;
	height: 128px;
	background-image:none;
	background-color: #3876f0;
	}	
.nav_list{
    width: 100%;
   	height: 128px;
	line-height: 42px;
	}
.nav_list ul li{
	float: left;
	font-size: 14px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
    background-image:url("../bg_nav_line.jpg");
	background-repeat: no-repeat;
	background-position: right;
	width: 33%;
	border-bottom: 1px solid #333;
	border-right:0px;
	overflow: hidden;
	height:42px;
	}
.nav_list ul li a{
    height:42px;
	line-height:42px;
}
#find{font-size:18px;}
.btn_chat{display:none;}
.pro_set li{width:46%; margin:10px 2%}
.pro_img img{width:100%;}
.intitle_right{margin-right:2%}	
.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%;}


.ft_block_1{width:98%;margin:10px 1%;}
.ft_block_2{width:98%;margin:10px 1%;}
.ft_contact{width:98%;margin:10px 1%;}
.in_about_img img{
    width:98%;
}

.in_ser{
  width:98%;
  margin-left:1%;
}
.in_ser li{
   width:47%;
}
.in_ser li img{
    width:32%;
}
.foot_left {
	display:none;
}
.foot_right {
	padding: 0px 0 55px 0;
	float:left;
}
.footer{padding-bottom:40px;}
#gallery{
	width:96%;
	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; background: url(../btop.png) center top no-repeat;}
.foot_color{ width: 100%; height: 50px; background:#ab0006;}
.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:#CC030A;}

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

.pro_list li{
   width:48%;
}

/***窄屏简介产品导航***/
.productlist{
	display:block;
	margin-bottom:20px;
	}
#toggle {
  	color: white;
  	width:98%;
  	height:40px;
  	line-height:40px;
  	padding:0 1%;
  	cursor: pointer;
  	background:#3876f0 url("../menu.png") 96% center no-repeat;
  	border:none;
	text-indent:10px;
	font-size:16px;
  	margin:0 auto;}
#toggle a{
	color:white;}
#toggle.active{
	background:#3f3c3c 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;
	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 窄屏简介产品导航***/

.pro_block_left{
    width:98%;
	height:auto;
	margin:0 1%;
}
.pro_block_right{
    width:98%;
}
.news_show img{
   width:50%;
   margin:0 1%;
}
.news_l_r{
   width:98%;
   height:auto;
   line-height:28px;
   margin:0 1%;
}
.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:#bc1500;color: #FFF;font-size: 14px;font-family: "microsoft yahei",'SimSun',sans-serif;}		
.star{color: #e31c15;padding-right: 3px;}

 }
	 



@media screen and (max-width:320px){

.top{
    height:100px;
}
.logo{
	float: none;
	width: 98%;
	margin:0 1%;
	padding-top:10px;
	}

.logo_title{
    display:none;
}
.tools{
	display: none;
	}	
	
.navigation{
	width: 100%;
	height: 128px;
	background-image:none;
	background-color: #3876f0;
	}	
.nav_list{
    width: 100%;
   	height: 128px;
	line-height: 42px;
	}
.nav_list ul li{
	float: left;
	font-size: 14px;
	text-align: center;
	padding-left: 0;
	padding-right: 0;
    background-image:url("../bg_nav_line.jpg");
	background-repeat: no-repeat;
	background-position: right;
	width: 33%;
	border-bottom: 1px solid #333;
	border-right:0px;
	overflow: hidden;
	height:42px;
	}
.nav_list ul li a{
    height:42px;
	line-height:42px;
}
#find{font-size:16px;}
.btn_chat{display:none;}
.pro_set li{width:98%; margin:10px 2%}
.pro_img img{width:100%;}

.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_news li img{width:100px;height:72px;}
.ft_block_1{width:98%;margin:10px 1%;}
.ft_block_2{width:98%;margin:10px 1%;}
.ft_contact{width:98%;margin:10px 1%;}
.in_about_img img{
    width:auto;
}

.foot_left{
    display:none;
}
.foot_right {
	display:none;
}


.intitle{
    margin:20px 0 20px 5px;
}
.intitle h2{
  font-size:16px ; font-weight:bold 
}
.intitle_right{
    margin-right:5px;
}
.in_block{
    margin-top:0px;
}
.footer{padding-bottom:40px;}

.foot_fixed{
	width:100%;
	display:block;
	height:70px;
	position:fixed;
	z-index:10000;
	bottom:0;}
.foot_top{width: 100%; height: 20px; background: url(../btop.png) center top no-repeat;}
.foot_color{ width: 100%; height: 50px; background:#ab0006;}
.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:#CC030A;}

.sidebar{
    display:none;
}
.main_block_right{
	width:98%;
	margin:0 1%;
}
.main_block_right li{
   width:98%;
   margin:10px 1%;
}
/***窄屏简介产品导航***/
.productlist{
	display:block;
	margin-bottom:20px;
	}
#toggle {
  	color: white;
  	width:98%;
  	height:40px;
  	line-height:40px;
  	padding:0 1%;
  	cursor: pointer;
  	background:#3876f0 url("../menu.png") 96% center no-repeat;
  	border:none;
	text-indent:10px;
	font-size:16px;
  	margin:0 auto;}
#toggle a{
	color:white;}
#toggle.active{
	background:#3f3c3c 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;
	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 窄屏简介产品导航***/


.description_f{
	width: 96%;
	margin: 0 auto;
	}

.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:#bc1500;color: #FFF;font-size: 14px;font-family: "microsoft yahei",'SimSun',sans-serif;}		
.star{color: #e31c15;padding-right: 3px;}
.pro_block_left{
    width:98%;
	height:auto;
	margin:0 1%;
}
.pro_block_right{
    width:98%;
}	
.news_show img{
   width:50%;
   margin:0 1%;
}
.news_l_r{
   width:98%;
   height:auto;
   line-height:28px;
   margin:0 1%;
}
.news_list li span{
   display:none;
}

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