﻿/* base */
*{margin:0;padding:0;}
html, body {height:100%;}
body {background: #FFF;}
body, div { font-family: "宋体"; font-size:14px; line-height:25px;color:#333;}
body > div {margin-right:auto;margin-left:auto;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img,a img{border:0}
div, ul, ol, li, span, p, form, input, select {list-style:none;}
input,select {font-size:12px;vertical-align:middle;}
iframe{display:block}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
ins,a {text-decoration:none;}
a:hover {text-decoration:none;color:#f00;}
.clear{clear:both;font-size:0px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.fl{ float:left;}
.fr{ float:right;}
.mt{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mb{ margin-bottom:10px;}
.ml{ margin-left:10px;}
.mr{ margin-right:10px;}

.pages{ text-align:center;}
.pages a{ color:#333;}
.pages a:hover{ color:#F00;}
.bg1{ background:url(../images/bg.jpg) center no-repeat;background-size:100%;}
.bg2{ background:url(../images/aboutbg1.jpg) no-repeat 0px -40px;}
.bg3{ background:url(../images/aboutbg.jpg) no-repeat 0px -450px;}
.bg4{ background:url(../images/bg4.jpg) no-repeat 0px -150px;}
.bg5{ background:url(../images/bg5.jpg) no-repeat 0px -150px;}
#header{ width:1000px; margin:0 auto;}
.logo{ width:340px; height:53px;}
.top{ width:650px;}
.search{ width:180px; height:20px; line-height:20px;}
.topnav{ width:180px; height:20px; line-height:20px; text-align:right; color:#FFF; padding-right:18px;}
.topnav a{ color:#FFF; padding:0 5px; font-size:12px;}
.topnav a:hover{ color:#f00;}
.menu{height:30px;  color:#FFF; padding:0 5px;}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}

.pictit{ height:30px;}

#main{ width:1000px; margin:10px auto 0;}
.bannerbox { width:790px; height:445px; overflow: hidden;}
#focus { width:790px; height:445px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul { width:790px; height: 445px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { float: left; width:790px; height:445px; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus ul li img{ width:790px; height:445px;}
#focus .preNext { width:395px; height: 445px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
#focus .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }

.link{ height:110px;}
.link a{ margin-left:5px;}

#footer{ width:1000px; margin:72px auto 0;}
.foot{ height:52px; background:url(../images/footlogo.png) no-repeat; padding-left:75px; margin-left:180px; font-size:14px; color:#FFF;}
.qr{ width:50px; height:50px;}

.left{ width:205px;}
.title{ width:205px; height:90px; background:url(../images/titlebg.png) no-repeat; }
.title span{font-size:20px; font-family:"黑体"; font-weight:bold; line-height:90px; color:#FFF; padding-left:50px;}
.list{ width:205px; background:url(../images/listbg.png); min-height:345px;}
.list1{ width:205px; background:url(../images/listbg.png); min-height:345px; padding-bottom:20px;}
.right{ width:795px; height:595px; background:url(../images/rbg.png) no-repeat;}
.right h1{ margin:30px 0 0 20px;}
.right h1 a{ font-size:20px; font-weight:bold; font-family:"黑体"; color:#224177;}
.right h1 a:hover{ color:#F00;}
.lilist{ width:140px; height:200px; float:left; margin:5px 55px;}
.right h3{ font-size:20px; font-weight:bold; font-family:"黑体"; color:#224177; padding:20px 0 0 50px;}
.right h4 a{ display:block; width:100%; height:30px; line-height:30px; text-align:center; color:#224177;font-size:16px; font-weight:bold; font-family:"黑体"; }
.right h4 a:hover{ color:#F00;}
.right strong{ font-weight:bold;}
.right h5{ font-size:18px; font-weight:bold;font-family:"黑体"; color:#224177;  text-indent:15px; margin-left:20px; border-bottom:1px dashed #999; width:740px; line-height:25px;}

#foot{ height:60px; background:url(../images/foot.png) repeat-x;}
.footy{ width:1000px; height:60px; margin:0 auto;}
.footx{ height:52px; background:url(../images/footlogo.png) no-repeat; padding-left:75px; font-size:14px; color:#FFF; margin-top:5px;}

.ys{ padding:20px 0 0 0;}
.ys li a{ font-size:15px; width:205px; height:35px; line-height:35px; border-bottom:1px solid #434343; text-indent:50px; display:block;}
.ys li a:hover{ color:#F00;}
.cur{ font-weight:bold; color:#F00;}
.cur1{color:#FFF;}

.ys2{ padding:20px 0 0 0;}
.ys2 li a{ font-size:15px; width:205px; height:35px; line-height:35px; border-bottom:1px solid #434343; text-indent:30px; display:block;}
.ys2 li a:hover{ color:#F00;}


.ys1{ padding:10px 0 0 0;}
.ys1 li a{ width:205px; height:25px; line-height:25px;  text-indent:30px; display:block;}
.ys1 li a:hover{ color:#F00;}
.ccur{ font-weight:bold; color:#f00; }
.ccur1{color:#FFF;}
.t2{ text-indent:40px; width:205px; height:25px;}
.t2 span{ color:#FFF; padding:0 8px 0 12px;}
.t2 a{ color:#FFF; font-size:13px;}
.t2 a:hover{ color:#F00;}
.fz{ font-size:17px;}



.gd{ margin:20px auto 0;
	height:560px;
	width: 765px;
	overflow: auto;
	overflow-x: hidden;
	SCROLLBAR-FACE-COLOR:#F7F7F7;
    SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
    SCROLLBAR-SHADOW-COLOR:#FFFFFF;
    SCROLLBAR-3DLIGHT-COLOR:#D4D0C8;
    SCROLLBAR-ARROW-COLOR:#808080;
    SCROLLBAR-TRACK-COLOR:#FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR:#D4D0C8;
}

.gd1{ margin:20px auto 0;
	height:480px;
	width: 765px;
	overflow: auto;
	overflow-x: hidden;
	SCROLLBAR-FACE-COLOR:#F7F7F7;
    SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
    SCROLLBAR-SHADOW-COLOR:#FFFFFF;
    SCROLLBAR-3DLIGHT-COLOR:#D4D0C8;
    SCROLLBAR-ARROW-COLOR:#808080;
    SCROLLBAR-TRACK-COLOR:#FFFFFF;
    SCROLLBAR-DARKSHADOW-COLOR:#D4D0C8;
}


.anlilist{ width:765px; margin:0 auto;}
.anlilist li{ width:765px; height:120px; margin-top:10px;}

.anliimg{ width:110px; height:120px; float:left;}
.anliimg img{ width:110px; height:120px;}

.anliinfo{ width:610px; height:120px; float:right;}
.anlititle a{ width:610px; height:25px; line-height:25px; display:block; font-size:14px; font-weight:bold;}
.anlinr{ width:610px; height:95px;}

.anlilist1{ width:765px; margin:10px auto 0;}
.anlilist1 li{ width:765px; height:170px; margin-top:10px;}

.anliimg1{ width:155px; height:170px; float:left; margin-left:100px;}
.anliimg1 img{ width:155px; height:170px;}

.anliinfo1{ width:460px; height:170px; float:right;}
.anlititle1 a{ width:460px; height:170px; line-height:170px; display:block; font-size:14px; font-weight:bold; text-indent:50px;}



.pagelink{ text-align:center; padding-top:15px;}
.pagelink a{ color:#333;}
.t1{ width:765px; height:30px; line-height:30px; display:block; font-size:24px; font-weight:bold; color:#224177; margin-top:15px;}

.nlist{ margin-top:20px;}
.nlist li{ width:740px; height:30px; line-height:30px; background:url(../images/n1.jpg) no-repeat left; margin-left:15px;}
.nlist li a{ display:block; float:left; width:70%; overflow:hidden; height:30px; color:#333; text-indent:15px;}
.nlist li a:hover{ color:#F00;}
.nlist li span{ width:25%; float:right; display:block;}

.nlist1{ margin:20px 0 0 20px;}
.nlist1 li{ width:740px; height:30px; line-height:30px; background:url(../images/n1.jpg) no-repeat left; margin:10px 0 0 15px;}
.nlist1 li a{ display:block;  width:100%; overflow:hidden; height:30px; color:#333; text-indent:15px;}
.nlist1 li a:hover{ color:#F00;}

.nlist2{ margin:20px 0 0 20px;}
.nlist2 li{ width:240px; height:30px; line-height:30px; background:url(../images/n1.jpg) no-repeat left; margin:20px 0 0 30px;}
.nlist2 li a{ display:block;  width:100%; overflow:hidden; height:30px; color:#333; text-indent:15px; font-size:24px; text-decoration:underline;}
.nlist2 li a:hover{ color:#F00;}


.righttit{ float:right; padding:10px 10px 0 10px; border-bottom:1px dashed #CCCCCC; line-height:25px; margin-right:20px;}
.righttit1{ float:right; padding:0 10px 0 10px; border-bottom:1px dashed #CCCCCC; line-height:25px; }
.righttit1 a{ color:#333;}
.righttit1 a:visited{ color:#F00;}
.righttit a{ color:#333;}
.righttit a:visited{ color:#F00;}
.right h2{ font-size:30px; font-weight:bold; color:#224177; margin:20px 0 0 20px;}
.ts3{overflow:hidden; margin:5px 20px;float:left; z-index:-1;  width:340px; height:455px; }
.ts3 a{ width:340px; height:455px;  display:block;}
.ts3 img{ width:340px; height:455px; }

.ts4{  width:340px; height:455px; position: relative;  text-indent:20px; line-height:35px; z-index:100; left:0; top:-455px; background:url(../images/ts2.png) no-repeat;}

.ts4:hover{ background:none;}

.ts4 a{ font-size:18px; font-weight:bold;color:#FFF;}
.ts4 a:hover{ color:#F00;}
.ts41 a{ font-size:18px; font-weight:bold;color:#FFF;}
.ts41 a:hover{ color:#F00;}


.ts31{overflow:hidden; margin:5px 20px;float:left; z-index:-1;  width:340px; height:225px; }
.ts31 a{ width:340px; height:225px;  display:block;}
.ts31 img{ width:340px; height:225px; }

.ts41{ color:#FFF; width:340px; height:225px; position: relative;  font-size:15px; font-weight:bold; text-indent:20px; line-height:35px; z-index:100; left:0; top:-225px; background:url(../images/ts2.png) no-repeat;}
.ts41:hover{ background:none;}


.productlist LI{ width:150px; height:230px; float:left; margin:10px 20px;}
.productlist LI IMG{ width:150px; height:200px;}
.product_name{ width:150px; height:30px; line-height:30px; display:block; text-align:center; color:#333; font-size:14px;}
