body {
	font-family: Arial;
}

#WRAPPER {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	position: absolute;
}
#HEADER {
	background-image: url(../tw_image/bg/header.jpg);
	background-repeat: repeat-x;
	height: 80px;
	display: block;
	float: left;
	width: 100%;
}
.topBox  {
	height: 80px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../tw_image/header/logoBG.jpg);
	background-repeat: no-repeat;
}
.topBox li.logo {
	width: 495px;
	display: block;
	height: 80px;
	float: left;
}
.topBox li.logo a {
	height: 80px;
	width: 495px;
	float: left;
	display: block;
}
ul.langue {
	width: 230px;
	float: left;
	display: block;
	margin-top: 15px;
}
ul.langue li {
	float: left;
	color: #0018a9;
	font-size: 12px;
	display: block;
}
ul.langue li a {
	float: left;
	color: #0018a9;
	font-size: 12px;
	background-image: url(../tw_image/header/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 18px;
	display: block;
	width: 48px;
}


ul.linkBox {
	float: left;
	display: block;
	width: 260px;
	margin-top: 15px;
}
ul.linkBox li {
	font-size: 12px;
	float: left;
	background-image: url(../tw_image/header/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	padding-left: 18px;
	color: #0018a9;
}
ul.linkBox li a {
	color: #0018a9;
}

ul.searchBox {
	background-image: url(../tw_image/header/searchBG.jpg);
	height: 40px;
	width: 495px;
	background-repeat: no-repeat;
	float: right;
	display: block;
}
ul.searchBox  li{
	float: right;
	height: 20px;
	padding: 0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}
li.inputBox {
	padding: 0px;
	width: 135px;
	margin: 0px;
	display: block;
}
li.btnBox {
	width: 20px;
	height: 20px;
}
.input-search {
	width: 135px;
	margin: 0;
	padding: 0;
	height: 18px;
	font-size: 12px;
	line-height: 18px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#BANNER{
	height: 100%;
	width: 100%;
	background-image: url(../tw_image/bg/banner.jpg);
	background-repeat: repeat-x;
}
.banner-index,.banner-pd,.banner-com{
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
.banner-index {
	background-image: url(../tw_image/banner/index.jpg);
	height: 390px;
}
#banner-index{
	width: 990px;
	margin: 0 auto;
	height: 390px;
}
#fW_Content{
	width: 990px;
	height: 390px;
	position: absolute;
	display:inline;
	float:left;
	}
#fW_Controls {
	display:inline;
	top:360px;
	float:right;
	/*bottom:20px;*/
	right:50px;
	position:relative;
	z-index:10;
}
#fW_Controls a{
	background:url(../tw_image/banner/btn_banner.png) no-repeat 0px 0px;
	float:left;
	width:9px;
	height:9px;
	text-indent:-10000px;
	margin-left:9px;
}
#fW_Controls a.activeSlide {
	background-position:0px -9px;
}
#fW_Controls a:hover {
	background-position:0px -9px;
}

.banner-pd {
	height: 200px;
}
.banner-pdA {	background-image: url(../tw_img/header/pdA-banner.jpg);}
.banner-com {	background-image: url(../tw_img/header/com-banner.jpg);}
.banner-ecatalog {	background-image: url(../tw_img/header/ecatalog-banner.jpg);}
.banner-news {	background-image: url(../tw_img/header/news-banner.jpg);}
.banner-video {	background-image: url(../tw_img/header/video-banner.jpg);}
.banner-service {	background-image: url(../tw_img/header/service-banner.jpg);}
.banner-contact {	background-image: url(../tw_img/header/contact-banner.jpg);}
#CONTENT {
	background-image: url(../tw_image/bg/content.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 27px;
	background-color: #FFF;
	float: left;
	width: 100%;
}
.contentBox {
	width: 990px;
	height: 100%;
	min-height: 400px;
	margin: 0 auto 0 auto;
}
.hotpd  {
	float: left;
	width: 641px;
}
.hotpd.title {
	height: 31px;
	width: 641px;
	background-image: url(../tw_image/content/title-hotpd.jpg);
	background-repeat: no-repeat;
	display: block;
}
.more {
	display: block;
	height: 13px;
	width: 41px;
	float: right;
	margin-top: 10px;
	margin-right: 5px;
}
.more a {
	display: block;
}
/*.hotpdlist{
	float: left;
	margin-top: 10px;
	width: 630px;
	margin-left: 5px;
}
.hotpdlist ul li  {
	width: 200px;
	float: left;
	margin-right: 10px;
	display: block;
	margin-bottom: 10px;
	max-height: 300px;
}*/
#hotpdlist{
	position: absolute;
	width: 630px;
	height: 350px;
	overflow: hidden;
	margin: 10px 0 0 10px;
	}
