body { font-family: 'Microsoft YaHei'; color: #565656;}
html{}
*{ margin: 0;padding: 0;}
ul, li { list-style-type: none; padding: 0px; margin: 0px; }

a:-webkit-any-link{text-decoration: none}
input:focus{outline:none;}



.h10 { clear: both; height: 10px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }




a { text-decoration: none; color: #4c4c4c; }
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
a:active{text-decoration: none;}

#header a:hover{ text-decoration: none; color: #c81432; }



h1 { color: #333; font-size: 24px; margin-top: 0px; }
h3 { color: #333; font-size: 20px; position: relative; }
i { display: inline-block; }

.container-fluid {padding:0;}



.animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_030s { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_050s { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_075s { -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_100s { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_150s { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_200s { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_300s { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_500s { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_1s { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated_5s { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated_delay_030s { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }
.animated_delay_060s { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }
.animated_delay_090s { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.animated_delay_120s { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.css3-t-scale { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
.css3-ease-in-out { -webkit-transition: all .8s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; }

@-webkit-keyframes t_ScaleInOut {
    0% { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; }
    100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }
}

@keyframes t_ScaleInOut {
    0% { transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -webkit-backface-visibility: hidden; }
    100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }
}

.t_ScaleInOut { -webkit-animation-name: t_ScaleInOut; animation-name: t_ScaleInOut; }


@-webkit-keyframes t_InUp {
    0% { opacity: 1; -webkit-transform: translateY(200px); transform: translateY(200px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes t_InUp {
    0% { opacity: 1; -webkit-transform: translateY(200px); transform: translateY(200px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

.t_InUp { -webkit-animation-name: t_InUp; animation-name: t_InUp; }


@-webkit-keyframes t_InLeft {
    0% { opacity: 1; -webkit-transform: translateX(-200px); transform: translateX(-200px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes t_InLeft {
    0% { opacity: 1; -webkit-transform: translateX(-200px); transform: translateX(-200px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

.t_InLeft { -webkit-animation-name: t_InLeft; animation-name: t_InLeft; }

/*公用*/


/*头部*/
#header{ height: 130px;display: -webkit-flex;
    align-items: center;
    justify-content: space-between;}
#header .menu{ display: none;}
#header .bbtn{ width: 30px;height:30px;border-radius: 50%;border: 1px solid #999;outline: none;text-align: center;display: inline-block;line-height: 30px;margin-right: 5px;}
#header .test .active{ border: 1px solid #007bbe;}
#header .test .active a{ color: #007bbe;}
#header .main{ display: flex;display: -webkit-flex;align-items: center; justify-content: space-between;}
#header .search { border-radius: 20px;position: relative; float: left;margin-right: 20px;}
#header .search img{ width: 26px;position: absolute;right: 5px;top: 0;}
#header .doubleSelect { float: right;}
#header .search input{ border-radius: 20px; outline: none;border: 1px solid #999;padding: 5px 8px;width: 200px;}


/*轮播图*/
.flexslider .img img{ width: 100% !important;}
.flexslider .img{ display: block !important;}
/*导航栏*/
#navbar{ background-color: rgba(0,0,0,0.4);position: absolute;width: 100%;z-index: 102;}
#navbar ul{display: flex;display: -webkit-flex;align-items: center;}
#navbar ul li{flex-grow:1;justify-content: center;height: 50px;display: flex;align-items: center;color: #fff;}
#navbar ul li a{color: #fff;font-size: 20px;}
#navbar ul li span{display: none;}
#navbar ul li:hover{background-color: #007bbe;}
#navbar ul .active{background-color: #007bbe;}

/*底部导航栏*/
#footerNav{ background: #6f6e6c;overflow: hidden;margin-top: 80px;}
#footerNav .top{ position: absolute;right: 0;top: -10px;}
#footerNav .link ul li {display: inline-block;padding: 24px 0;}
#footerNav .link ul li:hover a{ color: #007bbe;}
#footerNav .link ul li span{display: none;}
#footerNav .link ul li:last-child{border-right: none;}
#footerNav .link ul li a{display: inline-block;color: #fff;border-right: 1px solid #fff;padding: 0 20px;height: 20px;font-size: 14px;}
#footerNav .link ul li:last-child a{ border: none;}

/*友情链接*/
#friendship{background: #1f1a17;color: #fff;padding:10px;}
 #friendship .container .row{margin:0 15px;}
#friendship .container .row a{ color: #fff;}

/*底部*/
#footer{height: 180px;background-color: #1f1a17;}
#footer .main{ display: flex;display: -webkit-flex;align-items: center;width: 100%;height: 180px;}
#footer .message{ margin-left: 10px;}
#footer .logo{ width: 183px;}
#footer .code{ width: 111px;}
#footer .sever{ color: #fff;font-size: 16px;}
#footer .tel{ color: #fff;font-size: 30px;}
#footer .copy{ color: #fff;}
#footer .message p {color: #fff;margin: 0;line-height: 24px;}
@media (max-width: 768px) {

    #header{ height: 60px;}
    #header .logo img{ width: 60%;}
    #header .search{ display: none; }
    #navbar ul{ display: block; }
    #navbar { display: none; background: rgba(0,0,0,0.7)}
    #navbar .container{ padding: 0;}

    #footer .main{ height: 100%;}
    #footerNav .link ul li{ padding: 18px 0;}
    #footerNav .top{ top: 35px;}
    #footer .main .row{ margin-left: -15px;}
    #footer { height: 100%;}
    #footer .logo,#footer .code { margin: 15px auto;}
    #footer .col-md-3,#footer .col-md-4{ text-align: center;}

}

@media (max-width: 480px) {

    #header{ height: 60px;}
    #header .logo img{ width: 60%;}
    #header .search{ display: none; }
    #navbar ul{ display: block; }
    #navbar { display: none; background: rgba(0,0,0,0.7)}
    #navbar .container{ padding: 0;}

    #footer .main{ height: 100%;}
    #footerNav .link ul li{ padding: 18px 0;}
    #footerNav .top{ top: 35px;}
    #footer .main .row{ margin-left: -15px;}
    #footer { height: 100%;}
    #footer .logo,#footer .code { margin: 15px auto;}
    #footer .col-md-3,#footer .col-md-4{ text-align: center;}

}