html, body { color:#222; font-family:Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; margin:0; padding: 0; text-decoration: none; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0; padding:0; }

img { border:0; }

ol, ul { list-style: none outside none; margin:0; padding: 0; }

a { color:#000000; text-decoration: none; }

.clr { display:block; clear:both; height:0; overflow:hidden; }

.copyright { padding:8px; text-align:center; font-size:12px; color:#666; background:#fff; margin-top:10px; margin-bottom:40px; padding-top:10px; padding-bottom:15px; }

.copyright a { color:#666; }

h2 { font-size:16px; }











body {background-color:#97d3e3; }

body .mainmenu:after { clear: both; content: " "; display: block; }



body .mainmenu li{ float:left;margin-left: 2.5%;margin-top: 2.5%;width: 46%;  border-radius:5px; overflow:hidden;}

body .mainmenu li a{ display:block;  color:#FFF;   text-align:center }

body .mainmenu li img{ margin: 0 auto;width: 100%;}



body .mainmenu li:nth-child(8n+1) {background:#36A1DB}

body .mainmenu li:nth-child(8n+2) {background:#678ce1}

body .mainmenu li:nth-child(8n+3) {background:#8c67df}

body .mainmenu li:nth-child(8n+4) {background:#84d018}

body .mainmenu li:nth-child(8n+5) {background:#14c760}

body .mainmenu li:nth-child(8n+6) {background:#f3b613}

body .mainmenu li:nth-child(8n+7) {background:#00c0dd }

body .mainmenu li:nth-child(8n+8) {background:#fc5366}



#header{width:100%; height:auto; overflow:hidden; position:relative }

#header .dh{ position:absolute; right:10px; top:50%; height:31px; width:30px; margin-top:-15px;}

#header img{width:100%}

.banner img {width: 100%;}

.themeStyle{ background-color:#E83407 !important; }  

.htel{width:160px; height:21px; display:inline-block; position:absolute; left:50%; top:50%; margin-top:-25px; line-height:21px; margin-left:-50px; background:url(../images/tel.png) no-repeat left center; text-indent:22px; font-size:16px; font-style:italic; color:#103665;}

.searchPanel{ background:url(../images/s.png) no-repeat; width:160px; height:25px; display:inline; position:absolute; left:50%; top:50%; margin-top:2px; margin-left:-50px;}

.searchPanel input.searchText{border:none; width:131px; padding-top:5px; background:none;text-indent:11px; float:left; outline:none; }

.searchPanel .search{float:left; width:29px; height:25px;left:141px; background:url(../images/images/s1.png) no-repeat; border:none; cursor:pointer; float:left;}

@media(max-width: 320px){

#header .dh{ position:absolute; right:10px; top:50%; height:31px; width:30px; margin-top:-15px;}

}

.mbox{width:100%; height:auto; overflow:hidden;}

.mbox img{width:100%; float:left;}

#nav {

	float: right;

    margin-top: -15px;

    padding: 0;

    position: relative;

    width: auto;

    z-index: 3;

}



#prev, #next {

	float:left;

	font-weight:bold;

	font-size:14px;

	padding:5px 0;

	width:80px;

	display: none;

}



#next {

	float:right;

	text-align:right;

}



#indicator > li {

	display:block; float:left;

	list-style:none;

	padding:0; margin:0;

}



#indicator {

	display: block;

    margin: 0;

    padding: 0;

    width: auto;

}



#indicator > li {

	text-indent:-9999em;

	width:8px; height:8px;

	-webkit-border-radius:4px;

	-moz-border-radius:4px;

	-o-border-radius:4px;

	border-radius:4px;

	background:#888;

	overflow:hidden;

	margin-right:4px;

}



#indicator > li.active {

	background:#DDDDDD;

}



#indicator > li:last-child {

	margin:0 8px 0 0;

}



/*幻灯片1*/

.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden; margin-top:10px; }

.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }

.focus .hd ul{ 

display:inline-block; height:5px; padding:3px 5px;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;

}

.focus .hd ul li{ display:inline-block; width:8px; height:8px; margin:0 5px; border-radius:8px; vertical-align:top; overflow:hidden; background:#f2f1f1;}

.focus .hd ul .on{ background:#fff;  }

.focus .bd{ position:relative; z-index:0; }

.focus .bd li img{ width:100%;  height:auto; background:url() center center no-repeat;  }

.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }



.footmenu{width:100%;  height:auto; overflow:hidden; position:relative;}

em{ font-style:normal; padding:0px; margin:0px;}     

.nav{ position:absolute; left:0%; bottom:0px; z-index: 500; width: 100%; clear:both;position: fixed; 

_position:absolute; background:#64a2df;}

.nav em{ float:left; list-style:none; width:25%; height:30px; padding-top:6px; padding-bottom:10px;color:#fff;text-align:center;}

.nav a{ display:block; line-height:20px; padding-top:20px; color:#fff;font-size:12px;}

.nav span{padding:0px; margin:0px;}

a.wbic0{ background:url(../images/i01.png) no-repeat top center; background-size:19px 19px;}

a.wbic1{ background:url(../images/i1.png) no-repeat top center; background-size:29px 15px;}

a.wbic2{ background:url(../images/i02.png) no-repeat top center; background-size:23px 20px;}

a.wbic3{ background:url(../images/i3.png) no-repeat top center; background-size:18px 19px;}

a.wbic4{ background:url(../images/i4.png) no-repeat top center; background-size:19px 19px;}

a.wbic5{ background:url(../images/i5.png) no-repeat top center; background-size:24px 16px;}

#position a{ font-size:12px;}





.wbody{width:100%;   height:auto; overflow:hidden; margin:0 auto;}

.conbox{width:100%;   height:auto; overflow:hidden; margin:0 auto;}

.conbox img{width:100%;}



.header-nav{width:100%; height:auto; overflow:hidden; position:relative; background:#0052a4;}

.header-nav li { float:left; width:25%;text-align: center;display: inline-block;}

.header-nav a {display: block;text-align:center; line-height:35px; color:#fff; font-size:14px;}

.header-nav li span{height:35px;line-height:35px;padding:0 2px;display:block;text-align:center;border-right:1px solid rgba(163,163,163,0.3);border-bottom:1px solid rgba(163,163,163,0.3);overflow:hidden;word-wrap:break-word;word-break:break-all;}

.htop{width:100%;height:auto; overflow:hidden;position:relative;border-bottom:1px solid #bbb; background:#99d4e4; padding-bottom:0px; padding-top:3px;}

.htop img{width:100%;}



.content{width:100%; height:auto; overflow:hidden;font-family:'微软雅黑'; background:#fff;}

.z3g-pageTitle .name{ clear:both; color:#df1f27; }

.z3g-pageTitle .name em{color:#5399ac;display:inline-block; list-style:none; font-style:normal;}

.z3g-pageTitle{height:35px;line-height:35px;padding-left:10px; padding-top:5px;border-bottom:1px solid rgba(163,163,163,0.5);background:#b6ebf9;}

.z3g-pageTitle .name{max-width:250px;height:29px;line-height:30px;float:left;overflow:hidden;word-wrap:break-word;word-break:break-all;}

.z3g-pageTitle .textSizeBtn{position:relative;}

sup{ padding-top:5px;}

.z3g-pageTitle .titleBar,.z3g-pageTitle .textSizeBtn{height:23px;line-height:23px;padding:0 10px;margin:2px 2px 0 0;text-align:left;float:right;vertical-align:top;border:1px solid rgba(163,163,163,0.5);-webkit-border-radius:3px;border-radius:3px;}

.z3g-pageTitle .titleBar.touch,.z3g-pageTitle .textSizeBtn.touch{background-color:rgba(163,163,163,0.2);}

.z3g-pageTitle em{font-size:13px;font-weight:normal;display:inline-block;vertical-align:top;margin:1px 0 0 0;}

.z3g-pageTitle .title{max-width:70px;height:23px;overflow:hidden;word-wrap:break-word;word-break:break-all;}

.z3g-pageTitle .textSizeBtn sup{height:12px;line-height:12px!important;}

.z3g-pageTitle .titleBar .icon{width:0;height:0;margin:8px 0 0 3px;border-top:4px solid transparent;border-bottom:4px solid transparent;}

.z3g-pageTitle .number{max-width:30px;height:20px;line-height:20px;padding:0 5px;margin-left:5px;display:inline-block;background-color:rgba(163,163,163,0.5);color:#fff;-webkit-border-radius:5px;border-top-radius:5px;}

.z3g-pageTitle .markWrap{height:16px;line-height:16px;margin:6px 10px 0 0;text-align:left;vertical-align:middle;float:right;}

.z3g-pageTitle .markWrap img{max-width:32px;max-height:16px;vertical-align:middle;}

.otherContList{overflow:hidden;margin:5px 0 0 0;}

.otherContList li{padding:0 10px;height:36px;line-height:36px;margin-bottom:5px;}

.otherContList span{width:33%;height:36px;float:left; margin-right:5px;}

.otherContList em{height:36px;display:block;overflow:hidden;color:#fff;word-wrap:break-word;word-break:break-all;padding:0 5px;border:1px solid rgba(0,0,0,0.2);}

.otherContList a{ background:#004b8e; color:#fff; width:100%; display:block; text-indent:5px;}





.z3g-textSize{width:48px;position:absolute;z-index:1;left:50%;margin-left:-24px;display:none;}

.z3g-textSize .contArrow{height:10px;overflow:hidden;position:relative;margin-bottom:-2px;}

.z3g-textSize .contArrow em,.z3g-textSize .contArrow i{width:0;height:0;font-size:0;position:absolute;left:50%;top:2px;margin-left:-7px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom-width:8px;border-bottom-style:solid;}

.z3g-textSize .contArrow em{top:-1px;margin-top:1px;border-bottom:8px solid rgba(163,163,163,0.5)!important;}

.z3g-textSize .cont{width:46px;border:1px solid rgba(163,163,163,0.5);-webkit-border-radius:5px;border-radius:5px;}

.z3g-textSize .cont li{height:30px;line-height:30px;text-align:center;}

.z3g-textSize .cont li:nth-child(1){font-size:12px;}

.z3g-textSize .cont li:nth-child(2){font-size:14px;}

.z3g-textSize .cont li:nth-child(3){font-size:18px;}

.z3g-textSize .cont li.touch,.z3g-textSize .cont li.current{background-color:rgba(163,163,163,0.5);}

.z3g-textSize .contArrow em,

.z3g-textSize .contArrow i,

.borderTitle li.current::after{

	border-bottom-color:#f6f6f6;

}

#divContent_describe{padding:10px;}

.htmledit{line-height:1.8;font-variant:normal;font-stretch:normal;text-transform:none;text-indent:0;text-align:justify;vertical-align:baseline;letter-spacing:normal;word-spacing:normal;letter-spacing:normal;word-spacing:normal;white-space:normal;word-break:normal;word-wrap:break-word;background:transparent none repeat scroll 0 0;float:none;width:auto;height:auto;clear:none;z-index:auto;text-justify:auto;overflow:hidden;visibility:inherit;margin:auto;}

.htmledit u{text-decoration:none;}

.htmledit img{margin:5px 0 5px 0;max-width:100%!important;height:auto!important;vertical-align:middle; padding:2px; border:1px #ddd solid;}

.htmledit ul,.htmledit ol{background:transparent none repeat scroll 0 0;width:auto;display:block;height:auto;float:none;padding-left:25px;}

.htmledit ul{list-style:disc;}

.htmledit ol{list-style:decimal;}

.htmledit li{background:transparent none repeat scroll 0 0;width:auto;float:none;height:auto;text-align:left;line-height:1.8;}

.htmledit p{line-height:1.8;}

.htmledit h3{font-size:16px!important;font-weight:bold!important;line-height:40px!important;height:auto!important;padding:0!important;margin:0!important;border:none!important; padding-top:5px; padding-bottom:5px; color:#F00;}

.htmledit h1{font-size:18px!important;font-weight:bold!important;line-height:30px!important;height:auto!important;padding:0!important;margin:0!important;border:none!important; text-align:center; padding-top:10px; padding-bottom:10px;}

.htmledit .zzp-tel{display:block;color:#fff;width:225px;height:30px;line-height:30px;font-size:18px;clear:both;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;text-align:left;-webkit-border-radius:5px;border-top-radius:5px;background:-webkit-gradient(linear,0 0,0 100%,from(#88cf32),to(#669c26));}

.htmledit .zzp-tel:before{width:30px;height:30px;content:"";display:inline-block;margin:0 0 0 10px;vertical-align:middle;background:url(../images/common.png) no-repeat -275px 2px;background-size:400px;}

.htmledit .zzp-tel.touch{background:-webkit-gradient(linear,0 0,0 100%,from(#669c26),to(#88cf32));}

.line{width:100%; height:10px;; overflow:hidden;background:#f6f6f6; clear:both; }





.NewsListCom { background:#fff;}

.NewsListCom li{background-repeat:no-repeat;background-position:100% 50%;border-bottom:1px solid rgba(163,163,163,0.5);position:relative;background:url(../images/dn.jpg) no-repeat left center #fff; height:30px; line-height:30px; overflow:hidden; padding-top:5px; padding-bottom:5px; text-overflow:ellipsis; width:98%; margin:0 auto;}

.NewsListCom li a{padding-left:5px;height:30px; line-height:30px; overflow:hidden; display:block; color:#000; text-indent:10px; text-overflow:ellipsis;}

.NewsListCom li::after{width:7px;height:7px;content:"";display:inline-block;-webkit-transform:rotate(45deg);border-width:1px;border-style:solid;border-left:none;border-bottom:none;position:absolute;right:10px;top:50%;margin-top:-5px;}

.NewsListCom .imgWrap{margin:0 auto;background-color:rgba(163,163,163,0.2);background-image:url(../m_images/loading.gif) no-repeat 50% 50%;background-size:20px;}

.NewsListCom .newsTitle{color:#000;vertical-align:middle;display:-webkit-box;display:box;-webkit-box-orient:horizontal;box-orient:horizontal;-webkit-box-align:center;box-align:center;overflow:hidden;}

.NewsListCom .newsTitle img{max-width:32px;max-height:16px;margin-left:2px;}

.NewsListCom strong{line-height:15px;font-size:15px;}

.NewsListCom .name{line-height:16px;font-size:15px;display:block;overflow:hidden;word-wrap:break-word;word-break:break-all;-webkit-box-flex:1;box-flex:1;}

.NewsListCom .time{line-height:18px;color:#b9b9c8;font-size:12px;}

.NewsListCom .cont{max-height:45px;margin:3px 0 0 0;display:-webkit-box;display:box;-webkit-box-orient:vertical;-webkit-line-clamp:3;word-wrap:break-word;word-break:break-all;overflow:hidden;color:#b9b9c8;font-size:12px;}

.NewsListCom .titleCoverStyle li,.NewsListCom.titleCoverStyle li{position:relative;min-height:auto;}

.NewsListCom .titleCoverStyle p,.NewsListCom.titleCoverStyle p{display:none;}

.NewsListCom .titleCoverStyle .newsTitle,.NewsListCom.titleCoverStyle .newsTitle{height:24px;line-height:24px;overflow:hidden;background-color:rgba(0,0,0,0.5);position:absolute;bottom:3px;left:50%;color:#fff;-webkit-box-pack:center;box-pack:center;}

.NewsListCom .titleCoverStyle .newsTitle,.NewsListCom .titleCoverStyle .name,.NewsListCom.titleCoverStyle .newsTitle,.NewsListCom.titleCoverStyle .name{font-size:12px;text-align:center;}

.NewsListCom .titleCoverStyle .newsTitle img,.NewsListCom.titleCoverStyle .newsTitle img{display:none;}

.NewsListCom .titleCoverStyle strong,.NewsListCom.titleCoverStyle strong{font-size:12px;}

.NewsListCom .titleCoverStyle .touch .newsTitle,.NewsListCom.titleCoverStyle .touch .newsTitle{color:#fff!important;}

.moreWrap{text-align:center;padding:20px 0; background:#f6f6f6;}





.productlist{ padding-top:5px;}

.single_item{width:44%; height:auto; overflow:hidden; margin-left:3%; margin-right:3%;float:left; text-align:center; margin-bottom:5px; padding-top:5px;}

.productlist img{width:80%; /*height:auto; */ height:150px;max-width:80%; max-height:150px; -moz-box-shadow: 3px 3px 4px #ddd;}

.prod_list_name{ margin-top:0px; line-height:35px; height:35px; overflow:hidden; background:#F00; color:#fff;}

.prod_list_name a{ color:#fff;}

.lipic{border-right:4px #d3d2d2 solid;border-top:2px #d3d2d2 solid;border-left:1px #d3d2d2 solid;padding:1px; height:auto;box-shadow:2px 2px 4px 3px #eee;}



.tabledata{

	width:100%;

	background:#fff;

	padding:0px;

	border-right:1px solid #C1D6E6;

	}

.tabledata th{border:1px solid #C1D6E6;

	padding:2px;

	font-size:12px;

	height:35px;

	line-height:35x;

	border-right:0px;

	font-weight:bold;

	}

.tabledata td{

	border:1px solid #C1D6E6;

	padding:2px;

	font-size:12px;

	height:30px;

	line-height:30px;

	border-top:0px;

	border-right:0px;

	}

.tabledata tbody{border:1px solid #C1D6E6;}

.tabledata thead{

	background:#fff url(../images/gra-linear-with-dot.png) repeat-x bottom;

	border-bottom:1px solid #C1D6E6;

	text-align:left;}

	label{ margin-right:7px;}



input, select, textarea{

	border:1px solid #D1D3D3;

	border-top:1px solid #A5A6A6;

	color:#A5A5A5;

	font:12px Arial, Helvetica, sans-serif;

	background:#fff url(../images/input-bg.png) repeat-x top;

	border-radius:3px;

	padding:8px;

	width:30%;

	margin-right:5px;}

.form-line{

	padding-bottom:9px;

	text-align:centerp;

	margin:0 auto;

	}

.st-label{

	display:block;

	font-weight:bold;

	padding-bottom:6px;}

	

	.reset-button{

	font:14px Arial, Helvetica, sans-serif;

	color:#17476C;

	border:1px solid #A3BDD3;

	font-weight:bold;

	text-shadow: 0px -1px #fff;

	padding:8px;

	border-radius:3px;

	background:#fff url(../img/reset-button.png) repeat-x bottom; width:60px;}

.reset-button:hover{

	border:1px solid #88AAC6;}

.reset-button:active{

	box-shadow: inset 0 0 0.5em #A3BDD3;}