#hotpdlist ul{
	margin: 0;
	padding: 0;
	width: 630px;
	float: left;
}
#hotpdlist ul li{float: left;width:630px;margin:0;padding:0;height:400px;	}
#control_L {position: absolute;left: -20px;top: 130px;}
#control_R {position:absolute;left:635px; top:130px;}
.pdUl{
	width: 630px;
	float: left;
	}
.pdLi{
	width: 200px;
	float: left;
	margin-right: 10px;
	display: block;
	margin-bottom: 10px;
	max-height: 300px;
	}
.pdlist {
	float: left;
	width: 750px;
}
.pdBox {
	float: left;
	width: 750px;
}

.pdBox h1 {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 35px;
	color: #00548B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EFF7FA;
	margin-bottom: 8px;
}


.pdlist li {
	width: 200px;
	float: left;
	display: block;
	margin-bottom: 10px;
	max-height: 300px;
	margin-left: 35px;
}

.pdLi .pdImgs ,.pdlist ul li .pdImgs{
	height: 118px;
	width: 200px;
	border: 1px solid #CCC;
	float: left;
}
.pdLi .pdName ,.pdlist ul li .pdName{
	font-size: 12px;
	color: #666;
	float: left;
	width: 200px;
	background-image: none;
	font-weight: normal;
	text-align: center;
	margin-top: 3px;
	display: block;
	overflow: hidden;
	max-height: 50px;
	height: 50px;
}
.pdLi .pdName a ,.pdlist ul li .pdName a{
	color: #666;
}
div.hopdBox {
	float: left;
	width: 641px;
	margin-left: 20px;
}


