﻿@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baselinebaseline;}
body {background-color:#fff;font-family: Arial, Helvetica, sans-serif;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
.clear { clear:both; }
a { text-decoration: none;}
a:hover { text-decoration: none;}
.imgzz {vertical-align:middle;}


/*

圆角  border-radius:3px;
边框  border:1px solid #ADADAB;
影阴  box-shadow: 0px 0px 2px #c9c9c9;
渐变  background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#e7e7e7));
透明度  opacity:0.5;
背景渐变  background-image: linear-gradient(to top, #e7e7e7, #fafafa);
字体阴影效果  text-shadow: 0.5px 0.5px 1px #FFFFFF;

*/

/* 客户留言 */
#feedbackpage{width:100%;font-size:12px;}
#feedbackpage span.red {color:red;}
#feedbackpage .fbspan {color:#444444;line-height:20px;text-align:justify;text-justify:inter-ideograph;text-align:left; padding:0 2%}
#feedbackpage table {margin-top:0;margin-bottom:20px; width:100%}
#feedbackpage table .tableleft {width:19%;text-align:center;line-height:36px; padding-left:2%}
#feedbackpage table .tableleft label {color:#3b3b3b;}
#feedbackpage table .tableright {text-align:left;width:90%; padding:10px 7% 0 10px;}
#feedbackpage table input {width:100%;border:1px solid #ccc;height:24px;padding:0 5px; color:#a4a4a4; font-size:1.1em;}
#feedbackpage table input.jzcode {width:50px; border:1px solid #ccc; height:21px;text-align:center}
#feedbackpage table textarea {width:100%;border:1px solid #ccc;height:130px;overflow:hidden;padding:5px; color:#a4a4a4; font-size:1.1em;}
#feedbackpage #sendfeedback {width:150px;cursor:pointer;margin:10px 0 0 28%;}
.Validform_checktip { margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px;}
.Validform_right { color:#71b83d; padding-left:20px; background:url(images/right.png) no-repeat left center; }
.Validform_wrong { color:red; padding-left:20px; white-space:nowrap; background:url(images/error.png) no-repeat left center; }
.Validform_loading { padding-left:20px; background:url(images/onLoad.gif) no-repeat left center; }
.Validform_error { background-color:#ffe8e9; }
#Validform_msg {color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe { position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title { line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover { color:#cc0; }
#Validform_msg .Validform_info { padding:8px; border:1px solid #000; border-top:none; text-align:left; }
/* 客户留言 */

/* 产品详细 */
.showprod_bigpic{ margin-top:6px;}
.showprod_bigpic img{width:100%;}
.showprod_bigpic p{text-align:center;}
.xxbt{height:35px; background:#2574b7; width:100%; line-height:35px; text-indent:15px; color:#FFFFFF; font-size:80%;}
#showprod .showprod_top_right {float:left;padding:5px 2%;line-height:23px; width:96%;color:#3fabe0; font-size:80%;}
#showprod .showprod_top_right_bt {background:url(images/cpms_js_1.jpg) no-repeat left; text-indent:1.2em; border-bottom:1px dashed #e4e4e4;}
#showprod .showprod_top_right_down{margin:5px 3% 5px 0; border:1px solid #d68613; border-radius:5px;  background-image: linear-gradient(to top, #fde291, #fff); padding:0 2%;}
#showprod .showprod_top_right_down2{margin:5px 28% 5px 0; }
#showprod .showprod_top_right_down a,#showprod .showprod_top_right_down2 a{color:#3fabe0;}
#showprod .showprod_top_right_down2 a{}
#showprod .showprod_top_right ul {}
#showprod .showprod_top_right li {float:left;border-bottom:1px dashed #e4e4e4;}
#showprod .showprod_top_right li.showprod_top_right_l {width:65px;color:#5a5a5a;font-weight: bold;padding-top:6px;padding-left:5px;font-size:12px;color:#3fabe0;}
#showprod .showprod_top_right li.showprod_top_right_r {width:65%;color:#5a5a5a;padding-top:6px;padding-left:0;font-size:12px;color:#3fabe0;}
#showprod .showprod_desc_t {padding:22px 10px 1px 10px;border-bottom:1px solid #3d96d8;font-size:15px;font-weight: bold;margin-bottom:10px;color:#016394}
#showprod .showprod_desc_b {padding:5px 2%;color:#3fabe0;}
#showprod .showprod_desc_b img{width:100%}
#showprod .showprod_desc_b p {line-height:19px;padding-left:5px;color:#3e3e3e;letter-spacing:1px;font-size:80%; color:#3fabe0;}
#showprod .showprod_desc_b table {width:100%;margin:10px 0;border-top:1px solid #c1c1c1;border-left:1px solid #c1c1c1;color:#3e3e3e; table-layout:fixed;}
#showprod .showprod_desc_b table td {border-right:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;line-height: 28px;text-align:center; font-size:10%; overflow:hidden;}
#showprod .showprod_otherprod ul li {float:left;margin:0 6px;*margin:0 6px;_margin:0 4px;}
#showprod .showprod_otherprod ul li a.o1 {display:block;padding:1px;border:1px solid #b4b4b4;}
#showprod .showprod_otherprod ul li a.o1:hover {border:1px solid #3d96d8;}
#showprod .showprod_otherprod .otherprodpic {width:150px;height:115px;}
#showprod .showprod_otherprod ul li p {height:24px;width:154px;overflow:hidden;line-height:24px;text-align:center;color:#3e3e3e;}
#showprod .showprod_keyword {padding:5px 10px;border:1px solid #e7e7e7;margin:10px 0;color:#3e3e3e;}
#showprod .showprod_keyword div.showprod_keyword_1 {line-height:34px;padding-left:5px;}
#showprod .showprod_keyword div img {vertical-align:middle;}
/* 产品详细 */

/* 新闻中心 */
#newslist ul {padding-bottom:20px;}
#newslist ul li {border-bottom:1px dashed #CCCCCC;line-height:36px;*line-height:36px;_line-height:30px;padding:0 5px;height:36px}
#newslist ul li span {display:block;}
#newslist ul li .newslist_title {float:left}
#newslist ul li .newslist_date {float:right}
#shownews {padding:10px 0 0 0}
#shownews h1 {text-align:center;font-size:1.2em;padding:10px 0;color:#9b8d67}
#shownews .shownews_date {text-align:center;padding:0px 0 10px 0;}
#shownews .shownews_date span {padding:4px 10px;color:#ccc; font-size:80%;}
#shownews .shownews_body {padding:10px 5%;border-top:1px solid #eeeeee;text-align:justify;text-justify:inter-ideograph; font-size:80%; color:#3fabe0;}
#shownews .shownews_body p {text-indent:24px;line-height:24px;color:#555;}
#shownews .shownews_foot {padding:15px 0 0 0;text-align:right;}
#shownews .shownews_foot span {margin:0 5px;}
#shownews .shownews_foot span a {padding:3px 10px;border:1px solid #eeeeee; }
#shownews .shownews_foot span a:hover {background-color:#e7e7e7;color:#329dd8;border:1px solid #329dd8;}
#shownews .othernews {padding-bottom:5px;border-bottom:1px solid #eeeeee;padding-left:5px;font-weight:bold;color:#5f5f5f}
#shownews .othernews span {font-size:11px;color:#8f8f8f;padding-left:5px;}
#shownews .othernewsli li {height:28px;line-height:28px;text-indent:10px;}
.backbtn{background: -webkit-linear-gradient(top,#bbcbe5,#fff 50%,#bbcbe5); border:1px solid #e6e2e2; border-left:none; width:47%; display:block; float:left; height:45px; text-align:right; padding:7px 2% 0 0;font-size:12px; color:#3fabe0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nextbtn{background: -webkit-linear-gradient(top,#bbcbe5,#fff 50%,#bbcbe5); width:47%; display:block; margin-left:1%; float:right; height:45px;padding:7px 0 0 2%; text-align:left;font-size:12px; color:#3fabe0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

/* 产品搜索框 */
#ssbutton {border: 0 none;width: 25%;margin-left:5px; height:24px; float:left;}
#textfield {border: 0 none;color: #808080; line-height: 22px; height:22px;width: 70%;text-indent:10px; float:left;}
/* 产品搜索框 */

/* 字体 */
@font-face {
font-family: 'emotion';
src: url('emotion.eot'); /* IE9*/
src: url('emotion.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	 url('emotion.woff') format('woff'), /* chrome、firefox */
	 url('Humnst777 BT.ttf')  format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
	 url('emotion.svg#svgFontName') format('svg'); /*  iOS 4.1- */
}
/* 字体 */


.f_l{float:left;}
.f_r{float:right;}

#wrapper{max-width:720px; margin:0 auto; overflow:hidden;padding-bottom:40px}
#top{width:100%; background:url(images/banner.jpg) no-repeat center top; background-size:100%; overflow:hidden;}

.logo{background:url(images/logo.jpg) no-repeat center; background-size:100% 40px; height:40px;}
.logo a:nth-of-type(1){display:block; width:85%; height:100%; float:left;}
.logo a:nth-of-type(2){display:block; width:15%; height:100%; float:right;}

#main{margin-top:-5px;}

.ss{width:7.22222222222%;margin:15px 8.2% 0 0;}
.ss_box{position:absolute; width:96%; left:2%; display:none; z-index:9999;}
@media screen and (max-width:320px){
	.ss_box{top:72px;}
}
@media screen and (min-width:321px) and (max-width:720px){
	.ss_box{top:90px;}
}
.ss img{width:100%;}

.nav{ background:url(images/nav_bj.jpg) repeat-x top; background-size: 1px 32px;}
.nav ul li{float:left; margin:0 2.2%; height:32px;}
@media screen and (min-width:361px) and (max-width:400px){
	.nav ul li{float:left; margin:0 6.6%; height:32px;}
}
@media screen and (min-width:401px) and (max-width:720px){
	.nav ul li{float:left; margin:0 5.6%; height:32px;}
}
.nav ul li a{display:block; color:#fff; line-height:32px; font-size:70%;}


.bt{height:19px; background:url(images/bt_bj.jpg) repeat-x top; background-size:1px 22px; padding:3px 0 0 6%;}
.bt span{line-height:16px; display:block; text-indent:0.8em; font-size:80%; background:url(images/arrow.jpg) no-repeat left;}

.sylist{margin:0 0 10px;}
.sylist>ul>li {background:url(images/bt_bj.jpg) repeat-x top; background-size:1px 22px;}
.sylist>ul>li>a{line-height:23px; display:block; text-indent:0.8em; margin-left:6%; font-size:80%; background:url(images/arrow.jpg) no-repeat left; color:#000;}

.sy_ab{padding:10px 3.2%;}
.sy_ab p{text-indent:2em;  font-size:80%; color:#3fabe0; text-align:justify;text-justify:inter-ideograph; line-height:1.4em; letter-spacing:0.2em;}

.sybt{font-family:"emotion" Humnst777 Blk BT; color:#51b4e5; padding:0 0 10px 4%;}

#MarqueeDiv1{width:94%; margin:0 auto 5px;}
#ulid1 li{margin-right:5px; border:1px solid #d6d4d4;}

#footer{ position:fixed; bottom:33px; background:url(images/f_bj.png) repeat-x;}
#footer ul li{width:16.6666666666666666666666666666666666666666666666666666666666666666666666666666666666666667%; float:left;}
#footer ul li:last-child{width:17%;}
#footer ul li a{display:block;}
#footer ul li a img{width:100%;}

.cplist{margin-bottom:10px;}
.cplist>ul>li{background:url(images/list_bj.jpg) repeat-x top; background-size:1px 34px;}
.cplist>ul>li>a{line-height:34px; display:block; text-indent:1.2em; font-size:80%; background:url(images/arrow2.png) no-repeat left; color:#000; margin-left:12px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.list_show a{display:block;}
.list_show a img{width:100%;}

.cp_show{ display:none;width:100%; padding:9px 0 9px 3px; background:-webkit-gradient(linear,0 0,0 47%,from(#f2f2f3),to(#fff));}
.cp{width:29.3333333333333333333333333%; overflow:hidden; margin:5px 2%;}
.cp a{display:block;}
.cp img{width:100%;}
.cp p{text-align:center; color:#fff; font-size:75%; background:#76c33f; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}

.xw_show{display:none; padding:10px 5%;}
.xw_show p{color:#028ed5}

.ab_cont{padding:16px 5% 10px; overflow:hidden; background:-webkit-gradient(linear,0 0,0 17%,from(#d0d3d3),to(#fff));}
.ab_cont p{color:#151515; font-size:80%; line-height:1.4em; margin-bottom:0.7em; text-align:justify;text-justify:inter-ideograph; text-indent:2em;}
.ab_pic{width:100%; margin:10px auto 0;}
.ab_pic img{width:100%;}

.bdsharebuttonbox{width:75%; padding:5px 0 0 5%; height:95px; position:absolute; left:100%; display:none; bottom:100px; border-radius:7px; box-shadow: 0px 0px 12px #c9c9c9; border:1px solid #ADADAB; background-color:#fff; z-index:99999;}
.close{color:#FFFFFF; background-color:#000; border-radius:50px; width:20px; height:20px; text-align:center; font-size:1.2em; margin:-13px -10px 0 0;}


.contact { padding:5%; color:#028ed5; background:-webkit-gradient(linear,0 0,0 17%,from(#d0d3d3),to(#fff));}
.contact p{line-height:2em;}
.contact p a{color:#028ed5;}
.contact font{color:#ff5000;}


.searchprod{ padding:9px 0 9px 4px;}

.contact p{font-size:80%; text-align:justify;text-justify:inter-ideograph;}

.online_info{width:100%;}
.online_info a{display:block; float:left; width:48%; margin: 0 auto; text-align:center; color:#333333; border:1px solid #CCCCCC; border-radius:4px; background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#e7e7e7));   text-shadow: 0.5px 0.5px 1px #FFFFFF;}
.online_info a:first-child{margin-right:2%}

.pic img{width:100%;}