/*base*/
body{color:#585149;font-family:14px,"Microsoft YaHei","Arial Narrow",HELVETICA; line-height:0;}
html,body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,li,dl, i, u, span, dt, dd, em{margin:0;padding:0;border:0;    list-style:none;}
a,a:focus, a:hover{color:#585149;text-decoration:none; color:#585149; transition: all 0.5s;}
.pd5{padding:30px 5%}
.clearfloat:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfloat{zoom:1}
h1,h1 *,.hide-text{font-size: 0px !important;}

/*header*/
header{background: rgba(255,255,255,0.4);width: 100%; position: absolute;top: 0; left: 0; z-index: 999;}/*首页nav*/
.header{background: rgba(255,255,255,1);width: 100%;}/*内页nav*/
.header-box {width: 100%; padding: 0px 5%; height: 85px; position: relative; margin: 0 auto; box-sizing: border-box; } 
.logo{ float:left; width:250px; font-size:12px;padding: 17px 0px;}
.logo img{width:100%;}
/*pc nav*/
.pc-nav{ float:right; width:auto;height:85px;}
.pc-nav > li {margin-left:10px; float:left;position: relative;}
.pc-nav > li > a{width:auto;height:85px; font-size:15px;line-height:85px; display:inline-block; padding:2px 10px; box-sizing:border-box;}
.pc-nav li a.active,.pc-nav li a:hover{ color:red;border-radius:3px; text-decoration:none;}
/*.pc-nav li a.active:after{
    content: "";display: block;position: absolute;
      left: 50%; top: 25px; z-index: 99;width:0; height:0; margin-left: -7px; 
      border-left:7px solid transparent;
      border-right:7px solid transparent;
      border-top:7px solid #0d55a0;
  }*/
.pc-nav > li > ul{display:none;position:absolute; z-index:999999;top:85px;background: rgba(0,0,0,0.6);width:180%;height:auto; border-radius:3px;}
.pc-nav > li > ul > li{width: 100%;}
.pc-nav > li > ul > li > a{width:100%;padding:6px 0 0 10px;color:#FFF;font-size:14px;line-height:50px;}
/**Mobile menu**/
.phone-nav{ 
    width:26px;height:26px; display:none;
    background: url("/images/icon-menu.png") no-repeat center;background-size:100%;
    position:absolute; right:2%; top:50%; margin-top:18px;
}
.phone-nav-list{width:100%;display:none;position: fixed; top:70px; padding:0 0 28px 0;background:#ffffff;box-shadow: 0px 2px 3px rgba(0,0,0,0.4);z-index: 99999;border-top:solid 1px #CCC; }
.phone-nav-list li {width:100%;height:auto; padding:7px 2%;text-align:left;font-size:1.6rem;}
.phone-nav-list li a {display:block; padding:15px 0;border-bottom:1px solid #CCC;}
.phone-nav-list h4{text-align:center!important;margin-top:20px;font-size:20px!important;}
.phone-nav-list span{font-size:14px!important;margin-top:8px;}
/*底部*/
footer{padding:0px 5% 23px 5%; overflow:hidden; width: 100%;background:rgba(209,209,209,1); max-width:1920px; margin:0 auto;}
.footer-logo{padding-top:45px;}
.footer-buttom,.footer-contant {margin-top:20px;}
.footer-buttom dt a{display:block;padding-left:20px;font-size:22px; background: url(/images/left-icon.png) no-repeat left center;}
.footer-buttom dd a{display:block;width:100%;height:42px;}
.footer-buttom dd a:hover{background:#A39E9A}
.footer-buttom dd{overflow:hidden;float:left; border:solid 1px #575047;border-radius:10px; text-align:center;margin:10px 20px auto auto;width:100px; height:42px; line-height:42px;}
.footer-contant dt a{display:block;padding-left:20px;font-size:22px; background: url(/images/left-icon.png) no-repeat left center;}
.footer-contant dd:nth-child(2){margin-top:5px; }
.footer-contant dd{line-height:25px;}
.footer-down{padding:5px 0;width: 100%;background:rgba(163,158,154,1);text-align: center;line-height:20px;font-size: 12px}
/*返回顶部按钮*/
.backtop{width:36px; height:36px; position: fixed; bottom:60px; right: 10px; display: none; z-index:999;}
.backtop a{display: block; width:44px; height:44px; background: url(/images/back_top.png) no-repeat center;}
/*手机底部按钮*/
.mfoot{display:none;width:100%; height:auto; margin:0 auto;background: rgba(0,0,0,.8);position:fixed; z-index:900; bottom:0;}
.mfoot-li{width:25%;float:left;}
.mfoot-li a{display:block;width:100%;text-align:center;font-size:14px;color:#FFF;}
.mfoot-li a p{line-height:18px; text-align: center;}
.mfoot-li a img {width:30px;vertical-align:middle;}
 
/**媒体查询**/
@media (max-width:1300px) and (min-width:1200px) {
    .logo{ width:200px;}
    .logo img { width:auto; height:30px;}
    .pc-nav{ float:right;}
    .pc-nav li { float:left; margin-left:5px;}
    .pc-nav li {margin-left:5px; float:left;}
    .pc-nav > li > a{ font-size:14px; display:inline-block; padding:2px 10px;}
    }
    @media (max-width:1299px) and (min-width:1000px) {
	.pd5{padding:30px 3%}
	.logo{ width:250px;}
    .logo img { width:auto; height:40px;}
    .pc-nav li { float:left; margin-left:5px;}
    .pc-nav li {margin-left:5px; float:left;}
    .pc-nav > li >a{ font-size:14px; display:inline-block; padding:2px 10px;}
	.pc-nav > li > ul > li > a{font-size:14px;}
	.header-box {height:74px;}
	.logo{ float:left; width:250px; font-size:12px;padding: 17px 0px;}
	.pc-nav{height:74px;}
	.pc-nav > li > a{width:auto;height:74px; font-size:16px;line-height:74px; display:inline-block; padding:2px 10px; box-sizing:border-box;}
	.pc-nav > li > ul{top:74px;}
    }
    @media (max-width:991px) {
     .logo{ width:200px;}
     .header-box{ height:auto;}	
     .pc-nav{ display:none;}
     .phone-nav{ display:block;margin-top: 27px;}
     .phone-nav-list{ top:75px;}
	 footer{padding:10px 2% 20px 2%;}
	 .pc-nav > li > ul > li > a{font-size:14px;}
	 .mfoot{display:block}
	 .footer-down{margin-bottom:60px;}
	 .footer-buttom dd{width:95px; height:38px; line-height:38px;}
    }
    @media (max-width:767px) {
	.pd2{padding:20px 2%;}
     .header-box{ height:auto; padding:5px 2%;}
     .phone-nav-list{ top:80px;}
	 footer{padding:20px 2%;}
	 .footer-down{padding:5px 2%;}
	 .footer-logo{padding-top:10px;text-align:center}
	 .footer-buttom dd {margin: 10px 10px auto auto;}

    }