/*****网站内页，全局栏目头颜色设置－开始******/


h1,h2,h3,h4,h5,h6,p{margin: 0;padding: 0;}
.clear{clear: both;}
/*****内容区1200像素******/
@media (min-width: 768px) {
    .container {
        width:750px
    }
}
@media (min-width: 992px) {
    .container {
        width:970px
    }
}
@media (min-width: 1200px) {
    .container {
        width:1200px
    }
}




.sec_01{padding: 90px 0 0;background: #fafafa;}

.cp-box{margin-bottom: 80px;}
.cp-nr{float: left;width: 45%;padding: 100px 30px 0;background: #fff;height: 480px;}
.cp-nr h5 {text-transform: uppercase;font-size: 14px;line-height: 1;color: #999;border-top: 1px solid #aaa; display: inline-block; padding-top: 5px;margin-bottom: 10px;}
.cp-nr h3{    font-size: 40px;  color: #000;line-height: 1;margin-bottom: 30px;}
.cp-nr p{font-size: 14px;line-height:2.5;}
.cp-img{float: left;width: 55%;height: 480px;overflow: hidden;}
.cp-img img{width: 100%;}





@media (min-width: 992px) and (max-width: 1200px){
  
  .cp-nr,.cp-img{height:390px;}
  .cp-nr{padding: 50px 30px 0;}
  
  .cp-nr h3{font-size: 36px;margin-bottom: 20px;}
  .cp-nr p{font-size: 15px;}
  
  
}
@media (max-width: 992px){

  .sec_01 {padding: 60px 0 0;}
  .cp-box { margin-bottom: 50px;}
  .cp-nr,.cp-img{width: 50%;height: 275px;}
  .cp-nr{padding: 20px 20px 0;}
  .cp-nr h3{font-size: 26px;margin-bottom: 15px;}
  .cp-nr h5{font-size: 12px;margin-bottom: 5px;}
  .cp-nr p {font-family: 'FontAwesome'; font-size: 13px; line-height: 1.5; color: #555;}
  
  
}
@media (max-width: 767px){

  .sec_01 {padding: 40px 0 0;}
  
  .cp-box { margin-bottom: 30px; padding: 0 10px;}
  .cp-nr,.cp-img{height: auto;float: none;width: 100%;}
  .cp-nr{padding: 15px;}
}


/* 风格 */
.sec_02{background: url(../images/bg1.jpg)no-repeat center fixed;padding: 80px 0;}

.fg-cont{}
.fg-cont ul{}
.fg-cont ul li{float: left;width: 23.5%;margin-right: 2%;}
.fg-cont ul li img{width: 100%;}
.fg-cont ul li:nth-last-child(2){margin-right: 0;}

@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

}
@media (max-width: 767px){

  .sec_02 {padding: 40px 0;}
  
  .fg-cont {padding: 0 10px;}
  .fg-cont ul li { float: left;width: 50%; margin-right: 0;padding: 5px;}
  
}


/* 案例 */
.sec_03{padding: 100px 0;}

.al-bt{margin-bottom: 50px;}
.al-img{float: left;width: 64%;}
.al-img img{width: 100%;}

.al-nr{float: left;width: 36%;padding-left: 50px;padding-top: 30px;}
.al-nr h5{text-transform: uppercase;font-size: 14px;line-height: 1;color: #999;border-top: 1px solid #aaa; display: inline-block; padding-top: 5px;margin-bottom: 10px;}
.al-nr h3{font-size: 24px; font-weight: bolder; color: #000;line-height: 1;margin-bottom: 30px;}
.al-nr p {font-size: 15px; line-height: 1.8; color: #888;}
.al-nr a {display: inline-block;font-size: 15px; line-height: 1; background: #222; color: #fff; padding: 12px 35px;  margin-top: 50px;}
.al-nr a:hover{color: #c96;}

.al-cont{}

.al-box1{float: left;width: 66.66%;padding-right: 20px;margin-bottom: 20px;}
.al-box1 a{display: block;overflow: hidden;height: 450px;position: relative;}
.al-box1 a img{width: 100%;transition:all .6s;transform: scale(1.1);min-height: 100%;}
.al-box1 a:hover img{transform: scale(1);}


.al-box2{float:left;width: 33.33%;}
.al-box2 .al-img1{margin-bottom: 20px;overflow: hidden;position: relative;}
.al-box2 .al-img1 a{display:block;height: 215px;}
.al-box2 .al-img1 img{width: 100%;transition:all .6s;min-height: 100%;transform: scale(1.1);}
.al-box2 .al-img1:hover img{transform: scale(1);}


.al-box3{}
.al-box3 .al-img2{float: left;width: 33.33%;padding-right: 20px;}
.al-box3 .al-img2 a{display: block;overflow: hidden;height: 270px;position: relative;}
.al-box3 .al-img2 a img{width: 100%;min-height: 100%;transition:all .6s;transform: scale(1.1);}
.al-box3 .al-img2:nth-last-child(2){padding: 0;}
.al-box3 .al-img2 a:hover img{transform: scale(1);}

.al-cont a{display: block;position: relative;}
.al-cont a h1 { position: absolute; width: 100%; height: 100%; top: 0; font-size: 24px; line-height: 1; color: #fff; background: rgb(0 0 0 / 25%); padding-top: 24%;  letter-spacing: 2px;  opacity: 0; transition: all .6s;}
.al-cont a:hover h1{opacity: 1;}


@media (min-width: 992px) and (max-width: 1200px){
  
  .al-box1 a{height: 400px;}
  .al-box2 .al-img1 a{height: 190px;}
  .al-box3 .al-img2 a{height:200px;}
  
  
}
@media (max-width: 992px){

  .sec_03 { padding: 60px 0;}
  
  .al-bt {margin-bottom: 30px;}
  .al-nr { float: left; width: 36%;padding-left: 20px; padding-top: 0;}
  .al-nr h5{font-size: 12px;margin-bottom: 10px;}
  .al-nr h3 {font-size: 22px;margin-bottom: 15px;}
  .al-nr p {font-size: 13px; line-height: 1.6; color: #888;}
  .al-nr a {display: inline-block;font-size: 14px;  line-height: 1; background: #222; color: #fff; padding: 10px 30px; margin-top: 30px;}
  
  .al-box1 {  padding-right: 10px; margin-bottom: 10px;}
  .al-box1 a{height: 290px;}
  .al-box2 .al-img1{margin-bottom: 10px;}
  .al-box2 .al-img1 a{height: 140px;}
  .al-box3 .al-img2 {padding-right: 10px;}
  .al-box3 .al-img2 a{height:150px;}
  
  
}
@media (max-width: 767px){

  .sec_03 {padding: 30px 0;}
  .al-bt { margin-bottom: 20px; padding: 0 15px;}
  
  .al-img {float: none; width: 100%;}
  .al-nr { float: none;  width: 100%;  padding: 0;margin-top: 20px;}
  
  .al-nr p { font-size: 12px;line-height: 1.5;color: #888;}
  .al-nr a{font-size: 13px;margin-top: 20px;}
  
  .al-cont {padding: 0 10px;}
  .al-box1 { padding: 0 5px;margin-bottom: 5px;float: none; width: 100%;}
  .al-box1 a {height: 220px;}
  
  .al-box2 { float: none; width: 100%; overflow: hidden;padding-left: 5px;}
  .al-box2 .al-img1 {margin-bottom: 5px;float: left; width: 50%; padding-right: 5px;overflow: hidden;}
  .al-box2 .al-img1 a { height: 110px;overflow: hidden;}
  
  .al-box3 {padding-left: 5px;}
  .al-box3 .al-img2 { padding-right: 5px;}
  .al-box3 .al-img2 { float: left; width: 50%;margin-bottom: 5px;}
  
  .al-box3 .al-img2:nth-last-child(2) { padding: 0;  width: 100%;}
  .al-box3 .al-img2:nth-last-child(2) a{height:220px;}
  
  .al-cont a h1{font-size:18px;}
}




/* 关于我们 */
.sec_04{background: url(../images/bg2.jpg)no-repeat center;padding-bottom: 50px;}

.gy-bt{background: url(../images/gy-bt.png)no-repeat center;overflow: hidden;}
.gy-bt .bt-box{float: right;width: 60%;padding: 15px 0;}
.bt-box h3 { font-size: 24px; line-height: 1; margin-bottom: 5px; font-weight: bold; letter-spacing: 1px;color: #000;font-family: Microsoft JhengHei;}
.bt-box h5 {font-size: 16px;line-height: 1;text-transform: uppercase; font-weight: bold; color: #888;}

.gywm-nr{float: right;width: 50%;padding-left: 30px;padding-top: 30px;}
.gywm-nr h3 {font-size: 20px;line-height: 1;font-weight: bold;letter-spacing: 1px;color: #000;}
.gywm-nr hr { border-top: 2px solid #000;margin: 10px 0;width: 10%;}
.gywm-nr .gy-txt{margin-top: 20px;}
.gywm-nr .gy-txt p {font-size: 15px; line-height: 1.7; color: #555;}

.gy-btn{margin-top: 30px;}
.gy-btn a { display: inline-block; font-size: 15px; line-height: 1;color: #222; padding: 12px 30px;border: 1px solid #777;}
.gy-btn a:hover{background: #222;color: #c96;}

@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

  .sec_04{padding-bottom: 30px;}
  .gywm-nr { padding-left: 20px; padding-top: 20px;}
  
  
  .gywm-nr .gy-txt p {  font-size: 13px; line-height: 1.6;}
  .gy-btn { margin-top: 20px;}
  .gy-btn a { font-size: 13px;padding: 10px 25px;}
  
}
@media (max-width: 767px){

  .sec_04{padding: 40px 0;background: #f6f6f6;}
  
  .gy-bt{background: none;}
  
  .gy-bt .bt-box { float: none; width: 100%; padding: 0; text-align: center;margin-bottom: 20px;}
  .gywm-nr { float: none; width: 100%;padding: 0 15px;}
  
  .gywm-nr h3{display: none;}
  .gywm-nr hr{display: none;}
  
  .gy-btn{text-align: center;}
  
  
}


/* 环境 */

.huanj{padding: 50px 0;border-bottom: 1px solid #eee;}

.hj-bt{margin-bottom: 40px;}
.hj-t1{float: left;width: 70%;position:relative;}
.hj-t1 h5 { font-family: Times New Roman;  font-size: 50px;text-transform: uppercase; font-weight: bold; color: #00000021;letter-spacing: -3px;line-height: 1;}
.hj-t1 h3 {position: absolute;top: 15px; font-size: 24px;line-height: 1; font-weight: bold;letter-spacing: 2px;left: 30px;}

.hj-t2{float: right;width: 30%;text-align: right;}
.hj-t2 a {display: inline-block; font-size: 16px; line-height: 1; border: 2px solid #c96; color: #666; padding: 10px 35px;margin-top: 10px;}
.hj-t2 a:hover{background: #222;color: #c96;border-color: #222;}

.hj-cont{}
.walking .ar_1{width: 330px;height: 250px;margin-left: 20px;}
.walking .ar_1 .item{height: 240px;overflow: hidden;}
.walking .ar_1 .item img {height: auto;width: 100%;min-height: 100%;}

@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

  
  .hj-t1{padding-left: 15px;}
  .hj-t1 h3{left: 40px;}
  .hj-t2{padding-right: 15px;}
  .hj-t2 a{font-size: 14px;}

  
}
@media (max-width: 767px){

  
  .huanj {padding: 30px 0;}
  
  .hj-t1 h5{font-size: 30px;}
  .hj-t1 h3{font-size: 22px;top: 10px;left: 30px;}
  
  .hj-t2 a {font-size: 13px; line-height: 1; padding: 10px 0; margin-top: 0; width: 100%;text-align: center;}
  
  .hj-bt { margin-bottom: 20px;}
  
  
.walking .ar_1 { width: 180px;height: 150px;margin-left: 10px;}
  .walking .ar_1 .item{height: 140px;}
  
}







/* 新闻 */
.sec_05{padding-top: 80px;}

.xw-bt{margin-bottom: 40px;}
.xw-t1{float: left;width: 70%;position:relative;padding-left: 30px;}
.xw-t1 h5 { font-family: Times New Roman;  font-size: 50px;text-transform: uppercase; font-weight: bold; color: #00000021;letter-spacing: -3px;line-height: 1;}
.xw-t1 h3 {position: absolute;top: 15px; font-size: 24px;line-height: 1; font-weight: bold;letter-spacing: 2px;left: 50px;}

.xw-t2{float: right;width: 30%;text-align: right;padding-right: 30px;}
.xw-t2 a {display: inline-block; font-size: 16px; line-height: 1; border: 2px solid #c96; color: #666; padding: 10px 35px;margin-top: 10px;}
.xw-t2 a:hover{background: #222;color: #c96;border-color: #222;}

.xw-cont{}
.xw-cont ul{}
.xw-cont li{float:left;width: 50%;padding: 0 30px;margin-bottom: 100px;}
.xw-cont li a{display: block;position: relative;}

.xw-img{height: 250px;overflow:hidden;display: flex;flex-wrap: wrap;align-content: center;position: relative;}
.xw-img img{width: 100%;min-height: 100%;}

.xw-img .xw-bg {position: absolute;  top: 0;width: 90%; height: 80%; text-align: center; z-index: 1;  background: rgb(204 153 102 / 60%); margin: 5%;display: none;}
.xw-img .xw-bg .fa { font-size: 30px; line-height: 1; padding-top: 80px;color: #fff;}

.xw-cont li a:hover .xw-img .xw-bg{display: block;}

.xw-info { position: absolute; z-index: 3; width: 85%; margin: auto 7.5%; background: #fff;bottom: -50px;padding: 20px;box-shadow: 1px 1px 5px #888;border-radius: 3px;}
.xw-info h3 {  font-size: 18px; line-height: 1;margin-bottom: 10px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.xw-info h5 { font-size: 14px;line-height: 1; color: #888;}
.xw-info p { font-size: 14px; line-height: 1.5; color: #555; margin-top: 10px;}

@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

  .sec_05 { padding-top: 50px;}
  
  .xw-t1{padding-left: 15px;}
  .xw-t1 h3{left: 40px;}
  .xw-t2{padding-right: 15px;}
  .xw-t2 a{font-size: 14px;}
  
  .xw-cont li{padding: 0 15px;margin-bottom: 110px;}
  .xw-img{height: 180px;}
  
  .xw-info { width: 95%; bottom: -80px; padding: 15px;margin: 0 2.5%;}
  .xw-info h3{margin-bottom: 6px;}
  .xw-info h5{font-size:12px;}
  .xw-info p{font-size:13px;}
  
}
@media (max-width: 767px){

  .xw-t1 h5{font-size: 30px;}
  .xw-t1 h3{font-size: 22px;top: 10px;left: 30px;}
  
  .xw-t2 a {font-size: 13px; line-height: 1; padding: 10px 0; margin-top: 0; width: 100%;text-align: center;}
  
  .xw-bt { margin-bottom: 20px;}
  
  .xw-cont { padding: 0 10px;}
  .xw-cont li {padding: 0 5px;margin-bottom: 30px;}
  .xw-img {height: 110px;}
  .xw-img .xw-bg .fa {font-size: 20px;line-height: 1;padding-top: 40px;color: #fff;}
  .xw-info { width: 100%;bottom: 0;padding: 10px;margin: 0;position: static;box-shadow: 1px 1px 3px #d1d1d1;}
  .xw-info h3 { font-size: 16px; line-height: 1; }
  .xw-info p { font-size: 12px; height: 4rem;overflow: hidden;}
  
  
}





/* 友情链接 */
.links {margin: 20px 0 30px;}
.links span {font-size: 16px; line-height: 1.5; color: #000; font-weight: bold;text-transform: uppercase;display: inline-block;margin-bottom: 5px;}
.links span b {font-size: 18px; background: #222; color: #c96;  line-height: 1; padding: 2px 10px;margin-right: 5px;border-radius: 2px;}
.links a{margin: 0 5px;font-size: 15px;line-height: 1.5;color: #444;}
.links a:hover{color: #c96;}





@media (max-width: 767px){

  .links{padding: 0 15px;margin: 0;}
  
  .links span b{font-size: 16px;}
  .links span{font-size: 15px;}
  .links a {font-size: 13px;}

}



/* 底部 */
.f_one{background: #232323;padding: 30px 0;color: #eee;}

.f-left{float:left;width: 70%;}
.f-nav { margin-bottom: 20px; padding-bottom: 15px;  border-bottom: 1px solid #bbb; display: inline-block;}
.f-nav a { display: inline-block; font-size: 16px; line-height: 1;margin-right: 40px;color: #bbb;}
.f-nav a:hover{color:#c96;}
.f-lx{}
.f-lx p { font-size: 15px;line-height: 1.8;color: #ccc;}

.police { color: #ccc; text-align: left; line-height: 1.5;font-size: 16px;}
.police a{}
.police a:hover{}


.f-right{float: right;width: 27%;overflow: hidden;border-left: 1px solid #bbb;text-align: center;padding-left: 20px;}
.f-right .ewm-box{float:left;width: 50%;}
.f-right .ewm-box img{width: 80%;}
.f-right .ewm-box p { font-size: 15px;  line-height: 1; padding-top: 10px;color: #bbb;}


.f_two{background: #1b1b1b;padding:15px 0;}
.f_two p.copyright { text-align: center; font-size: 15px;line-height: 1; color: #ccc;}


.footer{display: none;}
@media (max-width: 768px){
/*手机底部菜单*/
.footers { display:none}
.footer {background: #21272f;display: -webkit-box;width: 100%;margin-top: 6px;background-size: 9px 128px;position: fixed;z-index: 110;bottom: 0;left: 0; display:block; line-height:45px;}
.footer a {-webkit-box-flex: 1;display: -webkit-box;color: #fff; display:inline-block; width:32%;font: 100 16px/35px "微软雅黑";height: 35px; line-height:35px; text-align:center;}
.footer a i { padding-right:5px;}
.hr { height:45px;}
}


@media (min-width: 992px) and (max-width: 1200px){
  
  .f-nav a{font-size: 15px;margin-right: 30px;}
  
}
@media (max-width: 992px){

  .f-left { float: left; width: 72%;}
  .f-nav a {font-size: 13px;margin-right: 20px;}
  .f-lx p {font-size: 13px; line-height: 1.6;}
}
@media (max-width: 767px){

}



/* 内页 */

.wp-pagenavi{text-align: center;}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #222;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #c96;
    cursor: default;
    background-color: #222;
    border-color: #222;
}



.crumbs-item {line-height: 1; border: none; overflow: hidden; margin-bottom: 0;background: #fafafa; box-shadow: 0 0 5px #ddd; padding: 15px 0;}
.crumbs-item h6 { font-size: 14px; line-height: 1;  color: #666;  border-left: 2px solid #44392a; padding: 2px 10px;}


/* 图片列表 */
.page-alist .col-md-4{margin-bottom: 20px;}
.page-alist .col-md-4 a{display:block;}
.page-alist .col-md-4 a h5 {font-size: 16px;line-height: 1;height: auto; padding: 15px 0; background: #222; color: #fff;}
.page-alist .col-md-4 a:hover h5{color: #c96;}
.img-inner{width: 380px;height: 240px;border: none;padding: 0;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;}
.img-inner img{width: 100%;min-height: 100%;transition: all .6s;height: auto;}
.img-inner:hover{border: none;}
.page-alist .col-md-4 a:hover .img-inner img{transform: scale(1.1);}




/* 新闻列表 */

.page-alist .page-adate {width: 70px;height: 65px;background: #222; color: #c96;}

.page-alist .page-adate h3 { font-size: 28px;line-height: 1;margin-bottom: 5px;}
.page-alist .page-adate p { font-size: 14px;line-height: 1; margin-bottom: 0;}

.media-heading {margin-top: 0; margin-bottom: 5px; font-size: 18px; font-weight: normal;color: #222;margin-top: 3px;}
.page-alist .page-atit p {color: #555;font-size: 14px; line-height: 1.5;}

.page-atit a:hover .media-heading{color: #c96;}



/* 详情页 */
.page-con-tit{}
.page-con-tit h1 { font-size: 20px; line-height: 1; letter-spacing: 1px; padding-bottom: 10px;}


/* 地图 */
.page-addr{margin-top: 30px;}
.page-addr iframe{width: 100%;}


@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){

  .page-alist .col-md-4 {margin-bottom: 20px; float: left;width: 50%;}
  
  .img-inner{height: 180px;}
  
  
}
@media (max-width: 767px){

  .page-alist{padding: 0 10px;}
  .page-alist .col-md-4{padding: 0 5px;}
  
  .img-inner { height: 120px;width: 100% !important;}
  
  .page-alist .col-md-4 a h5 {font-size: 14px; padding: 10px 0;}
  
  
  .page-alist .page-adate {background: #222;color: #c96;}
  .page-alist .page-adate h3{font-size: 24px;margin-top: 10px;}
  .page-alist .page-adate p{font-size: 13px;}
  
  .page-alist .page-atit p { color: #666; font-size: 13px;line-height: 1.5;height: 4rem;}
  
  .page-con-tit h1 { font-size: 18px;  line-height: 1;letter-spacing: 0;padding-bottom: 10px;}
  
  
  
}




/*产品展示－第2种开始*/
.product_box{}
.product_title{margin: 15px 0;}
.product_title h3{font-size: 35px;}
.product_title img{margin-right: 10px;}
.product_title p{font-size: 24px;color:#bebebe;}
.product_href{margin:15px 0;}
.product_href a{display: inline-block;background: #1b1b1b;border-radius: 0;padding: 8px 40px;font-size: 15px;color:#fff;margin:0 3px 10px;}
.product_href a:hover{text-decoration: none;background: #e14a56;color:#fff;}
.product_content{margin:35px 0 25px;overflow: hidden;}
.product_content ul li{padding-bottom: 15px;}
.product_content .pro_img{border: 1px solid #dcdcdc;height:200px;overflow: hidden;display: flex;flex-wrap: wrap;align-content: center;width: 100%;}
.product_content img{width: 100%;}
.product_content p{color: #6e6e6e; font-size: 15px;padding: 10px 0;border: 1px solid #dcdcdc;border-top: none;margin: -5px 0 0;}
.product_btn{margin:20px 0;}
.product_btn a{display: inline-block;padding: 10px 40px;border-radius: 30px;background: #e14a56;color:#fff;font-size: 15px;}
.product_btn a:hover{text-decoration: none;background: #d80112;}

.mo_product{padding: 30px 0 0px;}
@media (max-width: 992px){
.product_title h3{font-size: 22px;}
.product_title p{font-size: 16px;}
.product_content{margin:15px 0;}
.product_content p{font-size: 14px;}
.product_content .pro_img{height:170px;line-height:164px;}
.product_btn{margin:10px 0;}
.product_btn a{padding: 10px 20px;font-size: 14px;}
}
@media (max-width: 767px){
.product_content .pro_img{height:125px;}
.col-xs-4 { width:49.9999%;}
.pro_list li p{font-size: 12px;}
  .product_href a { padding: 8px 9px;font-size: 14px;margin: 0 1px 6px;}
  .mo_product {padding: 10px 0 0px;}
  .product_content ul li { padding: 0 6px 11px;}
  .product_content p {padding: 8px 0;margin: 0;}
  .product_content { padding: 0 6px;}
}
@media (max-width: 320px){
.product_content .pro_img{height:125px;}
}
/*产品展示－第2种结束*/



.pro-nav{padding: 0;text-align:center;margin-bottom: 30px;}
.pro-nav ul{display: inline-block;}
.pro-nav ul li{float: left;margin: 10px 10px;}
.pro-nav ul li a {display: block;padding: 10px 30px;font-size: 16px;line-height: 1;color: #444;background: #eee;}
.pro-nav ul li a:hover{background: #222222;color: #fff;}
.pro-nav ul li.on a{background: #222222;color: #fff;}
@media (min-width: 992px) and (max-width: 1200px){

}
@media (max-width: 992px){
  


}
@media (max-width: 767px){
  .pro-nav ul li a { padding: 10px 12px;font-size: 14px;color: #444;background: #eee;}
  .pro-nav ul li {margin: 10px 2px 0;}
 

  
}