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

body{
	margin:0 auto;
	max-width:100%;
	padding:0px;
	font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif;
	text-decoration: none;
	background-color:#ffffff;
	color:#555555;
}

 
html, div, span, ul, li, img ,dl,dd,dt,h1,h2,h3,h4,h5,h6,p{
	border:none;
	padding:0;
	margin:0;
	font-weight:normal;
}
img {
	max-width: 100%;
	 vertical-align:middle;
}
ul {
	list-style:none;
}
.clear{ clear:both; overflow:hidden; height:0; font-size:0;}
a {text-decoration: none;color:#2554a0}
a img{ border:none;}




/*首页*/

#head{
	/*background:url(../images/top_bg.jpg) repeat-x;*/ width:100%;overflow:auto
	}
#head .logo{ text-align:center; vertical-align:middle;}	
/*#head .quicklink{ float:right; margin:0.5em; width:25%}
#head .quicklink a{float:right;}
#head  a.tel{margin:0em 0.5em 0em 0em}*/

#index_banner{margin:0em; width:100%}

#main{width:100%; margin:0 auto; margin-top:0.2em;}

#main #about{ border:1px solid #bec1c3;}
#main #about p{ padding:0.4em; line-height:1.2em}
#main #pro{
	margin-top:1em;
	 border:1px solid #bec1c3;
	 
}
#main #contact{ border:1px solid #bec1c3;}
#main #contact p{ padding:0.4em; line-height:1.2em}

#main .go{ height:22px; float:right; margin:0.6em 1em 0 0;}

#main .title{ background:linear-gradient(#fff, #b6b6b6) repeat scroll 0 0 #c8c8c8;
	 background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#b6b6b6)); height:3em; line-height:3em;}
#main  h1{
	height:3em;
	line-height:3em;
	color:#040404;
	font-size:1em;
	padding-left:0.6em;
	float:left;
}
#main .circle { 
float:right;
width: 1.2em; 
height: 1.2em; 
-moz-border-radius: 1.2em; 
-webkit-border-radius: 1.2em; 
border-radius: 1.2em;
margin:0.6em 1em 0 0;
background:url("../images/arrow.png") #394546 no-repeat 0.4em 0.4em;
}
#main #pro ul { padding:0 0 10px 0; overflow:auto; zoom:1;}
#main #pro ul li { float:left; width:33%;display:inline; text-align:center; margin-top:2%}
#main #pro ul li a { display:block;color:#555555; font-size:0.7em}
#main #pro ul li img { margin-bottom:3px; border:1px solid #CCC}




/*内页*/

#nav{
	 width:100%;  overflow:auto;}
	 #nav ul{
	 	width:100%; float:left;
		 background:linear-gradient(#444444, #333333) repeat scroll 0 0 #333333;
		background: -webkit-gradient(linear,0 0,0 100%,from(#444444),to(#333333));
		border-top:1px solid #333333;
	 }
#nav ul li.nav_li{
		float:left; width:25%; text-align:center; height:1.5em; line-height:1.5em; padding:0.5em 0; background:url("../images/menu_right_bg.jpg") right repeat-y;
	}
#nav ul li.nav_li:nth-child(4),#nav ul li.nav_li:nth-child(8){ background:none;}
#nav div img{
	vertical-align:middle}	
#nav ul li.nav_li a{
	display:block;  color:#FFF}



#inner_container{ margin-top:0.5em}	
#inner_container #about{ border:1px solid #bec1c3;}
#inner_container #about p{ padding:0.4em; line-height:1.2em}
#inner_container .title{ background:linear-gradient(#fff, #b6b6b6) repeat scroll 0 0 #c8c8c8;
	 background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#b6b6b6)); height:3em; line-height:3em;}
#inner_container  h1{
	height:3em;
	line-height:3em;
	color:#040404;
	font-size:1em;
	padding-left:0.6em;
	float:left;
}

#inner_container .go{  float:right; margin:0em 1em 0 0;}

/*单页面*/
#inner_container .content{
	padding:0.5em
}


/*列表分布*/

