﻿/* ==========================================================================
   Component: Base
 ===========================================================================*/
/**
 * Fix the flawed CSS box model - Yes, IE6's box model is better
 * Browser support: IE8+
 * auth: 银翼的魔术师MX
 */
html,body{
    height: 100%;
}
*{
    margin: 0;
    padding: 0;
}

/*@font-face {*/
    /*!* font-properties *!*/
    /*font-family: fzktjt;*/
    /*src:url('../fonts/fzktjt.ttf'),*/
    /*url('../fonts/fzktjt.ttf'),*/
    /*url('../fonts/fzktjt.ttf'); !* IE9 *!*/
/*}*/

ul, li, ol {
    list-style: none;
}
header{
    height:100px;
    background: #f2f5f8;
}
.am-container-1{
    max-width: 1028px;
    margin: 0 auto;
}
header .logo{
    margin-top:18px;
}
header ul li{
    /*width:115px;*/
    line-height:100px;
    float: left;
}
header ul li a{
    color: #3b435b;
    padding:0 25px;
    font-size: 16px;
    /*font-weight: 600;*/
    /*font-family: fzktjt;*/
    font-family: '微软雅黑';
}
header ul li:hover{
    background: #da1e2b;
}
header ul li:hover a{
    color:#fff;
}
header ul .active .xiala{
    width: 114px;
    display: none;
    position: absolute;
    z-index:999999;
}
header ul .active:hover .xiala {
    display: block;
}
.xl {
    height: 57px;
    line-height: 0px!important;
    padding: 11px 0;
    background: #33363d;
}
.xl:hover {
    background: #474b56;
}

/*====================导航区结束=========================*/

/*====================主页内容区=========================*/
/*轮播图*/
.xj-slider li{
    max-height:694px;
}

/*品牌区*/
.brand-area{
    max-width:1028px;
    margin:0 auto;
}
.am-thumbnail{
    border: 0 solid #ddd !important;
    margin-bottom: 5px!important;
}

.xj-footer{
    background: #292c39;
}
footer .xj-links {
    width:550px;
    margin: 20px auto 10px;
    color: #717690;
}
footer .xj-links a{
    margin:0 10px;
}
footer .xj-links a:hover{
    color: #fff;
}
footer a{
    color: #717690;
}
footer .copyright {
    text-align: center;
    margin: 20px 0;
    color: #717690;
    /*margin-bottom:45px;*/
}

/*=====================关于我们=========================*/

.xj-about-us-slider li{
    max-height:517px;
}

/*=====================联系我们=========================*/
.contact-us{
    background: #f2f6f9;
}
.xj-contact-us-slider li{
    max-height:517px;
}
.contact-area{
    width:1008px;
    height: 1700px;;
    margin:0 auto;
    /*margin-top:-165px;*/
    background: #fff;
    position: relative;
    z-index:999;
}
.contact-area  .title1{
    padding-top:112px;
    margin-bottom:10px;
    text-align: center;
    font-size: 29px;
}
.contact-area  .title2{
    margin-top:2px;
    text-align: center;
    font-size: 12px;
}
.business,.site{
    width: 882px;
    margin:0 auto;
    margin-top:128px;
}
.business .icon-1{
    /*background:#FFF url('../images/icon-mjxc.png') no-repeat 0 0 fixed;*/
    display: block;
}
.business .nav1,.site .nav1{
    line-height: 33px;
}
.business p,.site p{
    font-size: 12px;
    line-height: 10px;
    margin:14px 0;
    margin-right: -40px;
    color: #6f7487;
}
.business .am-u-sm-9 p:first-child{
    margin-top:22px;
}
.site .nav2 {
    padding-left: 83px;
    margin-bottom:40px;
}
#dituContent,#dituContentShanghai{
    width: 808px;;
    margin:0 auto;
}

