body { color:#666; font-size:12px; font-family:"Heiti SC","Helvetica"; }
form,div,body,img,p,img,dl,dt,dd,h2,h1,h3,h4,h5{ margin:0px; padding:0px; border:0; font-style:normal;font-weight:normal;}
a:link{ text-decoration:none; behavior:url(/scripts/blur.htc);}
a:visited{ text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus { -moz-outline-style: none; }
a:active{ outline:none; text-decoration:none;}
em,i{ font-style:normal; }
ul,li{ list-style:none; margin:0; padding:0;}
input,textarea,select{ color:#333; margin:0; padding:0; font-size:12px; font-family:Arial; vertical-align:middle; resize:none;}
input:focus,textarea:focus{ outline:none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none; padding:0;
}

/*浮动*/
.clearboth:after{ display:block; clear:both; content:""; overflow:hidden; height:0; }
.clearboth{ *zoom:1;}
.float_l{ float:left;}
.float_r{ float:right;}
.FR{ float:right!important;}
.FL {float:left!important;}

/*字体*/
.Arial { font-family:Arial;}
.YaHei { font-family:"Microsoft YaHei","微软雅黑";}
.f16{ font-size:16px; }
.Blue, a.Blue {color:#2873B4 !important;}
a:hover.Blue {color: #f60 !important;}
.Red, a.Red:link, a.Red:visited {color:#c30008;}
.lh180 {line-height: 180%;}
@font-face {
    font-family: 'brandon';
    src: url('../font/brandontext-regular.woff2') format('woff2'),
         url('../font/brandontext-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*上下间距*/
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb18{ margin-bottom:18px;}
.mb20{ margin-bottom:20px;}
.mb25{ margin-bottom:25px;}
.mb30{ margin-bottom:30px;}
.mb35{ margin-bottom:35px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.mb50{ margin-bottom:50px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}
.mb100{ margin-bottom:100px;}

select{color: #778168;font-size: 17.6px;}
select option{ font-family:"Microsoft YaHei","微软雅黑";color: #666666;color: #778168;font-size: 17.6px; }
 
::-webkit-input-placeholder { /* WebKit browsers */ 
font-family:"Microsoft YaHei","微软雅黑";color: #666666;
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
font-family:"Microsoft YaHei","微软雅黑";color: #666666;
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
font-family:"Microsoft YaHei","微软雅黑";color: #666666;
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
font-family:"Microsoft YaHei","微软雅黑";color: #666666;
} 


/*公用*/
.div100{ width:100%;}
.B{ font-weight:bold;}
.Text_l{ text-align:left;}
.Text_r{ text-align:right;}
.Text_c{ text-align:center;}
.animate{ -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; transition:all ease 0.3s; }
.all{ width:1200px; margin:0 auto; }

/*头部*/
.head{ position: fixed;width: 100%;top: 0;z-index: 99;
    box-sizing: border-box;padding:3% 5% 2% 5%;
    font-size: 0;text-align: center;}
.head.cur{ background: #fff; box-shadow: 0px 3px 1px #888888; -webkit-box-shadow: 0px 1px 1px #888888;z-index: 999;}

.head .logo{display: inline-block;position: relative;z-index: 9999; width:auto; height:60px; margin-top:-8px; } 
.head .search{ display: block;left: 5%;top: 26px;position: absolute;width: 60px; }
.head .search > img{ display: block;position: absolute;width: 48%; }
.head .search span{ display: block;width: 90%;height: 50px;background: #ffff; opacity: 0; pointer-events: none;transform: translateY(-5%); -webkit-transform: translateY(-5%);transition: all 0.3s linear;position: absolute; pointer-events: none; top: 70%;
    left: 3%;}
.head .search span input{ border: none;padding: 0 5%;background: #fff;width: 100%;box-sizing: border-box;height: 50px;color: #cccccc;font-size: 13px;}
.head .search span:before {
     content: '';
    position: absolute;
    width: 0;height: 0;
    left: 0;
    top: -10px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 5px;
}
.head .search span.cur{ opacity:1; pointer-events: auto;transform: translateY(0%); -webkit-transform: translateY(0%);pointer-events: auto;}
.head .search span img{ display: block;position: absolute;right: 10px;top: 18px;}
.tiyan_icon1{ display: none;}
/*菜单*/
.Menu_btn{ position:fixed; right:5%; top:30px; cursor:pointer; width:40px; z-index:10001; }
.Menu_btn .sp1,.Menu_btn .sp3{ display:block; background:#333; width:28px; height:2px; margin:0 auto; margin-bottom:5px; }
.Menu_btn .sp1{ margin-bottom:20px; transition:all 0.3s ease; }
.Menu_btn.cur .sp1{ transform:translateX(-100%); opacity:0; }
.Menu_btn .sp3{ transition:all 0.3s ease; }
.Menu_btn.cur .sp3{ transform:translateX(100%); opacity:0; }
.Menu_btn .sp2 em{ display:block; background:#333; width:28px; height:2px; position:absolute; top:12px; left:6px; transition:all 0.3s ease; }
.Menu_btn.cur .sp2 .em1{ transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.Menu_btn.cur .sp2 .em2{ transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }
.Menu_btn.cut .sp2 em,.Menu_btn.cut .sp1,.Menu_btn.cut .sp3{ background: #fff;}
.Menu_btn.cur .sp2 .em2,.Menu_btn.cur .sp2 .em1{ background: #333333;}


/*导航*/
.nav{ position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: #fff;box-sizing: border-box;padding-top: 30%; 
          transition: all 0.6s cubic-bezier(.65,.21,.46,1) 0.2s;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    overflow-y: auto; 
}
.nav.cur{    transform: translateY(0%);
    -webkit-transform: translateY(0%);}

.nav .nav_a ul li{border-bottom: 1px solid #ebebeb; transform: translateY(-20%);
    -webkit-transform: translateY(-20%);
    -moz-transform: translateY(-20%);
    -o-transform: translateY(-20%);
    opacity: 0;}
.nav .nav_a  a{ display: block;text-align: center;color: #373737;font-size: 24px;padding: 16px 0;}
.nav.cur .nav_a ul li{transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    -moz-transition: all 0.5s cubic-bezier(.23,.24,.52,1.4) 1s;
    -webkit-transition: all 0.5s cubic-bezier(.23,.24,.52,1.4) 1s;
    -o-transition: all 0.5s cubic-bezier(.23,.24,.52,1.4) 1s;
    transition: all 0.5s cubic-bezier(.23,.24,.52,1.4) 1s;
}
#menu{ position: absolute;width: 100%;left: 0;}
.nav.cut{ transform: translateY(0%)!important;
    -webkit-transform: translateY(0%)!important;position: relative;padding-top: 0;}
.nav.cut .nav_a ul li{   -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    -moz-transition: all 0.5s cubic-bezier(.23,.24,.52,1.4) 1s;
    -webkit-transition: all 0.5s cubic-bezier(.23,.24,.52,1.4) 1s;
    -o-transition: all 0.5s cubic-bezier(.23,.24,.52,1.4) 1s;
    transition: all 0.5s cubic-bezier(.23,.24,.52,1.4) 1s;}

.nav.cur .nav_a ul li:nth-child(1){ -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;}
.nav.cur .nav_a ul li:nth-child(2) {
        -moz-transition: all 0.3s ease .1s;
        -webkit-transition: all 0.3s ease .1s;
        -o-transition: all 0.3s ease .1s;
        transition: all 0.3s ease .1s;
    }
.nav.cur .nav_a ul li:nth-child(3){
        -moz-transition: all 0.3s ease .2s;
        -webkit-transition: all 0.3s ease .2s;
        -o-transition: all 0.3s ease .2s;
        transition: all 0.3s ease .2s;
    }
.nav.cur .nav_a ul li:nth-child(4){
        -moz-transition: all 0.3s ease .3s;
        -webkit-transition: all 0.3s ease .3s;
        -o-transition: all 0.3s ease .3s;
        transition: all 0.3s ease .3s;
    }
.nav.cur .nav_a ul li:nth-child(5){
        -moz-transition: all 0.3s ease .4s;
        -webkit-transition: all 0.3s ease .4s;
        -o-transition: all 0.3s ease .4s;
        transition: all 0.3s ease .4s;
    }
.nav .nav_a > a i{ display: block; }
.nav .nav_a ul li  div{text-align: center;font-size: 0;display: none;}
.nav .nav_a ul li.cur div{ display: block;}
.nav .nav_a ul li div > a{ display: block;font-size: 19px;text-align: center;border-bottom: none;padding: 8px 0;}
.nav .nav_a div > a b{ font-weight: normal;font-family: '宋体 常规';margin-right: 10px;}
.nav .nav_a div a.cur{color: #8cbc48}

/*.nav .nav_a a:first-child{ border-bottom: 0;}*/
.nav .nav_a a .i2{ display: none;}
.nav .nav_a li.cur > a .i2{ display: block;color: #fff;}
.nav .nav_a li.cur > a .i1{display: none}
.nav .nav_a li.cur > a {
        background: url('../images/index/nav_bg.jpg') no-repeat;
        background-size: 100% 100%;
    }
.foot{ width: 100%;box-sizing: border-box;padding: 0 3%;margin-top: 10%;margin-bottom: 5%;}
.foot p{ font-size: 12.8px;text-align: center;color: #333333;}
.copy{ width: 100%;font-size: 0;margin-bottom: 5%;}
.copy a{ display: inline-block;vertical-align: middle;text-align: center;width: 20%;overflow: hidden;}
.copy a img{ max-height: 100%;max-height: 100%;display: inline-block; width:80%; height:auto}

.footer .nav .nav_a  a{    padding: 12.8px 0;font-size: 16px;}

@media(max-width: 320px) {
    .nav .nav_a a{ padding: 12.8px 0;font-size: 16px; }
    .copy{ padding-bottom: 8%;}
}