@charset "UTF-8";
/* ===== Reset ===== */
*{margin:0;padding:0;list-style:none;box-sizing:border-box;word-break:break-all}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
html{font-size:75%}
html,body{min-height:100%}
body{line-height:1}
a{color:#062743;text-decoration:none}
a:hover{color:#ff5f33;text-decoration:none}
a:focus,a:visited,a:active{text-decoration:none;outline:0}
img{max-width:100%;max-height:100%;vertical-align:middle}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden}
.clearfix{}
input[type="submit"],input[type="reset"],input[type="button"],button{-webkit-appearance:none}

/* ===== Body & Base ===== */
body{background:#fff;position:relative;margin-top:70px;font-size:15px;line-height:1.5;font-family:'Gotham-Book',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft Yahei UI","Microsoft Yahei","Source Han Sans CN",sans-serif;color:#333}
body.home{background:#fff}
.main{padding-top:40px}
body.home .main{padding-top:30px}
.container{position:relative;margin:0 auto;max-width:1200px}

/* ===== Header & Nav ===== */
.header{position:fixed;top:0;left:0;right:0;z-index:999;background:#fff;transition:all .3s ease 0s;box-shadow:0px 5px 10px 0px rgba(17,58,93,0.1)}
.nav-main{float:left;font-size:15px;margin-left:60px}
.nav-main li{position:relative;float:left}
.nav-main a{display:block;padding:0 10px;transition:ease-in color .15s;position:relative}
.nav-right{float:right;font-size:15px}
.nav-right li{position:relative;float:left}
.nav-right a{display:inline-block;padding:0 15px;transition:ease-in color .15s;position:relative}
.nav-main>li.current-menu-item>a{color:#ff5f33}
.nav-main>li>a{padding:25px 15px 23px}
.nav-right>li>a{padding:25px 10px 23px}
.nav-right .nav-search{padding:13px 14px 15px}
.nav-right .nav-search a{padding:6px 0;z-index:99}
.nav-right .nav-button{display:none}

/* ===== Logo ===== */
.logo{overflow:hidden;float:left;width:70px;height:70px}
.logo a{display:block;overflow:hidden;text-indent:-9999px;background-image:url('../images/logo.png');background-position:center center;background-repeat:no-repeat;background-size:100%;height:70px;width:auto}

/* ===== Banner ===== */
.banner{color:#fff;text-align:center;height:400px;background-color:#2d3757;padding-top:110px;background-image:url(../images/banner.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative}
.banner .container{z-index:10}
.banner h2{font-size:35px;font-weight:700;margin-bottom:10px}
.banner p{font-size:16px;color:#fff}
.banner .search-form{margin:30px auto 0;box-sizing:content-box;position:relative}
.banner .search-form .site-search-form{display:inline-block}
.banner .search-form .search-cat{display:inline-block;float:left;width:70px;height:44px;border:none;margin-right:-3px;border-radius:3px 0 0 3px;background:#f1f1f1;text-align:center;text-align-last:center;-webkit-appearance:none}
.banner .search-form .search-input{background:#fff;height:44px;line-height:44px;font-size:16px;display:inline-block;float:left;width:300px;font-family:"Microsoft YaHei";text-indent:15px;border-radius:3px 0 0 3px;border:none}
.banner .search-form .search-btn{background:#ff5f33;font-size:16px;height:44px;border:none;color:#fff;display:inline-block;float:left;width:90px;border-radius:0 3px 3px 0;cursor:pointer}

/* ===== Mocat ===== */
.mocat{padding:40px 0 25px;background:#fff}
.mocat:first-child{margin-top:-10px}
.mocat h2{margin:0 0 45px;font-size:24px;text-align:center;position:relative;font-weight:normal}
.mocat h2:after{content:" ";width:20px;background:#ff5f33;height:3px;position:absolute;left:0;top:45px;margin-left:calc(50% - 10px);border-radius:1.5px}
.mocat h2 span{position:relative}
.mocat .child{list-style:none;text-align:center;margin-top:-15px;margin-bottom:24px}
.mocat .child li{display:inline-block;margin:0 3px;margin-bottom:6px}
.mocat .child li a{border:1px solid #eaeaea;border-radius:20px;padding:5px 12px;font-size:13px}
.mocat .child li a.active{background:#d2d2d2;border-color:#d2d2d2}
.mocat .more{text-align:center;margin-bottom:30px;margin-top:15px}
.mocat .more a{display:inline-block;padding:10px 80px;text-decoration:none;background-color:#ff5f33;color:#fff !important;border-radius:50px}
.mocat .more a:hover{opacity:.88}

/* ===== Grids ===== */
.grids{margin:0 -10px 20px;position:relative}
.grids .grid{width:285px;margin:0 10px 20px;float:left;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.075);position:relative;border-radius:3px;transition:all .3s ease 0s}
.grids .grid:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);transform:translateY(-3px)}
.grids .grid .img{overflow:hidden;border-radius:3px 3px 0 0;position:relative;height:180px}
.grids .grid .img a{display:block;height:100%}
.grids .grid img{width:100%;height:100%;border-radius:3px 3px 0 0;transition:all .3s ease-out 0s}
.grids .grid img:hover{transform:scale(1.03);transition:all .3s ease-out 0s}
.grids .grid h3{font-size:15px;font-weight:normal;margin:15px 15px 10px;position:relative}
.grids .grid h3 a{color:#062743;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;height:20px}
.grids .grid h3 a:hover{color:#ff5f33}
.grids .grid .grid-meta{color:#8a92a9;padding:0 15px 8px 15px;font-size:12px;height:26px;overflow:hidden}
.grids .grid .grid-meta .price{float:right}
.grids .grid .grid-meta .views{margin-right:8px}
.grids .grid .grid-meta .icon-svg{width:14px;height:14px;display:inline-block;vertical-align:middle}

/* ===== Icon SVG ===== */
.icon-svg{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.nav-right .icon-svg{width:20px;height:20px}
.search-wrap .icon-svg{width:18px;height:18px}

/* ===== Footer ===== */
.footer{position:relative;z-index:9;clear:both;padding:40px 15px;font-size:12px;text-align:center;color:#CBCFD8;background-color:#010a13}
.footer a{color:#90969a}
.footer a:hover{text-decoration:underline;color:#fff}
.footer-widgets{overflow:hidden;margin-bottom:40px}
.footer-widget{width:20%;float:left;text-align:left}
.footer-links{text-align:left;margin-bottom:20px;color:#fff;border-top:1px solid #0e1725;border-bottom:1px solid #0e1725}
.footer-links a{color:#90969a}
.copyright a{color:#fff}
.analysis{display:none}

/* ===== Responsive ===== */
@media (max-width:1535px){
    .container{max-width:1200px !important}
}
@media (max-width:1230px){
    .container{max-width:990px !important}
    .header .container{max-width:100% !important;padding:0 15px}
    .home .main .container,.page-template-homepage1 .main .container{padding:0}
    .banner{height:340px}
    .grids .grid{width:232.5px}
    .grids .grid .img{height:147px}
}
@media (max-width:1024px){
    body{margin-top:60px}
    .logo,.logo a{width:60px;height:60px}
    .nav-main{margin-left:20px}
    .nav-main>li>a{padding:19px 10px}
    .nav-right .nav-search{padding:8px 12px 10px}
    .container{max-width:895px !important}
    .grids .grid{width:285px}
    .grids .grid .img{height:180px}
}
@media (max-width:925px){
    .banner{height:300px;padding-top:85px}
    .banner h2{font-size:28px}
    .container{max-width:737.5px !important}
    .grids .grid{width:232.5px}
    .grids .grid .img{height:147px}
}
@media (max-width:768px){
    .main{padding-top:15px}
    body.home .main{padding-top:0}
    .mocat{padding:30px 0 15px}
    .mocat:first-child{margin-top:-15px}
    .banner{height:270px;padding-top:75px}
    .container{padding:0 15px;max-width:620px !important}
    .home .main .container,.page-template-homepage1 .main .container{padding:0 15px}
    .nav-main{margin-left:0;display:none}
    .nav-right{font-size:18px}
    .nav-right .nav-search{padding:8px 10px 9px}
    .nav-right .nav-button{display:block;padding:8px 0 7px 10px}
    .nav-right .nav-button a{padding:7px 0 !important}
    .grids .grid{width:285px}
    .grids .grid .img{height:180px}
    .footer-widget{width:33.3333%;margin-bottom:15px}
}
@media (max-width:620px){
    .container{max-width:515px !important}
    .banner .search-form{width:90%}
    .banner .search-form .site-search-form{width:300px}
    .banner .search-form .search-cat{display:none}
    .banner .search-form .search-input{width:75%}
    .banner .search-form .search-btn{width:25%}
    .mocat .child li a{padding:4px 10px;font-size:12px}
    .grids .grid{width:232.5px}
    .grids .grid .img{height:147px}
}
@media (max-width:480px){
    .banner h2{font-size:24px;margin-bottom:10px}
    .banner p{font-size:16px}
    .mocat{padding:25px 0 5px}
    .mocat h2{font-size:18px}
    .grids{margin:0 -5px 10px}
    .grids .grid{width:calc(50% - 10px);margin:0 5px 15px}
    .grids .grid .img{height:120px}
    .footer-widgets{margin-bottom:20px}
    .footer-widget{width:50%;margin-bottom:15px}
}