div.newsBox {
	float: left;
	width: 291px;
	margin-left: 18px;
}
div.newsBox.title {
	background-image: url(../tw_image/content/title-news.jpg);
	background-repeat: no-repeat;
}
ul.newslist {
	float: left;
	width: 291px;
	display: block;
	margin-top: 10px;
	margin-bottom: 5px;
}
ul.newslist li {
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
ul.newslist li .date {
	font-size: 12px;
	color: #000;
	margin-top: 5px;
}
ul.newslist li .date span {
	color: #F00;
}

ul.newslist li .subject {
	font-size: 12px;
	color: #017bc6;
	margin-top: 5px;
	margin-bottom: 5px;
}
ul.newslist li .subject a {
	color: #017bc6;
}





#FOOTER {
	background-image: url(../tw_image/bg/footer.jpg);
	background-repeat: repeat-x;
	background-color: #777777;
	width: 100%;
	display: block;
	overflow: hidden;
}
.infoBox  {
	width: 990px;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../tw_image/content/footer.jpg);
	background-repeat: no-repeat;
	height: 102px;
}
span.info1  {
	color: #080808;
	font-size: 12px;
	display: block;
	padding: 10px;
}
span.info2 {
	font-size: 12px;
	color: #FFFFFF;
	width: 800px;
	display: block;
	padding: 10px;
}
span.info2 a {
	color: #FFFFFF;
}
#SUB_NAV {
	float: left;
	width: 210px;
	/* [disabled]-webkit-border-radius: 2px; */
	/* [disabled]-moz-border-radius: 2px; */
	/* [disabled]border-radius: 2px; */
	/* [disabled]min-height: 500px; */
}
.smbg  {
	float: left;
	width: 202px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* [disabled]min-height: 500px; */
	border: 4px solid #3073D8;
}
.smbg.smbg2 {
	float: left;
	display: block;
	border: 1px solid #CCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	/* [disabled]min-height: 500px; */
	background-color: #FFF;
	padding: 4px;
	width: 202px;
	margin: -1px;
}
.smbg h1 {
	;
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 1px;
	width: 202px;
	height: 38px;
}
.smbg li.lsm1 {
	display: block;
	background-color: rgb(255,255,255);
	
	color: rgb(118, 119, 139);
	
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.smbg  li.lsm1 a  {
	display: block;
	background-color: rgb(255,255,255);
	color: #2b3e88;
	font-size: 12px;
	font-weight: bold;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 35px;
	background-image: url(../tw_image/subnav/arrow.png);
	background-position: 15px center;
	background-repeat: no-repeat;
}
.smbg li.lsm1  a:hover  {
	display: block;
	background-color: rgb(168,226,255);
	color: #000000;
	font-size: 12px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 35px;
	font-weight: bold;
	text-decoration: none;
	background-image: url(../tw_image/subnav/arrow.png);
	background-repeat: no-repeat;
	background-position: 15px center;
}
.smbg li.lsm1.active a {
	display: block;
	background-color: rgb(242, 148, 0);
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	font-weight: bold;
	text-decoration: none;
}

.smbg  li.lsm2  {
	display: block;
	font-size: 12px;
	color: rgb(0,113,179);
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.smbg li.lsm2 a {
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 35px;
	font-size: 12px;
	color: rgb(3,112,171);
	font-weight: bold;
}

.smbg  li.lsm2  a:hover   {
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 35px;
	font-size: 12px;
	color: rgb(118, 119, 139);
	font-weight: bold;
	text-decoration: none;
}
.smbg  li.lsm2.active a {
	display: block;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 35px;
	font-size: 12px;
	color: rgb(51,51,51);
	font-weight: bold;
	text-decoration: none;
	background-color: #EAF3F8;
}
div.qklink2 {
	float: left;
	width: 210px;
}
div.qklink2 .qk1 {
	background-image: url(../tw_image/subnav/qklink.jpg);
	background-repeat: no-repeat;
	height: 89px;
	display: block;
}
div.qklink2 .qk1 a {
	background-repeat: no-repeat;
	height: 89px;
	display: block;
}

div.qklink2 .qk2 {
	background-image: url(../tw_image/subnav/qklink-02.jpg);
	background-repeat: no-repeat;
	height: 89px;
	display: block;
}
div.qklink2 .qk2 a {
	background-repeat: no-repeat;
	height: 89px;
	display: block;
}

.road  {
	width: 750px;
	font-size: 12px;
	color: #2b3e88;
	height: 20px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0px center;
	text-align: right;
}
.road_map {
	width: 974px;
	font-size: 12px;
	color: #2b3e88;
	height: 20px;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0px center;
	text-align: right;
}
.road a   ,.road_map a{
	color: #0D0D0D;
}
div.qklink {
	background-image: url(../tw_image/content/qklink.jpg);
	background-repeat: no-repeat;
	height: 80px;
	width: 282px;
	float: left;
	margin-top: 20px;
}

#MAIN {
	float: right;
	width: 750px;
}
.pdviewBox {
	height: 290px;
	width: 750px;
}
.pdImgB {
	height: 200px;
	width: 260px;
	float: left;
	display: block;
	padding-right: 75px;
	padding-left: 75px;
	padding-top: 45px;
}
.pdviewBox .pdName {
	font-size: 24px;
	display: block;
	float: left;
	width: 340px;
	text-align: center;
	padding-top: 45px;
	max-height: 150px;
	overflow: hidden;
	color: #2b3e88;
	height: 150px;
}
.pdBtn {
	display: block;
	float: left;
	width: 340px;
	padding-bottom: 50px;
}
.toptab {
	display: block;
	text-align: right;
	background-image: url(../tw_image/content/topbtn.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 50px;
	float: right;
	margin-bottom: 10px;
}
.toptab a {
	display: block;
	height: 50px;
	width: 50px;
}

.pages {
	padding: 8px;
	text-align: center;
	color: #666;
	margin-top: 8px;
	font-size: 12px;
	background-color: #DAEBF3;
}
.pages a {
	color: #005F99;
	text-decoration: underline;
}
.pages .red {
	color: #C00;
	font-weight: bold;
}

.wordBox h1 {
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	color: #00548B;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0370B1;
	margin-bottom: 8px;
	font-size: 15px;
}
.wordBox {
	margin-bottom: 15px;
}

.word {
	display: block;
	font-size: 12px;
	color: #666;
}
.newslistBox {
	margin: 10px;
	padding: 10px;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.newslistBox ul li.list {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 8px;
	padding-bottom: 8px;
	text-decoration: none;
}
.newslistBox ul li.list a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 8px;
	padding-bottom: 8px;
	text-decoration: none;
}

.newslistBox ul li.list:hover {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom: 8px;
	padding-bottom: 8px;
	background-color: #DAEBF3;
	text-decoration: none;
}

.newslistBox ul .list .subject {
	font-size: 12px;
	color: #0066A4;
	font-weight: bold;
	padding: 8px;
}
.newslistBox ul .list .subject a {
	color: #0172B4;
	text-decoration: none;
}
.newslistBox ul .list .subject a:hover {
	color: #0172B4;
	text-decoration: none;
}

.newslistBox ul .list .date {
	color: #666;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
}
.memberForm  {
	width: 450px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	margin-bottom: 5px;
	border: 1px solid #CCC;
}
.memberForm  .member  {
	font-size: 12px;
	color: #333333;
	padding: 5px;
	margin-bottom: 2px;
	text-align: center;
}
.memberForm  .password  {
	font-size: 12px;
	color: #333333;
	padding: 5px;
	margin-bottom: 2px;
	text-align: center;
}
.MbtnBox   {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	text-align: center;
}
.Mbtn {
	background-color: #FFFFFF;
	background-image: url(../tw_image/content/btn.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	height: 28px;
	width: 66px;
	border: none;
	font-size: 12px;
	color: #2B2B2B;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	cursor: pointer;
}
.memberForm  .forget  {
	padding: 10px;
	font-size: 12px;
	color: #4678AB;
	text-align: center;
}
.memberForm  .forget  a  {
	font-size: 12px;
	color: #1B5EA5;
}
.form_title  {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #0174B7;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
.cataloglistBox {
	float: left;
	width: 750px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.cataloglistBox li {
	float: left;
	width: 150px;
	margin-right: 35px;
	margin-bottom: 20px;
}
.catalogImgs  {
	width: 150px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	height: 200px;
	overflow: hidden;
}
.cataloglistBox ul .list .subject{
	font-size: 12px;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 150px;
	text-align: center;
	overflow: hidden;
	max-height: 100px;
}
.e-cataloglistBox {
	float: left;
	width: 750px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.e-cataloglistBox li {
	float: left;
	width: 200px;
	margin:0 35px 20px 15px;
}
.e-catalogImgs  {
	width: 200px;
	padding: 1px;
	border: 1px solid #CCCCCC;
	height: 150px;
	overflow: hidden;
}
.e-cataloglistBox ul .e-list .e-subject{
	font-size: 12px;
	color: #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 200px;
	text-align: center;
	overflow: hidden;
	max-height: 100px;
	background:url(../tw_image/content/e-list.jpg) left center no-repeat;
}

.download  p.pdf {
	background-image: url(../tw_image/content/icon-pdf.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #333333;
	margin-bottom: 5px;
	height: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-position: 5px 5px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.download  p.pdf  a {
	color: #333333;
}
.txt {
	font-size: 12px;
	color: #666;
	padding: 8px;
}
.googlemapBox {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}
.googlemapBox h1 {
	color: #0076AF;
	font-size: 15px;
}
.googlemapBox h2 {
	font-size: 12px;
	color: #666;
	line-height: 20px;
}
.googlemapBox h2 a {
	font-size: 12px;
	color: #666;
	line-height: 20px;
}
.googlemapForm {
	padding: 8px;
	margin-top: 15px;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
}
.jobBox {
	padding: 8px;
	margin-top: 15px;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 15px;
}
.jobBox .tab {
	margin-bottom: 8px;
	padding: 8px;
}
.jobBox .tab h1 {
	font-size: 15px;
	color: #2B3E88;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0770B1;
	padding-bottom: 8px;
	margin-bottom: 8px;
	width: 100%;
	background-color: #D0F0FF;
	padding-top: 8px;
	padding-left: 8px;
}
.jobBox .tab h2 {
	font-size: 12px;
	color: #0770B1;
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.jobBox .tab h2 .tabL {
	width: 100px;
	display: block;
	float: left;
	text-align: right;
}

.jobBox .tab h2 .tabR {
	font-weight: normal;
	color: #666;
	display: block;
	padding-left: 110px;
}
.jobBox .tab h2 .tabR a {
	color: #666;
}

.contentBox_map {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
.mapBox {
	padding: 8px;
	float: left;
}
.mapBox li.mapT {
	float: left;
	width: 210px;
	margin-left: 25px;
	min-height: 300px;
	margin-top: 20px;
}