﻿@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; }
body { color: #666666; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, 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: 1200px; }
.minwidth { min-width: 1200px; }
#container { background: #fff }
.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; }
div { outline: none; }
input { outline: none; }
textarea { outline: none; }
/*加载*/
.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 }
/*招聘*/
.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 { background: #f2f2f2; height: 36px; line-height: 36px; border-top: 2px solid #e60027 }
.topright { background: #dadada; padding: 0 6px 0 10px }
.topright a { display: block; float: left; margin: 9px 5px; }
/*头部*/
#header {   }
#header .wrap {   }
.logo { padding: 15px 0 16px 0; }
.headright { text-align: right; }
/*导航*/
.menu { padding-left: 10px; }
.menu li { float: left; width: 110px; text-align: center; line-height: 87px; position:relative }
.menu li a { display: block; font-size: 16px; border-bottom: 2px solid #fff; }
.menu li a:hover { border-bottom: 2px solid #e60027; }
.menu .first a {border-bottom: 2px solid #e60027; }
.menu .first .first a{ background:none; border:0;}
.menu .first li a{ background:none; border:0;}
.menu li .first a{background:none; border:0;}
.menu .first ul li{ border-bottom:0;}
.menu ul{background:#f5f5f5;display:none;left:-5px;overflow:hidden;padding:8px 0;position:absolute;text-align:center;top:89px;width:120px;z-index:40;}
.menu ul li { float: none; line-height: 36px; margin-left: 0; text-transform: capitalize;width:120px; border:0; }
.menu .subnav { display: block; }
.menu .first li a { color: #666; font-size: 14px; }
.menu ul li a { color: #666; font-size: 14px;border:0; }
.menu ul li a:hover { color: #e60027;border:0; }
.menu ul li.first a { color: #e60027; }
.menu .first li a:hover { color: #e60027; }





/*banner*/
#ban { height: 500px; }
#ban .banner { height: 500px; position: relative; }
.banner ul.imglist li { position: absolute; }
#ban .imglist li { background: none no-repeat center top; height: 500px; width: 100%; }
#ban a { display: block; }
.banner .imglist li a { height: 100% }
.btn_left, .btn_right { cursor: pointer; display: block; height: 134px; position: absolute; top: 12px; width: 52px; z-index: 1; }
.btn_left { background: url(../images/btn_left.png) no-repeat center center; left: 15%; }
.btn_right { background: url(../images/btn_right.png) no-repeat center center; right: 15%; }
.pagelist { bottom: 20px; height: 17px; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; }
.pagelist li { color: transparent; background: #ffffff; cursor: pointer; display: inline-block; *display:inline;
margin-right: 10px; height: 14px; line-height: 14px; position: relative; width: 14px; }
.pagelist li.on { color: transparent; background: #e60027 }
/*首页主体*/
#main { }
.main1 { margin-top: 20px; overflow: hidden; margin-bottom: 31px; height: 308px; }
.main1 .wrap { }
.main1left { width: 590px; margin-right: 23px; }
.maintop { font-size: 20px; color: #444; height: 35px; }
.indexabout { overflow: hidden; HEIGHT: 273PX; }
.indexabout img { margin-right: 17px; }
.aboutinfo { font-size: 13px; }
.abouttop { font-size: 22px; color: #e60027; line-height: 30px; margin-bottom: 12px; }
.indexbottom { width: 610px; }
.indexbottom li { float: left; margin-right: 16px; }
.indexbottom li a { height: 98px; width: 135px; display: block; text-align: center; border-radius: 5px; }
.indexbottom li .p1 { background: #f4f4f4 url(../images/p1.png) no-repeat center 20px; }
.indexbottom li .p2 { background: #f4f4f4 url(../images/p2.png) no-repeat center 20px; }
.indexbottom li .p3 { background: #f4f4f4 url(../images/p3.png) no-repeat center 20px; }
.indexbottom li .p4 { background: #f4f4f4 url(../images/p4.png) no-repeat center 20px; }
.indexbottom li a:hover h3 { color: #fff; }
.indexbottom li .p1:hover { background: #e60027 url(../images/p1h.png) no-repeat center 20px; }
.indexbottom li .p2:hover { background: #e60027 url(../images/p2h.png) no-repeat center 20px; }
.indexbottom li .p3:hover { background: #e60027 url(../images/p3h.png) no-repeat center 20px; }
.indexbottom li .p4:hover { background: #e60027 url(../images/p4h.png) no-repeat center 20px; }
.indexbottom li h3 { padding-top: 60px; font-size: 18px; }
.main1center { width: 280px; margin-right: 24px; }
.proinfo { padding: 10px; overflow: hidden; }
.indexpro { position: relative }
.indexpro ul li { border: 1px solid #f4f4f4; width: 280px; }
.indexpro ul li a { display: block; height: 273px; background: #f4f4f4 }
.indexpro ul li a:hover h3 { color: #e60027; }
.indexpro ul li img { width: 280px; }
.indexpro ul li h3 { font-size: 16px; color: #333; }
.indexpro ul li p { font-size: 13px; color: #777; }
.btnleft, .btnright { cursor: pointer; display: block; height: 22px; position: absolute; bottom: 10px; width: 22px; z-index: 1; }
.btnleft { background: url(../images/left.jpg) no-repeat center center; right: 40px; }
.btnright { background: url(../images/right.jpg) no-repeat center center; right: 10px; }
.btnleft:hover { background: url(../images/lefthover.jpg) no-repeat center center; right: 40px; }
.btnright:hover { background: url(../images/righthover.jpg) no-repeat center center; right: 10px; }
.main1right { width: 280px; }
.main1right ul li { overflow: hidden; margin-bottom: 11px; }
.main1right ul li img { margin-right: 13px; }
.main1right ul li .rightinfo { width: 100px; height: 80px; margin-top: 13px; }
.main1right ul li h3 { color: #333; font-size: 16px; }
.main1right ul li p { font-size: 12px; color: #999898; }
.main1right ul li a { display: block; border: 1px solid #eaeaea; overflow: hidden }
.main1right ul li a:hover { border: 1px solid #e60027; }
.main1right ul li a:hover h3 { color: #e60027 }
.main2 { padding: 31px 0; overflow: hidden; background: #eee; }
.main2 .wrap { position: relative; }
.main2 ul { width: 1230px; }
.main2 ul li { position: relative; width: 282px; margin-right: 24px; float: left }
.main2 ul li a { display: block }
.main2 ul li img { width: 282px; height: 159px; }
.main2info { background: url(../images/hoverbg.png) repeat center center; height: 35px; line-height: 35px; position: absolute; bottom: 0; left: 0; width: 100%; }
.main2info h3 { padding-left: 10px; color: #fff; font-size: 16px; }
.main2info .more { background: url(../images/more.jpg) no-repeat center center; height: 35px; width: 35px; }
.main2 .btnl, .main2 .btnr { cursor: pointer; display: block; height: 159px; position: absolute; bottom: 0; width: 20px; z-index: 10; }
.main2 .btnl { background: url(../images/left.png) no-repeat center center; left: -40px; }
.main2 .btnr { background: url(../images/right.png) no-repeat center center; right: -40px; }
.main2top { height: 36px; background: url(../images/bg.png) no-repeat center right; font-size: 20px; color: #444; }
/*底部*/
#footer { padding:10px 0; overflow: hidden; background: #eee; }

.foottop h3 { font-size: 16px; color: #333; margin-bottom: 10px; }
.foottop ul { padding-bottom: 15px; border-bottom: 1px solid #e3e3e3; margin-bottom: 15px; overflow: hidden }
.foottop ul li { float: left; border-right: 1px solid #a7a7a7; padding-right: 5px; margin-right: 5px; line-height: 1; }
.footbottom { width: 100px; }
hr { border: 1px dashed #cccccc; height: 1px; }
#ban1 { background: url(../images/inbanner01.jpg) no-repeat center center; height: 200px; }
#ban2 { background: url(../images/inbanner02.jpg) no-repeat center center; height: 200px; }
#ban3 { background: url(../images/inbanner03.jpg) no-repeat center center; height: 200px; }
#ban4 { background: url(../images/inbanner04.jpg) no-repeat center center; height: 200px; }
#ban5 { background: url(../images/inbanner05.jpg) no-repeat center center; height: 200px; }
#ban6 { background: url(../images/inbanner06.jpg) no-repeat center center; height: 200px; }
#inmain { padding: 25px 0; overflow: hidden; }
.inmainleft { margin-right: 30px; width: 257px; box-shadow: 0 0 5px #dfdfdf; }
.inmainltop { overflow: hidden; text-transform: uppercase; color: #fff; padding-left: 30px; background: url(../images/ileftbg.jpg) no-repeat center center; height: 83px; }
.inmainltop h3 { font-size: 25px; padding-top: 20px }
.inmainltop p { font-size: 16px; }
.inmainbottom ul { background: #fff; padding: 0 10px; }
.inmainbottom ul li a { border-bottom: 1px solid #eaeaea; background: url(../images/dot.png) no-repeat 10px center; display: block; font-size: 15px; height: 49px; line-height: 49px; padding-left: 20px; text-transform: capitalize; }
.inmainbottom ul li a:hover { background: #fff url(../images/dot.jpg) no-repeat 10px center; color: #e60027 }
.inmainbottom ul .cur a { background: #fff url(../images/dot.jpg) no-repeat 10px center; color: #e60027 }
.inmainbottom ul .cur ul li a { color: #666; background: url(../images/dot.png) no-repeat 10px center }
.inmainbottom ul .cur ul li a:hover { background: #fff url(../images/dot.jpg) no-repeat 10px center; color: #e60027 }
.inmainright { width: 900px; }
.mainrtop { overflow: hidden; border-top: 1px solid #ececec; }
.mainrtop h3 { font-size: 28px; height: 83px; line-height: 83px; color: #262626; text-transform: uppercase; }
.mainrtop img { margin-top: 32px; margin-left: 10px; }
.mainrtop span { font-size: 18px; line-height: 55px; margin-right: 10px; text-transform: uppercase; }
.content { overflow: hidden; padding-top: 20px; border-top: 1px solid #ececec; }
.newslist li { overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #ccc; }
.newslist li img { width: 226px; height: 127px; margin-right: 14px; }
.newslist li a { display: block }
.newinfo { width: 610px; height: 127px; position: relative; }
.newinfo span { margin: 5px 0 10px 0; overflow: hidden; display: block; color: #8e8e8e; }
.newinfo h3 { color: #333; font-size: 16px; }
.newinfo p { color: #ababab; font-size: 12px; }
.newslist li a:hover .newinfo h3 { color: #e60027 }
.reportlist li { overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ccc; }
.reportlist li a { display: block }
.reportlist span { overflow: hidden; display: block; color: #8e8e8e; }
.reportlist h3 { color: #333; font-size: 16px; }
.reportlist li a:hover h3 { color: #e60027 }
.productslist { overflow: hidden; width: 925px; }
.productslist li { border: 1px solid #dedede; background: #eee; float: left; height: 285px; margin: 0 19px 19px 0; position: relative; width: 283px; padding: 1px; }
.productslist li a { display: block; height: 270px; }
.productslist li h3 { font-size: 16px; padding-bottom: 5px; }
.productslist li p { font-size: 13px; }
.productslist li a:hover h3 { color: #e60027 }
.productslist .more1 { background: url(../images/more.png) no-repeat center center; bottom: 10px; color: #fff; font-size: 12px; height: 24px; left: 10px; line-height: 24px; position: absolute; text-align: center; width: 90px; }
.productslist .caseimg { height: 160px; width: 283px; }
.productslist .proinfo { padding: 15px; overflow: hidden }
.productslist .productslist li a:hover h3 { color: #194680; }
.caselist { width: 980px; overflow: hidden }
.caselist li { position: relative; overflow: hidden; float: left; margin-bottom: 20px; width: 283px; margin-right: 25px; }
.caselist li img { width: 283px; height: 160px; }
.caselist li a { display: block }
.caselist li h3 { font-size: 18px; color: #333; height: 40px; line-height: 40px; text-align: center; background: #f5f5f5; }
