/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
img{ outline:none; border:none;}
ul li{ list-style:none;}
html,body select,input,button{ outline:none; border:none;}
html,body p,h1,h2,h3,h4,h5,h6,span,font,li{ font-size:12px; font-family:"微软雅黑";}
area{outline:none;}

/*container*/
.container{width:100%; font-family:"微软雅黑";}
.mar0 { margin:0px auto;}
.clear {clear:both;}
.nav{width:998px; height:76px; overflow:hidden; margin:0 auto;}
.ver {vertical-align:middle;}
.logo{float:left;}

.nav ul{float:left; margin-left:60px;}
.nav ul li{float:left; height:54px; line-height:54px; margin-top:20px;}
.nav ul li a{display:block; padding:0px 10px; font-size:18px; color:#000000; border-top:2px solid #FFFFFF;}
.nav ul li a:hover{ border-top:2px solid #ea5506;}



.nav p{float:right; height:54px; line-height:54px; margin-top:20px; font-size:18px; color:#e22624; vertical-align:middle; padding-right:10px; font-weight:bold;}
.nav p img {padding-right:6px; padding-bottom:4px;}
.nav p span {color:#e22624; font-size:24px!important;}

.area1 {
    width:1000px; margin:0px auto;
}
.nav_line {width:100%; height:6px; background:#ff647c; display:table;}
/*box*/
.box1 {
    width:100%; background: url(../images/box_1.jpg) no-repeat center top; height:379px;
}
.box2 {
    width:100%; background: url(../images/box_2.jpg) no-repeat center top; height:329px;
}
.box3 {
    width:100%; background: url(../images/box_3.jpg) no-repeat center top; height:736px;
}
.box4 {
    width:100%; background: url(../images/box_4.jpg) no-repeat center top; height:379px;
}
.box5 {
    width:100%; background: url(../images/box_5.jpg) no-repeat center top; height:206px;
}
.box6 {
    width:100%; background: url(../images/box_6.jpg) no-repeat center top; height:175px;
}
.box7 {
    width:100%; background: url(../images/box_7.jpg) no-repeat center top; height:542px;
}
.box8 {
    width:100%; background: url(../images/box_8.jpg) no-repeat center top; height:315px;
}
.box9 {
    width:100%; background: url(../images/box_9.jpg) no-repeat center top; height:292px;
}
.box10 {
    width:100%; background: url(../images/box_10.jpg) no-repeat center top; height:445px;
}
.box11 {
    width:100%; background: url(../images/box_11.jpg) no-repeat center top; height:411px;
}
.box12 {
    width:100%; background: url(../images/box_12.jpg) no-repeat center top; height:573px;
}

/*cenrer*/

.area_small {
    width:270px; margin:0px auto;
}
.area_small img {
    padding-bottom:10px;
}
.area2 {
    width:1000px; margin:0px auto;
}
.area2_1 {
    width:240px; float:left;
}
.area2_2 {
    width:240px; float:left; margin-left:12px;
}
.area2_3 {
    width:240px; float:left; margin-left:12px;
}
.area2_4 {
    width:240px; float:left; margin-left:12px;
}
.area2 {width:1000px;hegiht:288px;}
dl{width:236px;hegiht:288px; display:inline; position:relative; float:left;}
dl p {width:102px;hegiht:40px;float:left; position:absolute; left:20px; top:-6px; background:#ff7953; font-size:14px; line-height:40px; text-align:center; color:#fff; z-index:200;}
dl dt{height:288px; background: url(../images/back_1.jpg) no-repeat 0px 0px;}
dl dd{height:288px; width:236px;}
dl dt div {width:185px; line-height:36px; vertical-align:middle; background: url(../images/laber.png) no-repeat 0px 7px; margin:0px auto; font-size:14px; color:#631eac; padding-left:25px;}
.inmovie_box dl dt img{ width:236px; height:288px; overflow:hidden;}
.ycc{ width:236px; height:288px; background:#FFF; display:none; z-index:100; position:absolute; left:0px; bottom:0px; line-height:30px; text-align:center; font-size:12px; font-weight:bold;}
.ycc span{ color:#F00;}

h1 {text-align:center; color:#631eac; font-size:34px; line-height:50px; padding-top:35px; padding-bottom:15px;}
.area3 {
    width:1000px; background: url(../images/banner.jpg) no-repeat 0px 0px; height:175px;
}

.area4 {
    width:548px; margin-left:428px; padding-top:90px;
}
.area4_1 {
    width:360px; float:left;
}
.area4_2 {
    width:188px; float:left;
}
.area4_1 p {font-size:16px; line-height:24px; color:#fedb67; margin-left:38px;}
.area4_1 p span {font-size:20px; color:#fff; font-family:Impact;}

.area5 {
    width:534px; padding-top:35px; padding-bottom:14px; display:table;
}
.area5_1 {
    width:320px; float:left; vertical-align:middle; font-size:16px; color:#fff;
}
.area5_2 {
    width:214px; float:left; padding-top:8px; text-align:right;
}
.area5_1 span {
    font-size:26px; color:#f8d100; font-family:Impact;
}
h2 {text-align:center; color:#fff; font-size:18px; line-height:58px; width:534px; background:#992bff; display:table;}

h2 span {color:#f8d100; font-size:22px;}
.table_font {color:#631eac; font-size:16px; line-height:25px;}

a.select_red { width:100%; height:50px; background:#fff; text-align:center; color:#ff4b33; display:table;font-size:16px; line-height:50px;}
a.select_red:hover{ color:#fff; background:#ff4b33;font-size:16px;}


.tool {width:1000px; padding-top:20px;}
.tool ul{width:1000px;}
.tool li{float:left; height:240px; width:244px; margin-left:8px;}
.tool li:first-child{float:left; margin-left:0px;}
.tool li p {line-height:26px; color:#fff; text-align:center; padding-top:8px;}
.area6 {
    width:1000px; padding-top:55px; text-align:center;
}
.area6_1 {
    width:306px; float:left;
}
.area6_2 {
    width:160px; float:left; margin-top:50px;
}
.area6_3 {
    width:104px; float:left; margin-top:50px;
}
.area6_4 {
    width:375px; float:left; text-align:left; padding-left:55px;
}

.padd_1 {padding-top:55px;}
.padd_2 {padding-top:30px;}
.footer {margin-top:360px; width:1000px; font-size:14px; line-height:20px; color:#fff; text-align:center;}