#inner_container ul.list li{
	background: linear-gradient(#fffefe, #d5d5d5) ;
	background: -webkit-gradient(linear,0 0,0 100%,from(#fffefe),to(#d5d5d5));
	width:100%;
	float:left;
	}
.list_pic{float:left;margin:1.5%;width:40%}
 .list_title{float:left;width:49%;margin:1.5% 0 0 2%;}	
 .list_pic img{ width:100%;}
 .list_title h3{color:#245aa1;font-size:1em;}
 .list_title p{	color:#555555;font-size:0.7em;padding:0.5% 0 0 0}
 .list_arr{float:right; margin:3% 1% 0 0; width:5%}
 
.list_pic1{float:left;margin:1.5%;width:97%}
 .list_pic1 img{ width:95%;}


.list_news{float:left;margin:1.5%;width:0%}
.list_news_title{float:left;width:90%;margin:1.5% 0 0 2%;}	
.list_news_title h3{color:#245aa1;font-size:0.9em;}
.list_news img{ width:95%;}
.list_news_title p{color:#555555;font-size:0.8em;padding:0.5% 0 0 0}
 

 
#pro ul li a img{ width:90%;}
.product_content img{ width:100%}
.product_content h2{ text-align:center; font-size:1em; }
/*
.feed_back div{ width:100%; margin:0 auto;text-align: left;}
.feed_back div img{ width:20%;margin:0 0 0 1em;}
.feed_back input,textarea{border-radius: 1.2em;margin:0.6em 0;-moz-border-radius: 1.2em; 
-webkit-border-radius: 1.2em; border:0.1em solid #ccc; width:70%;padding:0.6em;}
.feed_back input{ height:1.5em; }
.feed_back  button{border-radius: 1.2em;margin:0.6em 0;-moz-border-radius: 1.2em; 
-webkit-border-radius: 1.2em; border:0.1em solid #ccc; width:30%;padding:0.6em;background:linear-gradient(#0caad7, #0f7d9e) repeat scroll 0 0 #07b7eb;
	background: -webkit-gradient(linear,0 0,0 100%,from(#0caad7),to(#0f7d9e)); text-align:center; color:#fff;}*/
 
 
 
 
 /*-------banner设置焦点按钮的样式可自定义------*/
.slider {
	display:none
}
.slider ul,.slider li{ margin:0; padding:0; list-style:none;}
.slider ul li img{ margin:0;border:0;}
.slider li a img {
	max-width:640px;
}
.focus span {
	width:10px;
	height:10px;
	margin-right:10px;
	border-radius:50%;
	background:#666;
	font-size:0
}
.focus span.current {
	background:#fff
}


/*----------------------通用底部样式----------------------*/

#mess_share {
    display: block;
    margin: 15px 0;
}

#share_1 {
    display: block;
    float: left;
    width: 49%;
}
.button2 {
    background-color: #E8E8E8;
    background-image: linear-gradient(to top, #DBDBDB, #F4F4F4);
    border: 1px solid #ADADAB;
    border-radius: 3px;
    box-shadow: 0 1px 1px #bebebe, 0 1px 1px #EFEFEF inset;
    color: #000000;
    font-size: 16px;
    padding: 8px 0;
    text-align: center;
    text-shadow: 0.5px 0.5px 1px #FFFFFF;
    width: 100%;
}

#mess_share img {
    border: 0 none;
    height: 22px !important;
    vertical-align: top;
    width: 22px !important;
}

#share_2 {
    display: block;
    float: right;
    width: 49%;
}
#mcover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000;
}

#mcover img {
    height: 180px !important;
    position: fixed;
    right: 18px;
    top: 5px;
    width: 260px !important;
    z-index: 20001;
}
.nav_footer{
position:fixed;
bottom:0px;
width:100%;
max-width:640px;
}
.nav_footer .box{ width:100%; background:linear-gradient(#292526, #020202) repeat scroll 0 0 #171717;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#292526), to(#020202));height:3em;}
.nav_footer .box li{ width:25%; text-align:center; float:left;background:url("../images/footer_li_right_bg.gif") right repeat-y;height:3em;}
.nav_footer .box li a{ line-height:3em; color:#fff; }
.nav_footer .box li:nth-child(4){ background:none;}




/*@font-face {
	font-family: 'icomoon';
	src:url("fonts/icomoon.eot--p9eetf");
	src:url("fonts/icomoon.eot-#iefix-p9eetf") format('embedded-opentype'),
		url("fonts/icomoon.woff--p9eetf") format('woff'),
		url("fonts/icomoon.ttf--p9eetf") format('truetype'),
		url("fonts/icomoon.svg--p9eetf#icomoon") format('svg');
	font-weight: normal;
	font-style: normal;
}
*/

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 2;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-play:before {
	content: "\e600";
	color:#040404;
}


.footer{ text-align:center; font-size:0.8em; line-height:1.0em; padding:2.5em 0;}

/*悬浮电话短信*/
.floatLink{background: url(../images/ico/footer_bg.png) repeat-x 0 0;
height:60px;
position:fixed;
bottom:0px;
left: 0px;
width:100%;
z-index: 9999;
}
.floatLink a{
display:block;
background:url(../images/ico/footer_border.png) no-repeat right 0px;
float:left;
width:25%;
height:60px;
color:#FFFFFF;
text-align:center;
}
.floatLink a span{height:50px;display:inline-block;width:100%;padding-top:38px; font-size:12px;}
.floatLink .a1 span{background: url(../images/ico/ico_feedback.png) no-repeat center 13px;}
.floatLink .a2 span{background: url(../images/ico/ico_tel.png) no-repeat center 13px;}
.floatLink .a3 span{background: url(../images/ico/ico_mail.png) no-repeat center 13px;}
.floatLink .a4 span{background: url(../images/ico/ico_map.png) no-repeat center 13px;}
.floatLink .a4{background:none;}