/*=====================秦时明月=========================*/
.container-qsmy{
    height:100%;
}
.side_main{
    width:200px;
    height: 100%;
    float: left;
    background: #33363d;
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 999;
}
.side_main .brand-logo{
    margin:30px 20px 20px;
}
.master_main{
    height: 100%;
    /*overflow:hidden;*/
    background: #fff;
}
.brand-list ul{
    padding:0;
}
.brand-list ul li{
    height: 70px;

    padding:24px 0;
    font-size: 16px;
}
.brand-list ul li a{
    width:70px;
    margin:0 auto;
    color: #545a6a;
    display: block;
    /*font-family: fzktjt;*/
    font-family: '微软雅黑';
}
.brand-list ul li:hover{
    background-color: #666;
}
.brand-list ul li:hover a{
    color: #fff;
}
.brand-list ul  .active{
    background-color: #e92435;
}
.brand-list ul .active a{
    color: #fff;
}
.erweima img{
    margin:0 auto;
    display: -webkit-box;
    bottom:60px;
}
.side_main span{
    width:165px;
    margin:0 auto;
    margin-top:20px;
    text-align: center;
    color: #545a6a;
    display: block;
    font-size: 12px;
}
.poster{
    overflow-x: hidden;
}
.poster-list{
    margin:0 auto;
    position: fixed;
    bottom: 20px;
    /*height:100px;*/
    width:90%;
    right:0;
    background: rgba(0,0,0,0.37);
    /*background: rgba(255,255,255,0.4);*/
}
/*=============海报缩略图================*/
/*.slider{height:129px; margin:20px auto; overflow:hidden; position:relative;}
.sliderbox{position:relative;}
.slidernav{position:absolute; right:0; bottom:0; width:100%; background: rgba(0,0,0,0.5); color:#fff; font-size:0; *word-spacing: -1px;}
.slidernav li{
    display: inline-block; *display: inline; *zoom:1; vertical-align: top; font-size:14px; margin-left: 10px; letter-spacing: normal; word-spacing: normal;}
.slidernav li a{width:16px; padding:2px 4px; height:12px; background:#fff; color:#000; text-align:center;}
.slidernav li.current a{background:#3B8DD1; color:#fff;}

.slider .prev, .slider .next{position: absolute; top:50%; margin-top:-30px; cursor: pointer; width:61px; height:61px; left:0; background: url(../images/ft_icons.png) 0 0 no-repeat; text-indent:-9999px;}
.slider .next{right:0; left:auto; background-position: 0 -61px;}

.slider img{
    width:210px;
    height:130px;
    margin:0 15px;
}
.poster-list .sliderbox  img{
    opacity: 0.9;
    color: #fff;
    background: rgba(0,0,0,0.8);
}
@media screen and (-webkit-min-device-antio:0){
    .slidernav{letter-spacing: -5px;}
}*/
.master-nav{
    width:1008px;
    height:100%;
    padding-top:70px;
    margin:0 auto;
}
.master-nav .biaotou{
    /*margin-bottom: 45px;*/
}
.master-nav .an-nav{
    max-height: 400px;;
}
.master-nav .an-nav .img-nav{
    margin-right: 27px;
    float: left;
}
.master-nav .an-nav .txt-nav{
    /*float: right;*/
}
.master-nav  .txt-nav span, .master-nav  .txt-nav p{
    font-size: 13px;
    color: #666;
}
.master-nav  .txt-nav h1{
    color: red;
    margin-bottom: 0px;;
}
.master-nav  .txt-nav span .red-txt{
    color: red;
    display: inline;
}
.txt-nav p{
    margin-top:30px;
    max-height: 210px;
    max-width: 686px;
    overflow: hidden;
}
.master-nav .btn-play{
    width: 158px;
    height:44px;
    background:#c62b26;
    text-align: center;
    line-height:44px;
    float: left;
    color: #fff;
}
.line-gray{
    width: 100%;
    color: #666;
    border: solid 1px #cecece;
    margin:40px 0;
    clear: both;
    display: block;
}
.zrys .an-nav {
    margin-top: 160px;
}
/*动画情报*/
.master_main .master-nav .an-nav .img-nav img{
    width:286px;
    height:100%;
}

/*招贤纳士*/
.contact-area .list-content table{
    width:100%;
}
.contact-area .list-content table tbody tr.list-tr {
    display: table-row;
}
.contact-area .list-content table tbody tr.detail-tr {
    display: none;
}
.list-content table tbody tr.detail-tr.active{
    display: block;
}