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

/*all*/
body {font-size: 14px;color:#000; margin:0;font-family: Arial,Helvetica,sans-serif; background:#fff;}

table,div, form, p, img, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6{ margin:0; padding:0; }
div {text-align:left; }
a {text-decoration:none;}
a:hover {text-decoration:none;}
img {border:0;}
ul {list-style:none; }
.clear {clear: both; height: 0px;overflow: hidden;}
.more{ float:right;}
.more a,.more a:hover{ color:#f00; text-decoration:none;}
table{border-collapse: collapse;text-align: left;}
/*  *{white-space: nowrap; word-wrap: break-word}  */
a:link, a:visited, a:active
{text-decoration:none;}



	

/*header*/
.navbar-default{ background:#fff; border:none}
.navbar-default .navbar-nav > li > a.dropdown-toggle{ padding:15px 10px; color:#039}

.chat{ display:none}








/*banner*/
.banner{ overflow:hidden; }






.prode{ width:100%; overflow:hidden; height:auto;}
.prode h2{ display:block; width:100%;  line-height:25px; font-size:18px; color:#039 }
.prode span{ display:block; float:left; width:105px; overflow:hidden; font-weight:900;font-size:12px;line-height:15px; margin:5px 0 }
.prode span p{display:block;  width:auto; overflow:hidden;  color:#333;}
.prode span a{display:block;  width:auto; overflow:hidden; color:#039}
.prode span a:hover{ text-decoration:underline}
.prode span a img{ width:8px;  height:9px; display:inline;float:none; margin-left:5px}
.prode img{ width:45%; float:right; display:block; margin:0}
.line{ width:100%; height:1px; border-bottom:1px solid #039;  margin:4px auto}

/*product*/
.product{overflow:hidden; margin:10px auto; background:#fff}
h3.tts{ display:block; float:none; font-size:18x; line-height:25px; color:#039; width:100%}
ul.prolist{ width:100%; border-top:1px solid #039; overflow:hidden}
ul.prolist li{ width:23%; overflow:hidden; float:left; margin:5px 1%}
ul.prolist li a{ display:block; width:100%; overflow:hidden; margin:10px 0}
ul.prolist li a img{ width:100%; }
ul.prolist li a h4{ width:100%; display:block; line-height:20px; color:#333; text-align:center; font-size:14px; overflow:hidden}
ul.prolist li a b{ width:100%; overflow:hidden; display:block; text-align:center; color:#0002EA; line-height:20px; font-weight:100}
ul.prolist li a h4:hover,ul.prolist li a b:hover{ text-decoration:underline}


/*introduce*/


.intrde{width:100%; border-top:1px solid #039; overflow:hidden; }
.intrde img{ width:100%; float:none; display:block; margin:5px auto}
.intrde p{ width:100%; display:block; margin:5px auto; line-height:20px;}
.intrde a{ display:block; float:right; height:20px; line-height:20px; color:#0002EA}
.intrde a:hover{ text-decoration:underline}

.none{ display:none}
ul.knowledge{width:100%; border-top:1px solid #039; overflow:hidden;}
ul.knowledge li{ width:25%; float:left; overflow:hidden; margin:0}
ul.knowledge li a{ display:block; width:100%; overflow:hidden; margin:10px auto}
ul.knowledge li a img{ display:block; height:49px; margin:0 auto;}
ul.knowledge li a p{ display:block; width:100%; color:#333; font-weight:900; line-height:20px; height:40px; text-align:center; margin:0; font-size:12px;}
ul.knowledge li a:hover p{ text-decoration:underline}
.promid,.prort{ display:none}

/*map*/
.map{ overflow:hidden; margin:10px auto; background:url(../images/line-2.jpg) no-repeat top center; padding:10px 0; display:block}

.ltlist{ width:100%;  overflow:hidden; }
.ltlist h4{ font-size:12px; line-height:20px; height:20px; width:100%; color:#039;margin-top:10px}
.ltlist ul{ width:100%; overflow:hidden}
.ltlist ul li{ width:100%; height:20px;}
.ltlist ul li a{ display:block;width:100%; height:20px; line-height:20px; color:#666;}
.ltlist ul li a:hover{ text-decoration:underline}

.ltlist ul.followus li{ width:17px; height:17px; float:left; margin:5px}


h4.maprt {font-size:12px; line-height:20px; height:20px; width:100%; color:#039;margin-top:10px; text-align:center}
h4.maprt img{ display:block; margin:0 auto}

/*copyright*/
.copyright{ overflow:hidden; margin:0 auto; background:url(../images/line-2.jpg) no-repeat top center; padding:10px 0}
.copyright p{ display:block; float:left; margin:10px 0; font-size:12px; color:#666; height:20px; line-height:20px; width:100%}
ul.menu2{ float:right; height:20px; line-height:20px; margin:10px 0}
ul.menu2 li{ float:right; padding:0 10px; border-left:1px solid #666; text-align:center}
ul.menu2 li a{ color:#666;}
ul.menu2 li a:hover{ text-decoration:underline}




/*site*/
.site{ width:100%; overflow:hidden; height:35px; margin:0 auto; line-height:35px}
.site a{ color:#00F; font-weight:900}
.site a:hover{ text-decoration:underline}


/*left menu*/
.ltmenu{ overflow:hidden; border:2px solid #039; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px; }
.ltmenu ul{ width:95%; overflow:hidden; margin:10px auto;}



.ltmenu ul a{ color:#039;height:20px; line-height:20px}
.ltmenu ul a:hover{ text-decoration:underline}
.ltmenu hr{ width:95%; overflow:hidden; margin:0 auto}

/*right content*/
.rtcontent{ overflow:hidden; margin:0}
img.newspic{ display:block; margin:0}
.article{ width:100%; overflow:hidden; margin:10px auto}
.article h3{ width:100%; height:50px; line-height:50px; font-size:30px; color:#D44702}

.artlt{width:65%; float:left; overflow:hidden; color:#88878D}
.artlt span{ width:100%; display:block; line-height:20px; margin:5px auto}
.artlt p{ width:100%; display:block; line-height:18px;margin:5px auto; font-size:12px}
a.sample{ display:block; width:50%; height:35px; line-height:35px; color:#fff; background:#299EC1; text-align:center}
a.sample:hover{ color:#000}

.artrt{ width:33%; overflow:hidden; float:right; margin:0; background:#EFF1F0}
.artrt h4{ width:95%; overflow:hidden; margin:5px auto; font-size:15px;color:#666}
.artrt img{ width:95%; overflow:hidden; display:block; margin:5px auto}
.artrt p{ display:block; overflow:hidden; width:95%; line-height:25px;color:#D44702; margin:5px auto}
.artrt span{ display:block; overflow:hidden; width:95%; line-height:15px; font-size:10px; margin:5px auto;color:#666}

ul.articlelist{ width:100%; border:1px solid #999}
ul.articlelist li{ width:100%;  border-bottom:1px solid #999;  overflow:hidden}
ul.articlelist li a{ width:95%; margin:5px auto; height:30px; display:block; color:#039; font-size:18px; }
ul.articlelist li a:hover{ text-decoration:underline}
ul.articlelist li p{ width:95%; margin:5px auto; height:20px; color:#666;}


.topline{ width:100%; overflow:hidden; margin:0; border-bottom:2px solid #999; height:30px; line-height:30px}
.topline h3{ display:block; height:30px; line-height:30px; float:left;width:50%; font-size:18px}
.flus{ float:right; width:35%; height:30px; overflow:hidden}
.flus h4{ display:block; height:30px; line-height:30px; float:left; font-size:12px;  color:#039;}
.flus ul{ display:block; float:right; height:30px; margin:0}
.flus ul.followus li{ width:17px; height:17px; float:left; margin:0 6px}


ul.tplist{ width:100%; overflow:hidden; margin:0px auto;}
ul.tplist li{ width:100%; overflow:hidden; margin:10px auto}
h4.tptt1{ display:block; width:100%; overflow:hidden; height:30px; line-height:30px; color:#039; border-bottom:1px solid #CCC}
.tpnr{ width:100%; overflow:hidden}
.tpnr img{ display:block; float:left; width:33%; border:1px solid #ccc; margin:10px 0}
.tprt{ width:63%; float:right; overflow:hidden; margin:5px 0}
.tprt p{ width:100%; overflow:hidden; line-height:20px; font-size:12px; color:#666;}
.tprt ul{ width:100%; overflow:hidden; margin:0}
ul.tplist li .tprt ul li{ width:100%; overflow:hidden; height:25px; line-height:25px; color:#666; margin:0}
ul.tplist li .tprt ul li a{ color:#00F}
ul.tplist li .tprt ul li a:hover{ text-decoration:underline}


.spco{ width:100%; overflow:hidden}
.spco h5{ display:block; height:30px; line-height:30px; font-size:10px;  color:#039; width:100%}
p.introduce2{ width:98%; overflow:hidden; margin:5px auto; line-height:20px;}

.series1,.series2{ width:100%; overflow:hidden; margin:10px auto}
.series1 h3{display:block; height:100px; line-height:100px;  color:#039; float:left; font-size:18px}
.series1 ul{ float:left; overflow:hidden; height:100px;}
.series1 ul li{ width:80px; height:100px; float:left; margin:0 5px;}
.series1 ul li a{ display:block; width:78px; height:98px; overflow:hidden; border:1px solid #e7e7e7; border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;-webkit-border-radius:15px;}
.series1 ul li a:hover{border:1px solid #039;}

.series2 h3{display:block; height:20px; line-height:20px;  color:#039; width:100%; font-size:18px}
.series2 ul{ width:100%; overflow:hidden; margin:5px auto}
.series2 ul li{ width:50%; float:left; margin:10px 0}
.series2 ul li a{ display:block; width:100%; height:84px; overflow:hidden}
.series2 ul li a img{ float:left; display:block; height:84px;}
.series2 ul li a h4{ display:block; float:right; width:70%; margin:0; line-height:20px; color:#039}
.series2 ul li a p{ display:block; float:right; width:70%; margin:5px 0; line-height:18px; color:#666; font-size:12px}





.prointrolt{  overflow:hidden; margin:0;}

.topline2{ width:100%; overflow:hidden; margin:0; border-bottom:2px solid #999; height:30px; line-height:30px}
.topline2 h3{ display:block; height:30px; line-height:30px; width:100%; font-size:16px}
.ltimg{ width:40%; overflow:hidden; float:left; margin:10px 0 0 0; height:auto}
.ltimg ul.imgshow li{ width:100%; }
.ltimg img{ width:100%;}

ul.dot{ width:100%; overflow:hidden; height:11px; margin-top:10px}
ul.dot li{ display:block; float:left; width:11px; height:11px; background:url(../images/dot1.jpg) no-repeat; margin:0 5px 0 0; cursor:pointer}
ul.dot li.on{background:url(../images/dot2.jpg) no-repeat;}

.rtpro{ width:58%; float:right; overflow:hidden; margin:10px 0 0 0}
.parameter{ width:100%; overflow:hidden; }
.parameter li{ width:100%; overflow:hidden; height:20px; line-height:20px;}
.rtpro p{ display:block; width:100%; margin:10px auto; line-height:20px; }
.rtpro a{ display:block; width:60%; margin:0;height:35px; line-height:35px; color:#fff; text-align:center; background:#289FC1}


.prointrort{ overflow:hidden; margin:0; display:block}
.prointrort h3{display:block; height:30px; line-height:30px; width:100%; font-weight:100; font-size:16px}
.prointrort ul{ width:100%; overflow:hidden; margin:0}
.prointrort ul li{ width:100%; overflow:hidden; margin:5px auto}
.prointrort ul li a{ color:#0132A8; display:block; width:100%; overflow:hidden}
.prointrort ul li a:hover p{ text-decoration:underline}
.prointrort ul li img{ display:block; float:left; width:35%; padding:2px; border:1px solid #999}
.prointrort ul li p{ display:block; float:right; width:60%; line-height:20px}

.prodetail{ overflow:hidden; margin:10px auto}
.topline3{ width:100%; border-bottom:1px solid #999; height:30px;}

ul.menu3 li{ width:91px; float:left; margin:3px 10px 0 0; background:url(../images/bg2.jpg) no-repeat; height:27px; text-align:center; color:#fff; line-height:27px; cursor:pointer}
ul.menu3 li.curr{background:url(../images/bg1.jpg) no-repeat; margin:3px 10px -2px 0; height:29px; color:#0132A8; line-height:29px}

.content{ width:100%; overflow:hidden; margin:10px auto}
.content li{ width:96%; overflow:hidden; margin:0 auto}
.content li p{ width:100%; overflow:hidden; line-height:30px; margin:5px 0; display:block}
.content li h3{width:100%; overflow:hidden; line-height:30px; margin:10px 0; font-size:16px; color:#0132A8}
.content li span{ width:96%; overflow:hidden; line-height:20px; margin:0px auto; display:block}



.series3{  overflow:hidden; margin:10px auto}
.series3 h3{display:block; height:100px; line-height:100px;  color:#039; float:left}
.series3 ul{ float:left; overflow:hidden; height:100px;}
.series3 ul li{ width:80px; height:100px; float:left; margin:0 5px;}
.series3 ul li a{ display:block; width:78px; height:98px; overflow:hidden; border:1px solid #e7e7e7; border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px;-webkit-border-radius:15px;}
.series3 ul li a:hover{border:1px solid #039;}



.request{ overflow:hidden; margin:10px auto; border-top:1px solid #666;}
.requesttb{ width:50%; margin:10px auto; overflow:hidden}
.request span{ width:100%; display:block; margin:5px auto; text-align:center}
.requesttb table{ width:100%; color:#9b9b9b; font-weight:900}
.requesttb table td{ width:100%; line-height:25px}
.requesttb table td input{ display:block; width:98%; height:30px; padding:0 5px; border-radius:5px; border:1px solid #9b9b9b; color:#333}
.requesttb table td select{display:block; width:98%; height:30px; border-radius:5px; border:1px solid #9b9b9b;color:#333}

.requesttb table td textarea{display:block; width:98%; border-radius:5px; border:1px solid #9b9b9b; padding:5px;resize: none;color:#333}


.requesttb table td button{ display:block; width:50%;border-radius:5px; background:#005ca7; color:#fff; text-align:center; line-height:30px; margin:5px auto;}
.requesttb table td a{ display:block; width:50%;border-radius:5px; background:#005ca7; color:#fff; text-align:center; line-height:30px; margin:5px auto;}

.none3{ display:block}







@media screen and (min-width:1000px) {
.jz{ width:1000px;  margin:0 auto}
.header{  box-shadow:0px 1px 5px #666; margin:0; width:100%}
.slogen{display:none}

}

@media (min-width: 768px )and (max-width:1000px){
.navbar-form { display:none;}
.prointrort{ display:none}
.requesttb{ width:100%; margin:10px auto; overflow:hidden}
.request span{ width:100%; display:block; margin:5px auto; text-align:center; background:#F0EFF5; line-height:35px}
.flus{ display:none}
.slogen{display:none}
	}
@media screen and (max-width:768px)	{
.newsearch{ display:none}
.bg-grey{ background:#F0EFF5}
.bnrrt{ display:none}	
ul.prolist li{ width:48%; margin:5px 1%;}
ul.prolist li a b{ display:none}
ul.prolist li.actnone{ display:none}	
.intrlt{ display:none}
.bg-line{ border-bottom:1px solid #e7e7e7; }
.allcat{ margin:10px auto; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; background:#fff;  width:100%}
.allcat .col-xs-6{ margin:10px 0}
.nopadding{ padding:0}
.none{ display:block;  width:100%; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; overflow:hidden}
h3.none2{ display:none;}

ul.knowledge{ border:none; width:100%; background:#fff; margin:0px auto}
ul.knowledge li{ width:100%; float:none; height:100px; border-bottom:1px solid #666}
ul.knowledge li a{ display:block; width:100%; overflow:hidden; margin:0px auto; color:#000}
ul.knowledge li a img{ display:block; margin:5px auto }
ul.knowledge li a p{ display:block; width:100%; color:#333; font-weight:900; line-height:20px; height:40px; text-align:center; margin:0; font-size:12px;}
ul.knowledge li a:hover p{ text-decoration:underline}
.prolt,.promid,.prort{ width:33.3%; float:left; display:block}
.prolt,.promid{ border-right:1px solid #e7e7e7}
.promid dt{ border-bottom:1px solid #e7e7e7; height:60px; padding:5px 10px; line-height:20px; font-weight:100}
.promid dd{ height:50px; padding:5px 10px; line-height:20px}
.prort dt{ border-bottom:1px solid #e7e7e7; height:60px; padding:5px 10px; line-height:20px; font-weight:100}
.prort dd{ height:50px; padding:5px 10px; line-height:20px}
.map{ display:none}
.copyright p{ display:block;  margin:10px 0; font-size:12px; color:#666; height:20px; line-height:20px; text-align:center;}
.copyright ul{ display:none}
.chat{ display:block; position:fixed; bottom:0; box-shadow:0 0 10px #333; background:#f8f8f8;  width:100%; margin:0; padding:0}
.button1{ background:#fff; margin:10px auto; display:block; width:95%}
.button1:hover{ background:#fff}
.button2{ background:#f60; margin:10px auto; display:block; color:#fff; width:95%}
.button2:hover{ color:#fff}


.prointrort{ display:none}
.requesttb{ width:100%; margin:10px auto; overflow:hidden}
.request span{ width:100%; display:block; margin:5px auto; text-align:center; background:#F0EFF5; line-height:35px}
.requesttb table td button{ display:block; width:90%;}



.ltimg{ width:100%; overflow:hidden; margin:10px 0 0 0; height:auto}
.rtpro{ width:100%; overflow:hidden; margin:10px 0 0 0}
.none3{ display:none}
.ltmenu{ display:none}
.artlt{ width:100%} 
.artrt{ display:none}
img.newspic{display:none}
a.sample{ display:none;}
.mid{  float:none!important;width:50%; margin:0 auto}
.mid ul.pagination{margin:20px auto;float:none!important;}


.topline{ display:none}
.spco h5,.spco p{ display:none}
.series1{ display:none}
.series2 h3{ display:none}
.series2 ul{ width:100%; overflow:hidden; margin:5px auto}
.series2 ul li{ width:100%;  margin:0; border-bottom:1px solid #ccc; height:35px; background:url(../images/right.jpg) no-repeat center right}
.series2 ul li a{ display:block; width:95%;overflow:hidden; line-height:35px; height:35px; margin:0 auto}
.series2 ul li a img{display: none}
.series2 ul li a h4{ display:block;width:100%; margin:0; color:#333; font-size:15px;line-height:35px; height:35px; }
.series2 ul li a p{ display:none}


.tprt ul{ display:none}


.slogen{ float:left; margin:0 0 0 5px}
.slogen h3{ line-height:20px; font-size:13px; color:#000; margin-top:10px}
.slogen h5{ line-height:20px; font-size:11px; color:#666; margin-top:0}
}