@charset "gb2312";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,table,th,td,section,article,aside,header,footer,nav,dialog,figure{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 verdana,\5FAE\8F6F\96C5\9ED1,sans-serif;}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
fieldset,img{border:0;} 
/*table {border-collapse:collapse;border-spacing:0;}*/
address,caption,cite,code,dfn,em,b,th,var,i{font-weight:normal; font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
ol,ul{list-style:none;} 
caption,th{text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} 
q:before,q:after{content:"";}
abbr,acronym{border:0;}
select,input,button,buttonimg,textarea,label,img{margin:0;vertical-align:middle;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/*body*/
body{font-family:verdana,\5FAE\8F6F\96C5\9ED1,sans-serif;color:#333;padding-top: 35px;background-color:#eef1f6}
table {font-size:inherit;font:100%;} 
.f-st{}

.fl{float:left}
.fr{float:right}
.undis{display:none}

.hr20{ height:20px; clear:both; overflow:hidden}
.hr40{ height:40px; clear:both; overflow:hidden}

/*reset*/
h1{font-size:30px;}
h2{font-size:24px}
h3{font-size:18px;}
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px}
b,strong,.b{font-weight:bold;}
img {vertical-align: middle;border: 0;}
dl {margin:0;}
dt,dd {line-height:16px;}
dt {font-weight: bold;}
dd {margin-left: 0;}
p{line-height:24px}

/*color link*/
a {color:#333;border: none; text-decoration: none;outline:none; /*移除虚线框  IE8,FF有用*/ hide-focus: expression(this.hideFocus=true); /*IE6、IE7*/} 
a:focus{outline: 0;-moz-outline-style: none;}
a:hover{text-decoration:underline;color:#f8586e;}

/*tongyong*/
.clear {clear:both;} 
.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%;}

.bold {font-weight:bold}
.font14  {font-size:14px;} 
.font16  {font-size:16px} 
.font18  {font-size:18px} 
.row{overflow:hidden}

.container{width:1000px; margin:0px auto; z-index:1;}

/*header*/
.header{width:100%;height:116px;position:fixed; #position:fixed; _position:absolute; top:0;z-index:100000 }
.miniNav{width:100%;height:34px;background-color:#fafafa;border-bottom:2px solid #d70a29;overflow:hidden}
.mini-list li{line-height:34px;float: left;margin-right:20px}
.loginNav{width:auto}
.login{width:auto}
.login a{float:left;line-height:36px;margin-left: 20px}
.login-btn{width:53px;height:36px;background-color:#d80b2a;border-bottom:2px solid #b1182f;color:#fff;text-align: center;-webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;}
.login-btn:hover{color: #ffffff;background: #dd0f0f;text-decoration:none;border-bottom:2px solid #dd0f0f;}

.tNav{width:100%;height:80px;background:url(../images/xdf2018/top_bg.png) repeat-x;overflow:hidden}
.tNav .container{overflow:hidden;padding-top:8px}
.t-nav-r{width:auto}

.t-nav-r h2{overflow:hidden;color:#f8b6bf;font-size:16px;text-align:right}
.t-nav-group{width:100%;overflow:hidden}
.t-nav-group li{float: left;font-weight: bold;padding-left: 10px;background: url(../images/xdf2018/arrow1.gif) no-repeat 0 center;margin-left: 20px;}
.t-nav-group li a{color:white}


.sei h2{text-align:center;color:#f8586e;font-size:36px;font-weight:bold}
.sei h2 em{font-size:45px;font-weight:bold}
.sei p{text-align:center;line-height:28px;padding-top:10px}


.tab-hd{width:100%;height:75px;position:relative;background-color:#569be0}
.tab-hd li{width:200px;float:left;position:relative}
.tab-hd li a{border-right:1px solid #fff;height:75px;float:left;width:200px;text-align:center;color:white;font-size:18px;line-height:25px;padding-top:15px;position:relative;}
.tab-hd li li a:last-child{border:0px}
.tab-hd li a small{font-size:12px}
.tab-hd li a span{position:absolute;top:4px;right:4px;font-size:11px;background-color:white;color:#569be0;padding:0 5px}

.tab-hd li:hover,.tab-hd li.active{background-color:#f8586e}
.tab-hd li:hover a,.tab-hd li:hover a:hover{text-decoration:none}
.tab-hd li:hover:before,.tab-hd li.active:before{width:0;height:0;border:8px transparent solid;border-top-color:#f8586e;position: absolute;top:75px;left:45%;content:""}
.tab-hd li:hover:after,.tab-hd li.active:after{width:0;height:0;border:8px transparent solid;border-top-color:#f8586e;position: absolute;top:75px;left:45%;content:""}



/*tab*/
.tab-body{width:1000px;padding:15px;background-color:white;border:1px solid #ebedf0;overflow:hidden;-moz-box-shadow:2px 2px 5px #eee; -webkit-box-shadow:2px 2px 5px #eee; box-shadow:2px 2px 5px #eee;}
.tow-li{overflow:hidden;}
.tow-li .t-ll{width:50%;float:left}
.tow-li .t-ll span{width:32px;height:32px;border-radius:6px;background-color:#569be0;color:white;line-height:14px;float:left;text-align:center;padding-top:2px}
.tow-li .t-ll h3{font-size:14px;float:left;line-height:32px;padding-left:10px}

.tow-bt{padding:15px;overflow:hidden;background-color:#f4faff;margin:20px auto}
.tow-bt h3{overflow:hidden;color:#569be0}

.tow-bt .group{margin-top:6px}
.tow-bt .group li{height:26px;line-height:26px;background:url(../images/xdf2018/dian.png) no-repeat left center;float:left}
.tow-bt .group li a{padding:0 15px;color:#888}

.tab-body .table{overflow:hidden;margin:10px auto}
.table .tab-form-hd{overflow:hidden;height:45px;border-top:2px solid #569be0;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
.table .tab-form-hd span{float:left;color:#888;line-height:45px}
.tab-form-body{overflow:hidden;border-top:1px solid #e8e8e8;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
.tab-form-body li{float:left;line-height:45px;width:100%;border-bottom:1px solid #e8e8e8;}
.tab-form-body li span{float:left;}
.tab-form-body li .price{color:#f8586e;font-weight:bold}
.tab-form-body li a{color:#569be0;font-weight:bold}
span.name{width:40%;text-align:left;padding-left:10px}
span.time{width:12%;text-align:center}
span.price{width:12%;text-align:center}
span.stage{width:12%;text-align:center}
span.audition{width:12%;text-align:center}
span.buy{width:12%;text-align:center}

.tab-body h2.hd{font-size:16px;color:#569be0;margin-top:20px;overflow:hidden}
.tab-body h2.hd span{border-left:4px solid #569be0;padding-left:10px}


/*six news*/

.six-box{width:100%;height:auto;padding:40px 0;overflow:hidden;background-color:#569be0}

.six-box h2{text-align:center;font-size:36px;color:white}
.six-box .container{}
.six-box .container .row{margin:0 -15px}
.six-box .item{width:33.33333333%;float:left;padding-right: 15px;padding-left: 15px;margin-top:30px;opacity: 0}
.six-box .thumbnail{background-color:white;height:170px;overflow:hidden;cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.six-box .icon{width:48px;height:48px;background:url(../images/xdf2018/tuicon.png) no-repeat;display:block;margin:25px auto 10px;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s}
.six-box h3{text-align:center;font-size:16px}
.six-box p{text-align:center;padding:0 15px;line-height:20px;color:#888;padding-top:5px;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s}
.six-box .icon.v{background-position:0 0}
.six-box .icon.z{background-position:0 -60px}
.six-box .icon.t{background-position:0 -126px}
.six-box .icon.p{background-position:0 -190px}
.six-box .icon.h{background-position:0 -255px}
.six-box .icon.x{background-position:0 -320px}
.six-box .thumbnail:hover{background-color:#fb657a;color:white}
.six-box .thumbnail:hover p{color:white}



.thumbnail:hover .icon.v{background-position:-70px 0}
.thumbnail:hover .icon.z{background-position:-70px -60px}
.thumbnail:hover .icon.t{background-position:-70px -126px}
.thumbnail:hover .icon.p{background-position:-70px -190px}
.thumbnail:hover .icon.h{background-position:-70px -255px}
.thumbnail:hover .icon.x{background-position:-70px -320px}

/*project */
.project{width:100%;height:auto;padding:40px 0;overflow:hidden;background-color:#eef1f6}
.project h2{text-align:center;font-size:36px}
.pro{border:1px solid #e8e8e8;overflow:hidden;background-color:white}

.pro-tab{width:220px;padding:10px 10px 0}
.pro-tab li{width:220px;height:60px;position:relative;margin-bottom:10px;background-color:#bdc5d2;color:white;cursor:pointer;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.pro-tab li .num{font-size:40px;line-height:50px;position:absolute;top:5px;left:15px}
.pro-tab li h3{padding-left:90px;padding-top:8px;overflow:hidden;}
.pro-tab li p{padding-left:90px}
.pro-tab li:hover,.pro-tab li.active{background-color:#fb657a}
.pro-tab li:hover:before,.pro-tab li.active:before{width:0;height:0;border:8px transparent solid;border-left-color:#f8586e;position: absolute;top:23px;left:100%;content:""}
.pro-tab li:hover:after,.pro-tab li.active:after{width:0;height:0;border:8px transparent solid;border-left-color:#f8586e;position: absolute;top:23px;left:100%;content:""}
.pro-body{width:730px;padding-right:30px}
.pro-body .p-hd{height:40px;overflow:hidden;margin-top:20px}
.pro-body .p-hd h2{font-size:20px;color:#569be0;float:left}
.pro-body .p-hd .star{background:url(../images/xdf2018/star.png) no-repeat;height:19px;float:left;margin-top:6px;margin-left:10px}
.pro-body .p-hd .star.s1{width:19px;background-position:0 -91px}
.pro-body .p-hd .star.s2{width:44px;background-position:0 -68px}
.pro-body .p-hd .star.s3{width:68px;background-position:0 -46px}
.pro-body .p-hd .star.s4{width:92px;background-position:0 -23px}
.pro-body .p-hd .star.s5{width:115px;background-position:0 0}

.pro-body dl{overflow:hidden;padding-top:10px;font-size:14px;line-height:24px}
.pro-body dt{width:100px;float:left;color:#888;line-height:24px}
.pro-body dd{width:600px;float:right;line-height:24px}

/*data*/
.data{width:100%;height:auto;padding:40px 0;overflow:hidden;background-color:#fff}
.data h2{text-align:center;font-size:36px}
.data h2 em{color:#fb657a}
.data-j{text-align:center;color:#7a7777;padding-top:6px}
.data .container{overflow:hidden;width:987px;margin:0 auto}
.data-body{width:1040px;height:215px;margin:0 auto;position:relative;background:url(../images/xdf2018/sibd.png) repeat-x left center;}
.data-body .item{width:213px;height:213px;border:1px solid #569be0;background-color:#f6fafd;border-radius:50em;float:left;margin-right:45px}
.data-body h4{font-size:30px;color:#569be0;text-align:center;margin-top:40px}
.data-body h4 small{font-size:18px}
.data-body p{padding:0 15px;overflow:hidden;color:#999;line-height:22px;margin-top:10px;text-align:center}
.data .more{overflow:hidden;text-align:center}
.data .btn{border:1px solid #fb657a;color:#fb657a;padding:10px 15px;font-size:18px;width:140px;display:block;margin:0 auto;border-radius:5px;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}
.data .btn:hover{background-color:#fb657a;color:white;text-decoration:none}

.footer{overflow:hidden;width:100%}
.footer .link{width:100%;height:35px;background-color:#353b49;text-align:center}
.footer .copy{width:100%;height:35px;background-color:#2a2e39;text-align:center;line-height:35px;color:white}
.footer a{font-size:14px;color:white;line-height:35px;padding:0 15px}