@charset "utf-8";
/* CSS Document */
@import url(CssMeteor.css);

.warp{ width:100%; min-width:1220px; max-width: 1920px; position:relative; overflow:hidden; margin:0 auto; background:#FFF;}

.warp>.top{ min-height:335px; background: url(Top_pic_bg.jpg) no-repeat; background-position: center; background-origin:content-box;}


.dbText{ width:100%; height:41px; line-height:41px; background: url(top_ico_1.png);}
.dbText span{ font-size:12px; color:#FFF;}
.dbText span a{ margin:0 5px;}
#weather{ height: 41px;}
#weather>div{position:absolute;top: 0;left: 0;width: 100%;height: 100%;}

.topMain{ height:226px;}
.topMain .LOGO{ width:626px; height:85px; top:52px; left:30px}
.LogoTxt{position: absolute;left: 665px;top: 55px;}
.LogoTxt p{font-size: 16px;color: #FFF;line-height: 27px;}
.topMain .search{width:380px;min-height:50px;position:relative;top: 150px;right:28px;}
.topMain .search .inputText{ width:100%; height:50px; position:relative; overflow:hidden; background: #FFF; border-radius: 5px;}
.topMain .search .inputText input{ outline:medium;}
.topMain .search .inputText .inp{ position:relative; overflow:hidden; width:280px; height:50px; padding-left:20px; line-height:50px; border:none; border-radius:25px; font-size:13px; color:#9a9a9a;}
.topMain .search .inputText .inp:focus{ color:#333;}
.topMain .search .inputText .but{ position:relative; overflow:hidden; display:inline-block; width:70px; height:50px; border:none; background:#1e1eeb; cursor:pointer; font-size: 14px;}
.topMain .search .inputText .but span{ position: relative; overflow: hidden; display: block; width: 100%; height: 100%; color:#FFF; text-align: center; line-height: 50px; z-index: 2;}
a.but::before, a.but::after{
    content: "";
    background-color: #2267e1;
    opacity: 1;
    position: absolute;
    transition: opacity .35s ease-out .03s, -webkit-transform .35s ease-out;
    transition: transform .35s ease-out, opacity .35s ease-out .03s;
    transition: transform .35s ease-out, opacity .35s ease-out .03s, -webkit-transform .35s ease-out;
    
    width: 50%;
    height: 100%;
    top: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
}
a.but::before{left: 0;}
a.but::after{right: 0;}
a.but:hover::before, a.but:hover::after{ opacity: 0; transition-delay: 0s;}
a.but:hover::before{ -webkit-transform: translate3d(-100%, 0, 0) rotate(-45deg);
    transform: translate3d(-100%, 0, 0) rotate(-45deg);}
a.but:hover::after{ -webkit-transform: translate3d(100%, 0, 0) rotate(-45deg);
    transform: translate3d(100%, 0, 0) rotate(-45deg);}


/*栏目导航*/
.NavBox{ height:68px; background:url(top_ico_2.png);}
.NavBox>.w1200{width: 1200px;height:100%;}
.NavBox ul{ position:relative; overflow:hidden; width:105%;}
.NavBox li{float:left;position:relative;overflow:hidden;width: 150px;height:68px;font-size:18px;}
.NavBox li>a{display:inline-block; width: 100%; height:100%; position:relative; overflow:hidden; text-align:center;color:#FFF; line-height:68px; z-index: 3;}
/*.NavBox li:hover,.NavBox li.on{ background:#2099ff;}*/
.NavBox li.on a,.NavBox li:hover a{ color:#FFF;}

.NavBox li::before, .NavBox li::after {
  content: "";
  position: absolute;
  z-index:0;
  background: #2178c4;
  width: 100%;
  height: 100%;
  -webkit-transition: all .25s;
  transition: all .4s;
}
.NavBox li.a::before, .NavBox li.a::after{
    transform: skewX(65deg);
}
.NavBox li.b::before, .NavBox li.b::after{
    transform: skewX(-65deg);
}
.NavBox li::before{ left: -150%;}
.NavBox li::after{ right: -150%;}

.NavBox li:hover::before, .NavBox li:hover::after,.NavBox li.on::before, .NavBox li.on::after { background: #2178c4;}
.NavBox li:hover::before,.NavBox li.on::before{ left: -49%;}
.NavBox li:hover::after,.NavBox li.on::after{ right: -49%;}

.Main{ }
.none{ display:none !important;}
.border{ border:1px solid #d7e5f1;}