@charset "utf-8";
*{
    font-family: "微软雅黑",Arial;
}
.no-padding{
    padding: 0;
}
.no-margin{
    margin: 0;
}
.top{

    margin: 0 auto;
    background: url("../images/top-bg.jpg") repeat-x;
    height: 136px;
}
.logo{

    display: inline-block;

}
body{min-width: 1200px;}
.main-width{
    width: 1200px;
    margin: 0 auto;
    /* border: 1px #000 dashed; */
}
.index-main{
    background: url("../images/index-bg.jpg") no-repeat;
    background-size: 100% 100%;

}

@-moz-keyframes fly {
    0%{
        opacity: 0;
        left: 11%;
        top: 66%;
        transform: scale(0.2,0.2) rotate(15deg);
    }

    100%{
        opacity: 1;
        left: 29%;
        top: 41%;
        transform: scale(1,1) rotate(0deg);
    }
}
@-moz-keyframes fly {
    0%{
        opacity: 0;
        left: 11%;
        top: 66%;
        transform: scale(0.2,0.2) rotate(15deg);
    }

    100%{
        opacity: 1;
        left: 29%;
        top: 41%;
        transform: scale(1,1) rotate(0deg);
    }
}
@-ms-keyframes fly {
    0%{
        opacity: 0;
        left: 11%;
        top: 66%;
        transform: scale(0.2,0.2) rotate(15deg);
    }

    100%{
        opacity: 1;
        left: 29%;
        top: 41%;
        transform: scale(1,1) rotate(0deg);
    }
}
@-webkit-keyframes fly {
    0%{
        opacity: 0;
        left: 11%;
        top: 66%;
        transform: scale(0.2,0.2) rotate(15deg);
    }

    100%{
        opacity: 1;
        left: 29%;
        top: 41%;
        transform: scale(1,1) rotate(0deg);
    }
}
@keyframes fly {
    0%{
        opacity: 0;
        left: 11%;
        top: 66%;
        transform: scale(0.2,0.2) rotate(15deg);
    }

    100%{
        opacity: 1;
        left: 29%;
        top: 41%;
        transform: scale(1,1) rotate(0deg);
    }
}
@-moz-keyframes line {
    0%{
        opacity: 0;

    }

    100%{
        opacity: 1;
    }
}
@-moz-keyframes line {
    0%{
        opacity: 0;

    }

    100%{
        opacity: 1;
    }
}
@-ms-keyframes line {
    0%{
        opacity: 0;

    }

    100%{
        opacity: 1;
    }
}
@-webkit-keyframes line {
    0%{
        opacity: 0;

    }

    100%{
        opacity: 1;
    }
}
@keyframes line {
    0%{
        opacity: 0;

    }

    100%{
        opacity: 1;
    }
}

.bing{
    -webkit-animation: fadeIn 8s both;
    -o-animation: fadeIn 8s both;
    animation: fadeIn 8s both;
}
.line{
    -webkit-animation: line 8s both 1.5s;;
    -o-animation: line 8s both 1.5s;;
    animation: line 8s both 1.5s;;
}
.fly{
    opacity: 0;
    -webkit-animation: fly 4s both 1.5s;
    -o-animation: fly 4s both  1.5s;
    animation: fly 4s both  1.5s;
    left: 29%\9;
    top: 41%\9;
}
.yuanmeng{
    -webkit-animation: flipInY 4s both 3.2s;
    -o-animation: flipInY 4s both  3.2s;
    animation: flipInY 4s both  3.2s;
}
.code1{
    -webkit-animation: bounceInDown .5s both 4.5s;
    -o-animation: bounceInDown .5s both  4.5s;
    animation: bounceInDown .5s both  4.5s;
}
.code2{
    -webkit-animation: bounceInDown .5s both 5s;
    -o-animation: bounceInDown .5s both 5s;
    animation: bounceInDown .5s both  5s;
}


