@charset "utf-8";
/* CSS Document */
body{ margin:0;padding:0; background:#fff;max-width:640px;}
body{ margin:0 auto;}
div,p,ul,li,h1,h2,h3,h4,h5,h6,span{ margin:0; padding:0; }
ul,li{ list-style:none}
a{ text-decoration:none}
a:hover{ text-decoration:none}
a img{ border:0;}
 
.tel{ margin:0 auto; margin-top:1%; text-align:center; width:98%;}
.i_content{ max-width:640px; margin:0 auto; width:98%;}
.i_inner{ float:left; margin:2% 2% 0.5% 1%; width:47%; background:#fff; border-radius:0.6em;box-shadow:0.2em 0.2em 0.2em #bbb;}
.i_inner_link{ float:left;  width:100%;}
.i_inner_link img{  border: 0 none;
    border-radius:0.6em 0.6em 0 0;
   
    width: 100%;}
	
.logo{ width:100%;}
.logo a img{ width:100%; float:left;}

.nav{
    background: -moz-linear-gradient(#2667C3,#0E448A);
    background: -webkit-gradient(linear,center top,center bottom,from(#2667C3),to(#0E448A));
    background: -webkit-linear-gradient(#2667C3,#0E448A);
    background: -o-linear-gradient(#2667C3,#0E448A);
    background: -ms-linear-gradient(#2667C3,#0E448A);
    background: linear-gradient(#2667C3,#0E448A);s
	widtH:100%;
	border-bottom:1px #2667C3 solid;
	height:2em;
}
.menutitle {
    color:#000000;
    overflow: hidden;
    padding:0.4em;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:1.2em;

}

.nav li{ float:left; width:25%; height:100%; line-height:2em;text-align:center; background-image:url(../images/nav_li.gif); background-size:1px 2em; background-repeat:repeat-y; background-position:right;}
.nav li:nth-child(4){ background:none;}
.nav li a{ color:#fff; font-size:0.8em; font-weight:bold; text-decoration:none;}
.nav li a:hover{ color:#fff;text-decoration:none;}

.tag{ height:2em; line-height:2em; margin:0 auto;}
.tag h1{ margin: 0 1em; font-size:1em; color:#333; font-family:Tahoma, "微软雅黑", Arial;}

ul.news_list{ width:96%; margin:0 auto}
.news_list li{ border-top:1px solid #fff;background: -moz-linear-gradient(#c0cdd3,#e1ebf4);
    background: -webkit-gradient(linear,center top,center bottom,from(#c0cdd3),to(#e1ebf4));
    background: -webkit-linear-gradient(#c0cdd3,#e1ebf4);
    background: -o-linear-gradient(#c0cdd3,#e1ebf4);
    background: -ms-linear-gradient(#c0cdd3,#e1ebf4);
    background: linear-gradient(#c0cdd3,#e1ebf4);
	width:100%;
	float:left; margin:2% 0 0 0;}
.news_list_img{ float:left; width:15%; margin:1% 0 0 1%;}
.news_title{ float:left; width:60%;margin:1% 0 0 1%;}
 
.news_arr{ float:right; width:6%;margin:4% 2% 0 0;}

ul.product_list{ width:100%; margin:0 auto}
ul.product_list li span{ text-decoration:none}
ul.product_list li h2{ text-decoration:none}
.product_list li{   background:#fff; width:100%; float:left;   
   
     float:left; margin:2% 0 0 0; border-bottom:1px solid #cecdcd;}
.product_list_img{ float:left; width:15%; margin:1% 0 1% 1%; }
.product_list_img img{border:1px solid #CCC; width:100%;}
.product_title{ float:left; width:70%;margin:1% 0 0 2%;}
.product_title h2{ font-size:0.8em; color:#333;} 
.product_title span{ font-size:0.7em; color:#666}
.product_content{  max-width:640px; font-size:1em; line-height:180%; padding:0 3%}
.product_content img,.product_content table td img{text-align:center; width:100%}
.product_content table{ width:99%; margin:0 auto}
.product_arr{ float:right; width:6%;margin:4% 2% 0 0;}
.clearfix{ font-size:0; height:0; clear:both; overflow:hidden;}

.mess{background:linear-gradient(#c7c7c7, #ffffff) repeat scroll 0 0 #07b7eb;background: -webkit-gradient(linear,0 0,0 100%,from(#c7c7c7),to(#ffffff)); border:1px solid #ccc; margin:0.2em 0em;height:2em; width:95%; }
.mess_v{border:1px solid #ccc; margin:0.2em 0em; width:8em }
.ui-grid-a{ border:0px;margin:0;}
.ui-block-a{ float:left;}
.mess_button{background-color: #179F00;
    background-image: -moz-linear-gradient(center bottom , #179F00 0%, #5DD300 100%);
    border: 1px solid #0B8E00;
    border-radius: 5px;
    box-shadow: 0 1px 0 #94E700 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);}
	.footer{ line-height:2em; font-size:2em; height:2em; width:100%; clear: both}
.top_logo{ width:100%; margin:0; padding:0; font-size:0; clear:both; overflow:hidden;}
.top_logo img{ width:100%;  overflow:hidden; margin:0; }
	
/*-------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
}
/****--------留言样式----**/
.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;}
/*----------------------通用底部样式----------------------*/

#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 rgba(0, 0, 0, 0.45), 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;
}
/********************===================arrow箭头=================*******************/

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

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

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

.icon-arrow-left:before {
	content: "\e603";
}
.icon-arrow-down:before {
	content: "\e602";
}
.icon-arrow-up:before {
	content: "\e604";
}
.icon-arrow-right:before {
	content: "\e600";
}
.icon-arrow-left2:before {
	content: "\e606";
}
.icon-arrow-down2:before {
	content: "\e607";
}
.icon-arrow-up2:before {
	content: "\e608";
}
.icon-arrow-right2:before {
	content: "\e609";
}
.icon-arrow-left3:before {
	content: "\e60a";
}
.icon-arrow-down3:before {
	content: "\e60b";
}
.icon-arrow-up3:before {
	content: "\e60c";
}
.icon-arrow-right3:before {
	content: "\e60d";
}
.icon-arrow-left4:before {
	content: "\e60e";
}
.icon-arrow-down4:before {
	content: "\e60f";
}
.icon-arrow-up4:before {
	content: "\e610";
}
.icon-arrow-right4:before {
	content: "\e611";
}
.icon-arrow-left5:before {
	content: "\e612";
}
.icon-arrow-down5:before {
	content: "\e613";
}
.icon-arrow-up5:before {
	content: "\e614";
}
.icon-uniE601:before {
	content: "\e605";
}