/*
    *by:JasonJ
    *Email:xiaoyi0228@vip.qq.com
    *use：香港免费资料正版大全
*/
body{ font-size:10px;}
.left{ float:left;}
.right{ float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}/* Hides from IE-mac \*/
* html .clearfix{height:1%;}/* End hide from IE-mac */
*+html .clearfix{min-height:1%;}

.container{ width: 1580px; margin-left: auto; margin-right: auto;}
.container1{ width: 1200px; margin-left: auto; margin-right: auto;}
.topnav{ position: fixed; top: 0; left: 50%; margin-left: -790px; z-index: 9999;}
.topnav1{ position: fixed; top: 0; left: 50%; margin-left: -600px; z-index: 9999;}
.navbox{ width: 100%; position: absolute; top:0; z-index: 9999;}
.iconbg{ background: #20385d; width: 100%; height: 62px; line-height: 62px; position: fixed; top: 0; left: 0; z-index: 1;}
.logo{ width: 596px; height: 160px; background: #be0f2e; position: absolute; top: 0; left: 0; z-index: 2; text-align: center;}
.logo a{ width: 596px; height: 87px; padding-top: 18px; display: block; position: relative;}
.logo1{ width: 388px; height: 103px; background: #be0f2e; position: absolute; top: 0; left: 0; z-index: 2; text-align: center;}
.logo1 a{ width: 388px; height: 87px; padding-top: 18px; display: block; position: relative;}
.nav{ position: absolute; top: 0; right: 100px; z-index: 2;}
.nav .navul .navulli{ float: left; height: 62px; line-height: 62px; padding: 0 30px;margin-right: 20px; position: relative;}
.nav .navul .navulli .na{ display: block; font-size: 2em; color: #fff;font-weight: bold;}
.nav .navul .navulli .na:hover{ color: #ff8b02;}
.nav .navul .navulli.active .na{ color: #ff8b02;}
.nav .navul .navulli ul{ display: none; position: absolute; left: 0px; top: 62px; z-index: 2; background: #20385d; width: 100%;}
.nav .navul .navulli ul li{ line-height: 50px; text-align: center; border-top: 2px #939eb0 solid;}
.nav .navul .navulli ul li a{ color: #fff; display: block; font-size: 20px;;}
.nav .navul .navulli ul li a:hover{  color: #f97e05;}
.nav .navul .navulli.active ul{ display: block;}
.nav .navul .navulli.navulli09{ display: block;}
.nav .navul .navulli.navulli09 .na{background: url(/csxy/skin/img/sy01.jpg) right center no-repeat;padding: 0 30px 0 0;}
.nav .navul .navulli.navulli09 ul li{ position: relative;}
.nav .navul .navulli.navulli09 ul li ul{ display: none;}
.nav .navul .navulli.navulli09 ul li.navullihover:hover .naa{  color: #ff8b02;}
.nav .navul .navulli.navulli09 ul li.navullihover:hover ul{ display: block; position: absolute; left: 84px; top: -1px; z-index: 2; background: #103b68; width: 100%;}
.nav .navul .navulli.navulli10{ display: none;}
.nav .navul .navulli.navulli10 a{ padding-left: 10px; padding-right: 10px;}
.nav .navul .navulli.navulli10 ul li{ position: relative;}
.nav .navul .navulli.navulli10 ul li dl{ display: none;}
.nav .navul .navulli.navulli10 ul li dl dd{line-height: 50px; text-align: center; border-top: 2px #939eb0 solid;}
.nav .navul .navulli.navulli10 ul li .morenaa{ background: url(/csxy/skin/img/sy01.jpg) 90% center no-repeat;}
.nav .navul .navulli.navulli10 ul li.navullihover:hover .morenaa{ color: #ff8b02;background: url(/csxy/skin/img/sy01.jpg) 90% center no-repeat;}
.nav .navul .navulli.navulli10 ul li.navullihover:hover dl{ display: block; z-index: 2; background: #20385d; width: 100%;}
.nav .navul .navulli10 .na span{ cursor: default;}
.nav .navul .navulli10 .na span b{ font-weight: normal;}
.nav .navul .navulli.navulli11{padding: 10px 0 0 ;height: 52px;line-height: 52px;}
.nav .navul .navulli.navulli11 ul{position: absolute;left:-330px;top:3px;z-index: 2;background:none; }
.nav .navul .navulli.navulli11 ul li{border-top: 0;}
.sy_input{background: #fff;width: 328px;height: 48px;border: 1px solid #bfbfbf;}
.inav{ background-image: url(/csxy/skin/img/inav.png); background-repeat: no-repeat; width: 47px; height: 40px;background-size: 100% 100%; display: block; margin: 0 auto;}
.footer{ background: #103b68; padding: 20px 0; margin-top: 20px; line-height: 30px; text-align: center; font-size: 1.2em; color: #FFFFFF;}
.footer span{ padding: 0 10px;}
@media screen and (min-width:860px) and (max-width:1235px) {
    .container{ width: 100%;}
    .container1{ width: 100%;}
    .topnav{ left: 0; margin-left: 0;}
    .topnav1{ left: 0; margin-left: 0;}
}
@media screen and (min-width:625px) and (max-width:860px) {
    .container{ width: 100%;}
    .container1{ width: 100%;}
    .topnav{ left: 0; margin-left: 0;}
    .topnav1{ left: 0; margin-left: 0;}
}
@media screen and (min-width:500px) and (max-width:850px) {
    .footer span{ display: block;}
    .footer p{ padding: 0 20px;}
    }
@media screen and (min-width:320px) and (max-width:624px) {
    .container{ width: 100%;}
    .container1{ width: 100%;}
    .topnav{ left: 0; margin-left: 0;}
    .topnav1{ left: 0; margin-left: 0;}
}
@media screen and (min-width:320px) and (max-width:499px) {
    .footer span{ display: block;}
    .footer p{ text-align: left; padding: 0 20px;}
    }
@media screen and (min-width:860px) and (max-width:1180px) {
    .navulli04,.navulli05,.navulli06,.navulli07,.navulli08{ display: none;}
    .nav .navul .navulli.navulli09{ display: block;}
}
@media screen and (min-width:620px) and (max-width:859px) {
    .navulli01,.navulli02,.navulli03,.navulli04,.navulli05,.navulli06,.navulli07,.navulli08{ display: none;}
    .nav .navul .navulli.navulli09{ display: none;}
    .nav .navul .navulli.navulli10{ display: block;}
    .nav{ right: 93px; width: 70px;}
    .nav .navul .navulli{ height: 62px; line-height: 62px; padding: 0;}
    .nav .navul .navulli10 .na{ width: 50px; padding-top: 10px; height: 52px;}
    .nav .navul .navulli10 .na span{ font-size: 12px; color: #000000; display: block; line-height: 24px; text-align: center;}
    .nav .navul .navulli ul{ top: 62px; width: 120px;}
    .nav .navul .navulli.navulli10 ul li.navullihover:hover ul{ left: -120px;}
    .logo{ width:385px; height:62px; left: 0;}
    .logo a{ width: auto; height: auto; padding-top:5px;}
    .logo a img{ height: 55px;}
    .logo1{ width:385px; height:62px; left: 0;}
    .logo1 a{ width: auto; height: auto; padding-top:5px;}
    .logo1 a img{ height: 55px;}
}
@media screen and (min-width:320px) and (max-width:619px) {
    .nav .navul .navulli.navulli11{padding: 3px 0 0;height:42px; line-height: 42px;}
    .nav .navul .navulli.navulli11 ul{top: 0;}
    .sy_input{height:35px; line-height: 35px;}
    .navulli01,.navulli02,.navulli03,.navulli04,.navulli05,.navulli06,.navulli07,.navulli08{ display: none;}
    .nav .navul .navulli.navulli09{ display: none;}
    .nav .navul .navulli.navulli10{ display: block;}
    .iconbg{ height: 45px;opacity: 0.7;}
    .logo{ width: 215px; height: 45px; left: 0;}
    .logo a{ width: auto; height: auto; padding-top:5px;}
    .logo a img{ height: 35px;}
    .logo1{ width: 215px; height: 45px; left: 0;}
    .logo1 a{ width: auto; height: auto; padding-top:5px;}
    .logo1 a img{ height: 35px;}
    .nav{ right: 0px; width: 70px;}
    .nav .navul .navulli{ height: 45px; line-height: 45px; padding: 0;}
    .nav .navul .navulli10 .na{ width: 50px;  padding-top: 3px; height: 42px;}
    .nav .navul .navulli10 .na span{ font-size: 12px; color: #000000; display: block; line-height: 24px; text-align: center;}
    .nav .navul .navulli ul{ top: 45px; width: 120px;}
    .nav .navul .navulli.navulli10 ul li.navullihover:hover ul{ left: -120px;}
}

/* animation */
.animated {-webkit-animation-duration:0.2s;animation-duration:0.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInTop {-webkit-animation-name:fadeInTop;animation-name:fadeInTop}
@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}
@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}