body {float: left; width: 100%; margin:0px auto; font-size:12px; line-height:24px; color:#50504f; font-family:"";text-align:center; }
*{margin:0px; padding:0px; font-size:12px;}
a {margin:0px; border:0px; text-decoration:none;}
ul { list-style:none; float:left;}
ul li { float:left;}
.left {float:left}
.right { float:right;}
.clear { clear:both;}
a:link { color:#50504f;text-decoration:none;}
a:visited { color:#50504f;text-decoration:none;}
a:active { color:#50504f;text-decoration:none;}

a.ll:link { color:#19417c;text-decoration:none;}
a.ll:visited { color:#19417c;text-decoration:none;}
a.ll:active { color:#19417c; }

img{ border: none;}

.ye {float: left;width:100%; background:#e0e0e0; margin-top:6px; text-align:right;}
.del-line { text-decoration:line-through;}

/*งน*/
.bq-top {width:258px; padding-left:10px; height:40px; background:url(left-bq.jpg) repeat-x;text-align:left;}
.bq-title {width:230px; height:40px; padding-left:26px; background:url(b-bq.jpg) left center no-repeat; line-height:40px;}
.box {width:230px; height:40px;color:#FFF;position:relative;align:justify;}
.box span {position:absolute;top:-1px;left:-1px;align:justify;width: 185px;}
.s1 {font-size:13px; font-weight:bold; color:#FFFFFF}
.s2 { text-transform:uppercase; font-size:14pxp; line-height:40px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
.s11 {font-size:13px; font-weight:bold; color:#194278}
.s22 { text-transform:uppercase; font-size:14pxp; line-height:40px; font-family:Arial, Helvetica, sans-serif; color:#787878;}
.bq-c {font-size:13px; font-weight:bold; color:#194278}
.bq-e {text-transform:uppercase; font-size:14pxp;font-family:Arial, Helvetica, sans-serif; color:#787878; }

/**/
#main-all { float: left; width:100%;margin:0px auto; background:#f7f6f6;}
#main { float: left;width:100%; margin: 50px 0;}
#left { width:22.5%; border-right:1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;float:left;background:#f1f1f1; margin-right:9px; }
#left11 { width:268px; height:702px; border-right:1px solid #d5d5d5;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;float:left;background:#f1f1f1; margin-right:9px; }
#right { width:76%; float:left;}
/*top*/
#top-all{
	float: left;
	width: 100%;
	height: 91px;
}
#top-all #top{
	float: left;
	width: 100%;
	height: 91px;
}
.inner{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
#top-all #top .left{
	float: left;
    height: 100%;
}
#top-all #top .right{
    float: right;
    width: 298px;
    height: 39px;
    margin: 28px 0 24px;
	background: #002782;
}
#top-all #top .right .ss{
	float:left;
    width: 226.5px;
    height: 39px;
	line-height:39px;
    border: 1px solid #002782;
    font-size: 14px;
    color: #161616;
	outline: none;
}
#top-all #top .right .bb1{
    float: right;
    background: url(/img/search_03.png) no-repeat;
    width: 70px;
    height: 39px;
    cursor: pointer;
    border: none;
	outline: none;
}
/*nav*/
#menu-all{
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #002782;
}
#menu-all ul{
	width: 100%;
	height: 100%;
}
#menu-all ul li{
    float: left;
    width: 13.9%;
    height: 100%;
}
#menu-all ul a{
	display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 50px;
    text-align: center;
    font-size: 14px;
    color: #fff;
}
#menu-all ul a.active{
	background: #0030a1;
}
#menu-all ul a:hover{
	background: #0030a1;
}
#menu-all ul li #erji{
    background: #002782;
    position: absolute;
    top: 141px;
    z-index: 9;
    width: 7.8%;
    height: 200px;
    padding: 0 0.5%;
	display:none;
}
#menu-all ul li #erji li{
    width: 100%;
    height: 49px;
    border-bottom: 1px dotted #fff;
}

/*banner*/
.banner{
    float: left;
    width: 100%;
    overflow: hidden;
}
.banner .content{
	width: 100%;
	height: 100%;
	position: relative;
	left: 0;
	top: 0;
}
.banner .content li{
	float: left;
	width: 100%;
	height: 100%;
}
.banner .content li img{
	width: 100%;
	height: 100%;
}


/*floor1*/
.floor1{
	/*float: left;*/
	width: 100%;
}
.floor1 ul{
    width: 1140px;
    height: 285px;
    margin: 30px 30px 35px;
}
.floor1 ul li{
    float: left;
    width: 285px;
    height: 285px;
    text-align: center;
}
.floor1 ul li:last-child{
	margin-right: 0;
}
.floor1 ul li a{
	display: inline-block;
	width: 285px;
	height: 285px;
	color: #002782;
}
.floor1 ul li a:hover{
	display: inline-block;
    width: 283px;
    height: 283px;
    background: #002782;
    color: #fff;
    border: 1px solid #002782;
    box-shadow: 3px 3px 8px 2px #bbb;
}
.floor1 ul li img{
	width: 71px;
	height: 71px;
	margin: 60px 105px 45px;
}
.floor1 ul li .imgb{display:none}
.floor1 ul li a:hover .imga{display:none;}
.floor1 ul li a:hover .imgb{display:block;}
.floor1 ul li span{
    display: inline-block;
    width: 100%;
    font-size: 24px;
}
.floor1 ul li p{
    font-size: 16px;
    margin-top: 16px;
}
/*floor2*/
.floor2{
	/*float: left;*/
	width: 100%;
	height: 422px;
	background: #f3f7ff;
}
.floor2 .left{
    float: left;
    width: 540px;
    height: 330px;
    margin: 46px 50px 46px 0;
}
.floor2 .left img{
	width: 540px;
	height: 330px;
}
.floor2 .inner .right{
    float: right;
    width: 610px;
    height: 330px;
    margin: 46px 0;
	text-align: left;
}
.floor2 .inner .right .title{
	width: 100%;
	height: 63px;
    line-height: 63px;
    font-size: 24px;
    font-weight: 300;
    font-family: ;
    color: #002782;
}
.floor2 .inner .right .title span{
	float: left;
    display: inline-block;
    font-size: 30px;
    height: 68px;
    position: relative;
    top: -6px;
    border-bottom: 1px solid #002782;
}
.floor2 .inner .right .txt1{
    margin: 15px 0 10px 0;
    text-indent: 2em;
    font-size: 16px;
    line-height: 28px;
    color: #002782;
}
.floor2 .inner .right .txt2{
    text-indent: 2em;
    font-size: 16px;
    line-height: 28px;
    color: #002782;
}
.floor2 .inner .right a{
    display: block;
    float: right;
    margin-top: 12px;
    width: 117px;
    height: 34px;
}
.floor2 .inner .right a .btn{
	width: 117px;
    height: 34px;
	line-height: 34px;
    border: none;
    cursor: pointer;
    background: #002782;
	text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 30px;	
}
/*floor3*/
.floor3{
	/*float: left;*/
	width: 100%;
}
.floor3 .title{
	float: left;
	width: 100%;
	height: 32px;
    line-height: 31px;
	margin: 40px 0 50px;
	text-align: center;
	font-family: "";
	font-size: 24px;
	font-weight: 300;
	color: #002782;
}
.floor3 .title span{
    font-size: 30px;
}
.floor3 ul{
	float: left;
}
.floor3 ul li{
	float: left;
    width: 386px;
    margin-right: 21px;
}
.floor3 ul li img{
	width: 100%;
	height: 120px;
}
.floor3 ul li .news{
    width: 100%;
    height: 30px;
    background: #002782;
    opacity: .6;
    position: relative;
    top: -30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
}
.floor3 ul li .line{
    width: 100%;
    margin-top: -20px;
	text-align: left;
}
.floor3 ul li .line .text{
    width: 100%;
    height: 45px;
    line-height: 45px;
    margin-right: 0;
}
.floor3 ul li .line .text a{
    display: inline-block;
    width: 386px;
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #393939;
}
.floor3 ul li .line .text a:hover{
	color: #002782;
}
.floor3 ul li .line .text a span{
    display: inline-block;
	float: left;
    font-size: 35px;
    color: #002782;
    margin-right: 15px;
}
/*floor4*/
.floor4{
	/*float: left;*/
	width: 100%;
}
.floor4 .title{
	float: left;
	width: 100%;
	height: 32px;
    line-height: 31px;
	margin: 40px 0 50px;
	text-align: center;
	font-family: "";
	font-size: 24px;
	font-weight: 300;
	color: #002782;
}
.floor4 .title span{
    font-size: 30px;
}
.floor4 ul{
    float: left;
    width: 100%;
    height: 509px;
}
.floor4 ul li{
	float: left;
    width: 285px;
    margin-right: 20px;
}
.floor4 ul li a{
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #002782;
	text-align: center;
}
.floor4 ul li a.active{
	display: inline-block;
	background: #002782;
	width: 100%;
	height: 100%;
	color: #fff;
}
.floor4 ul li a:hover{
	display: inline-block;
	background: #002782;
	width: 100%;
	height: 100%;
	color: #fff;
}
.floor4 ul li a.active span{
	border: 1px solid #fff;
}
.floor4 ul li a:hover span{
	border: 1px solid #fff;
}
.floor4 ul li img{
	width: 285px;
	height: 300px;
}
.floor4 ul li .name{
    font-size: 24px;
    margin: 30px 0 20px 0;
}
.floor4 ul li .funct{
	font-size: 16px;	
}
.floor4 ul li span{
	display:inline-block;
    border: 1px solid #002782;
    background: #002782;
    width: 118px;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    text-align: center;
    margin: 38px 0 30px 0;
    font-size: 14px;
    color: #fff;
}

/*floor5*/
.floor5{
    width: 100%;
    background: #002782;
    color: #fff;
    margin: 50px 0 0; 
}
.floor5 .title{
    float: left;
    width: 100%;
	height:32px;
	line-height:32px;
    margin: 40px 0 25px;
    font-family: "";
    font-size: 24px;
    font-weight: 300;
}
.floor5 .title span{
    font-size: 30px;
}
.floor5 .left{
	float: left;
	width: 620px;
	height: 409px;
	text-align: left;
}
.floor5 .left .txt{
    float: left;
    width: 430px;
    font-size: 16px;
    line-height: 28px;
    margin-top: 20px;
}
.floor5 .left .txt .address{
    display: inline-block;
    float: left;
    width: 385px;
    height: 60px;
	font-size: 16px;
    line-height: 30px;
}
.floor5 img{
	float: left;
	margin-right: 15px;
}
.floor5 .right{
	float: right;
	width: 580px;
    text-align: left;
}
.floor5 .right form{
    /*float: left;*/
    margin-top: 20px;
}
.floor5 .right form .title_r{
	font-size: 18px;
}
.floor5 .right form .main{
	float: left;
    margin: 25px 0 20px;	
}
.floor5 .right form .main span{
	float: left;
	font-size: 16px;
}
.floor5 .right form .main .phone{
	margin-left: 35px;
}

.floor5 .right form .main input{
    float: left;
    width: 200px;
    height: 40px;
    margin-left: 8px;
    border: none;
    background: #4d68a8;
	font-size: 16px;
    color: #fff;
}
.floor5 .right form .main .remark{
    float: left;
    margin-top: 20px;
}
.floor5 .right form .main .remark textarea{
	float: left;
    width: 521px;
    height: 99px;
    margin-left: 8px;
    border: none;
    background: #4d68a8;
    font-size: 16px;
    color: #fff;
}
.floor5 .right form .sub{
	float: right;
    width: 118px;
    height: 35px;
    border: none;
    background: #fff;
    color: #002782;
    font-size: 14px;
    cursor: pointer;
	font-weight: 600;
}

/* left */
#pro .small-menu{
	width: 98%;
    height: 15px;
}
#pro .small-menu ul{
    width: 75%;
    margin: 0 35px;
}
#pro .small-menu ul li{
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-align: left;
    font-weight: 600;
	border-bottom: 1px dotted #ccc;
}
#pro .small-menu ul li a{
    font-size: 13px;
    color: #555;
}

