﻿.wrap {width:100%; overflow:hidden;  margin:0 auto; min-width:1100px;}


.head{ width:1100px; margin:0 auto; height:100px; overflow:hidden;}
.logo{ float:left; width:259px;}
.nav{ float:right; width:676px; overflow:hidden;}
.nav_link{ float:right; line-height:43px; color:#1f1f1f; padding-right:18px;}
.nav_link a{ display:block; padding:0 5px; float:left; color:#1f1f1f; font-size:12px;}
ul.mainNav{ float:right; width:100%;}
ul.mainNav li{ float:left;overflow: hidden; margin:7px 2px 0 0; width:98px; text-align:center;}
ul.mainNav li.home{width:72px;}
ul.mainNav li.home a:hover{color:#ffffff; background:url(../img/navhome_hv_bg.png) no-repeat;}
ul.mainNav li a{ display:block; color:#1f1f1f;  background:none; line-height:24px; }
ul.mainNav  a:hover,ul.mainNav  a.over { color:#ffffff; background:url(../img/nav_hv_bg.png) no-repeat; }
ul.mainNav li dl{display:none}


.banner { width:100%; height:444px; margin:0 auto; padding:0; position:relative; z-index:98;}
.banner ul{ width:100%;height: 100%; margin:0 auto; padding:0;}
.banner ul li { position:absolute;left:0%; top:0; width:100%;height: 100%;list-style-type: none;}
.banner ul li a{ width:100%;height: 100%;display:block;background-size: cover!important;}

.banner ol { position:absolute; width:1100px; left:50%; margin-left:-550px; bottom:17px; z-index:99;}
.banner ol li { float:left; margin:0 3px;cursor:pointer; width:10px; height:10px; padding:0; text-align:center; background:url(../img/ol.png) 0 0 no-repeat; list-style-type:none;}
.banner ol li.active { background-position:left bottom;}



.footer{ width:100%; background:#a9aaaa; color:#ffffff; }
.foot { width:1100px; margin:0 auto; min-height:67px; padding-top:15px;}
.link{ width:auto; overflow:hidden; margin:0 auto; line-height:26px; display:block; text-align:center;  font-size:12px; }
.link span{ font-size:12px; margin:0 5px; line-height:26px;  color:#ffffff; }
.link a{margin:0 9px; color:#ffffff;  line-height:26px;  display:inline-block;  font-size:12px; }
.banquan{ line-height:26px; text-align:center;  font-size:12px; }



/* 通用 page分页效果 */
.pages { text-align:center; clear:both; overflow:hidden; margin: 0 0 38px 0 ; float:left; width:100%;}
.pages a {color: #666666;line-height:16px; padding:7px 12px; background:#ffffff; margin:0 1px; display:inline-block; border:1px #e5e5e5 solid; moz-border-radius:5px;-webkit-border-radius:5px;border-radius: 5px; }
.pages a.currentpage{ color: #ffffff; background: #e5e5e5;}



.pian { float:left; margin:20px 0 30px 245px;}
.pian ul { display:block; line-height:30px;}
.pian ul a { font-size:12px; color:#1f1f1f;}
.pian ul a strong { font-size:12px; color:#1f1f1f; font-weight:normal;}

@media screen and (max-width:880px){
    .wrap{min-width:unset}
    .head{height:70px;position:relative;width: 100%;overflow: unset;}
    .head .menu{position:absolute;width:30px;height:100%;background:url(../img/mobile3.png) center center no-repeat;right:4vw;top:0}
    .logo{width:100%;height: 100%;line-height: 70px;}
    .logo *{height:100%;display: inline-block;}
    .logo img{height:80%;vertical-align: middle;margin-left: 4vw;}
    .nav{position:absolute;background: #fff;z-index:10;width: 100%;float: none;top: 70px;border-top: 1px solid #ccc;left: 0;overflow: unset;box-sizing: border-box;padding-bottom: 3vw;display: none;}
    .nav_link{display:none}
    ul.mainNav{padding-left:20px;box-sizing:border-box}
    ul.mainNav li{float:none;width: 100%;text-align: left;position:relative;overflow: unset;}
    ul.mainNav li>a:hover, ul.mainNav li>a.over{background: unset!important;color: #307ec4!important;}
    ul.mainNav li dl{display: none;padding-left: 29px;}
    ul.mainNav li dl a:hover, ul.mainNav li dl a.over{background:#fff;color:#1f1f1f}
    ul.mainNav li span.active{display:inline-block;position:absolute;width: 24px;height: 24px;top: 0;right:20px;/* background: #eee; */}
    ul.mainNav li span.active:after{content:"";position:absolute;border-width:1px;border-color:#ccc #ccc transparent transparent;border-style:solid;width:10px;height:10px;transform:rotate(45deg);transform-origin: 7% 80%;}
    ul.mainNav li span.slide:after{transform:rotate(135deg);transform-origin: 65% 73%;}

    .banner{height: 38vw;z-index:9}

    .foot{width:100%;padding: 15px;box-sizing: border-box;}
    .pian{margin:0 0 0 10px}
}