.topbar div,.logobar,.nav>ul,.pro-li,.pro-re,.about,.news-class,.partner,.footer-nav{width:1200px; margin: auto;}
/*top*/
.topbar{height: 30px; background-color: #343742;}
.topbar p,.topbar a{line-height: 30px; color: #d9d9d9;}
.topbar p:nth-child(1){float: left;}
.topbar p:nth-child(2){float: right;}
.logobar{padding:10px 0;}
.logo{ float: left;}
.logo-title{float: left; font-size: 18px; color: #E07F21; padding:25px; line-height: 26px;}
.phonebar{float: right; padding:12px 0;margin-top:10px}
.phonebar img{float: left; padding-right: 20px;padding-top:10px;}
.phonebar div,.phonebar div p{float: left;}
.phonebar div p{line-height: 30px;}
.phonebar div p:first-child{font-size: 18px; color: #393939;padding-right: 20px;}
.phonebar div p:last-child{font-size: 24px; color: #E07F21; padding-right:30px;}

/*nav*/
.nav{background: url(../images/navbg.jpg);}
.nav>ul{padding:0;}
.nav>ul>li{float: left; padding:12px 5px; position: relative;}
.nav>ul>li.active>a{background-color: #E07F21; color: #FFFFFF;}
.nav>ul>li>a{color: #FFFFFF; font-size: 15px; padding:12px 30px;}
.nav>ul>li>a:hover{color: #FFFFFF; background-color: #E07F21;}
.nav>ul>li:hover>.dropdown{display: block !important;}
.dropdown{border:1px solid #888; display:none;position: absolute;top:40px; z-index: 999; background-color: rgba(0,0,0,0.6); width:130px; padding:10px 0;}
.dropdown li{padding:0 10px;}
.dropdown li a{padding:10px 20px; color: #FFFFFF; text-align: center; display: inline-block; width:100%; border-bottom: 1px solid #555;;}
.dropdown li a:hover{background-color: #E07F21; color:#FFFFFF;}
.dropdown li:last-child a{border-bottom: none;}