/* guestbook */
#zi-con{
	float: right;
	width: 580px;
    text-align: left;
}
#zi-con .form{
    float: left;
	width: 875.52px;
	height: 263px;
    margin-top: 20px;
}
#zi-con form .title_r{
    font-size: 16px;
    color: #333;
}
#zi-con form .main{
	float: left;
    margin: 25px 0 20px;	
}
#zi-con form .main span{
    float: left;
    font-size: 14px;
    color: #333;
}
#zi-con form .main .phone{
	margin-left: 35px;
}

#zi-con form .main input{
    float: left;
    width: 200px;
    height: 40px;
    margin-left: 8px;
    border: none;
    background: #195bbb;
	font-size: 16px;
    color: #fff;
}
#zi-con form .main .remark{
    float: left;
    margin-top: 20px;
}
#zi-con form .main .remark textarea{
    float: left;
    width: 521px;
    height: 99px;
    margin-left: 8px;
    border: none;
    background: #195bbb;
    font-size: 16px;
    color: #fff;
}
#zi-con form .put{
    float: left;
    width: 100%;
    height: 35px;
}
#zi-con form .put .sub{
    float: right;
    width: 118px;
    height: 35px;
    border: none;
    background: #ddd;
    color: #333;
    font-size: 14px;
    font-weight: 600;
	cursor: pointer;
}

