@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;}
.w1200{width: 1200px;margin: 0 auto;}
.clearfix:after{display: block;content: " ";height: 0;visibility: hidden;clear: both;}

.banner{height: 430px;background: url(../../images/cooperation/xkd/banner.jpg) center top no-repeat;margin-top: -46px;}
.banner a{display: block;height: 430px;}

.nav_m{height: 64px; background-color: #f5f5f5; width:100%;z-index:4;}
.nav_m .nav-l{margin-top: 22px;display: inline-block;}
.nav_m .nav-l li{ float:left;width:120px;height:42px;margin-right:15px;line-height:42px;text-align:center;color: #000; }
.nav_m .nav-l li a{display: block; color:#000; background: #fff;font-size:18px;}
.nav_m .nav-l li.current a{color:#fff; background: #CC3333;}
.nav_m .nav-l li a:hover,.nav_m .nav-r a:hover{color: #fff; background: #CC3333;}
.nav_m .left{float: left;}
.nav_m .right a{display: block;color:#fff;background-color:#cc66ff;height:30px;line-height:30px;text-align:center;width:100px;float:right;margin-right:20px;border-radius:10px;margin-top:20px;}
.nav_m .right a:first-child{background-color:#6666ff;}
.nav_m .right a:hover{color:#cc66ff;background-color:#fff;border: 1px solid #cc66ff;}

.floor_1 strong{display: block;text-align: center;font-size: 36px;}
.floor_1 strong em{display: block;font-size:50px;display: block;color:#fc8923;padding-top:100px;padding-bottom:20px;}
.floor_1 strong p{font-size: 18px;text-align: center;margin-top: 20px;color: #808080;margin-bottom: 20px;font-weight: normal;}
.floor_1 ul{height: auto;overflow: hidden;}
.floor_1 li{width: 380px;height: 268px;text-align: center;font-size:20px;border: #e5e5e5 1px solid;float: left;margin-right: 13px;}
.floor_1 li:last-child{margin-right:0;}
.floor_1 li span{margin-top: 40px;display:inline-block;}
.floor_1 .w1180{text-align: center;}
.floor_1 .w1180 p{margin-top: 60px;color: #4e4e4e;margin-bottom: 26px; text-align: center;font-size: 30px;}
.floor_1 .w1180 .a_btn{display:inline-block;color:#fff;background-color:#6666ff;width: 210px;height: 60px;border-radius:30px;line-height: 60px;font-size: 20px;text-align: center;margin:40px auto 60px;margin-right: 30px;}
.floor_1 .w1180 .a_btn img{display: block;width: 210px;opacity: 0;}
.floor_1 .w1180 .a_btn:hover .hdd{opacity: 1;transition-duration: .3s;}
.floor_1 .w1180 a:last-child{background-color: #cc3333;}
.floor_1 .w1180 a:last-child:hover .hkf{opacity: 1;transition-duration: .3s;}

.floor_2{height: 220px;background: url(../../images/cooperation/xkd/fl1_15.jpg) center center no-repeat;}
.floor_2 strong{font-size: 48px;text-align: center;color:#fff;padding-top: 46px;display: block;}
.floor_2 strong em{color:#fef850;font-size: 48px;display: block;margin-bottom: 14px;}

.floor_3 ul li{height: auto;overflow: hidden;padding-bottom: 58px;}
.floor_3 ul li:nth-child(2){background: #f5f5f5;}
.floor_3 ul li .fl{margin-left: 30px;}
.floor_3 ul li .fr{margin-right: 28px;}
.floor_3 ul li .text_1{background: url(../../images/cooperation/xkd/fl3_1.png) left top no-repeat;margin-top: 110px;}
.floor_3 ul li:nth-child(2) .text_1{background: url(../../images/cooperation/xkd/fl3_2.png) right top no-repeat;}
.floor_3 ul li:nth-child(3) .text_1{background: url(../../images/cooperation/xkd/fl3_3.png) left top no-repeat;}
.floor_3 ul li .text_1 span{display: block;font-size: 30px;color:#333;padding:108px 0 18px 0;}
.floor_3 ul li .text_1 p{font-size: 16px;color:#808080;}
.floor_3 ul li img{margin-top: 45px;}

.title_1 strong{display: block;font-size: 48px;color:#ff9000;padding-top: 66px;text-align: center;}
.title_1 span{padding-top: 26px;display: block;font-size: 24px;color:#808080;text-align: center;}

.floor_4{height: auto;overflow: hidden;background: #f5f5f5;padding-bottom: 68px;}
.floor_4 i{display: block;font-size: 30px;font-weight: bold;color:#808080;margin-bottom: 18px;padding-top: 50px;text-align: center;}
.floor_4 .img_1 img{display: block;margin: 0 auto;}
.floor_4 ul li{float: left;width: 300px;margin-left: 60px;}
.floor_4 ul li:first-child{margin-left: 80px;}
.floor_4 ul li p{width: 250px;text-align: left;color:#808080;font-size: 16px;line-height: 24px;margin: 20px auto 0;}

.floor_5 .box{height: 625px;background: url(../../images/cooperation/xkd/fl5_1.jpg) center center no-repeat;margin-top: 20px;}
.floor_5 .box ul{padding-top: 110px;}
.floor_5 .box ul li{width: 350px;text-align: right;margin-bottom: 50px;}
.floor_5 .box ul li span{display: block;font-size: 26px;color:#373737;padding-right: 40px;background: url(../../images/cooperation/xkd/fl5_logo.png) right center no-repeat;}
.floor_5 .box ul li p{margin-top: 20px;font-size: 16px;color:#707070}
.floor_5 .box .fr ul li{text-align: left;width: 325px;margin-right: 30px;}
.floor_5 .box .fr ul li span{background-position: left center;padding-left: 45px;}
.floor_5 .box_1{background: #f5f5f5;height: auto;overflow: hidden;}
.floor_5 dl dd{float: left;width: 236px;float: left;text-align: center;margin: 60px 0 70px 0;}
.floor_5 dl dd strong{display: block;font-size: 20px;color:#373737;padding-top: 26px;line-height: 30px;}

.floor_6{height: auto;overflow: hidden;border-bottom: 1px solid #d9d9d9;padding-bottom: 20px;}
.floor_6 p{font-size: 36px;text-align: center;padding: 56px 0 26px 0;color:#333;}
.floor_6 ul li{width: 580px;margin: 0 auto 20px;}
.floor_6 ul li input{height: 58px;line-height: 58px;background: #fff;outline: none;border:none;width: 550px;font-size: 16px;color:#808080;border:1px solid #e6e6e6;padding-left: 28px;border-radius: 10px;}
.floor_6 ul li.n3 input,.floor_6 ul li.n4 input{width: 360px;}
.floor_6 ul li.n3 img{float: right;cursor: pointer;}
.floor_6 ul li.n4 .input_c{width: 170px;height: 58px;line-height: 58px;background: #ff9f1e;float: right;font-size: 18px;text-align: center;color:#fff;padding-left: 0;cursor: pointer;border:none}
.floor_6 ul li.n5 input{padding-left: 0;width: 580px;background: url(../../images/cooperation/xkd/fl6_btn.png) center center no-repeat;font-size: 24px;color:#fff;cursor: pointer;margin-top: 14px;margin-bottom: 38px;height: 60px;}

.floor_7{height: auto;overflow: hidden;padding-bottom: 50px;}
.floor_7 .w1180 dl{width: 515px;overflow: hidden;margin-top: 50px;}
.floor_7 a:hover{text-decoration: underline;}
.floor_7 .w1180 dl dd{height: 38px;line-height: 38px;overflow: hidden;text-align: right;font-size: 15px;color: #555555;}
.floor_7 .w1180 dl dd a{font-size: 15px;color: #555555;float: left;}
.floor_7 .w1180 dl dd.more{padding-top: 12px;}
.floor_7 .w1180 dl dd.more a{float: right;font-size: 15px;color: #1B83ED;}

.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}