.index-main img{
    position: absolute;
}
.index-bottom{
    height: 160px;
    width: 100%;
    background: #d3021b;

}
.index-bottom2{
    height: 127px;
    width: 100%;
    background: #d3021b;

}
.nav-list{
    width: 843px;
    /* border: 1px #008000 solid; */
    padding-top: 14px;
    height: 160px;
    float: right;
}
.nav-list li{
    float: left;
    height: 72px;
    width: 14.28571%;
    padding-top: 16px;
    text-align: center;
}
.bg{
    background: #fff;
}
.nav-list li a{
    color: #ffffd7;
    font-size: 18px;
    display: block;
}
.nav-list li a:link{
    color: #ffffd7;
    font-size: 18px;
    display: block;
    text-decoration: none;
}
.nav-list li a:hover{
    color: #ffffd7;
    font-size: 18px;
    display: block;
    text-decoration: none;
}
.nav-list li a:active{
    color: #ffffd7;
    font-size: 18px;
    display: block;
    text-decoration: none;
}
.nav-list li a:visited{
    color: #ffffd7;
    font-size: 18px;
    display: block;
    text-decoration: none;
}
.nav-list2{
    width: 100%;
    /*border: 1px #008000 solid;*/
    padding-top: 32px;
    height: 127px;
}
.nav-list2 li{
    float: left;
    height: 65px;
    width: 14.28571%;
    width: 14%\9;
    padding-top: 12px;
    text-align: center;
}
.nav-list2 li a{
    color: #ffffd7;
    font-size: 16px;
    display: block;
}
.nav-list2 li a:link{

    text-decoration: none;
}
.nav-list2 li a:hover{

    text-decoration: none;
}
.nav-list2 li a:active{

    text-decoration: none;
}
.nav-list2 li a:visited{
    color: #ffffd7;
    font-size: 18px;
    display: block;
    text-decoration: none;
}
.footer{
    height: 30px;
    line-height: 30px;
    color: #ffffd7;
    text-align: center;
    background: #d3021b;
}
.main-body{
    background: #f0f0f0;

}
.main-width2{
    width: 1000px;
    margin: 0 auto;
}
.title-h1{
    height: 60px;
    background: url("../images/js_14.jpg") bottom  no-repeat;
    color: #d4021b;
    font-size: 18px;
    font-weight: bold;
    padding-top: 25px;
    padding-left: 15px;
}

.main-p{
    font-size: 12px;
    line-height: 20px;
    margin-top: 17px;
    color: #040000;
    text-indent: 2em;
    padding-left: 15px;
    padding-right: 15px;
}
.main-p4{
    font-size: 12px;
    line-height: 65px;

    color: #040000;
    text-indent: 2em;
    padding-left: 15px;
    padding-right: 15px;
    background: url("../images/js_14.jpg") bottom  no-repeat;
}
.title-h2{
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    color: #d3011a;
    padding-left: 38px;
    margin-top: 10px;

}
.h{
    height: 30px;
}
.main-p2{
    font-size: 12px;
    line-height: 20px;
    color: #040000;
    padding-left: 38px;


}
.main-p3{
    font-size: 12px;
    line-height: 30px;
    color: #040000;
    padding-left: 38px;


}
.red{
    color: #d3011a;

}
.strong{
    font-weight: bold;
}
.text-indent2{
    text-indent: 2em;
}

.floating{
    position:absolute;
    top:0px;
    right:0px;
    z-index:3;
    width:204px;
    padding:0 5px 5px 5px;
    text-align:center;
}
.floating h2{
    color:#3e3e3e;
    font-size:12px;
    height:23px;
    line-height:23px;
    background: #f4f4f4;
    border: 1px solid #e4e4e4;
    padding-right:15px;

}
.floating ul{ background: #fff;}
.floating ul li{line-height:50px;}
.floating ul a{color:#3e3e3e;font-size: 18px;text-decoration: none;}
.floating ul li.on a{color:#d10b24;}
.floating ul a:link{text-decoration: none;}
.floating ul a:hover{text-decoration: none;
    color: #d10b24;}
.floating ul a:active{text-decoration: none;}
.floating ul a:visited{text-decoration: none;}
.floating .back-top a{ display:block; color:#d10b24; background:#e0dfdf; height: 62px;  line-height: 62px;text-align: center}

#dowebok {  margin: 0 auto; font-size: 0;width: 100%;
}
#dowebok li {
    display: inline-block;
    *display:inline;
    *zoom:1;
    width: 24%;
    margin-left: 1%;
    padding-top: 1%;


}
#dowebok li img { width: 100%;}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}

@media (min-width:1200px) {

}

.newsContent{}
.newsContent table{width: 95%;margin: 0 auto;}
.newsContent table tr{}
.newsContent table tr:first-child td{border:1px solid #ddd;border:1px solid #ddd !important;padding: 5px 0 !important;font-size: 16px;font-weight: normal;}
.newsContent table tr td{border:1px solid #ddd;border:1px solid #ddd !important;font-family: "微软雅黑", Arial !important;vertical-align: middle;text-align: center;}
.newsContent table tr td span{font-family: "微软雅黑", Arial !important;}
.newsContent table tr td p{font-family: "微软雅黑", Arial !important;}
.newsContent table tr td:nth-of-type(1){width: 50px;}
.newsContent table tr td:nth-of-type(2){width: 50px;}
.newsContent table tr td:nth-of-type(3){width: 50px;}
.newsContent table tr td:nth-of-type(4){width: 250px;}