﻿@charset "utf-8";@import url(/static/css/font.css);*{padding:0;margin:0;box-sizing:border-box;-webkit-text-size-adjust:none}
@keyframes fade-ins{0%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes fade-ins{0%{opacity:0;header > div .logo:after}
100%{opacity:1}
}
.layui-layer-border{border:0!important;box-shadow:0 0 13px #dcdcdc!important;min-width:185px!important}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:999px;border:0 solid transparent}
::-webkit-scrollbar-track{box-shadow:1px 1px 5px rgba(100,100,100,.2) inset}
::-webkit-scrollbar-thumb{min-height:0;background-clip:content-box;box-shadow:0 0 0 5px rgba(100,100,100,.5) inset}
::-webkit-scrollbar-corner{background:0 0}
img{border:0;animation:fade-ins;animation-duration:.6s;-webkit-animation:fade-ins .6s}
.tianxie{display:block;height:45px;line-height:25px;color:#666;width:100%;margin:30px 0;padding:10px 20px;border:1px solid #F1F1F1}
.fankui{display:block;height:45px;line-height:25px;color:#666;width:100%;margin:30px 0;padding:10px 20px;border:1px solid #F1F1F1}
.coolbg{display:block;width:250px;height:45px;text-align:center;line-height:45px;background:#5298ff;color:#FFF;border:0;border-radius:3px;font-size:15px;cursor:pointer}
input{-webkit-appearance:none;border:0}
body{background:#fbfbfb;min-width:1250px;position:relative}
.left{float:left}
.right{float:right}
header{background:#1b54bc;border-bottom:1px solid #F6F6F6;top:0;left:0;width:100%;height:60px;z-index:99}
header>div{width:1400px;max-width:calc(100% - 50px);margin:0 auto;height:60px;position:relative}
header>div .logo{display:block;float:left;height:60px;width:200px;position:relative}
header>div .logo img{display:block;height:60px}
header>div nav{float:left;margin-left:50px;height:60px;width:558px;position:relative}
header>div nav>div{float:left;position:relative}
header>div nav a{height:60px;line-height:60px;font-size:15px;color:#fff;padding:0 19px;transition:0s all;display:block}
header>div nav .hover>a{color:#d2d2d2}
header>div nav .border-bottom:after{content:" ";background:#fff;height:100%;width:100%;display:block}
header>div nav .border-bottom{transition:.4s all;height:2px;width:0;position:absolute;left:0;bottom:0;padding:0 19px}
header>div .time-winter{max-width:calc(100% - 200px - 50px - 558px - 50px);float:right;margin-left:50px;height:60px;overflow:hidden}
header>div .time-winter .time{float:left;color:#666}
header>div .time-winter .time span{font-size:21px;height:70px;line-height:70px;float:left;margin-left:9px}
header>div .time-winter .time small{height:70px;line-height:70px;font-size:13px;float:left;margin-left:9px}
header>div .time-winter .winter{height:60px;line-height:60px;float:left;margin-left:35px;color:#fff}
header>div .time-winter .winter img{vertical-align:middle;margin:0 10px;height:30px;margin-top:-4px}
footer{background:#333;padding:45px 0;margin-top:13px;border-top:4px solid #5a5a5a}
footer>div{width:1400px;max-width:calc(100% - 50px);margin:0 auto}
footer>div ul{width:900px;margin:0 auto}
footer>div ul li{float:left;width:180px}
footer>div ul li a{color:#fbfbfb;text-align:center;display:block;font-size:13px;height:40px;line-height:40px;width:100%}
footer>div .copart{margin-top:30px;font-size:13px;color:#919191;text-align:center}
footer>div .copart img{vertical-align:middle;margin-top:-4px;margin-right:6px;margin-left:5px}
article>div{width:1400px;max-width:calc(100% - 50px);margin:0 auto}
.title{height:40px;overflow:hidden;position:relative;border-bottom:1px solid #f1f1f1}
.title h3{line-height:40px;color:#333;font-size:18px;position:relative;padding-left:15px;font-weight:700}
.title h3:before{content:" ";position:absolute;left:0;top:11px;height:18px;width:5px;background:#1b54bc}
.title a{position:absolute;right:0;top:0;height:40px;line-height:40px;font-size:15px;color:#dcdcdc}
.loadding{width:57px;position:absolute;z-index:98;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%)}
.loadding span{display:inline-block;width:8px;height:100%;border-radius:4px;background:#ff7438;-webkit-animation:load 1.04s ease infinite}
.loadding span:nth-child(2){-webkit-animation-delay:.13s}
.loadding span:nth-child(3){-webkit-animation-delay:.26s}
.loadding span:nth-child(4){-webkit-animation-delay:.39s}
.loadding span:nth-child(5){-webkit-animation-delay:.52s}
@-webkit-keyframes load{0%,100%{height:10px;background:#33d4bb}
50%{height:30px;margin-top:-20px;background:#1b54bc}
}
.backtop{position:fixed;bottom:5%;right:5%;font-size:41px;z-index:99;width:58px;height:58px;display:none;text-align:center;line-height:58px;background:#1b54bc;color:#fff!important;cursor:pointer;border-radius:40px}
@media screen and (max-width:1920px){.indexgg,article>div,footer>div,header>div{width:1300px!important}
}
@media screen and (max-width:1600px){.indexgg,article>div,footer>div,header>div{width:1250px!important}
}
.list_all:hover .list_li{display:block}
.list_li{display:none;position:absolute;bottom:-194px;left:19px;width:457px;background:#fff;padding:12px 7px;z-index:9999999;box-shadow:0 -1px 9px rgba(117,117,117,.12);border-radius:0}
.list_li li{float:left;width:20%;text-align:center}
.list_li li a{display:block;height:44px;line-height:43px;float:none;font-size:15px;color:#5f5f5f;padding:0}
#page{text-align:center;padding:0 15px;padding-bottom:40px}
#page .layui-laypage a,#page .layui-laypage span{display:inline-block;vertical-align:middle;border-color:#F6F6F6;padding:0 27px;height:40px;color:#8e8e8e;line-height:40px;margin:0 -1px 5px 0;background-color:#fff;font-size:14px}
#page .layui-laypage .layui-laypage-curr .layui-laypage-em{background-color:#5298ff}
#page li{display:-webkit-inline-box}
#page .thisclass a{color:#fff;background:#1b54bc}
@media screen and (max-width:800px){.indexSearch>div,.indexSearch>div input,.indexgg,.indexjd,.info .left,.info .right,.other .left,.other .right,article>div,body,footer>div,footer>div ul,header>div{width:100%!important}
body{min-width:100%}
.indexSearch>div .bdlogo,.indexSearch>div .bdlogo img,.lists li .click,.lists li .introduce,header>div .time-winter{display:none}
.indexSearch>div input{width:70%!important;margin-left:5%}
.indexSearch>div .btn{width:20%!important}
header>div .logo{width:30%;height:auto;margin-top:.3rem}
header>div .logo img{width:100%;height:auto}
header{height:3rem;overflow-y:hidden}
header>div nav{width:65%!important;height:4rem;margin-left:1rem;overflow:hidden;overflow-x:scroll}
header>div nav a{height:3rem;line-height:3rem}
.indexWebList{padding:1%!important}
article>div{max-width:calc(100% - 10px)}
.indexWebList li{width:27%!important;margin:3% 3% 0!important;font-size:.5rem!important}
.indexWebList li:nth-child(3n+0){margin-right:0!important}
.indexWebList li>a{padding:0!important;font-size:.8rem!important}
.indexWebList li>a img{float:left;margin-top:.4rem!important;width:1rem!important;height:1rem!important}
.bottomas,.fenlei,.info,.other .right,.tools,.top,.update{padding:0 3% 3%!important}
.searchweb h3,.title h3{height:3rem;line-height:3rem!important;font-size:1rem}
.title{height:3rem!important}
.title h3:before{top:1.1rem;height:.8rem}
.tools>a img{border-radius:50%!important}
.other .right{margin-top:13px}
.list ul li{width:28%!important;margin-right:2%!important}
.list ul li:nth-child(3),.list ul li:nth-child(4),.list ul li:nth-child(5){display:none}
.newslist{padding-top:0!important}
footer>div .copart{text-align:center}
.fenlei ul li{width:14%!important;margin:1.3%!important}
.fenlei ul li:nth-child(10n){width:15%!important;margin:1%!important}
.lists ul li{width:31.33%!important;margin:1%;border-right:none!important;padding:4% 2% 0!important;height:auto!important}
.lists ul li a .img{height:3rem!important}
.lists ul li a .introduce{height:auto!important;-webkit-line-clamp:1!important;margin-bottom:15px;font-size:.7rem!important}
.lists ul li a .img img{max-height:100%;max-width:5rem!important}
.info{padding-top:4%!important}
.info .left .img{height:18rem!important}
.info .right ul li{width:48%!important}
.info .right{margin-top:15px}
.info .right .web-title{font-weight:700}
.info .right ul li span{float:left;font-size:.9rem!important;display:block}
.info .right ul li a{float:left}
.bg{height:14rem!important;margin-bottom:7rem}
.bg img{top:6rem!important;width:15rem!important;margin-left:0!important;left:23%!important}
.lists li{padding:1%!important}
.lists li .weblogo{width:8rem!important;margin-right:1rem!important}
.lists li .click{width:5rem!important;font-size:.8rem!important;margin-left:0!important}
.lists li .go{float:right!important;width:4rem!important;height:1.6rem!important;line-height:1.6rem!important;font-size:.2rem!important;margin-left:0!important;margin-top:1.6rem!important;margin-right:1.5rem!important}
.lists li .weblogo img{max-width:100%!important}
.lists li .number{margin-right:2rem!important}
header>div nav>div{float:none;white-space:nowrap;display:table-cell;height:3rem}
header>div nav .border-bottom{bottom:9px}
.other .left .top,.other .left .update{display:none}
footer>div ul li{width:20%}
}