/*  */
#zi-con .ywzc li{
	width: 45%;
    height: 55px;
    margin: 25px 0 0 20px;
}
#zi-con .ywzc li a{
    font-size: 14px;
    line-height: 55px;
	color: #002782;
}
#zi-con .ywzc li a:hover{
	font-weight: 600;
}
#zi-con .ywzc li img{
	float: left;
    width: 55px;
    margin-right: 20px;
}

/**/
#pro-li {width:268px;text-align:left;}
#pro-li ul li {width:267px; height:33px; background:url(pro-out.jpg) repeat-x; line-height:33px;}
a.pp:link {width:219px; padding-left:48px; height:33px; line-height:33px; background:url(pro-out.jpg) repeat-x; color:#4b4b4b;text-decoration:none;display:block;}
a.pp:visited {width:219px;padding-left:48px; height:33px; line-height:33px; background:url(pro-out.jpg) repeat-x; color:#4b4b4b;text-decoration:none;display:block;}
a.pp:hover {width:219px;padding-left:48px; height:33px; line-height:33px; background:url(pro-over.jpg) repeat-x; color:#000000; text-decoration:none;display:block;}
a.pp:active {width:219px;padding-left:48px;height:33px; line-height:33px; background:url(pro-out.jpg) repeat-x; color:#4b4b4b;text-decoration:none; display:block;}

/*thispage*/
#contact {width:268px;text-align:left;}
#contact-con {width:251px; padding-top:12px;padding-right:8px;padding-bottom:8px;padding-left:8px; clear:both}
#contact-li {width:245px;}
#contact-li  ul li {width:245px; height:25px; line-height:25px; background:url(123.jpg) left center no-repeat;}
#contact-img {width:251px; height:52px; margin-bottom:11px;}

#contact-inf {width:632px; height:345px; line-height:32px; font-size:14px; padding-left:40px; padding-top:20px; background:url(contact-bg.jpg) right bottom no-repeat;}


/*flash*/
#flash {width:100%; height:164.5px; margin-bottom:8px;}
#flash img{width: 100%;height:100%}
/**/
#about {width:694px;}

/**/
#zi-content { width:100%;background:#f6f6f6; border-top:1px solid #d5d5d5;}
#zi-bq {width:100%; height:30px; line-height:30px; background:url(zi-bq1.jpg) repeat-x; border-right:1px solid #d5d5d5; border-left:1px solid #d5d5d5;}
#zi-bq .aa {width: 7px; height:30px; background:url(zi-bq.jpg) repeat-x; float:left}
#zi-bq .bb {width: 300px; height:30px; padding-left:10px; line-height:30px; float:left;text-align: left;}
#zi-bq .position { height:30px; line-height:30px;background:url(position.gif) left center no-repeat; float:right; padding:0 15px 0 5px;}
#zi-con {width:96%;background:#f6f6f6; margin:20px; float:left;text-align:left;}
#zi-con ul{width: 100%;}
#zi-con1 {width:98%;background:#FFFFFF; padding:10px; float:left;}

/**/
.nTab{width: 692px;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5; float:left}
.nTab .TabTitle{width:692px;height:29px;background:url(right-bq.jpg) repeat-x;overflow: hidden;padding-bottom:2px;}
.nTab .TabTitle ul li {float: left;width: 95px;height:29px;cursor: pointer;line-height:29px; text-align:center;}
.nTab .TabTitle .active{ background:url(bq-over.jpg) no-repeat;color:#FFFFFF; font-weight:bold;}
.nTab .TabTitle .normal{background:url(bq-out.jpg) no-repeat;color:#4b4b4b;}
.nTab .TabContent{width:662px;_width:690px; height:192px;padding-left:15px;  padding-right:15px; padding-top:10px; padding-bottom:12px;background:#ededed;float:left;}
.last { width:12px; height:29px; margin-right:15px; float:right; background:url(right-end.jpg) left center no-repeat;}
.none {display:none;}
.pic { width:242px; height:151px; background:url(pic-bg.jpg) no-repeat; padding-left:9px; margin-top:6px; padding-right:14px; padding-top:8px;padding-bottom:17px; margin-right:10px;margin-right:10px\9;*margin-right:10px;_margin-right:6px; float:left;}
.pic img {width:242px; height:151px;}
.con { width:385px; height:192px;height:192px\9;*height:192px;_height:195px;  float:left}


/**/
#news-ll { width:385px; height:72px; border-bottom:1px dashed #cecece;}
.news-t { width:385px;color:#e20000; font-weight:bold;}
.news-text {width:385px; line-height:20px;}
.news-title {width:250px; height:24px; float:left; text-align:left;}
.news-time { width:100px; height:24px; line-height:24px; text-align:center; float:left;}
#news-li {width:385px;}
#news-li ul li {width:370px; padding-left:15px; height:24px; line-height:24px; background:url(123.jpg) left center no-repeat;}

/**/
#news {width:100%;}
#news .ul li {width:98%; height:32px; margin-left:10px;  border-bottom:1px dashed #d5d5d5;  background:url(123.jpg) left center no-repeat;}
.t1 {  height:32px; line-height:32px; float:left; }
.t2 { height:32px; line-height:32px; text-align:center; float:right;}

#zi-newshow {width: 96.6%; padding-left:15px;padding-right:15px;}
#newshow-title {width:100%; height:36px; font-size:14px; color:#E20000; font-weight:bold; line-height:36px; text-align:center;}
#newshow-time {width:100%; height:24px; color:#666666; text-align:center; background:#e3e3e3;margin-bottom:15px;}
#newshow-con {width:100%;text-align:left;text-indent: 2em;}



/**/
#product {width: 692px;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5; margin-top:8px; float:left;}
#product-top { width:692px; height:29px;background:url(right-bq.jpg) repeat-x; padding-bottom:2px; float:left}
#product-bq {width:95px; height:29px; background:url(bq-over.jpg) no-repeat; line-height:29px; text-align:center; color:#FFFFFF; font-weight:bold; float:left;}
#product-con {width:672px;_width:693px; height:241px;height:241px\9;*height:241px;_height:230px;padding-left:10px; padding-top:13px; padding-right:10px; background:#ededed; float:left; }
#product-con ul li { width:224px; margin-bottom:15px;float:left; }
.product-img {width:140px; height:120px; margin-right:12px;border:1px solid #dddddd;}
.roduct-img img {width:118px; height:104px; }
.pro-small { width:90px; line-height:20px;}
.pro-small p {width:90px; background:url(123.jpg) left center no-repeat;}
.STYLE00 {
	color: #212121;
	font-weight: bold;
}


#zi-con ul li.s {width:166px;  padding-bottom:10px; line-height:18px; text-align:center; float:left}
#zi-con ul li.b {width:2px; height:176px; background:url(bor.jpg) no-repeat; float:left; }
#zi-con ul li.s img.bor { margin-bottom:6px;border:1px solid #dbdbdb;}

#zi-productshow { width:100%; float:left;text-align:left;}
#zi-pro-pic {width:100%; line-height: 30px;}
#zi-pro-pic a {
    display: inline-block;
    float: left;
    width: 120px;
    height: 155px;
    border: 2px solid #ccc;
    margin-right: 20px;
}
#zi-pro-ge {width:18px; height:120px; float:left}
#zi-pro-inf {width:439px; height:120px; float:left}
#zi-pro-inf ul li {width:439px; height:24px; line-height:24px;}
#pp-jianjie {width:672px; float:left; margin-top:10px;}
#pp-jianjie ul li {width:672px;}


/*job*/
.job {width:652px; padding:10px; background:#eaeaea;text-align:left;}
.job-title {font-size:14px; font-weight:bold; color:#FF3333; width:650px;  margin-bottom:8px;height:30px; line-height:30px; border:1px solid #d6d6d6; background:#f6f6f6;}

/*guestbook*/
#gustbook {width:550px; margin-left:60px; margin-top:30px; line-height:35px;}
#gustbook form input {width:290px; height:20px; line-height:20px;border:1px solid #c1ced9}
#gustbook form textarea {width:390px;  border:1px solid #c1ced9}
#gustbook form p {margin-bottom:15px;}
.STYLE1 {color: #E40C0D}
#gustbook form input.bb {width:44px; height:20px; background:url(b.gif) no-repeat; border:none;}


#zi-lyshow {width:100%;text-align:left;}
#see {width:100%; text-align:center;}
.g-name {width:100%; background:#edeeef; height:25px; line-height:25px; margin-bottom:6px;}
.g-name1 {width:300px; height:25px; line-height:25px; float:left; padding-left:6px;}
.g-name-pic {width:40px; height:25px; background:#1653ab; float:left; text-align:center; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;}
.g-name-time {width:150px; height:25px; color:#666666; float:right; text-align:center;}
.g-danwei {width:94.8%; height:24px;padding-left:46px;}
.g-tel {width:300px;padding-left:46px; height:24px; float:left}
.g-email {width:314px;padding:6px; height:12px; line-height:12px; float:left}
.g-message {width:94.8%; height:24px;padding-left:46px;}
.g-reply {    width: 94.8%; height:24px; padding-left:46px;}

/*  */
#mfzx .title{
	font-size:14px;
    color: #002782;
    font-weight: 600;
}
#mfzx .left{
	width:100%;
	font-size:14px;
	line-height: 30px;
}
#mfzx .center{
	float: left;
 	width: 100%;
	height: 30px;
}
#mfzx .right{
	width: 100%;
}
#mfzx .left .txt{
	text-indent: 2em;
}
#mfzx form .title_r{
	font-size: 14px;
}

/**/
#bottom { float: left;width:100%; height:160px;  margin-top: 50px; background: url(/img/footer_bg.png);}
#bottom .inner{ background: url(/img/footer_bg.png);}
#bot {float: left; margin:20px 0 0; line-height: 25px; font-size: 14px; color:#999; width:100%; text-align:center;}
#bot a{  
	display: inline-block;
    margin: 20px 0;
    font-size: 14px;
    color: #999;
}
#bot a:hover{text-decoration: underline;}
.ye ul li {
    margin-left: 20px;
}