@charset "utf-8";
.container { position: relative; width: 100%;  }
.aArea { background: url(from.png) center no-repeat; height: 47px; margin-top: 11px;  }
.leftAA { float: left; line-height: 47px; margin-left: 21px; }
.leftAA span { color: #191f42; }
.leftAA a { padding: 0 5px; }
.rightAA { float: right; width: 222px; padding-top: 10px; margin-right: 18px; }
.rightAA .text { background: #eeeeee; border: 1px solid #cbcbcb; width: 184px; line-height: 23px; float: left; }
.rightAA .btn { float: right; background: url(btn.png) center no-repeat; width: 33px; height: 25px; cursor: pointer; }

.bArea { margin-top: 17px; }
.title { float: left; }
.title span { display:block; font-size: 22px; color: #191f42; }
.title em { display: block; text-transform: uppercase; color: #cd322e; text-align: left; font-size: 14px; position: relative; margin-top: -3px; }
.bArea .hd ul { float: right; background: url(b.png) right center no-repeat; width: 1104px; height: 43px; line-height: 43px; margin-top: 5px;}
.bArea .hd ul li { float: left; font-size: 16px; color: #ffffff; width: 93px; text-align: center; }
.bArea .hd ul li a { color: #ffffff; }
.bArea .hd ul li:first-child { margin-left: 43px; }
.bArea .hd ul li.on { position: relative; top: -5px; left: -10px; font-size: 20px; background: url(on.png) center no-repeat;  width: 113px; height: 53px; text-align: center; line-height: 53px; }
.bArea .hd .more { position: absolute;  margin-left: 1049px; height: 53px; line-height: 53px; font-size: 16px; color: #ffffff;  text-transform: uppercase; }
.bArea .bd { margin-top: 31px; }
.leftPB { float: left; width: 400px; margin-right: 15px; }
.leftPB h2 { border: 1px solid #cbcbcb; }
.shortIntro { background: #191f42; height: 120px; }
.shortIntro .SI { float: left; width: 96px; background: #cd322e; font-size: 14px; color: #ffffff; height: 120px; margin-right: 11px; }
.shortIntro .SI span { font-size: 18px; color: #ffffff; }
.shortIntro .SI p{ position: relative; top: 50%; margin-top: -24px; height: 48px; text-align: center; }
.SICon { padding: 15px 15px 0 0; line-height: 23px; color: #ffffff; }
.SICon a { color: #df830c; }
.rightPB li {position: relative; margin: 0 24px 25px;  float: left; border: 1px solid #cbcbcb;  width: 249px; height: 249px; overflow: hidden; }
/*.rightPB li:nth-child(4n) { margin-right: 0; }*/
.rightPB li .dark { background: rgba(25,31,66,.7); height: 179px; position: relative; z-index: 99; padding-top: 70px; }
.rightPB li .dark  a h2 {  display: block; color: #ffffff; font-weight: normal; background: url(h2.png) center no-repeat; text-align: center; }
.rightPB li .dark p { color: #ffffff; width: 200px; margin: 26px auto 0; line-height: 23px; }
.rightPB li .dTitle { position: relative; z-index: 9; }
.rightPB li .dTitle a { display: block; text-align: center; line-height: 31px; background: rgba(25,31,66,.7); position: relative; margin-top: -31px; color: #ffffff; }

.cArea { background: url(nkl.png) top center no-repeat; height: 175px; margin-top: 28px; }
.leftCC { float: left; }
.rightCC { position: relative; margin-top: 60px; float: right; background: url(tel.png) left center no-repeat; padding-left: 70px; }
.leftCC span , .leftCC em { display: block; }
.leftCC span { font-size: 22px; color: #191f42; margin-top: 31px; }
.leftCC em { margin-top: 10px; width: 432px; font-size: 24px; color: #ffffff; background: #cd322e; padding: 0 5px; line-height: 39px; border-radius: 8px; }
.leftCC p { margin-top: 10px; color: #191f42; font-size: 14px; text-transform: uppercase; padding-left: 5px; }
.rightCC span , .rightCC em { display: block; }
.rightCC span  { font-size: 23px; color: #191f42; line-height: 28px; }
.rightCC em {font-size: 23px; color: #cd322e;  line-height: 30px; }

.eArea { position: relative; z-index: 9; }
.leftEE {  float: left; width: 642px; }
.leftEE h2 { position: relative; left: -222px; z-index: 999; }
.rightEE { background: url(re.png) top center no-repeat; width: 1095px; height: 327px; position: relative; margin-left: 326px; top: 15px; }
.RE { position: relative; z-index: 99;  width: 530px; margin-left: 344px; top: 10px; }
.RE span ,.RE em,.RE b { display: block; text-align: left; color: #fff; }
.RE span { padding-top: 15px; font-size: 20px; }
.RE em { font-size: 15px; text-transform: uppercase; border-bottom: 1px solid #ffffff; padding-bottom: 16px; }
.RE b { width: 50px; height: 5px; background: #cd322e; position: relative; margin-top: -4px; }
.RE p { line-height: 24px; color: #d0d0d0; margin-top: 10px; height: 144px; overflow: hidden; }
.RE a.more { display: block; width: 85px; height: 27px;  text-align: center; line-height: 27px; color: #ffffff; background: #cd322e; border-radius: 4px; margin-top: 10px; }

.fTitle b { display: block; width: 1092px; height: 1px; background: #191f42; float: left; margin-top: 30px; }

.fArea { background: #e5e5e5; padding-top: 200px; position: relative; margin-top: -167px; z-index: 0; padding-bottom: 53px; }
.honorList { margin-top: 34px; }
.honorList .tempWrap{ width: 1099px!important; margin: 0 auto; }
.honorList li { float: left; margin-right:23px; }
.honorList .prev, .honorList .next { position: absolute; z-index: 99; margin-top: 77px; }
.honorList .prev { margin-left: -40px; }
.honorList .next { margin-left: 1170px; }
.honorList li img { border: 2px solid #ffffff; box-shadow: 0 0 5px #c3c3c3; }
.honorList li:hover img { box-shadow:0 0 5px #cd322e; }
.gArea { margin-bottom: 54px; }
.gArea .hd li.on { background: url(on2.png)  center no-repeat!important; width: 145px; height: 53px; }
.bArea .hd ul li.on { position: relative; top: -5px; left: -13px; font-size: 20px; background: url(on2.png) center no-repeat;  width: 145px; height: 53px; text-align: center; line-height: 53px; }

.gArea .hd ul li:first-child { margin-left: 63px; }
.leftPC { float: left; width: 400px; padding-right: 22px; border-right: 1px solid #aaaaaa; margin-right: 32px; }

.hArea { background: #e5e5e5; padding-top: 22px; padding-bottom: 26px; }
.client { margin-top: 8px; }
.client ul { float: left; margin-right: 13px;  }
.client ul li { margin-bottom: 13px; }
.client ul:nth-child(5n) { margin-right: 0; }
.hArea .tempWrap { width: 1200px!important; margin: 0 auto; }

.lpc span { display: block; float: left; text-align: center; width: 45px; font-size: 19px; background: url(lim.png) right center no-repeat; padding-right: 6px; line-height: 16px; margin-right: 9px; }
.lpc span em { display: block; font-size: 16px; }
.leftPC li { margin-bottom: 8px; }
.leftPC li:last-child { margin-bottom: 0; }
.leftPC li h2 a { display: block; font-size: 14px; font-weight: normal; margin-bottom: 5px; color: #191f42; }
.leftPC b { position: absolute; z-index: 99; margin-left: 423px;     display: block; width: 4px; height: 43px; background: #cd322e;   }
.rightPC h2 { float: left; margin-right: 25px; }
.rightPC h2 img { box-shadow: 0 0 5px #c3c3c3; }

.RPC span, .RPC em, .RPC i,.RPC b { position: relative; z-index: 0; display: block; font-weight: normal; font-style: normal;  }
.RPC span { font-size: 34px; color: #cd322e; line-height: 18px; }
.RPC em { font-size: 18px; color: #cd322e; margin-top: -27px; left: 45px; }
.RPC i { font-size: 24px; margin-top: 5px; color: #191f42; }
.RPC b { width: 315px; height: 1px; background: #aaaaaa; margin-left: 883px; margin-top: 20px;}

.dCon h1 a { display: block; font-size: 18px; color: #191f42; font-weight: normal; margin: 15px 0 12px;  }
.dCon p { line-height: 22px; color: #000; }
.dCon h3 { margin-top: 28px; }

.ddd li { width: auto!important; padding: 0 22px; background-size: cover!important; }
.ddd li.on { width: auto!important; background-size: cover!important; }