@charset "utf-8";

/* CSS Document */

/*banner*/

.banner{ overflow: hidden; position: relative; width: 100%;}

.banner a{ display: block; background:url("../images/banner.jpg") no-repeat center; height: 500px}

#flashs{ position:relative; height:500px; overflow:hidden;}

#flashs .bgitem{z-index:1;position:absolute; top:0; }

#flashs .btn{overflow: hidden; width: 100%; text-align: center;position: absolute; left:0; bottom: 60px; z-index: 9999}

#flashs .btn span{ display: inline-block; width: 12px; height: 12px; background: url("../images/banner_btn.png") no-repeat center top;  margin: 0 10px;}

#flashs .btn span{ *display: inline}

#flashs .btn span.cur { background-position: bottom}

#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}

#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}

#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}

/*搜索*/

.ss{ overflow:hidden; width:100%; height:52px; background: #eeeeee}

.ss .ssBox{ overflow:hidden;}

.ss .ssBox p{ line-height:52px; color:#055293;  font-size:14px; float:left}

.ss .ssBox p a{ color:#999; padding:0 20px;}

.ss .ssK{overflow:hidden;float:right;height:30px;width: 240px;margin-top: 12px;background:url(../images/ssBg.png) no-repeat center;}

.ss .ssK input#searchtext{float:left;height:30px;line-height:30px;font-size:12px;width: 184px;outline:none;background:none;border:none;color:#999;padding-left: 15px;}

.ss .ssK input.sou{ display:block; float:right; background:url(../images/ssFdj.png) no-repeat center; width:40px; height:30px;border: none}

/*Service*/

.Service{  overflow: hidden; width: 100%; background-color: #fff; padding-top: 40px;}

.Service .serviceLtBox,.Service .serviceLtBox  .dl{ overflow: hidden; width: 100%; background: #eeeeee;}

.Service .serviceRt{float: right;width: 880px;overflow:hidden;}

.serviceRt .cpxl{clear: both; width: 880px;height: 40px;line-height: 40px;font-size: 14px;border-bottom: 1px solid #efefef;margin-bottom: 10px;}

.serviceRt .cpxl h5{font-size: 16px;font-weight: normal;padding-left: 10px;    float: left;}

.serviceRt .cpxl  span{float: right;margin-right: 10px;}

.Service .cplb{clear: both;width:892px;}

.Service .serviceRt-dl{ float: left; border: 1px solid #eee; padding: 7px; width: 270px; height: 235px; background-color: #fff; margin-right: 11px;*margin-right: 7px;_margin-right: 7px; margin-bottom: 10px;}

.Service .serviceRt-dl:nth-child(3n){margin-right: 0}

.Service .serviceRt-dl dt img{ display: block;}

.Service .serviceRt-dl dd{ padding: 0 10px; overflow: hidden;text-align: center;}

.Service .serviceRt-dl dd h3{ font-size: 16px; font-weight:normal; overflow: hidden;  white-space: nowrap; text-overflow: ellipsis; line-height: 40px}

.Service .serviceRt-dl dd h3 a{  color: #055293}

.Service .serviceRt-dl dd p{ font-size: 14px; line-height: 20px;    margin-top: 10px; color: #666666; }

.Service .serviceRt-dl dd a.more{ display: block; float: left;    margin-top: 10px; color: #00a1f2;}

.Service dl.bottom{ margin-bottom: 0}

.Service dl.last{ margin-right: 0}

.Service .serviceRt-dl:hover{ background-color: #055293;}

.Service .serviceRt-dl:hover h3 a,.Service .serviceRt-dl:hover dd p,.Service .serviceRt-dl:hover dd a.more{ color: #fff}

/*标题*/

.title{ overflow: hidden; width: 100%; text-align: center; margin-top: 55px;}

.title h2{ font-size: 36px; color: #00a1f2; font-weight: normal}

.title h2 a{color: #055293;}

.title i{display:block;width: 30px;height: 1px;background: #00a1f2; margin: 15px auto 0}

.title em{ font-size: 12px; color: #999999; margin-top: 15px}

.title p{ font-size: 14px; color: #666666; margin-top: 15px}

.title strong{ color: #ffae00;}

/*客户感言*/

.customer{ overflow:hidden; width:100%; background:#fff; padding-bottom: 35px}

.customer .customerBox{ overflow:hidden; width:1200px;  margin: 0 auto; margin-top:25px; position:relative}

.customer .customerBox em{ display: block; width: 70px; height: 70px; position: absolute; top:85px;}

.customer .customerBox em.sclt{ background: url("../images/customerLt.png") no-repeat center top; left:0}

.customer .customerBox em.scrt{ background: url("../images/customerRt.png") no-repeat center top; right:0}

.customer .customerBox em:hover{ background-position: bottom; cursor: pointer}

.customer .scCon{ overflow:hidden; width:1000px; height:320px; margin:0 auto; position:relative}

.customer ul{ position:absolute; top:0; left:0}

.customer ul li{ width:310px;float:left; text-align:center; margin-right:35px;}

.customer ul li a{ text-decoration:none}

.customer ul li img{ display:block; margin:0 auto; background-color: #fff;}

.customer ul li h3{ font-size:16px; margin-top: 30px; font-weight: normal}

.customer ul li h3 a{ font-size:16px; margin-top: 30px; color:#055293;}

.customer ul li p{ font-size:14px; margin-top: 15px; line-height: 20px; color: #666666; height: 40px; overflow: hidden}

.customer ul li:hover img{ opacity:.85;}

/*air*/

.air{ overflow: hidden; width: 100%; background: #00355f  url("../images/airBg.jpg") no-repeat center; height: 240px;}

.air .airPhone{font-size: 18px;color:#fff;margin-top: 190px;text-indent: 25px;}

.air .airPhone b{ font-size: 24px;}

/*about*/

.gsjj{ width:1140px; height:600px; background:url("../images/gsjj.jpg") no-repeat; margin:0 auto; margin-top:20px;}
.youshi{ width:1140px; height:1180px; background:url("../images/youshi.jpg") no-repeat; margin:0 auto; margin-top:20px;}

.gsjj_right{ float:right; width:636px;}

.gsjj_top{ width:636px; height:54px; color:#333333; font-size:26px; line-height:90px;  margin:0 auto; margin-top:84px;}

.gsjj_con{ width:636px; height:auto; overflow:hidden; margin:0 auto; margin-top:24px; line-height:35px; color:#666;font-size: 14px;line-height: 30px;}

.gsjj_con p{text-indent: 40px;}

/*choose*/

.choose{ overflow: hidden; width: 100%; background: #00a1f2; padding-bottom: 55px;}

.choose .title h2 a,.choose .title  em{ color: #fff; text-transform: uppercase;}

.choose .title strong{color: #fff}

.choose .title i{ background-color: #fff}

.choose .chooseBox{ position: relative; width: 1140px; height: 300px; margin-top: 40px; overflow: hidden}

.choose .lsit{ position: absolute; top:0; left:0}

.choose .lsit li{ width: 1140px; height: 300px; float: left;}

.choose .lsit li a{ display: block; width: 364px; height: 300px; margin-right: 16px; float: left;}

.choose .lsit li a.last{ margin-right: 0}

.choose .btn{ width: 100%; text-align: center; overflow: hidden; /*margin-top: 45px;*/}

.choose .btn span{ width: 50px; height:4px; background: #fff; display: inline-block; margin: 0 3px;}

.choose .btn span{ *display: inline}

.choose .btn span.cur{ background: #ffae00}

/*news*/

.news{ overflow: hidden; width: 100%; padding: 60px 0 30px;}

.news .newsLt{ float: left; width: 755px;  border: 1px solid #e7e7e7;}

.news .newsRt{ float: right; width: 365px;  border: 1px solid #e7e7e7;}

.news .newsNav{ overflow:hidden; width:100%; height:60px; background:url(../images/news_menu_bg.jpg) repeat-x left top; margin-bottom:20px;}

.news .newsNav li{ float:left; width:208px; height:60px; text-align:center; line-height:60px; font-size:16px; font-weight:bold; border-right:1px solid #e7e7e7; }

.news .newsNav li a{ color: #666666; text-decoration: none}

.news .newsNav li:hover,.news .newsNav li.cur{ background: #055293;}

.news .newsNav li:hover a,.news .newsNav li.cur a{  color: #fff}

.news .newsBox,.news .newsCon,.news dl{ overflow: hidden; width: 100%; }

.news .newsBox{ margin: 25px 20px 10px; ; height: 340px; width: 720px; position: relative}

.news .newsCon{ position:absolute; left:0; top:0; display: none}

.news .newsCon:first-child{ display: block}

.newsCon dl{ overflow:hidden; width:280px;float: left; }

.newsCon dt{ overflow:hidden; float:left;}

.newsCon dd{ overflow:hidden; float:left;}

.newsCon dd h3{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height: 35px;}

.newsCon dd h3 a{ color:#000}

.newsCon dd p{ font-size:14px; line-height:22px; color:#555; height:88px; text-align:justify; overflow:hidden;width: 280px;}

.news .newsLi{overflow:hidden;width: 420px; float: right; }

.news .newsLi li { font-size: 14px; overflow:hidden; width: 100%; line-height: 40px; border-bottom: 1px dashed #c9c9c9}

.news .newsLi li a{ display: block; width: 320px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left;}

.news .newsLi li span{ float: right; display: block; color: #999999;}

.news .NewTit{ overflow: hidden; width: 100%;background:url(../images/news_menu_bg.jpg) repeat-x left top; height:60px;line-height: 60px;text-indent: 10px;}

.news .NewTit h3{ font-weight: normal; font-size: 24px; float: left;}

.news .NewTit h3 a{ color: #055293;}

.news .btnLt{ float: right; width: 78px;}

.news .btnLt a { width: 37px; height: 33px; display: block;}

.news .btnLt a.newsTop{ background: url("../images/newsTop.jpg") no-repeat center top; float: left;}

.news .btnLt a.newsBtm{ background: url("../images/newsBottom.jpg") no-repeat center top; float: right;}

.news .btnLt a:hover{ background-position: bottom}

.news .newsDa{ width: 345px; height: 356px; position: relative; margin: 10px; overflow: hidden}

.news .listDa { position: absolute; top:0; left:0;width: 360px;}

.news .listDa li{ padding: 20px 0; width: 100%; border-bottom: 1px dotted #bbbbbb;}

.news .listDa li h3{ background: url("../images/newsWen.jpg") no-repeat left center; padding-left: 35px; font-size: 13px; font-weight: normal}

.news .listDa li h3 a{ color: #333333 }

.news .listDa li p{  background: url("../images/newsDa.jpg") no-repeat left top; padding-left: 35px; font-size: 13px; color: #666666; line-height: 30px; margin-top: 15px;}

/*link*/

.link{ overflow: hidden; width: 100%; padding: 27px 0;    background: url(../images/linkbg.jpg) no-repeat center top;margin-bottom: 20px;}

.link h3{ float: left; width: 65px; color: #fff; font-size: 14px; padding-left: 100px;}

.link .ul{ float: right; width: 930px;}

.link .ul li{ margin: 5px 0; float: left; border-right: 1px dotted #00a1f2; padding: 0 20px; font-size: 14px;}

.link .ul li a{ color: #666666;}

/*area*/

.area{width: 100%;background: #fff;margin-bottom: 20px;}

.area h3{font-size:26px;text-align:center; margin-top:10px; background:url(../images/zjwy_bg.png) no-repeat center top}

.area h3 a{color:#055293;}

.area .area_list{width: 100%;padding: 10px;overflow: hidden;}

.area .area_list a{display: inline-block;margin: 0 15px;line-height: 35px;font-size: 14px;}