@charset "utf-8";

html,body { margin:0; padding:0}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-size:12px; outline:none;font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif}
a {color:#525456;text-decoration:none;}
a:hover{ text-decoration:none; color:#f39800}
*:focus {outline:none !important;text-decoration:none !important}

html{display:block;webkit-text-size-adjust: none;}
body{background:url(../images/movie2018-bg.jpg) no-repeat center -70px #c00016;color:#333;font-size:16px; font-family:"Microsoft Yahei",Tahoma,Arial,sans-serif;  min-width:1240px;}
.b{font-weight:bold}
.red{ color:#ee4433 !important}
.wrapper{ width:1200px; margin:0 auto; }



@font-face {
  font-family: 'iconfont';  
  src: url('//at.alicdn.com/t/font_389914_5r4kl9mhc287iudi.eot');
  src: url('//at.alicdn.com/t/font_389914_5r4kl9mhc287iudi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_389914_5r4kl9mhc287iudi.woff') format('woff'),
  url('//at.alicdn.com/t/font_389914_5r4kl9mhc287iudi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_389914_5r4kl9mhc287iudi.svg#iconfont') format('svg');
}

.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%}




:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}

.main{ padding-top:530px;}
.item-a{ background-color:#fdd691;border-radius:15px; position:relative}
.item-a h2{ width:134px; height:196px; background:url(../images/qianyan.png) no-repeat; text-indent:-10000px; position:absolute; left:0;top:0}
.item-a .content{ padding:55px 60px 30px 80px; line-height:1.8}
.item-a .content p{ margin-bottom:10px;}
.item-b{ margin-top:40px; overflow:hidden}
.item-b h2{ height:88px; background:url(../images/movie-t2.png) no-repeat center top; text-indent:-10000px}
.item-b ul{ margin-top:40px;}
.item-b ul li{margin-bottom:30px; background-color:#fdd691;border-radius:15px; position:relative; padding:20px}
.item-b ul li .image{ position:relative; overflow:hidden; width:390px; float:left;}
.item-b ul li .image:before{content: "";display: block;width:100%;height: 30px;background-color:#111;position: absolute; left: 0; top: 0;z-index:3}
.item-b ul li .image:after{content: "";display: block;width:100%;height: 30px;background-color:#111;position: absolute; left: 0;bottom: 0;z-index:3}
.item-b ul li .image img{ width:100%;transition: transform 1s ease-out;}
.item-b ul li .con{ width:730px; float:right}
.item-b ul li .title{  margin-top:10px; font-size:20px; font-weight:bold}
.item-b ul li .title span{ display:block; padding-top:15px; font-size:18px; font-weight:normal}
.item-b ul li .num{ color:#fdd691; width:88px; height:132px; background:url(../images/num-bg.png) no-repeat; position:absolute; left:0;top:0; z-index:5}
.item-b ul li .num span{ display:block;transform:rotate(-55deg); line-height:50px; font-size:18px;}
.item-b ul li .discription{ margin-top:20px; line-height:1.8; color:#7f7563; }
.item-b ul li a{ display:block; width:120px; line-height:50px; background-color:#cc0000; color:#fdd691; text-align:center; margin-top:20px;}
.item-b ul li:hover .image img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.footer{ color:#fdd691; text-align:center; margin-top:10px; padding-bottom:40px; line-height:1.8}


.video-play{ position:fixed; left:0;top:0; z-index:99999; width:100%; height:100%; display:none}
.video-play .mask{ position:absolute; left:0;top:0; width:100%; height:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; z-index:1 }
.video-play .box{ width:900px; height:600px; position:absolute; left:50%; margin-left:-450px;top:50%; margin-top:-285px; z-index:3; }
.video-play .close-btn{ background:url(../images/close2.gif) no-repeat center center; display:block; text-indent:-10000px; width:50px; height:50px; position:absolute; left:50%; margin-left:390px;top:50%; margin-top:-275px; z-index:4;-webkit-transition: -webkit-transform 1s;}
.video-play .close-btn:hover{-webkit-transform:rotate(180deg); }
#con_video_div{ background:#000}