@charset "utf-8";
/*引入弹窗样式*/
@import url(../popup.css);
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;}
ol,ul,li{list-style:none;}
em {font-style:normal;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
body{ font-family:"Microsoft YaHei","微软雅黑";background: #dde3e3;}

.w1004{ width:1004px; margin:0 auto;}
.pull-left{ float:left;}
.pull-right{ float:right;}
.relative{ position:relative;}
.absolute{ position:absolute;}
.text-l{ text-align:left;}
.text-c{ text-align:center;}
.text-r{ text-align:right;}
.none{ display:none;}

.banner{background: url(../../images/vfx/index/banner_1.jpg) center top no-repeat;height:430px;}
.crumb{ width:100%; z-index:999; height:65px;background:#fff;}
.crumb-l{ float:left; height:45px; width:160px; margin-top:20px; margin-right:10px; font-size:18px; line-height:45px; background-color:#0ba29a;text-align: center;}
.crumb-l a,.crumb .current:hover a{color: #fff;}
.crumb .current{background:#ececec;}
.crumb .current a{color: #000;}
.crumb .current:hover{ background-color:#0ba29a;}
.crumb-r{ float:right; line-height:65px; color:#c9c9c9;}
.crumb-r a{ margin:0 10px; font-size:12px; color:#2769c8;}


.ban_main{background: url(../../images/vfx/activity/act_1.jpg) top center; height:680px;}
.tittop{height:106px;background: url(../../images/vfx/activity/act_2.jpg) center;}
.content{width: 1060px;margin: 0 auto;background: url(../../images/vfx/activity/act_bg.png) top center;height:7608px;}
.content .layer1,.content .layer2{padding-top: 85px;text-align: center;}
.content .title{height: 80px;background:url(../../images/vfx/activity/act_3.png)no-repeat top center;line-height: 80px;color:#fff;font-size: 30px;letter-spacing:15px;text-align: center;}
.content .text{width: 826px;margin: 0 auto;margin-top:60px;}
.content .text p{color:#ff9600;font-size: 30px;text-align: left;margin-bottom:16px;}
.content .text span{color: #14413f; font-size: 20px;display:block;text-align: left;}
.content .text em{color: #0ba29a; font-size: 18px;text-align: right;display: block;}
.content .text img{border-radius:8px;margin-top: 20px;}
.content a{display:inline-block;background:#949ba0;color: #fff;width: 126px; height: 32px;line-height: 32px; text-align: center;margin-top: 40px;border-radius: 5px;}
.content .layer3{padding-top: 110px;text-align: center;}
.content .layer3 em{margin-top: 20px;}
.content .layer3 .text{margin-top: 40px;}
.foot_main{height: 220px;background: url(../../images/vfx/activity/act_4.jpg) top center;text-align: center;}
.foot_main a{width: 160px;height: 46px;line-height: 46px;font-size: 26px;color:#004f3f;background:#00fff2;margin-top: 140px;display: inline-block;border-radius:10px;}
.content .layer3 a{position:relative;}
.content .layer3 .code{z-index: 3;width: 380px;height: 274px;position:absolute;display:none;left:-130px; top:-220px;}
.content .layer3 a:hover .code{display: block;}