﻿@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body { color: #666666;  font-family: Verdana,Geneva,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; font-size: 14px; line-height: 22px; width: 100%; }
.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
a:link, a:visited { color: #666666; text-decoration: none; }
a:hover{ cursor:pointer}
fieldset, img { border: none; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
.fl { float: left }
.fr { float: right }
.wrap { margin: 0 auto; width: 1180px; }
.minwidth { min-width: 1180px; }
#container { background:url(../images/bodybg.jpg) repeat-y top center; overflow:hidden}
.font16 { font-size: 16px; }
.textc { text-align: center; }
.textl { text-align: left; }
.textr { text-align: right; }
.mb { margin-bottom: 30px; }
.pr { position: relative; }
.pa { position: absolute; }
input { outline: none; }
textarea { outline: none; }
@font-face { font-family: 'GOTHIC'; src: url('GOTHIC.eot'); src: url('GOTHIC.eot?#iefix') format('embedded-opentype'), url('GOTHIC.woff') format('woff'), url('GOTHIC.ttf') format('truetype'), url('GOTHIC.svg#minijianyaya') format('svg'); font-weight: normal; font-style: normal; }
/*加载*/
.load { margin-top: 10px; height: 31px; background: #f0f0f0; color: #707c85; text-align: center; font-size: 12px; line-height: 31px }
.load a { color: #707c85 }
.load a:hover { color: #870407 }
/*新闻详细页*/
.title { padding-bottom: 10px; color: #333; text-align: center; font-weight: bold; font-size: 21px }
.time { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px dotted #aaa; text-align: center }
.hits { margin-left: 20px }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; text-align: right }
/*留言*/
#guestform { margin-top: 20px; padding: 20px; border: dotted 1px #ddd }
.ajaxtable td { vertical-align: middle }
.tdinput { text-align: left; font-weight: normal; font-size: 12px; line-height: 30px }
/*banner*/
#ban { height: 380px; }
#ban .banner { height: 380px; position: relative; }
.banner ul.imglist li { position: absolute; }
#ban .imglist li { background: none no-repeat center top; height: 380px; width: 100%; }
#ban a { display: block; }
.btn_left, .btn_right { cursor: pointer; display: block; height: 46px; position: absolute; bottom: 0; width: 52px; z-index: 23; }
.btn_left { background: url("../images/btn_left.jpg") no-repeat scroll center center; right: 201px; width: 63px; }
.btn_right { background: url("../images/btn_right.jpg") no-repeat scroll center center; right: 0; width: 71px; }
.banner .wrap { position: relative }
.pagestate { bottom: 0; height: 46px; line-height: 46px; color: #fff; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; background: url(../images/bannerbg.jpg) no-repeat center center; width: 247px; }
.pagestate span { font-size: 30px; font-weight: bold; }
/*招聘*/
.jobs { color: #225fa9; font-weight: bold; padding-bottom: 20px; }
.jobtitle { cursor: pointer; height: 25px; margin-bottom: 0; padding-top: 10px; width: 705px; }
.jobtitle td { border-bottom: 1px solid #dadada; line-height: 26px; }
.jobtitle .subgif { background: url(../images/mini.gif) no-repeat scroll right center; }
.jobsub { background-color: #fafafa; border: 1px dotted #dadada; border-top: none; display: none; overflow: hidden; padding: 10px; }
#job .th { background-color: #eFF; margin: 10px 0 3px 0; padding: 5px 3px; font-weight: bold }


.top{height:38px; line-height:38px; color:#fff}
.top .wrap{ background:#979797;height:38px;}
.topleft{margin-left:12px;}
.topright img { vertical-align: middle; }
.topright a{ color:#fff;}
.topright a:hover{ color:#ffae00;}
/*头部*/
#header {  padding: 20px 0;position: relative; z-index: 1; }
#header .wrap { }
.headright { line-height: 38px; }

.headright a:hover { color: #004ca0 }
/*导航*/
.menu {}
.menu li { float: left; text-align: center; line-height: 38px;padding: 0 20px;position: relative }
.last { border-right: 1px solid #ccc }
.menu li a { display: block; font-size: 15px; background: url(../images/dot.png) no-repeat center right;padding-right:15px;}
.menu li a:hover{ background:url(../images/hover.png) no-repeat bottom center;}
.menu  li .hover{ background:url(../images/hover.png) no-repeat bottom center;}
.menu li:hover a { color: #004ca0 }
.menu .first a { color: #004ca0 }
.menu ul{display: none;position: absolute;background:#f2f2f2 url(../images/navbg.jpg) no-repeat bottom right; left: 0; width:100%; overflow: hidden; position: absolute; top: 38px;}
.menu .subnav { display: block; }
.menu ul li { float: none; border: none; line-height: 38px; height: 38px;padding:0; }
.menu ul li a { background: none; padding: 0; }
.menu ul li a:hover{ background:none; color:#fff;}
.menu ul li:hover { background: #005bc9 }
.menu .first .first{background: #005bc9 }

.menu .first .first a{color:#fff;}
#product_menu {width:140%;left:-35px;}
.indexnews {  height: 145px;}
.indexnews .wrap{background:#004ca0 url(../images/indexbg.jpg) no-repeat bottom right;height: 145px;}
.newsleft a{ display:block}
.newsleft img { margin: 22px 47px 21px 12px; }
.newsleft { color: #fff; }
.newsright{ background:url(../images/nline.jpg) no-repeat center left;padding-left:45px;color: #fff; margin-right: 25px;height:145px;}
.newsright h3 { font-size: 16px;margin:20px 0 5px 0; }
.newsright h3 img{ vertical-align:middle;margin-right:10px;}
.loop { width: 650px; position: relative }
.loop ul { line-height:25px; }
.loop ul li { background:url(../images/dot.jpg) no-repeat center left;padding-left:7px;}
.loop ul li a { color: #fff; }
.loop ul li a:hover{ color:#ffae00}
.btnleft, .btnright { cursor: pointer; display: block; height: 50px; float: left; width: 10px; }
.btnleft { background: url(../images/1.png) no-repeat center center; margin-left: 10px; }
.btnright { background: url(../images/2.png) no-repeat center center; margin-right: 10px; }

/*首页主体*/
.main1 .wrap{ background: #f2f2f2;padding:12px 0; overflow:hidden}
.slider { height: 245px;width:1155px;margin:0 auto;}
.slider .item { cursor: pointer; float: left; height: 245px; overflow: hidden; position: relative; width: 157px; background:#fff }
.slider .item img { float: right; position: absolute; right: 0; }
.slider .item .para.i1 { background-color: #999999; }
.slider .item .para.i2 { background-color: #787878; }
.slider .item .para.i3 { background-color: #535353; }
.slider .item .para.i4 { background-color: #2d2d2d; }
.slider .item .para.i5 { background-color: #535353; }
.slider .item .para { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 157px; word-break: break-all; z-index: 2; }
.slider .item .para b { background: url(../images/ic.png) repeat 0 0; bottom: 0; display: inline-block; height: 57px; left: auto; position: absolute; right: 0; top: auto; width: 67px; z-index: 9; }
.slider .item.active  {  }
.slider .item.active .para { background:#fff url(../images/abg.png) no-repeat right center; width: 210px; }
.slider .item.active .para b { background: url(../images/ic_ac.png) repeat 0 0; }
.slider .item.active .para .main h4, .slider .item.active .para .main span, .slider .item.active .para .main p { display: block; }
.slider .item .para .main { color: #fff;padding: 25px; }
.slider .item.active .main { color: #004ca0;padding: 25px; }
.slider .item .para .main h3 { font-size: 23px; line-height: 40px; }
.slider .item .para .main h4 { font-size: 14px; }
.slider .item .para .main p { display: none; font-size: 14px; }
.slider .item .para .main span { background-color: #ffae00; color: #fff; display: none; font-size: 12px; height: 33px; line-height: 33px; text-align: center; width: 120px; margin-top: 10px; }
.homenews { padding-bottom: 20px; overflow: hidden }
.homenewstop { height: 120px; }
.homenews h2 { color: #004ca0; font-size: 28px; height: 65px; line-height: 95px; text-align: center; }
.homenews .pa { text-align: center; height: 25px; line-height: 25px; width: 1180px }
.homenews ul{ width: 1210px}
.homenews ul li {  float: left; height: 84px; margin-right: 19px; border:1px solid #f2f2f2 }
.homenews ul li img { float: left; overflow: hidden; width: 150px; height: 84px; }

.homenews ul li a { display: block; height: 84px; }
.homenews ul li:hover { border:1px solid #004ca0; }
.homenews ul li:hover a { color: #fff; }
#marquee1 {
    height: 86px;
    position: relative;
}
.marqueeleft {
    overflow: hidden;
    width: 1180px;
}
/*底部*/
#footer { }
/*上下*/
.foottop .wrap { background:#9b9b9b url(../images/blogo.png) no-repeat 800px center ; padding: 20px 0; overflow: hidden; color: #fff; border-bottom: 1px solid #706d6d; }
.foottop img { vertical-align: middle }
.footbottom { height: 40px; line-height: 40px; color: #fff;}
.footbottom .wrap{ background:#575757; height: 40px;  }
.footbottom a { color: #fff; }
    .footbottom a:hover {color: #ffae00; 
    }
.footbottom span{margin:0 12px;}


#inban1 { background: url(../images/inbanner01.jpg) no-repeat center center; height: 220px; }
#inban2 { background: url(../images/inbanner02.jpg) no-repeat center center; height: 220px; }
#inban3 { background: url(../images/inbanner03.jpg) no-repeat center center; height: 220px; }
#inban4 { background: url(../images/inbanner04.jpg) no-repeat center center; height: 220px; }
#inban5 { background: url(../images/inbanner05.jpg) no-repeat center center; height: 220px; }
#inban6 { background: url(../images/inbanner06.jpg) no-repeat center center; height: 220px; }
#inban7 { background: url(../images/inbanner07.jpg) no-repeat center center; height: 220px; }
#inmain{ overflow:hidden;padding-bottom:20px;}
.inmainleft{width:235px;margin:45px 55px 0 5px;}
.inmainltop{ margin-bottom:10px; overflow:hidden}
.inmainltop h3{ font-size:26px;height:34px;line-height:33px;}
.inmainltop span{ font-size:17px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif}

.inmainbottom ul{ border-top:1px dashed #CCC;}
.inmainbottom ul li{ border-bottom:1px dashed #ccc;}
.inmainbottom ul li a{ line-height:20px;padding:9px 17px 9px 17px;padding-left:17px; display:block;margin:2px 0;font-size:15px;}
.inmainbottom ul li a:hover{ background:url(../images/lefthover.jpg) no-repeat center left; color:#fff;}
.inmainbottom ul .cur a{ background:url(../images/lefthover.jpg) no-repeat center left; color:#fff;}


.inmainbottom ul ul{ display:none;}
.inmainbottom ul ul li{ border:none;padding-left:15px;}
.inmainbottom ul ul li a{padding:0 0px 0 25px;background: url(../images/icon03.png) no-repeat  13px center;line-height:41px; }
.inmainbottom ul ul li a:hover{ background: url(../images/icon04.png) no-repeat  13px center; color:#004ca0}
.inmainbottom .selected a{ background:url(../images/lefthover.jpg) no-repeat center left; color:#fff;}
.inmainbottom .selected ul li a{background: url(../images/icon03.png) no-repeat  13px center; color:#666}
.inmainbottom .selected ul { display:block}
.inmainbottom .selected ul .selected a{ background: url(../images/icon04.png) no-repeat  13px center; color:#004ca0}



.inmainright{width:885px;}
.mianrtop{ overflow:hidden;height:70px; line-height:70px; border-bottom:1px solid #f2f2f2}
.mianrtop h3{ font-size:40px; margin-right:10px; line-height:70px;}
.mianrtop span{margin-top:15px;}
.current{height:34px; line-height:34px; overflow:hidden; border-bottom:1px solid #f2f2f2; text-align:right}
.home{ margin-right:10px;}

.current a:hover{ text-decoration:underline;}
.content{ padding-top:25px; overflow:hidden}
.newslist li img { height: 117px; margin-right: 15px; width: 208px; }
.newslist li .newsinfo { height: 117px; width: 660px; }
.newslist li h3 { font-weight: bold; margin-bottom: 5px; }
.newslist li p { color: #ababab; font-size: 12px; }
.newslist li { border-bottom: 1px dashed #ccc; margin-bottom: 15px; overflow: hidden; padding-bottom: 15px; }
.newslist li a:hover h3{ color:#004ca0}
.productslist { overflow: hidden; width: 905px; }
.productslist li { border: 1px solid #dedede; float: left; height: 220px; margin: 0 20px 20px 0; width: 272px;padding:3px; position: relative }
.productslist li a { display: block; }
.productslist li a:hover .more1 {  background: #ffae00; }
.productslist li h3 { color: #333; font-size: 16px; padding: 5px 15px; }
.productslist li .mrbottom { overflow: hidden; padding: 0 15px; }
.productslist li .mrtop img { margin-right: 10px; vertical-align: middle; }
.more1 { border-radius: 5px; color: #fff; font-size: 12px; height: 24px; left: 10px; line-height: 24px; bottom: 10px; text-align: center; width: 104px; position: absolute; background: url(../images/more.jpg) no-repeat center center; }
.caseimg { height:153px; width: 272px; }
.caseslist {
width:896px; overflow:hidden}
.caseslist li img { height: 150px; width: 200px; }
.caseslist li h3 { font-weight: bold; height:25px; line-height:25px; }
.caseslist li {  overflow: hidden; width:200px; float:left; text-align:center;padding:7px; background:#f2f2f2;margin-right:10px;margin-bottom:10px; }
.caseslist li a:hover h3{ color:#004ca0}




.actlist { overflow: hidden; width: 905px; }
.actlist li { box-shadow: 0 0 10px #ddd; float: left;  margin: 0 20px 15px 7px;  position: relative; width:260px; height:240px; overflow:hidden }
.actlist li a { }

.actlist li h3 { color: #333; font-size: 16px; padding: 5px 15px; }
.actlist li .mrbottom { overflow: hidden; padding: 0 15px; }
.actlist li  img { margin: 10px; vertical-align: middle;height:180px; width: 240px;  }



.showlist li img { height: 102px; margin-right: 15px; width: 348px; }
.showlist li .newsinfo { height: 102px; width: 520px; }
.showlist li h3 { font-weight: bold; margin-bottom: 5px; }
.showlist li p { color: #ababab; font-size: 12px; }
.showlist li { border-bottom: 1px dashed #ccc; margin-bottom: 15px; overflow: hidden; padding-bottom: 15px; }
.showlist li a:hover h3{ color:#004ca0}
.historylist { background: url(../images/time.jpg) no-repeat 80px 0; padding-top: 60px; overflow: hidden; width: 750px; margin: 0 auto; font-size: 16px; }
.historylist p.time1 { font-size: 17px; line-height: 30px; color: #004ca0; padding-bottom: 10px; background: url(../images/dot_honor.png) no-repeat right 7px; width: 112px; float: left; text-align: center }
.historylist ul { padding-left: 120px; margin-bottom: 20px; line-height: 30px; }
.historylist ul li { padding-bottom: 5px; margin-bottom: 5px; }
.historylist h3 { font-size: 12px; font-size: 14px; }

.honorlist1 { margin-top: 20px; overflow: hidden; width: 1176px;  }
.honorlist1 li {border:1px solid #ccc; width:238px;text-align:center; height:153px; 
  float: left;margin: 0 151px 54px 0; position:relative;background:#edf3f2}
.honorlist1 li .user{ position:absolute; bottom:0; height:30px; background:#239a86;color:#fff; padding:0 10px; line-height:30px}
.honorlist1 li:hover .user{background:#0c87c2; }
.honorlist1 li a { display: block;  overflow: hidden; }
.honorlist1 li img {width:238px;height:153px; }

.histroylist1 li {
    background: #fff url("../images/333.png") no-repeat scroll 0 2px;
    display: block;
    margin: 0;
    overflow: hidden;
    border-bottom:1px dashed #efefef;
    margin-bottom:30px;
}
.hl {
    color: #305d9e;
    font-size: 16px;
    padding: 44px 90px 70px 10px;text-align: center;
}
.hr  {
    margin-top: 0px;
    width:680px;
}
