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

body{padding: 10px; background-color: #fff; border-top: 4px solid #44B549; animation: body-animation 0.5s; -webkit-animation: body-animation 0.5s; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}

@keyframes body-animation{
    0%{ transform: rotateY(180deg);}
    100%{ transform: rotateY(360deg);}
}

/*menu*/
/*.menu{position: fixed; right: 50px; top: 10px; z-index: 1;}*/
.menu{position: fixed; left: 50%; top: 10px; z-index: 1; margin-left: 505px;}
.menu .menu-main{width: 50px; height: 50px; border: 1px solid #cecece; background-color: #f7f7f7; position: relative; z-index: 1;}
.menu .menu-main .fa-navicon{font-size: 30px; position: absolute; left: 12px; top: 10px; transition: all 0.5s ease;}
.menu .menu-main:hover .fa-navicon{transform: rotate(-180deg);}
.menu .menu-main .menu-child{display: none; position: absolute; top: 49px; left: 50%; width: 150px; margin-left: -75px; border: 1px solid #cecece; background-color: #f7f7f7; z-index: 1;}
.menu .menu-main .menu-child:before{content: ""; display: block; position: absolute; top:-14px; left: 50%; margin-left: -7px; border: 7px solid transparent; border-bottom: 7px solid #ccc; }
.menu .menu-main .menu-child li{height: 40px; line-height: 40px; text-align: center; cursor: pointer; border-bottom: 1px dotted #cecece;}
.menu .menu-main .menu-child li:last-child{border-bottom: none;}
.menu .menu-main .menu-child li a{display: block;}
.menu .menu-main:hover .menu-child{display: block; animation: menu-animation 0.2s; -webkit-animation: menu-animation 0.2s;}
.menu .menu-main:hover.menu-main{border-bottom: none;}

@keyframes menu-animation{
    0%{top:100px;}
    100%{top:49px;}
}

/*baidu*/
.baidu{width: 996px; /*height: 145px;*/ margin: 0 auto; display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-direction: column;}
.baidu h3{text-align: center; color: #6b7b9b; background-color: #f7f7f7; padding: 5px 20px;}
/*.baidu #float-searchbox{visibility: visible !important; left: auto !important; width: 994px !important;}*/
.baidu .form{display: flex; display: -webkit-flex; justify-content: center; align-items: center; margin-top: 10px;}
.baidu .form .input{width: 500px; height: 40px; line-height: 40px; border: 1px solid #ccc; font-size: 20px; padding-left: 10px; padding-right: 10px;}
.baidu .form .btn{padding: 10px 20px; background-color: #3385ff; font-size: 16px; cursor: pointer; color: #fff;}
.baidu .news{display: flex; display: -webkit-flex; justify-content: center; flex-wrap: wrap; align-items: center; margin-top: 10px; width: 1000px;}
.baidu .news a{padding: 10px 10px;}
.baidu .news a:hover{color: #0000d0;}

/*search*/
.search{margin-left: auto; margin-right: auto; width: 1000px; border: 1px solid #cecece; margin-top: 10px; box-shadow: 3px 3px 3px #ccc; transition: all 1s; -webkit-transition: all 1s;}
.search-title{background-color: #f7f7f7; height: 32px;}
.search-title span{display: inline-block; height: 32px; padding: 0px 20px; color: #6b7b9b; line-height: 32px; font-weight: bold; text-align: center; cursor: pointer;}
.search-title span.active{border-bottom: 2px solid #44B549; background-color: #fff;}
.search-main{display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 10px;}
.search-main a{display: flex; display: -webkit-flex; justify-content: center; align-items: center; padding: 10px 10px; position: relative;}
.search-main a:before{content: ''; width: 100%; height: 3px; background-color: #ee6363; transform: scaleX(0); -webkit-transform: scaleX(0); transition: all 0.2s; -webkit-transition: all 0.2s; position: absolute;
    bottom: 0px; left: 0px;}
/*.search-main a img{width: 100%;}*/
.search-main a:hover{color: #0000d0; text-decoration: none;}
.search-main a:hover:before{transform: scaleX(1); -webkit-transform: scaleX(1);}
.search-main.search-hide{height: 220px; overflow: hidden;}
.search .search-show{display: flex; display: -webkit-flex; justify-content: center; align-items: center; padding: 10px 10px;}
.search .search-show .btn{display: flex; display: -webkit-flex; justify-content: center; align-items: center; flex-grow: 1; height: 40px; background-color: #f7f7f7; outline: 0; border: 1px solid #f7f7f7;}

/*footerborder*/
.footer-border{margin-left: auto; margin-right: auto; width: 1000px; margin-top: 30px;}
.footer-border .footer-progress{width: 100%; height: 5px; margin: 0 auto; background-color:#f7f7f7; display: flex; display: -webkit-flex; justify-content: flex-start; align-items: center; }
.footer-border .footer-progress span{height: 5px; background-color: #f00;}
.footer-border .footer-border-main{width: 90%; height: 2px; margin: 0 auto; margin-top: 30px; background-color: #f7f7f7; display: flex; display: -webkit-flex; justify-content: center; align-items: center;}
.footer-border .footer-border-main span{background-color: #fff; padding: 5px 10px;}

/*gotop*/
/*.gotop{position: fixed; right: 50px; bottom: 100px; z-index: 1;}*/
.gotop{position: fixed; left: 50%; bottom: 100px; z-index: 1; margin-left: 505px;}
.gotop .gotop-main{width: 50px; height: 50px; border: 1px solid #cecece; background-color: #f7f7f7; cursor: pointer; position: relative;}
.gotop .gotop-main:before{content: " "; display: block; width: 1px; height: 1px; border: 10px solid transparent; border-bottom: 10px solid #ccc; position: absolute; top: 10px; left: 15px; transition: all .2s ease;}
.gotop .gotop-main:hover:before{top:0px;}
.gotop .gotop-main:nth-child(2){margin-top: 2px;}
.gotop .gotop-main:nth-child(2):before{border-top: 10px solid #ccc; border-bottom: none;}
.gotop .gotop-main:nth-child(2):hover:before{top:20px;}
.gotop .gotop-main .tooltip{height: 50px; width: 120px; line-height: 50px; border: 1px solid #cecece; border-left: none; position: absolute; left: 100%; top:-1px; padding: 0px 10px; opacity: 0;
        filter:alpha(opacity=0); transition: all 1s; background-color: #f7f7f7; display: none;}
.gotop .gotop-main .tooltip:before{content: " "; position: absolute; top: 50%; right: 100%; border:5px solid transparent; border-right: 5px solid #ccc; margin-top: -5px;}
.gotop .gotop-main:hover .tooltip{display: block; opacity: 1; filter:alpha(opacity=1);}
.gotop .qrcode{width: 50px; height: 50px; border: 1px solid #cecece; margin-top: 2px; position: relative; background-color: #f7f7f7; cursor: pointer;}
.gotop .qrcode img{display: none; position: absolute; right: 50px; top: -140px; width: 200px;}
.gotop .qrcode img:nth-child(2){right: 250px;}
.gotop .qrcode:hover img{display: block;}
.gotop .qrcode .fa-qrcode{font-size: 30px; position: relative; left: 12px; top: 10px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.gotop .qrcode:hover .fa-qrcode{transform: rotate(-360deg);}
/*.gotop .gotop-main span{ display: block; width: 1px; height: 1px; border-top: 10px solid transparent; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #ccc;}*/

/*leftfixed*/
.leftfixed{position: fixed; right: 50%; bottom: 200px; z-index: 1; margin-right: 505px;}
.leftfixed .leftfixed-main{width: auto; height: auto; border: 1px solid #cecece; background-color: #f7f7f7; cursor: pointer; position: relative; padding: 5px 10px; 
               writing-mode: vertical-lr;}
.leftfixed .leftfixed-main a{text-decoration: none;}

/*footer*/
.footer{width: 1000px; margin: 0 auto; padding-top: 100px;}
footer{position: fixed; bottom: 0px; width: 1000px; padding: 10px; font-weight: bold; background-color: #f7f7f7;}
footer p{text-align: center;}