/*clean style*/
@charset "utf-8";
/* CSS Document */
/* CSS Reset */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; empty-cells:show; margin:0; padding:0; }
th,td { vertical-align:top; text-align:left; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,th,var,optgroup{ font-style:inherit; font-weight:inherit; }
del,ins{ text-decoration:none; }
ul,li{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
q:before,q:after{ content:''; }
abbr,acronym{ border:0; font-variant:normal; }
sup{ vertical-align:baseline; }
sub{ vertical-align:baseline; }
legend{color:#000;}
em { font-style:normal;}
input,button,textarea,select,optgroup,option{ font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select{ *font-size:100%; }
input { vertical-align:middle; }
a { text-decoration:none; color:#000;  }
a:hover{ color:#D60000;}
a * { cursor:pointer; }
body { font-family:Microsoft Yahei; font-size:12px; line-height:1.8em;Microsoft Yahei; color:#000; }
/*kaitou*/
input, textarea {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

input, textarea, select {
    font-size: 1em;
    display: inline-block;
    padding: 4px;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #C70000;
    /*border-radius: 3px;*/
    margin: 3px 0;
}

/* 获得焦点时的输入框高光效果 */
input:focus,
textarea:focus {
    border-color: rgba(198, 8, 8, 0.5);
    outline: 0;
    outline: thin dotted \9;    /* IE6-9 */  
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(198, 8, 8, 0.6);;
}

/* 避免对其他元素的不良影响(主要表现在IE浏览器中) */
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    box-shadow: none;
}

input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;   /* IE7 */
  line-height: normal;
  cursor: pointer;
  background-color: transparent;
  border: 0 \9;     /* IE9- */
  border-radius: 0;
}

/* 避免对按钮样式的不良影响 */
input[type="button"],
input[type="submit"],
.btn {
    display: inline-block;
    
    padding: 4px 10px;
    font-size: 1em;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    cursor: pointer;
    background-color: #f5f5f5;
    
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
   
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  /*  border-color: #e6e6e6 #e6e6e6 #bfbfbf;*/
    border-bottom-color: #b3b3b3;
    /*border-radius: 4px;*/
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
   
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
/*end*/
/*top*/
.top_box{
	width: 1000px;
	margin: 0 auto;
	height: 100px;
}
.logo_box{
	float: left;
}
.chat_box{
	float: right;
	margin-top: 13px;
}
.call_box{
	float: right;
	padding-right: 10px;
	margin-top: 3%;
}
/*top end*/
/*nav start*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix10:after {
	content:".";
	display:block;
	height:10px;
	clear:both;
	visibility:hidden;
}
.h10{height:10px;}
.h15{height:15px;}

#header{width:1000px; margin:0 auto;}
.navBar {
	width:100%;
	margin:0 auto;

	height:40px;
	line-height:40px;
	background:#C3030C;
	color:#fff;
}
.nav {
	position:relative;
	width:1000px;
	margin:0 auto;
	font-family:"Microsoft YaHei",SimSun,SimHei;
	font-size:14px;
}
.nav a {
	color:#fff;
}
.nav h3 {
	font-size:100%;
	font-weight:normal;
}
.nav .m {
	float:left;
	position:relative;
	z-index:1;
}
.nav .s {
	float:left;
	width:3px;
	text-align:center;
	color:#D4D4D4;
	font-size:12px;
}
.nav h3 a {
	display:block;
	width:164px;
	text-align:center;
	font-weight:bold;
}
.nav .sub {
	display:none;
	position:absolute;
	left:20px;
	top:40px;
	z-index:1;
	width:122px;
	border:1px solid #E6E4E3;
	border-top:0;
	background:rgba(195, 3, 12, 0.62);
}
.nav .sub li {
	text-align:center;
	padding:0 8px;
	margin-bottom:-1px;
}
.nav .sub li a {
	display:block;
	border-bottom:1px solid #E6E4E3;
	padding:8px 0;
	height:28px;
	line-height:28px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0;
}
.nav .sub li a:hover {
	background-color: rgba(195, 3, 12, 0.5);
}
.nav .block {
	height:8px;
	width:120px;
	background:#FE7700;
	position:absolute;
	left:0;
	top:42px;
	overflow:hidden;
}
/*nav end*/
/* banner */
.flexslider {
	margin: 0px auto;
	position: relative;
	width: 100%;
	height: 468px;
	overflow: hidden;
	zoom: 1;
}
.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}
.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}
.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}
.flexslider .slides a img {
	width: 100%;
	height: 468px;
	display: block;
}
/*banner end*/
/*sousuo start*/
.sear_box{
	width:1000px;
	margin: 0 auto;
	height: 42px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.gn_box{    
	float: left;
    width: 332px;
    height: 42px;
    background: url(../images/bj2.png) no-repeat center;
}
.gn_box span{
	font-size: 16px;
    color: #fff;
    line-height: 42px;
    margin-left: 20%;
    letter-spacing: 16px;
}
.ss_box{
	float: left;
	width: 336px;

}
.gj_box{
	float: right;
	width: 332px;
    height: 42px;
    background: url(../images/bj1.png) no-repeat center;
}
.gj_box span{
	font-size: 16px;
    color: #fff;
    line-height: 42px;
    margin-left: 20%;
    letter-spacing: 16px;
}
.ss_box form{
	margin-left: 13%;
}

/*end*/
/*pro start*/
.pro_box{
	width:1000px;
	height: 201px;
	margin:0 auto;
	text-align: center;
}
.title{
	font-size: 20px;
    font-weight: 800;
    color:#000;
    margin-bottom: 20px;
}
.list_box ul li{
	float: left;
	width: 141px;
	height: 50px;
	margin-left:30px;
	line-height: 50px;
    font-size: 16px;
    margin-bottom: 30px;
    background-color: #F40200;
}
.list_box ul li:first-child{
	margin-left: 0;
}
.list_box ul li:nth-child(7){
	margin: 0;
}
.list_box ul li a{
	color:#fff;
}
/*pro end*/
/*about start*/
.about_box{
	width: 1000px;
	height: 346px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
}
.l_tu{
	width: 353px;
    height: 286px;
    float: left;
    background: url(../images/abj.png) no-repeat;
    overflow: hidden;
   
}
.l_tu img{
	margin-top:15px;

}

.r_wenzi{
	float: right;
	width: 615px;
	margin-left: 5px;
}
.r_wenzi p{
	text-align: left;
    padding: 20px 0;
    text-indent: 2em;
}
.t_title{
	text-align: left;
    font-size: 18px;
    color: #D60000;
}
.pt_box{
	width: 54px;
    height: 5px;
    background: #F40200;
    margin-top: 5px;
}
.more{
	display: inline-block;
    border: 1px solid #000;
    width: 125px;
    height: 28px;
    line-height: 28px;
    float: left;
}
.more:hover{
	border: 1px solid #D60000;
	color: #D60000;
}
/*end*/
/*技术 start*/
.tec_box{
	width: 1000px;
	height: 320px;
	margin: 0 auto;
}
.l_lx{
	float: left;
	width: 376px;
	height: 320px;
	background: url(../images/contact.gif) no-repeat center;
	margin-right: 10px;
}
.l_lx p{
	margin-top: 21%;
    margin-left: 55%;
    line-height: 25px;
    color: #000;
    font-size: 14px;
}
.date_box{
	display: inline-block;
    width: 75px;
    height: 63px;
    border: 1px solid #ddd;
    margin-right: 14px;
}
.date_box sub{
	display: block;
    width: 100%;
    height: 22px;
    background: #EF0A04;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
.date_box b{
	font-size: 25px;
    text-align: center;
    display: block;
    padding: 10px;
}
.bt_box{
	float: right;
    width: 520px;
}
.bt_box span{
	display: block;
    font-size: 14px;
    margin-bottom: 1%;
}
.bt_box span a{
	float: right;
    font-size: 12px;
}
.t1{
	width: 30px;
    height: 4px;
    background-color: #EF0A04;
    margin-bottom: 1%;
}
.tec_xw{
	float: right;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ddd;
}
.xw_box{
	float: right;
}
.xw_box ul{
	margin-top: 20px;
}
.xw_box ul li{
	padding: 8px 0;
    width: 604px;
    border-bottom: 1px dashed #ddd;
    background: url(../images/yd.png) no-repeat 0px;
    padding-left: 10px;
}
.xw_box ul li span{
	float: right;
}
.xw_box ul li:last-child{
	border:none;
}
.u-a:hover{
   
    margin-left: 10px;-ms-transition: all 1.5s ease 0s;-moz-transition: all 1.5s ease 0s; /* Firefox 4 */-webkit-transition: all 1.5s ease 0s;/* Safari 和 Chrome */-o-transition: all 1.5s ease 0s;transition: all 1.5s ease 0s;
}
/*end*/
/*hot start*/
.hot_box{
	width: 1000px;
	margin:0 auto;
	text-align: center;
	height: 641px;
}
.l_hot{
	    float: left;
    width: 180px;
    height: 180px;
    background: #EF0A04;
    overflow: hidden;
}
.l_hot img{
	margin-top: 11px;
}
.r_hot{
	float: left;
    height: 180px;
    width: 320px;
}
.r_hot h2{
    text-align: left;
    padding-left: 9px;
    font-size: 14px;
    font-weight: 800;
    color: #EF0A04;
    margin: 10px 0;
}
.r_hot p{
	text-align: left;
    margin-left: 10px;
    padding-right: 30px;
}
.hot_pro_box{
	float: left;
	height: 200px;
}
footer{
	height: 85px;
	background-color: #ddd;
	float:left;
	width: 100%;
	margin-top:20px;
}
.f_box{
	width: 1000px;
	margin:0 auto;
}
.l_logo_bot{
	float: left;
}
.r_zi{width:550px;overflow:hidden;}
.r_zi p{
	float: left;
	margin-left: 10%;
}
.r_zi p:first-child{
	padding-top: 17px;
}
/*end*/
/*nei start*/

.n_x{
	width: 100%;
	height: 3px;
	background-color: #d60000;
}
.n_bot{
	width: 1000px;
	margin: 0 auto;
}
.l_nav{
	width: 19%;
	margin-top: 20px;
	float: left;
}
.l_nav h1{
	line-height: 40px;
    font-size: 16px;
    text-align: center;
    background: #d60000;
    color: #fff;
    -moz-box-shadow:3px 5px 10px #333333; 
    -webkit-box-shadow:3px 5px 10px #333333; 
    box-shadow: 0px 1px 5px rgb(85, 85, 85);
}
.l_nav ul{
	margin-top: 20px;
    box-shadow: 0 1px 5px #CCCCCC;
    margin-bottom: 20px;
    
	
}

.l_nav ul li a{

	display: block;
	
	line-height: 30px;
    width:180px;
    padding-left: 10px;
    background-color: #eee; 
   	box-shadow: inset 0 2px 0 rgba( 255, 255, 250, 0.6), 
    inset 0 -2px 0 rgba( 0, 0, 0, 0.1);
}

.r_con{
	float: right;
    width: 78%;
    margin-top: 20px;	    
}
.n_top_tit{
	border-bottom: 3px solid #d60000;
	padding-left: 10px;
}
.n_bot_con{
	margin-top: 20px;
}
.n_bot_con ul li{
	line-height: 30px;
	border-bottom: 1px dashed #ddd;
	padding-left: 10px;
}
.n_bot_con ul li span{
	float: right;
}
.n_pro_u li a{
    width: 230px;
    height: 230px;
    
    display: table-cell;
    vertical-align: middle;
}
/*end*/
/*fenye start*/
.fanye{
	text-align: center;
}
/*end*/
/*res*/
.r_res{
	width: 80%;
    margin: 20px auto;
    border: 3px solid #f6f6f6;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
}
.n_res_tit{
	border-bottom: 3px solid #e6e4e3;
    padding-left: 10px;
    text-align: right;
    line-height: 30px;
}
.n_pro_res{
	min-height:600px;
}
/*left*/

.menu ul li {
	display:block;
	width:190px;
	padding-top:2px;
	margin-bottom:5px;
	background: url(../images/zakladka.png) top left no-repeat;
	list-style:none;
	overflow:visible;
}
.menu ul li a {
	display:block;
	height:34px; width:145px;
	margin-top:0px;
	padding-top:10px;
	padding-left:35px;
	font-size:14px;
	color:#82846f;
	outline:none;
}
.menu ul li .active {
	background:url(../images/on.png) top right no-repeat;
}

.menu ul li .inactive {
	background:url(../images/off.png) top right no-repeat;
}
.menu ul li ul {
	display:none; 
	margin-top:-4px;
	margin-bottom:20px;   
}
.menu ul li ul li ul {
	margin-bottom:5px;
}
.menu ul li ul li {
	display:block;
	background:none;
	font-size:12px;
	list-style:circle;
	color:#8f9d4c;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:1px;
	margin-left:35px;
}
.menu ul li ul li a {
	background:none;
	font-size:12px;
	height:15px;
	color:#C3030C;
	padding-left:0px; 
}

/* CONTENT */ 
#content {
	width:190px;
	padding:10px;
	border:solid 1px #dfdfdf;
	background:#ffffff;
	font-size:11px;
	margin:0 auto;
	overflow:hidden;
	float: left;
	margin-top: 42px;
}
#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px; 
	color:#535353;
}
#content img {
	padding:5px;
	background:#f7f7f7;
	border:solid 1px #464646;
	margin:2px
}
#content h3{
	    font-size: 16px;
    line-height: 40px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    margin-bottom: 20px;
    color: #C3030C;
}
/*end*/