@charset "utf-8";
*{margin: 0;padding: 0;font-size: 14px;}
body{position: relative;}
ul,li{list-style: none;}
a{text-decoration: none;cursor: pointer;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix {*zoom: 1;}
.w1180{width: 1180px;margin: 0 auto;}
.clearfix:after{display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.banner{height: 430px;background: url(../../images/vfx/channel/banner.jpg) center top no-repeat;}

.content .menu{border-bottom:1px solid #f2f3f3;width:100%;background-color:#fff;z-index:4;height: auto;overflow: hidden;}
.content .menu .fl{height: 80px;background: #f2f3f3;}
.content .menu .fl a{font-size:18px;display:block;float:left;width:135px;height:80px;line-height:80px;margin-right:10px;text-align:center;color:#000;}
.content .menu .fl a:nth-child(4){position: relative;}
.content .menu .fl a:nth-child(4) img{position: absolute;right: 20px;top: 12px;}
.content .menu .fl a:nth-child(6){position: relative;}
.content .menu .fl a:nth-child(6) img{position: absolute;right: 32px;top: 10px;}
.content .menu .fl a:hover,.content .menu .fl a.on{background:#fff;color:#ff7814;font-weight: bold;}
.content .menu .fr{float: right;}
.content .menu .fr a{display:inline-block;width: 138px;height: 38px;background: url(../../images/vfx/vfx_nav_1.png) center center no-repeat;line-height:38px;text-align: center;font-size: 16px;color: #fff;margin-left: 16px;}
.content .menu .fr a:nth-child(2){background: url(../../images/vfx/vfx_nav_2.png) center center no-repeat}

.floor_1{padding: 19px 0 22px 0;background: #f4f4f4;}
.floor_1 ul li{float: left;height: 58px;line-height: 58px;margin-left: 29px;}
.floor_1 ul li:first-child{margin-left: 25px;}
.floor_1 ul li img{float: left;margin-right: 10px;}
.floor_1 ul li p{background: url(../../images/vfx/channel/fl1_logo.png) right center no-repeat;padding-right: 74px;float: left;font-size: 20px;color:#363636;}
.floor_1 ul li:last-child p{padding-right: 0;background: none;}

.title_1 strong{display: block;font-size: 42px;color:#333;padding-top: 70px;text-align: center;}
.title_1 p{font-size: 18px;color:#808080;text-align: center;margin-top: 18px;}

.floor_2 .fl img{margin-top: 82px;}
.floor_2 .fr{width: 540px;box-shadow: 0 0 20px 0 rgba(0,0,0,.2);border-radius: 8px;margin:52px 13px 58px 0}
.floor_2 .fr p{font-size: 30px;text-align: center;padding: 48px 0;color:#333;}
.floor_2 .fr ul li{width: 440px;margin: 0 auto 20px;}
.floor_2 .fr ul li input{height: 56px;line-height: 56px;background: #f5f5f5;outline: none;border:none;width: 413px;font-size: 16px;color:#808080;padding-left: 27px;}
.floor_2 .fr ul li.n3 input,.floor_2 .fr ul li.n4 input{width: 233px;}
.floor_2 .fr ul li.n3 img{float: right;cursor: pointer;}
.floor_2 .fr ul li.n4 .input_c{width: 170px;height: 56px;line-height: 56px;background: #ff533e;float: right;font-size: 18px;text-align: center;color:#fff;padding-left: 0;cursor: pointer;}
.floor_2 .fr ul li.n5 input{padding-left: 0;width: 440px;background: #f74f3f;font-size: 24px;color:#fff;cursor: pointer;margin-top: 34px;margin-bottom: 38px;}

.floor_3{height: auto;overflow: hidden;background: #f4f4f4;padding-bottom: 30px;}
.floor_3 ul{margin-top: 38px;}
.floor_3 ul li{width: 380px;height: 182px;background: #fff;margin-left: 20px;float: left;margin-bottom: 20px;}
.floor_3 ul li:first-child,.floor_3 ul li:nth-child(4){margin-left: 0;}
.floor_3 ul li img{float: left;margin: 54px 20px 0 20px;}
.floor_3 ul li .fl span{display: block;font-size: 30px;color:#333;padding:34px 0 10px 0;}
.floor_3 ul li .fl p{color:#808080;width: 255px;line-height: 24px;}


.floor_4 .box{height: 625px;background: url(../../images/vfx/channel/fl4_1.jpg) center center no-repeat;border-bottom: 1px solid #c3c3c3;margin-top: 20px;}
.floor_4 .box ul{padding-top: 110px;}
.floor_4 .box ul li{width: 350px;text-align: right;margin-bottom: 50px;}
.floor_4 .box ul li span{display: block;font-size: 26px;color:#373737;padding-right: 40px;background: url(../../images/vfx/channel/fl4_logo.png) right center no-repeat;}
.floor_4 .box ul li p{margin-top: 20px;font-size: 16px;color:#707070}
.floor_4 .box .fr ul li{text-align: left;width: 325px;margin-right: 30px;}
.floor_4 .box .fr ul li span{background-position: left center;padding-left: 45px;}
.floor_4 dl dd{float: left;width: 236px;float: left;text-align: center;margin: 83px 0 103px 0;}
.floor_4 dl dd strong{display: block;font-size: 20px;color:#373737;padding-top: 26px;line-height: 30px;}

.floor_5{height: auto;overflow: hidden;background: #f4f4f4;}
.floor_5 ul{margin-top: 70px;}
.floor_5 ul li{width: 328px;float: left;height: 160px;margin-left: 68px;margin-bottom: 58px;}
.floor_5 ul li:first-child,.floor_5 ul li:nth-child(4){margin-left: 44px;}
.floor_5 ul li img{float: left;margin-right: 25px;}
.floor_5 ul li .fl span{font-size: 30px;color:#333;display: block;padding-bottom: 18px;padding-top: 3px;}
.floor_5 ul li .fl p{color:#808080;line-height: 26px;width: 252px;}

.floor_6{height: auto;overflow: hidden;padding-bottom: 100px;}
.floor_6 ul li{float: left;width: 366px;margin-left: 41px;margin-top: 38px;}
.floor_6 ul li:first-child{margin-left: 0;}
.floor_6 ul li img{display: block;}
.floor_6 ul li p{background: #f23f33;color:#fff;font-size: 20px;text-align: center;padding:36px 0;line-height: 36px;}

.md{width: 90px;height: auto;box-shadow: 0 0 20px 0 rgba(0,0,0,.2);background: #fff;z-index: 999;position: fixed;top: 50px;left: 0;}
.md a{display: block;height: 76px;font-size: 18px;color:#585858;text-align: center;padding-top: 18px;transition: .5s; -moz-transition: .5s; -webkit-transition: .5s;}
.md a:hover,.md a.on{background: #fa5a49;color:#fff;}
.md a img{display: block;margin: 0 auto 8px;}

.xn a{position: fixed;display: block;bottom: 10%;right: 3%;width: 230px;height: 98px;background: url(../../images/vfx/channel/xn.png) center center no-repeat}