@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;font-size:14px;font-family:"Microsoft YaHei","微软雅黑";color:#000000;}
body{background: #FFFFFF;}
a{text-decoration: none;cursor: pointer;}
img{border: none;}
ul,li{list-style: none;}
em,h1{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}

.title{font-size: 38px;padding: 40px 0 26px;margin: 0 auto;color: #333333;text-align: center;}
.width{width: 1180px;margin: 0 auto;}
.w1180{width: 1180px;margin: 0 auto;}
.title .line_squa{margin-top: 13px;}
.title .line_squa .line {display: inline-block;width: 243px;border-top: 1px solid #ff9b07;vertical-align: 7px;margin:0 -5px;}
.title .line_squa .square {display: inline-block;	width: 15px;height: 15px;background: #ff9b07;}	
.a_but{display: block;font-size: 24px;color: #FFFFFF;height: 60px;line-height: 60px;text-align: center;border-radius: 30px;background-image: linear-gradient(to right,#ff3832,#ff963a);margin-left: 360px;
margin-top: 26px;margin: 50px auto 67px;}

.banner{height: 430px;background: url(../../images/vfx/xkd_case/banner.jpg) center no-repeat;}
.banner a{display: block;height: 100%;width: 100%;}

.content .fl1 {background-color: #f3f3f3;overflow: hidden;}
.content .fl1 .swiper-father{position: relative;width: 1300px;margin: 0 auto;}
.content .fl1 .swiper-container{background-color: #ffffff;width: 1200px;border-radius: 20px;}
.content .fl1 ul{height: 470px;width: 980px;padding: 0 100px;}
.content .fl1 .swp2 ul{height: 500px;}
.content .fl1 .swp2 ul li span{height: 57px;}
.content .fl1 ul li .title_fs36{font-size: 36px;margin: 43px 0 21px;}
.content .fl1 ul li b{display: block;font-size: 24px;margin-bottom: 6px;}
.content .fl1 ul li span{display: block;color: #7e7e7e;width: 602px;margin-bottom: 22px;}
.content .fl1 ul li span b{font-size: 14px;display: inline;}
.content .fl1 ul li .deal{margin-bottom: 18px;}
.content .fl1 ul li .deal p{margin-top: 10px;}
.content .fl1 ul li .deal p b{display: block;float: left;font-size: 14px;color: #ffffff;height: 27px;line-height: 27px;
width: 80px;border-radius: 13px;text-align: center;background-color: #cbbaa2;}
.content .fl1 ul li .deal p i{margin-left: 10px;font-style: normal;height: 27px;line-height: 27px;}
.content .fl1 ul li a{display: block;font-size: 24px;color: #FFFFFF;height: 60px;line-height: 60px;text-align: center;
width: 290px;border-radius: 30px;background-image: linear-gradient(to right,#ff3832,#ff963a);margin-left: 360px;margin-top: 0;}
.content .fl1 ul li .img_code .img{margin-left: 55px;transform: 0.2s all;}
.content .fl1 ul li .code{display: none;margin-left: 55px;transition: 0.2s all;cursor: pointer;}
.content .fl1 ul li .img_code:hover .code{display: initial;}
.content .fl1 ul li .img_code:hover .img{display: none;}
.content .fl1 .swiper-button-prev{background: url(../../images/vfx/xkd_case/prev.png);height: 75px;color: #b3b3b3;width:35px;left: 15px;}
.content .fl1 .swiper-button-next{background: url(../../images/vfx/xkd_case/next.png) right;height: 75px;color: #ff9b07;width: 35px;right: 15px;}
.content .fl1 .swiper-pagination .swiper-pagination-bullet{background-color: #000000;height: 13px;width: 13px;margin: 0 9px;}
.content .fl1 .swiper-pagination .swiper-pagination-bullet-active{background-color: #ff9b07;}
.content .fl1 a{width: 387px}

.content .fl2 .title{padding-bottom: 12px;overflow: hidden;height: auto;}
.content .fl2 ul{overflow: hidden;width: 1200px;margin: 0 auto;}
.content .fl2 ul li{float: left;height: 370px;width: 370px;box-shadow:0 0 6px rgba(0,0,0,.1);overflow: hidden;margin: 0 0 30px 45px;height: auto;cursor: pointer;position: relative;}
.content .fl2 ul li:nth-child(3n+1){margin-left: 0;}
.content .fl2 ul li .distance{height: 350px;width: 350px;border: 10px solid #FFFFFF;transition: 0.2s all;}
.content .fl2 ul li:hover .distance{border: 10px solid #d8e1ff;}
.content .fl2 ul li .fl2_con .fl2_tex{border: 1px solid #e5e5e5;height: 178px;margin-top: 10px;}
.content .fl2 ul li .fl2_con .fl2_tex p{font-size: 24px;text-align: center;margin-top: 12px;}
.content .fl2 ul li .fl2_con .fl2_tex hr{height: 1px;border-top: 1px solid #cccccc;width: 35px;margin: 8px auto 12px;}
.content .fl2 ul li .fl2_con .fl2_tex span{display: block;margin-left: 20px;font-size: 16px;line-height: 26px;}
.content .fl2 ul li .fl2_pho{transition: 0.2s all;position: absolute;top: -364px;left: 6px;}
.content .fl2 ul li .fl2_pho p{width: 357px;height: 87px;background: url(../../images/vfx/xkd_case/fl2_code1.png);font-size: 24px;color: #fff;padding-top: 270px;text-align: center;}
.content .fl2 ul li:hover .fl2_pho{top: 6px;} 
.content .fl2 a{width: 270px;margin: 20px auto 68px;}
.content .fl2 ul li:nth-child(2) .fl2_pho p{background: url(../../images/vfx/xkd_case/fl2_code2.png)}
.content .fl2 ul li:nth-child(3) .fl2_pho p{background: url(../../images/vfx/xkd_case/fl2_code3.png)}
.content .fl2 ul li:nth-child(4) .fl2_pho p{background: url(../../images/vfx/xkd_case/fl2_code4.png)}
.content .fl2 ul li:nth-child(5) .fl2_pho p{background: url(../../images/vfx/xkd_case/fl2_code5.png)}
.content .fl2 ul li:nth-child(6) .fl2_pho p{background: url(../../images/vfx/xkd_case/fl2_code6.png)}
.content .fl2 ul li:nth-child(7) .fl2_pho p{background: url(../../images/vfx/xkd_case/fl2_code7.png)}
.content .fl2 ul li:nth-child(8) .fl2_pho p{background: url(../../images/vfx/xkd_case/fl2_code8.png)}
.content .fl2 ul li:nth-child(9) .fl2_pho p{background: url(../../images/vfx/xkd_case/fl2_code9.png)}

.content .fl3{height: auto;overflow: hidden;background: #f5f5f5;}
.content .fl3 ul{width: 1200px;overflow: hidden;margin: 0 auto;}
.content .fl3 .ul_1 li{float: left;width: 380px;height: 342px;background: #fff;border-radius: 5px;margin-right: 28px;text-align: center;}
.content .fl3 .ul_1 li:nth-child(3){margin-right: 0;}
.content .fl3 .ul_1 li img{display: block;margin: 32px auto 0;}
.content .fl3 .ul_1 li:last-child img{margin-top: 52px;}
.content .fl3 .ul_1 li span{display: block;font-size: 22px;color: #333;padding: 24px 0 18px 0;}
.content .fl3 .ul_1 li p{color: #666666;text-align: left;padding: 0 30px 20px;line-height: 24px;}
.content .fl3 .ul_1 li p b{color: #333333;}
.content .fl3 .ul_1 li p em{color: #ff0000;}
.content .fl3 .ul_2 li{float: left;margin-right: 42px;margin-top: 30px;}
.content .fl3 .ul_2 li:nth-child(8n){margin-right: 0;}
.content .fl3 .btn_xkd{margin-top: 50px;}
.content .fl3 a{width: 270px;}

.content .fl4 ul {width: 1200px;margin: 0 auto;overflow: hidden;height: auto;}
.content .fl4 ul li{width: 298px;height: 247px;float: left;margin-top: 25px;}
.content .fl4 ul li p{font-size: 30px;text-align: center;margin: 20px 0 13px;}
.content .fl4 ul li span{font-size: 16px;line-height: 24px;}
.content .fl4 a{width: 310px;}