/* CSS Document */

*{ margin:0px; padding:0px; list-style:none; border:0px;}
body{ background-color:#fff; color:#666; font-size:12px; line-height:140%; font-family:Arial, Helvetica, sans-serif,"黑体";}
a{ color:#c4171d; text-decoration:none;}
a:active {color: #999}
/*a:visited{ color:#999;}*/
.clear_{ clear:both; height:0px;}
.red_{ color:#bb0101;}
a.red_{ color:#bb0101;}
.box{position: relative;width: 100%; height:100%; margin:0 auto;  }
.blue_ a{ color:#00559d;}

.content h1{ font-size:20px; padding:13px 10px 9px 10px; 10px 7px; height:21px; color:#333; border-bottom:1px solid #ddd;}
h4{font-size:16px; color:#333;}
h5{ font-size:14px;}
.font16{ font-size:14px;}
.font14{ font-size:14px;}
.font12{ font-size:12px;}



   
.topside{ width:100%; margin:0 auto; position:relative;background-color:#fff;height:100%; overflow:hidden; padding:7px 0px 0px 0px;}
.white_ a{ color:#fff;}
.grey_ a{ color:#333;}

.blank{ width:100%; height:10px; display:block; background-color:none;}
.top_line{ width:100%;  height:29px; }
.logo{ float:left; width:200px; height:27px; margin-left:5px; margin-top:2px; }
.lang{ float:right; height:24px; line-height:24px; font-size:10px; padding-top:5px;padding-right:10px; } 
.lang a{ padding:5px; color:#666;}

.nav{ width:100%; display:block; padding-top:7px; }
.nav li{ float:left; width:25%; display:block;font-weight:bold; text-align:center;}
.nav li a{ background-color:#00559d;  display:block; padding:8px 5px;height:100%; overflow:hidden ;}



/*.bottom{ width:100%; position:fixed;bottom:0px;left: 0px;bottom: 0px;overflow:hidden;}
.bottom ul li{padding:0px; background:#00559d url(../images/line.jpg) no-repeat left center; display:block; float:left; width:25%; font-size:10px; height:auto;text-align:center;  }
.bottom ul li.te{ background-image:none;}
.b_icon{  display:block; width:25%; margin:0 auto;}
.b_icon img{ width:100%;}*/

.bottom{height:50px;position: fixed;width: 100%;bottom: 0;z-index: 999999;background-color: #00559d;}

.navigation { width:auto; height:auto; margin:0 auto;display: block;padding-left: 7px;}
.navigation a{display: inline-block;display: block;float: left;width: 24%;height: 100%;text-align: center;height: 45px;color: #fff;font-weight: bold; padding-top:6px;

background-color:#00559d; border-left:1px solid #96b4ce;

}
.navigation a img{ margin-bottom:-8px; margin-left:2px;}
.navigation em{color: #fff; font-size:10px; font-weight:normal!important;font-style: normal !important; text-align:center;}








.footer{ width:100%; height:100%; overflow:hidden; margin-top:10px; border-top:1px solid #ddd; padding-bottom:10px; padding-top:10px; text-align:center; margin-bottom:45px;}

@media screen and (min-width: 500px){
	body{ font-size:1.2em;}	
   .content h1{ font-size:1.5em; padding:22px 20px 20px 20px; height:auto;}
   h4{font-size:1.2em; color:#333;}
   h5{font-size:1.2em;}
   .font16{ font-size:1.2em;}
   .font12{ font-size:14px;}
    .footer{ margin-bottom:150px;}
	
	}



/*=========首页==============*/

.banner{ width:100%; margin:5px 0px 1px 0px; height:100%; overflow:hidden; }
.banner img{ width:100%; h   eight:auto;}




.part{ width:100%; margin:0px auto; height:100%; overflow:hidden; }
.part .epc{ margin:1.5% auto; height:100%; overflow:hidden; width:97%; margin-left:7px;}
.content{ display:block; width:98%; margin:1%; height:100%; overflow:hidden;}

.content p{ line-height:24px; text-align:left; text-indent:2em; margin:10px 0px;}
.part_nav{ width:99.5%; height:18px; color:#bb0101;  padding:6px 0px; background-color:#efefef; border:1px solid #ddd;}
.point{ float:left; display:block; margin-left:10px; margin-right:5px; background-color:#bb0101; width:6px; height:18px;}
.nav_name{ float:left;font-weight:bold;}
.more{ float:right; margin-right:10px;font-weight:bold;padding-top:1px;}

@media screen and (min-width: 500px){
.part_nav{ height:1.2em; }
.point{  height:1.2em;}

}


.part_content{ width:100%; height:100%; overflow:hidden; margin-bottom:10px;}


.epc li{ float:left; width:20%; margin:0px 1%; display:block; box-shadow:0px 3px 3px #666; text-align:center; padding:1.5%; font-weight:bold; background-color:#00559d; font-size:12px;}
ul.epc li a{ color:#ffffff;}
.gao li{  width:42%; margin-bottom:8px;}
p.pro{ text-indent:0px; margin-bottom:0px; }
p.pro span{ display:inline; width:auto;}
p.pro a{  padding:0px 3px; margin:4px 1px; display:inline-block; background-color:#eee; border:1px solid #ddd;  color:#333; line-height:1.8em;}

.news{ width:100%; overflow:hidden;}
.news li{ width:98%; line-height:1.5em; overflow:hidden; height:1.4em; padding:8px 0px 5px 1% ; border-bottom:1px dotted #ddd; margin:0 auto;}


/*=========关于我们==============*/

.us_list{ width:100%; height:100%; overflow:hidden;}
.us_list li{ width:98%; line-height:1.4em; padding:8px 0px 5px 1% ; height:auto;display:block;}
.us_list li b{ color:#333;}
.us_part{ width:92.5%; overflow:hidden; height:100%;  margin:2% 2% 2% 1.5%; padding:0px 2% 5px 2%; background-color:#f1f1f1; border:1px solid #ddd;}
.us_part .line_word h3{font-size:1.5em;color:#333;margin: 15px;}


.us_part li{ width:98%; overflow:hidden; height:100%;padding:10px 2%; border-bottom:1px dotted #ccc;}
.us_name{ margin-bottom:8px; font-weight:bold; background:none; width:auto; padding:0px;}
.us_pic{float:left;width: 40%;height:auto;margin: 15px 15px 15px 0;}
.us_part li p{ text-indent:0px; margin:0px 2px;  }

@media screen and (min-width: 500px){
	.us_part{ width:96%; overflow:hidden; height:100%;  margin:2%; padding:0px;}
	.us_part li{ width:96%; overflow:hidden; height:100%;padding:2%; border-bottom:1px dotted #ccc;margin:0px;}
	}
	
/*=========EPC/产品内容页图片和题目==============*/

.mid_pic{ width:80%; margin:3% 10%; text-align:center;}
.left_pic{ width:40%; float:left; margin:5px; clear:both;}  
.left_big_pic{ width:60%; float:left; margin:5px; clear:both;}  
.right_big_pic{ width:60%; float:right; margin:5px; clear:both;}  
.right_pic{ width:40%; float:right; margin:5px; clear:both;}  
@media screen and (min-width: 500px){
	.mid_pic{ width:45%; text-align:center; float:right; margin:0px 0px 10px 10px;}
    .left_pic{ margin:10px; width:30%;}
	.right_pic{ margin:10px; width:30%;}
	}
.content h5{ color:#c4171d; margin:5px 3px;}	
.content h4{display: inline-block;width: auto;padding: 3px 10px;line-height: normal;margin: 2px 1px;}



/*=========产品内容页=============*/

.product h1{ text-align:center;}
.related li{ float:left; margin:5px; }


/*=========产品类页面=============*/
.pro_class,.pro_class li{ width:100%; height:100%; overflow:hidden; margin:10px 0px;}
.pro_class li{ border-bottom:1px dotted #ddd; padding:10px; margin:0px; line-height:1.5em;}
.species{ background-color:#00559d;  display:inline-block; width:auto; color:#fff;padding:3px ; line-height:normal; margin:2px 1px;border:1px solid #00559d; }
span.children{ display:inline; width:auto;}
span.children a{  padding:0px 4px; margin:2px 1px;display:inline-block; color:#333; border-right:1px solid #ccc; line-height:1.2em;}


/*===============解决方案================*/
.sol_list{ width:100%; overflow:hidden; height:100%;}
.sol_list li{ width:98%; padding:10px 1% 0px 1%; border-bottom:1px dashed #ddd;}
.sol_list li h4{ padding:0px;}
.sol_list li p{ text-indent:0px; margin-top:3px;}


/*新留言板
.liuyan_new{ width:92%; height: auto;overflow: hidden; padding:3% 4%;}
.liuyan_new input,.liuyan_new select,.liuyan_new textarea{ width:96%; background-color:#fff; border:1px solid #ddd;  margin-bottom:7px; color:#999; padding-left:2%;}
.liuyan_new input{height:30px;  padding:2px 2%;}
.liuyan_new textarea{ padding:2%;}
.liuyan_new select{ height:34px; width:100%;}
.liuyan_new select option{ height:20px; border-bottom:1px solid #eee;}
.liuyan_new textarea{ height:200px;}*/
#btn_sure{ background-color:#00559d; color:#fff; width:100%; text-align:center; height:35px; cursor:pointer; margin-top:5px;}


.message{ width:90%; padding:15px;text-align:center; margin:0px auto; margin-top:10px;background-color:#efefef;border:1px solid #ddd; padding-top:15px; padding-bottom:10px;  height:100%; overflow:hidden; }

.msg_input,.msg_txt,.message select{ height:35px; width:100%; background-color:#fff; border:1px solid #ddd;  margin-bottom:5px; color:#999;}
.msg_txt{ height:121px; }
.msg_btn{ background-color:#00559d; color:#fff; width:100%; text-align:center; height:35px; cursor:pointer; margin-top:5px;}
.message h5{ text-align:left;}
.message p{text-align:left!important; display:block; margin:0px; padding:0px; text-indent:0px; margin-bottom:10px;}
.message p span{ color:red;}
.message .sel{ width:100%; height:35px;}
#theinput1,#theinput2{ display:none; height:35px; width:100%; background-color:#fff; border:1px solid #ddd;  margin-bottom:5px; color:#999;}


/*===========EPC页面===========*/
.epc_part{ width:98%; height:auto; margin:0px 1%;}
.epc_part li{ float:left; width:25%;}
.epc_part li img{ width:100%;}





.case{ width:100%;height:100%; overflow:hidden; margin-top:10px; }
.case li{ width:95%; overflow:hidden; padding:2%; border:1px solid #ddd; background-color:#efefef; margin-bottom:5px;}
.case li img{/* float:left; */margin-right:7px;width: 100%;}
.case li a{ color:#666;}

.case_word{float:rihgt;height: auto;overflow: hidden;}
.case_word h3{font-size:14px;margin:0px;margin: 16px 0;}
.case_word p{margin:0px;text-indent:0px;line-height: 1.4em;}




.pro_new_class{ width:100%;height:100%; overflow:hidden; margin-top:10px; }
.pro_new_class li{ width:95%; overflow:hidden; padding:2%; border:1px solid #ddd; background-color:#efefef; margin-bottom:5px;}
.pro_new_class li img{ float:left; margin-right:7px; width:100px;}
.pro_new_class li a{ color:#666;}

.pro_new{float:rihgt; height:70px; overflow: hidden;}
.pro_new h3{ font-size:14px; margin:0px; margin-bottom:3px;}
.pro_new p{ margin:0px; text-indent:0px; line-height:1.2em;}