/*----------main----------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,button,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
input,select,textarea,button{font-size:100%;}
fieldset,img,abbr,acronym{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,legend{font-size:100%;font-weight:400;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
body{font-size:12px;font-family:"微软雅黑","宋体",Tahoma,Arial,sans-serif;background:#fff;color:#333;}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong,caption,th{font-weight:700;}
abbr,acronym{border-bottom:1px dotted#aaa;cursor:help;}
em{font-style:italic;}
p,fieldset,table{margin-bottom:1em;}
legend{margin-left:7px;+margin:0;}
.clearfix:after{content:"\20";display:block;height:0;clear:both;}
.clearfix{zoom:1;}.red{color:#F00;}
.black{color:#000;}
.white{color:#FFF;}
.blue{color:#00F;}
.green{color:#008000;}
.brown{color:#A52A2A;}
.gray{color:#ccc;}
.cb:after{content:"\20";display:block;width:0;height:0;clear:both;}
.cb{zoom:1;}
.ofH{overflow:hidden;}
.clear{width:0;height:0;clear:both;overflow:hidden;}
a{text-decoration:none;}


/*--main--*/
body{ background:url(bg.png) top center repeat-y #0b83cd; font-family:"sinsam";}
.mainbox{ width:1000px; margin:0px auto; background:url(mainbg.png) top center no-repeat #2573a3; border-left:1px solid #fff; border-right:1px solid #fff;}
.head{ position:relative;}
.head .logo{width:440px; height:70px; overflow:hidden;}
.head .logo img{width:440px; height:70px;}
.head .fav{position:absolute; top:10px; right:10px;}
.head .fav a{ color:#000; text-shadow:1px 1px #eee;}
.nav{width:668px; height:31px; line-height:31px; overflow:hidden; position:absolute; top:83px; right:5px;}
.nav li{float:left; width:95px; height:31px; width:auto; font-size:14px;}
.nav li a{color:#fff; display:block; width:95px; height:31px; text-align:center; text-shadow:0px 1px #999;}
.nav li a:hover{color:#fff;background:url(navbg.png) center center no-repeat;}
.bottom{background-color:#052973; padding:10px 0px; line-height:20px; color:#fff; font-family:"sinsam"; text-align:center; width:990px; margin:0px auto;}
.bottom a{ color:#fff;}
.banner{width:970px; height:270px; border:10px solid #fff; position:relative; overflow:hidden; margin:54px auto 10px auto; box-shadow:0px 1px #113145,0px 2px #17425c,0px 3px #1e5a7e,0px 5px #256d97;}
/*.banner ul{width:100%; height:270px; overflow:hidden; position:relative;}
.banner ul li{width:100%; height:270px; position:relative; display:none;}
.banner ul li a{display:block; width:100%; height:270px;}
.banner ul li.curr{position:absolute; top:0px; left:0px;}
.banner .nums{position:absolute; bottom:10px; left:0px; text-align:right; width:100%; text-align:center;}
.banner .nums span{display:inline-block; width:20px; height:20px; text-align:center; line-height:20px; background-color:#fff; margin:3px; cursor:pointer; border:1px solid #6dae06; border-radius:10px;}
.banner .nums span.curr{color:#fff; background-color:#6dae06;}*/
.banner img{ width:970px; display:block; height:270px;}

/*--index--*/
.prolistindex{ width:970px; padding:10px; background-color:#fff; margin:0px auto;}
.prolistindex h2.tit{margin:0px; line-height:30px; font-size:16px; color:#ff7d05; height:40px; font-weight:normal; padding-left:1em;}
.prolistindex h2.tit span{ color:#b2b2b2; font-size:12px;}
.prolistindex .prolist{ width:960px; height:162px; overflow:hidden; margin:0px auto;}
.prolistindex .prolist ul{ width:9999px;}
.prolistindex .prolist li{ float:left; margin:4px; width:152px; height:162px; line-height:30px; overflow:hidden; text-align:center;}
.prolistindex .prolist li img{ width:150px; height:130px; border:1px solid #dfdfdf; margin:0px;}
.prolistindex .prolist li a.title{ display:block; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:30px; color:#333; margin:0px; height:30px;}
.prolistindex .prolist li a.img{ display:block; height:132px; overflow:hidden;}
.prolistindex .indexinfo{ line-height:1.8; text-indent:2em; font-size:14px; margin-top:20px;}

/*--other--*/
.nybox{ width:970px; padding:10px; background-color:#fff; margin:0px auto; overflow:hidden;}
.nybox .left{ float:left; width:175px;}
.nybox .left .leftlist li{ width:173px; height:35px; line-height:35px; text-align:center; background:url(leftlistbg.png) no-repeat; margin-bottom:5px;}
.nybox .left .leftlist li a{ display:block; width:173px; height:35px; text-align:center; line-height:35px; color:#000;}
.nybox .left .leftlist li a:hover{background:url(leftlistbg_hover.png) no-repeat; color:#fff;}
.nybox .left .leftcontact{ margin-top:10px; background:url(leftcon.png) center bottom no-repeat; min-height:216px;}
.nybox .left .leftcontact h2.tit{ margin:0px; border-bottom:4px solid #052973; padding-left:15px; background:url(areabg.png) left center no-repeat; font-size:12px; height:30px; line-height:30px; font-weight:normal; margin-bottom:10px;}
.nybox .left .leftcontact .leftcon{ line-height:1.5; padding:5px 0px;}

.nybox .right{ float:right; width:770px;}
.nybox .right .areas{ margin:0px; border-bottom:4px solid #052973; padding-left:15px; background:url(areabg.png) left center no-repeat; font-size:12px; height:30px; line-height:30px; font-weight:normal; margin-bottom:10px; color:#666;}
.nybox .right .areas a{ color:#333;}
.nybox .right .aboutinfo{ padding:10px; line-height:1.6;}
.nybox .right .aboutinfo img{ max-width:100%;}
.nybox .right .pro_listbox{ width:740px; margin:0px auto;}
.nybox .right .pro_listbox ul li{ float:left; margin:5px 16px; width:152px; height:162px; line-height:30px; overflow:hidden; text-align:center;}
.nybox .right .pro_listbox ul li img{ width:150px; height:130px; border:1px solid #dfdfdf; margin:0px;}
.nybox .right .pro_listbox ul li a.title{ display:block; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:30px; color:#333; margin:0px; height:30px;}
.nybox .right .pro_listbox ul li a.img{ display:block; height:132px; overflow:hidden;}
.nybox .right .pro_infobox{ padding:10px;}
.nybox .right .pro_infobox h1{ text-align:center; line-height:1.8; font-size:16px; margin:0px; margin-bottom:10px;} 
.nybox .right .pro_infobox .info{ line-height:1.6;}
.nybox .right .pro_infobox .info img{ max-width:100%;}
.nybox .right .news_listbox{ padding:10px;}
.nybox .right .news_listbox li{ line-height:30px; height:30px; position:relative; border-bottom:1px solid #ccc;}
.nybox .right .news_listbox li a{ color:#333;}
.nybox .right .news_listbox li span{ position:absolute; top:0px; right:0px;}
.nybox .right .news_infobox{ padding:10px;}
.nybox .right .news_infobox h1{ text-align:center; line-height:1.8; font-size:16px; margin:0px; margin-bottom:10px; border-bottom:1px solid #bfbfbf;} 
.nybox .right .news_infobox .other{ line-height:1.6; text-align:center;}
.nybox .right .news_infobox .info{ line-height:1.6;}
.nybox .right .news_infobox .info img{ max-width:100%;}
.nybox .right .page{ padding:5px; line-height:22px; color:#666; text-align:center;}
.nybox .right .page a{ color:#333; display:inline-block;}
.nybox .right .page span{ color:#666; display:inline-block;}
.nybox .right .message table{ line-height:30px; width:90%; margin:0px auto;}
.nybox .right .message table td{ padding:3px;}
.nybox .right .message table td input{ height:30px; line-height:30px; display:inline-block; vertical-align:middle; width:40%;}
.nybox .right .message table td textarea{ height:90px; line-height:30px; display:inline-block; vertical-align:middle; width:60%;}
.nybox .right .message table td input.sub{ width:20%;}