@charset "utf-8";
*{margin:0;padding:0;border:0;font-size:14px;background:transparent;font-family:"Microsoft YaHei","微软雅黑";}
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;}
.w1184{width: 1180px;margin: 0 auto;}
.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/sqyd/banner.jpg) center top no-repeat;}
.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;}

.title_1 span{display: block;font-size: 38px;text-align: center;color:#1e1e1e;padding-top: 83px;}
.title_1 span em{font-size: 38px;color:#ff2121;}
.title_1 p{font-size: 20px;text-align: center;color:#7a7a7a;padding-top: 15px;}

.floor_1 ul{margin-top: 64px;margin-bottom: 60px;}
.floor_1 ul li{width: 378px;height: 308px;border:1px solid #e6e6e6;margin-left: 20px;float: left;margin-bottom: 18px;}
.floor_1 ul li:first-child,.floor_1 ul li:nth-child(4){margin-left: 0;}
.floor_1 ul li strong{display: block;font-size: 24px;color:#333;padding-top: 28px;text-align: center;}
.floor_1 ul li strong span{font-size: 24px;color:#ff2121}
.floor_1 ul li em{display: block;width: 140px;height: 34px;background: url(../../images/cooperation/sqyd/fl_logo.png) center center no-repeat;margin: 23px auto;font-size: 18px;text-align: center;color:#fff;line-height: 34px;}
.floor_1 ul li p{color:#808080;width: 314px;margin: 0 auto;line-height: 24px;}

.floor_2{height: 1086px;background: url(../../images/cooperation/sqyd/fl2_bg.jpg) center top no-repeat;}
.floor_2 .title_1 span{color:#fff}
.floor_2 .title_1 span em{color:#ffa336;}
.floor_2 .title_1 p{color:#bdbdbd}
.floor_2 ul{margin-top: 64px;margin-bottom: 50px;}
.floor_2 ul li{width: 580px;height: 190px;background: #fff;border-radius: 8px;float: left;margin-left: 20px;margin-bottom: 30px;}
.floor_2 ul li:first-child,.floor_2 ul li:nth-child(3),.floor_2 ul li:nth-child(5){margin-left: 0;}
.floor_2 ul li img{float: left;margin-right: 26px;}
.floor_2 ul li span{display: block;font-size: 26px;color:#383737;padding-top: 40px;}
.floor_2 ul li i{display: block;width: 22px;height: 3px;background: #7acffd;margin: 10px 0;}
.floor_2 ul li p{color:#787878;width: 344px;line-height: 20px;}
.floor_2 a{display: block;width: 300px;height: 60px;background: url(../../images/cooperation/sqyd/f2_btn.png) center center no-repeat;text-align: center;line-height: 60px;font-size: 20px;color:#fff;margin: 0 auto;}

.floor_3 ul{margin-top: 77px;}
.floor_3 ul li{height: auto;overflow: hidden;margin-bottom: 30px;}
.floor_3 ul li .text span{display: block;font-size: 26px;padding-top: 66px;}
.floor_3 ul li .text span i{color:#2274e6;font-size: 26px;}
.floor_3 ul li .text em{width: 25px;height: 3px;background: #2274e6;margin: 20px 0;display: block;}
.floor_3 ul li .text p{color:#787878;width: 517px;line-height: 24px;}
.floor_3 ul li .fl .text{margin-left: 46px;}
.floor_3 ul li .fr .text{margin-right: 46px;}

.floor_4{height: 528px;background: url(../../images/cooperation/sqyd/fl4_bg.jpg) center center no-repeat;}
.floor_4 span{display: block;font-size: 38px;text-align: center;color:#fff;padding-top: 68px;}
.floor_4 img{display: block;margin: 60px auto;}
.floor_4 a{display: block;width: 296px;height: 56px;border:2px solid #fff;text-align: center;line-height: 56px;font-size: 20px;border-radius: 8px;color:#fff;margin: 0 auto;}

.floor_5{padding-bottom: 50px;}
.floor_5 strong{font-size: 50px;text-align: center;padding-top: 65px;display: block;}
.floor_5 .w1200{width: 1200px;margin: 0 auto;}
.floor_5 ul li{float: left;width: 370px;height: 400px;border:1px solid #e8e8e8;border-radius: 5px;margin-right: 40px;margin-top: 35px;}
.floor_5 ul li:last-child{margin-right: 0;}
.floor_5 ul li .tp img{display: block;margin:50px auto 0;width: 144px;height: 144px;border-radius: 50%;}
.floor_5 ul li .tp span{display: block;font-size: 16px;margin: 30px 0 12px 56px;}
.floor_5 ul li .tp span em{display: inline-block;font-size: 20px;margin-right: 20px;}
.floor_5 ul li .tp p{font-size: 16px;color:#575757;width: 280px;margin-left: 56px;line-height: 24px;margin-bottom: 23px;}
.floor_5 ul li .x_ewm{width: 216px;height: 42px;border-radius: 30px;margin: 0 auto;line-height: 42px;}
.floor_5 ul li .x_ewm a{display: block;float: left;width: 148px;height: 42px;background: #00a0e9;text-align: center;border-radius: 30px 0 0 30px;font-size: 18px;color:#fff;}
.floor_5 ul li .x_ewm a:hover{opacity: .7;}
.floor_5 ul li .x_ewm span{display: block;float: left;background: #ececec;width: 68px;height: 34px;border-radius: 0 30px 30px 0;text-align: center;padding-top: 8px;position: relative;}
.floor_5 ul li .x_ewm span .d_ewm{width: 154px;display: none;background: url(../../images/cooperation/sqyd/fl5_ewm_bg.png) center center no-repeat;position: absolute;bottom:-172px;left: -45px;padding-top: 25px;overflow: hidden;}
.floor_5 ul li .x_ewm span .d_ewm img{width: 132px;height: 132px}
.floor_5 ul li .x_ewm span:hover .d_ewm{display: block;z-index: 5;}

.article{background: #FFF;padding: 20px 0 60px;}
.article .title{font-size: 38px;color: #333333;text-align: center;}
.article .title em{display: block;width: 41px;height: 3px;background: #1B83ED;margin: 23px auto 50px;}
.article .w1180 dl{width: 515px;overflow: hidden;}
.article a:hover{text-decoration: underline;}
.article .w1180 dl dd{height: 38px;line-height: 38px;overflow: hidden;text-align: right;font-size: 15px;color: #555555;}
.article .w1180 dl dd a{font-size: 15px;color: #555555;float: left;}
.article .w1180 dl dd.more{padding-top: 12px;}
.article .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}