﻿*{ margin:0px; padding:0px; }
body{font-size:12px; font-family:"Microsoft YaHei"; background:#ffffff;  color:#555555; }
.pull-left{ float:left; display:inline;}
.pull-right{ float:right; display:inline; }
a{ text-decoration:none; color: #555555; } 
li{list-style:none;}
em,i{font-style:normal;}
img{ border:0; }
input{ outline:none; }
input,button,textarea{font-family:"Microsoft YaHei";}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block; }
.clearfix{display: block; }
.clear{clear:both; height:0; font:0/0 Arial; visibility:hidden; }
.none{ display: none; }
.mt15{ margin-top: 15px!important;}
.mt30{ margin-top: 30px!important;}
.mt45{ margin-top: 45px!important;}
.mt10{ margin-top: 10px!important;}
.mb30{ margin-bottom: 30px!important;}
.m90{ margin: 90px 0!important;} 

/*.header{ width: 100%;}*/
.container{ width: 1200px; margin: 0 auto; } 
.logo{ padding: 20px 0px; width: 380px; }
.logo img{ width:100%; }  

.hotline{ width: 312px; padding-left: 63px; background: url(../img/tel.png) left center no-repeat; margin-top: 15px; }
.hotline p { font-size: 14px; margin: 0; }
.hotline h4 {  font-family: 'Trebuchet MS'; font-size: 36px; color: #e7942c; margin: 0; font-weight: bold; }

/** 顶部   **/
.nav-bar{ background: #1e1e1e; height: 52px; }
.nav > li{ float:left; position: relative; }
.nav > li > a{ padding: 0; width: 130px; display:block; line-height: 52px; text-align: center; font-size: 16px; font-family: '\5FAE\8F6F\96C5\9ED1'; color: #ffffff; position: relative;}
.nav > li > a:hover,.nav > li > a:focus { background: #e7942c; color: #ffffff; }
.nav > li.active{ background: #e7942c; color: #ffffff; }
.nav > li > dl {  position: absolute; left: 0px;  top: 52px; z-index: 9999; width: 135px; background: #fff !important; display: none; }  
.nav > li > dl > dd{background:#fff; height:38px;line-height:38px; border-bottom:0px; text-align: center; }
.nav > li > dl > dd > a{font-size:14px ; color:#4d4d4d; display: block; } 
.nav > li > dl > dd > a:hover{ background:#e7942c; color: #ffffff; }

.banner .swiper-container {  height: 545px; }
.banner .swiper-pagination-bullet { width: 21px; height: 21px; background:url(../img/bj.png) -74px -47px no-repeat; opacity: 1; position: relative; } 
.banner .swiper-pagination-bullet-active{ background-position: -74px -68px; }

.fast-pass{ width:auto; text-align:center; background: #e7942c; height: 60px;  }
.fast-pass img{ width: 100%; max-width: 100%; overflow: hidden; }

/** 底部   **/
.foot{ background: url(../img/footer-bj.jpg) center top no-repeat; height: 327px; }
.foot .footer-link{ padding: 20px 0;}
.foot .footer-link ul{ padding: 0; margin: 0;}
.foot .footer-link li{ float: left; width: 70px; margin-right: 45px; text-align: left; color: #cacaca; line-height: 35px; }
.foot .footer-link li h4{ font-size: 16px; color: #fff;  line-height: 40px; margin: 0; font-weight: bold;}
.foot .footer-link li a{ color: #cacaca;  display: block; overflow: hidden; width: 70px; font-size: 12px; }
.foot .footer-link li a:hover{ color: #f08607;}
.foot .i-message{ width: 394px; overflow: hidden; padding: 20px 0 0 0; }
.foot .i-message h1{ display: block; text-align: center; font-size: 16px; color: #fff; font-weight: bold; margin: 0; line-height: 24px; }
.foot .i-message dl{ float:left; width: 100%; display: block; margin: 0; }
.foot .i-message dl dt{ width: 42px;  color: #fff; line-height: 32px;  float: left; font-weight: normal; }
.foot .i-message dl dd{ float: right; width: 342px; margin-bottom: 10px; }
.foot .i-message dl dd input{ width: 333px; height: 28px; line-height: 28px; border: 1px solid #858585; color: #fff; font-size: 13px; color: #fff; background: none; padding: 0 3px; outline: none; }
.foot .i-message dl dd textarea{ border: 1px solid #858585; color: #fff; font-size: 13px; height: 118px; background: none;  width: 333px; padding: 10px; }
.foot .i-message dl dd button{ width: 342px;  height: 28px; line-height: 28px; display: block; border: none; background: #707070; font-size: 14px; color: #fff; cursor: pointer; }
.foot .i-message dl dd button:hover{ background: #f08607; }

.footer-bot{ background: #0a0a0a; text-align: center; }
.footer-bot span{ color: #fff; font-size: 13px; margin: 0px 5px 0px 5px; height: 40px; line-height: 40px; }
.footer-bot p{ height: 28px; line-height: 28px; padding: 0; text-align: center; }
.footer-bot p a{ color: #939393; } 

a.btn_top{ width: 60px; height: 40px; text-align: center; padding: 10px 0; line-height: 20px; font-size: 14px; font-weight: bold; background:rgba(0,0,0,0.5); color: #ffffff; display: block; position: fixed; right: 0; bottom: 15%; }
a.btn_top:hover{ background:#0e8aca; }
a.online-qq{ position: fixed; right: 0; top: 25%; z-index: 999999;}
.phone-icon{ bottom: 20%; position: fixed; right: 0; background: rgba(0,0,0,0.5); border-radius: 100%; width: 100px; height: 100px; line-height: 95px; display: none; color: #ffffff; text-align: center; font-size: 24px; font-weight: bold; }


.service-title{ padding-top: 20px; text-align: center; }
.service-title h4{ font-size: 34px; color: #ff4c01; margin-bottom: 10px; letter-spacing: 7px; font-weight: bold; height: 35px; line-height: 35px; }
.service-title p{ font-size: 18px; color: #cd8b0b; }

@media (min-width: 768px) and (max-width: 1000px)  {
 	 .container{ width: auto; }  
 	.nav > li > a{ padding: 0; width: 108px; }
	.banner .swiper-container {  height: 280px; }
	.a.btn_top{ display: none; }
	.phone-icon{ display: block; }
 }
 
#newBridge .icon-right-center{ right: 0!important;}
