@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:12px;vertical-align:baseline;background:transparent;font-family:"Microsoft YaHei","微软雅黑";color: #000000;}
body,html{background: #f6f6f6;}
a{text-decoration: none;cursor: pointer;}
.fl{float: left;}
.fr{float: right;}
img{border: none;}
em,h1{font-style: normal;}
.width{width: 1200px;margin: 0 auto;}
.w1200{width: 1200px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
ul{list-style: none;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}

.content{}
.content .title{font-size: 38px;color: #333333;text-align: center;}
.content .title em{font-size: 38px;color: #1B83ED;}
.content .btn{width: 280px;height: 60px;line-height: 60px;text-align: center;border-radius: 30px;font-size: 20px;display: block;margin: 50px auto 0;background: -webkit-linear-gradient(right, #ff510d, #ffaa31);background: -o-linear-gradient(right, #ff510d, #ffaa31);background: -moz-linear-gradient(right, #ff510d, #ffaa31);background: linear-gradient(to right, #ff510d, #ffaa31);color: #FFF;}
.content .banner a{height: 430px;display: block;background: url(../../images/cooperation/xls/banner.jpg) center top no-repeat;margin-top: -46px;}
.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;}

.content .s_nav{height: 155px;background: #FFF;}
.content .s_nav ul li{width: 400px;overflow: hidden;height: auto;font-size: 16px;color: #505050;float: left;}
.content .s_nav ul li img{float: left;margin: 45px 20px 0 0;}
.content .s_nav ul li.n1 img{margin-left: 46px;}
.content .s_nav ul li.n2 img{margin-left: 70px;}
.content .s_nav ul li.n3 img{margin-left: 63px;}
.content .s_nav ul li p{font-size: 20px;color: #2F2F2F;line-height: 40px;padding-top: 42px;}
.content .s_nav ul li p b{font-size: 30px;color: #ff2121;padding-right: 15px;}
.content .fl_1{margin: 82px auto 80px;}
.content .fl_1 ul{width: 1180px;height: 260px;margin: 0 auto;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);background:url(../../images/cooperation/xls/fl1_bg.png) 1065px 10px no-repeat #FFF;border-radius: 4px;}
.content .fl_1 ul .fl{height: 126px;width: 374px;border-right: 1px solid #CCC;background: url(../../images/cooperation/xls/logo_1.png) 135px center no-repeat;margin-top: 67px;}
.content .fl_1 ul .fr{font-size: 16px;color: #808080;line-height: 36px;width: 730px;}
.content .fl_1 ul .fr p{font-size: 24px;color: #3C3C3C;padding: 58px 0 15px;}
.content .fl_1 ul .fr p em{color: #1b83ed;font-size: 24px;}
.content .fl_2{background: #FFF;padding: 72px 0 80px;}
.content .fl_2 .title{padding-bottom: 46px;}
.content .fl_2 ul{padding-left: 5px;width: 1195px;}
.content .fl_2 ul li{width: 268px;float: left;height: 433px;border: 1px solid #E5E5E5;margin-right: 35px;position: relative;overflow: hidden;}
.content .fl_2 ul li div{width: 270px;height: 435px;position: absolute;top: 435px;left: 0;background: #1490F8;}
.content .fl_2 ul li div p{color: #FFF;margin-top: 85px;}
.content .fl_2 ul li div p em{background: #FFF;}
.content .fl_2 ul li div span{color: #FFF;}
.content .fl_2 ul li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.content .fl_2 ul li:hover div{top: 0;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
.content .fl_2 ul li.last{margin-right: 0;}
.content .fl_2 ul li img{margin-bottom: 10px;}
.content .fl_2 ul li p{font-size: 22px;color: #333333;position: relative;height: 60px;line-height: 60px;text-align: center;}
.content .fl_2 ul li p em{display: block;width: 26px;height: 3px;background: #1B83ED;position: absolute;bottom: 0;left: 116px;}
.content .fl_2 ul li span{display: block;font-size: 14px;color: #808080;line-height: 26px;padding: 12px 30px 0;}
.content .fl_3{background: url(../../images/cooperation/xls/fl3_bg.jpg) right 230px no-repeat;padding: 75px 0 78px;}
.content .fl_3 .title{padding-bottom: 70px;}
.content .fl_3 ul{padding-left: 40px;}
.content .fl_3 ul li{font-size: 18px;color: #666666;height: 85px;line-height: 85px;border: 1px solid #E5E5E5;width: 490px;position: relative;padding-left: 50px;background: #FFF;margin-bottom: 36px;}
.content .fl_3 ul li img{position: absolute;left: -36px;top: 6px;}
.content .fl_3 ul li:hover{border: 1px solid #1B83ED;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.content .fl_4{background: #FFF;padding: 73px 0 80px;}
.content .fl_4 .title{padding-bottom: 45px;}
.content .fl_4 ul{width: 1190px;padding-left: 10px;}
.content .fl_4 ul li{width: 238px;padding-left: 140px;border: 1px solid #E5E5E5;height: 173px;float: left;margin: 0 20px 20px 0;background-position: 48px center;background-repeat: no-repeat;}
.content .fl_4 ul li.n3,.content .fl_4 ul li.n6{margin-right: 0;}
.content .fl_4 ul li p{font-size: 18px;color: #333;padding: 32px 0 10px;}
.content .fl_4 ul li span{font-size: 14px;color: #808080;line-height: 26px;}
.content .fl_4 ul li.n1{background-image: url(../../images/cooperation/xls/fl4_1.png);}
.content .fl_4 ul li.n2{background-image: url(../../images/cooperation/xls/fl4_2.png);}
.content .fl_4 ul li.n3{background-image: url(../../images/cooperation/xls/fl4_3.png);}
.content .fl_4 ul li.n4{background-image: url(../../images/cooperation/xls/fl4_4.png);}
.content .fl_4 ul li.n5{background-image: url(../../images/cooperation/xls/fl4_5.png);}
.content .fl_4 ul li.n6{background-image: url(../../images/cooperation/xls/fl4_6.png);}
.content .fl_4 ul li:hover{background-position: 34px center;border: 1px solid #1B83ED;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
.content .fl_4 ul li.n1:hover{background-image: url(../../images/cooperation/xls/fl4_1_1.png);}
.content .fl_4 ul li.n2:hover{background-image: url(../../images/cooperation/xls/fl4_2_1.png);}
.content .fl_4 ul li.n3:hover{background-image: url(../../images/cooperation/xls/fl4_3_1.png);}
.content .fl_4 ul li.n4:hover{background-image: url(../../images/cooperation/xls/fl4_4_1.png);}
.content .fl_4 ul li.n5:hover{background-image: url(../../images/cooperation/xls/fl4_5_1.png);}
.content .fl_4 ul li.n6:hover{background-image: url(../../images/cooperation/xls/fl4_6_1.png);}
.content .fl_5{padding: 75px 0 80px;}
.content .fl_5 .title{padding-bottom: 45px;}
.content .fl_5 ul{padding-left: 48px;width: 1152px;}
.content .fl_5 ul li{float: left;width: 346px;border-radius: 6px;overflow: hidden;margin-right: 33px;}
.content .fl_5 ul li.mr0{margin-right: 0;}
.content .fl_5 ul li p{height: 190px;border:1px solid #E5E5E5;border-top: none;border-radius: 0 0 6px 6px;text-align: center;font-size: 22px;color: #333333;padding: 32px 0 0px;}
.content .fl_5 ul li p span{display: block;line-height: 26px;font-size: 14px;color: #808080;padding-top: 20px;}
.content .case{padding:75px 0 80px;background: #FFF;}
.content .case .width{position: relative;margin-top: 45px;}
.content .case .width .swiper-container{width: 1040px;margin: 0 auto;}
.content .case .next,.content .case .prev{display: block;width: 68px;height: 68px;position: absolute;top: 115px;}
.content .case .next{background: url(../../images/cooperation/xls/next.png);right: 10px;}
.content .case .prev{background: url(../../images/cooperation/xls/prev.png);left: 10px;}
.content .case .swiper-slide{width: 1040px;height: 480px;}
.content .case .swiper-slide img{display: block;margin: 0 auto;box-shadow: 0 0 20px rgba(0, 0, 0, 0.4)}
.content .case .swiper-slide p{color: #FFF;font-size: 24px;height: 40px;line-height: 40px;position: absolute;top: 260px;left: 0;width: 100%;text-align: center;}
.content .case .swiper-slide span{display: block;width: 900px;margin: 0 auto;font-size: 18px;color: #808080;line-height: 36px;padding-top: 35px;}
.content .case .swiper-slide span em{font-size: 18px;color: #FF2121;}
.content .case .swiper-pagination{bottom: -23px;text-align: center;padding-left: 14px;left: 550px;}
.content .case .swiper-pagination span{width: 14px;height: 14px;margin-right: 14px;}
.content .case .swiper-pagination-bullet-active{background: #FF2121;}
.content .form{background: #0168c8;padding: 80px 0;}
.content .form .width{width: 1060px;}
.content .form .width .fl{width: 520px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)}
.content .form .width .fl li{height: 160px;background: #1490f8;position: relative;}
.content .form .width .fl li.ts{background: #0c81e3;}
.content .form .width .fl li .img{float: left;margin: 29px 22px 0 35px;border-radius: 50%;}
.content .form .width .fl li p{font-size: 24px;color: #FFF;padding-top: 47px;}
.content .form .width .fl li p span{font-size: 18px;color: #FFF;padding-left: 22px;}
.content .form .width .fl li em{font-size: 16px;color: #FFF;padding-top: 8px;display: block;}
.content .form .width .fl li a{display: block;width: 34px;height: 34px;position: absolute;top: 25px;right: 25px;}
.content .form .width .fl li a .ewm{background: url(../../images/cooperation/xls/ewm_bg.png);width: 154px;height: 140px;position: absolute;padding-top: 25px;text-align: center;left: -61px;z-index: 2;display: none;}
.content .form .width .fl li a:hover .ewm{display: block;}
.content .form .width .fr{width: 540px;background: #FFF;height: 480px;}
.content .form .width .fr p{font-size: 30px;color: #333;text-align: center;padding-top: 84px;}
.content .form .width .fr form{width: 440px;margin: 32px auto 0;}
.content .form .width .fr input{height: 46px;line-height: 46px;background: #f5f5f5;width: 100%;font-size: 16px;color: #808080;text-indent: 27px;margin-bottom: 14px;}
.content .form .width .fr .txtPhoneCode{width: 260px;float: left;}
.content .form .width .fr .input_c{width: 170px;float: right;background: #04c6c2;font-size: 18px;color: #FFF;text-align: center;text-indent: 0;}
.content .form .width .fr #popup_btn{height: 56px;line-height: 56px;text-indent: 0;font-size: 24px;color: #FFF;background: -webkit-linear-gradient(right, #00c4c7, #2ad895);background: -o-linear-gradient(right, #00c4c7, #2ad895);background: -moz-linear-gradient(right, #00c4c7, #2ad895);background: linear-gradient(to right, #00c4c7, #2ad895);margin-top: 8px;}
.content .article{background: #FFF;padding: 75px 0;}
.content .article .title em{display: block;width: 41px;height: 3px;background: #1B83ED;margin: 23px auto 0;}
.content .article .width{width: 1180px;margin: 0 auto;}
.content .article .width dl{width: 515px;overflow: hidden;margin-top: 50px;}
.content .article a:hover{text-decoration: underline;}
.content .article .width dl dd{height: 38px;line-height: 38px;overflow: hidden;text-align: right;font-size: 15px;color: #555555;}
.content .article .width dl dd a{font-size: 15px;color: #555555;float: left;}
.content .article .width dl dd.more{padding-top: 12px;}
.content .article .width dl dd.more a{float: right;font-size: 15px;color: #1B83ED;}

.content .article .width dl{width: 515px;overflow: hidden;}
.content .article .width dl dt{height: 193px;overflow: hidden;position: relative;margin-bottom: 22px;}
.content .article .width dl dt p{width: 100%;position: absolute;bottom: 0px;line-height: 38px;height: 38px;font-size: 18px;color: #FFF;text-indent: 12px;}
.content .article a:hover{text-decoration: underline;}
.content .article .width dl dd{height: 38px;line-height: 38px;overflow: hidden;text-align: right;font-size: 15px;color: #555555;}
.content .article .width dl dd a{font-size: 15px;color: #555555;float: left;}
.content .article .width dl dd.more{padding-top: 12px;}
.content .article .width 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}