@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:23px; color:#222222; background-color:#ffffff;}
p{margin:0; padding:0;}
form{margin:0; padding:0;}
h1{margin:0; padding:0;}
h2{margin:0; padding:0;}
h3{margin:0; padding:0;}
div{margin:0; padding:0;}
A{text-decoration:none;}
li{list-style:none;}
ul{margin:0; padding:0;}
dl{margin:0; padding:0;}
dt{margin:0; padding:0;}
dd{margin:0; padding:0;}
A{text-decoration:none;}
a:link{color: #4c4948;text-decoration: none;}
a:visited {text-decoration: none;color: #4c4948;}
a:hover {text-decoration: none;color: #d0395b;}
a:active {text-decoration: none;color: #4c4948;}
.clear{clear:both;}
.floatl{float:left; margin-right:26px;}
.martop{margin-top:26px;}
.paddingtop{padding-top:40px;}
#top{ width:1200px; margin:auto;}
#top .topleft{float:left; width:400px;}
#top .topright{ float:right; width:350px; padding-top:26px;}
#top .topright .toprightleft{float: left; width:222px;}
#top .topright .toprightright{float:right; width:100px;}
#menu{background:#2c2e81; height:42px; line-height:42px;}
#menu .menucon{width:1200px; margin:auto;}
#menu .menucon ul{}
#menu .menucon ul li{float:left; font-size:16px;}
#menu .menucon ul li a:link{color:#FFF; display:block; padding:0 52px; }
#menu .menucon ul li a:visited{color:#FFF; display:block; padding:0 52px; }
#menu .menucon ul li a:hover{color:#FFF; display:block; background:#f98903; padding:0 52px; }
#bananer{background:url(images/bananer.jpg) no-repeat center; height:634px;}

#mainpro{background:#f7f7f7; padding:40px 0 60px 0;}
#mainpro .maincontent{width:1200px; margin:auto;}
.pcenter{text-align:center;}
#mainpro .maincontent ul{ display:block; padding-top:30px;}
#mainpro .maincontent ul li{float:left; margin-left:25px; margin-right:15px;}
#mainpro .maincontent ul li b{display:block; background-color:#0060b7; color:#FFF; text-align:center; padding:15px; font-size:16px;}

#indexcontent{ background-color:#ffffff; padding:46px 0;}
#indexcontent .indexcon{ width:1200px; margin:auto;}
#indexcontent .indexleft{float:left; width:800px; font-size:14px; line-height:23px;}
#indexcontent .indexleft .more a:link{color:#FFFFFF; background-color:#828081; padding:3px 20px; font-weight:100; width:66px; float:right; font-size:12px;}
#indexcontent .indexleft .more a:visited{color:#FFFFFF; background-color:#828081; padding:3px 20px; font-weight:100; width:66px; float:right; font-size:12px;}
#indexcontent .indexleft .more a:hover{color:#FFFFFF; background-color:#cc45ae; padding:3px 20px; font-weight:100; width:66px; float:right; font-size:12px;}
#indexcontent .indexright{float:right; width:350px;}
#indexcontent h2{margin-top:10px; font-size:20px; margin-bottom:10px; color:#26166e;}
#indexcontent .indexright ul{}
#indexcontent .indexright ul li{ border-bottom:#CCC solid 1px; line-height:30px;}
#indexcontent .indexright ul li span{float:right;}
#indexcontent .indexright ul li a:link{ color:#333; font-size:14px; padding:3px 13px; display:block; background:url(images/newsicon.png) no-repeat left center;}
#indexcontent .indexright ul li a:visited{ color:#333; font-size:14px; padding:3px 13px; display:block; background:url(images/newsicon.png) no-repeat left center;}
#indexcontent .indexright ul li a:hover{ color:#fff; font-size:14px; display:block; background-color:#00a0e6; padding:3px 13px;}

#indexpro{padding:30px; background:url(images/indexprobg.jpg) repeat-x top;}
#indexpro .indexprocontent{width:1260px; margin:auto;}
#indexpro .indexprocontent ul{ display:block; padding-top:10px;}
#indexpro .indexprocontent ul li{float:left; margin-left:14px; margin-right:10px;}
#indexpro .indexprocontent ul li b{display:block; background-color:#0060b7; color:#FFF; text-align:center; padding:15px; font-size:16px;}
.border{border:#f7f7f7 solid 1px;}
#foot{ background-color:#2c2e81; padding:30px;}
#foot .footcon{width:1200px; margin:auto; color:#f7f7f7;}
#foot .footleft{float:left; width:900px; text-align:center;}
#foot .footright{float:right; width:260px;}
#foot .footleft h2{margin-bottom:10px; font-size:20px; margin-top:20px;}
#foot .footcon a:link{color:#FFF;}
#foot .footcon a:visited{color:#FFF;}
#foot .footcon a:hover{color:#FF0000;}

#aboutbananer{background:url(images/aboutbananer.jpg) no-repeat center;height:400px;}
#contactbananer{background:url(images/contactbananer.jpg) no-repeat center;height:400px;}
#jobbananer{background:url(images/jobbananer.jpg) no-repeat center;height:400px;}
#supportbananer{background:url(images/supportbananer.jpg) no-repeat center;height:400px;}
#newsbananer{background:url(images/newsbananer.jpg) no-repeat center;height:400px;}
#about{width:1130px; margin:auto; padding:35px 0;}
#about .aboutleft{float:left; width:205px;}
#about .aboutright{float:right; width:900px;}
#about .aboutleft .titlebg{background-color:#0060b7; font-size:16px; font-weight:bold; text-align:center; color:#FFFFFF; height:50px; line-height:50px;}
#about .aboutleft .leftul{border:#dcdcdc solid 1px;}
#about .aboutleft .leftul ul li{border-bottom:#dcdcdc solid 1px; height:46px; line-height:46px;}
#about .aboutleft .leftul ul li a:link{ background:url(images/lefticon.jpg) no-repeat left; padding-left:23px; font-size:14px;}
#about .aboutleft .leftul ul li a:visited{ background:url(images/lefticon.jpg) no-repeat left; padding-left:23px; font-size:14px;}
#about .aboutleft .leftul ul li a:hover{ background:url(images/lefticona.jpg) no-repeat left; padding-left:23px; font-size:14px;}
#about .aboutleft .leftcontact{background-color:#f0f0f0; padding:20px; text-align:center;}
#about .aboutleft .leftcontact .tel{background:url(images/phonea.jpg) no-repeat left; color:#ff5406; font-size:26px; text-align:left; text-indent:30px; height:26px; line-height:26px; margin:20px 0;}
#about .aboutright .righttitle{display:block; height:30px; line-height:30px; border-bottom:#dcdcdc solid 1px; padding-bottom:5px;}
#about .aboutright .righttitle li{float:left;}
#about .aboutright .righttitle .titletitle{background:url(images/rightline.jpg) no-repeat left; font-size:20px; color:#333333; padding-left:16px;}
#about .aboutright .righttitle .titlefloat{float:right;}
#about .aboutright .righttitle .titlefloat span{color:#981212;}
#about .aboutcontent{padding:20px 0;}
#about .aboutcontent h2{margin:0 0 20px 0;}

.abouttitle{ width:1050px; margin:auto; height:50px; padding-top:20px;}
.abouttitle ul{display:table;margin:auto;}
.abouttitle ul li{float:left; margin-left:10px;}
.abouttitle ul li a:link{ border:#ececec solid 2px; width:180px; height:46px; display:block; text-align:center; line-height: 46px; font-size:15px; font-weight:bold;}
.abouttitle ul li a:visited{ border:#ececec solid 2px; width:180px; height:46px; display:block; text-align:center; line-height: 46px; font-size:15px; font-weight:bold;}
.abouttitle ul li a:hover{ background-color:#d90c1d; border:0; width:180px; height:48px; display:block; text-align:center; line-height: 48px; color:#FFFFFF; font-size:15px; font-weight:bold;}
.abouttitle .abouthover{background-color:#d90c1d; border:0; display:block; color:#FFFFFF; padding:0 21px; height:50px; line-height: 50px; }

.proul{}
.proul li{float:left; margin-left:15px; text-align:center;}
.proul li img{ border:#f2f2f2 solid 1px;}
.proul li b{display:block; background-color:#2c2e81; color:#fff; text-align:center; padding:10px; font-size:14px; margin-bottom:20px;}
.line{border-bottom:#ececec solid 1px; height:10px; margin-top:20px; margin-bottom:30px;}

.newsul{}
.newsul li{display:block; height:240px; margin-bottom:20px; background-color:#FFFFFF; padding:20px;}
.newsul li dl{}
.newsul li dl dt{float:left; display:block;}
.newsul .dtimg{width:220px; height:180px;}
.newsul .dtimg img{width:220px; height:180px;}
.newsul .dtwid{width:600px; float:right; padding-right:20px;}
.newsul .dtwid b{display:block; font-size:22px; margin-bottom:10px; width:600px;}
.newsul .dtwid span{color:#981212; font-family:Calibri;}
.newsul .dtwid .spanbg{background:#666666; padding:8px 30px; color:#FFFFFF;}