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

.banner{height: 470px;background: url(../images/siyuxcx/banner.jpg) center top no-repeat;}
.banner a{display: block;height: 470px;}

.title_1{font-size: 32px;text-align: center;padding-top: 80px;}
.title_1 p{color:#8d8d8d;margin-top: 20px;line-height: 28px;}

.floor_1{height: 920px;overflow: hidden;}
.floor_1 .w1200{background: url(../images/siyuxcx/t1_bg.png) center center no-repeat;height: 527px;margin-top: 40px;}
.floor_1 .w1200 ul li{float: left;margin:14px 500px 50px 178px;text-align: center;}
.floor_1 .w1200 ul li:last-child{margin:12px 0 50px;}
.floor_1 .w1200 ul li span{color: #fff;font-size: 30px;display: block;padding-left: 50px}
.floor_1 .w1200 ul li span em{font-weight: bold;font-size: 30px;color: #fff;}
.floor_1 .w1200 ul li p{color: #373737;font-size: 16px;margin-top: 26px;}
.floor_1 .w1200 .ul_1 li{margin:8px 578px 50px 165px;}
.floor_1 .w1200 .ul_1 li:last-child{margin-top: 6px;}
.floor_1 .w1200 .ul_2 li{margin: 13px 480px 50px 200px;}
.floor_1 .w1200 .ul_2 li:last-child{margin: 11px 0 0 15px;}

.floor_01{height: auto;overflow: hidden;padding-bottom: 50px;}
.floor_01 .title_1{padding-bottom: 50px;}
.floor_01 .nav_1{float: left;}
.floor_01 .nav_1 a{display: block;width: 208px;height: 108px;line-height: 108px;border: 1px solid #e5e5e5;text-align: center;font-size: 24px;color: #333333;cursor: pointer;margin: 0 10px 10px 0;}
.floor_01 .nav_1 a:nth-child(2){color: #1c80fd;font-weight: bold;}
.floor_01 .nav_1 a.on{border: 1px solid #1c80fd;background: #1c80fd;color: #fff;}
.floor_01 .swiper_container{width: 958px;float: right;height: 588px;border: 1px solid #1c80fd;overflow: hidden;}
.floor_01 .swiper-slide .fl{display: block;margin: 20px 0 0 40px;}
.floor_01 .swiper-slide .fr{width: 60%;padding:70px 12px 0 0;}
.floor_01 .swiper-slide .fr .tit span{font-size: 30px;color: #333333;display: block;margin-bottom: 20px;}
.floor_01 .swiper-slide .fr .tit p{font-size: 16px;color: #666666;line-height: 32px;padding-bottom: 30px;}
.floor_01 .swiper-slide .fr ul li{float: left;width: 136px;height: 48px;line-height: 48px;padding-left: 12px;font-size: 18px;font-weight: bold;color: #333333;border-radius: 10px;border: 1px solid #ededed;margin: 0 30px 20px 0;}
.floor_01 .swiper-slide .fr .no_sp li{width: 96px;}
.floor_01 .swiper-slide .fr .bot a{display: inline-block;width: 168px;height: 58px;line-height: 58px;text-align: center;font-size: 22px;color: #1c80fd;border-radius: 8px;background: #fff;border: 1px solid #1c80fd;margin-top: 30px;}
.floor_01 .swiper-slide .fr .bot a:first-child{color: #fff;background: #1c80fd;margin-right: 20px;}

.wxapp-channel { background:#f6f6f6; padding:0 0 50px; }
.wxapp-channel .head { text-align:center; padding:80px 0 0; line-height:2; margin:0 0 90px; }
.wxapp-channel .head h2 { font-size:40px; font-weight:normal; }
.wxapp-channel .head h2 span { color:#0083f2; }
.wxapp-channel .head h3 { font-size:30px; font-weight:normal; }
.wxapp-channel .list { }
.wxapp-channel .list li { float:left; width:180px; margin:0 10px 40px; text-align:center; }
.wxapp-channel .list .icon { display:inline-block; width:89px; height:89px; background:url(../images/siyuxcx/4-x1.png) center center no-repeat; margin:0 0 15px; position:relative; }
.wxapp-channel .list i,
.wxapp-channel .list em { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url(../images/siyuxcx/4-0.png) 0 0 no-repeat; }
.wxapp-channel .list em { display:none; z-index:3; }
.wxapp-channel .list span { position:relative; z-index:2; display:block; width:89px; height:89px; background:url(../images/siyuxcx/4-x2.png); animation:zoomIn .2s linear; display:none; }
.wxapp-channel .list sub { position:absolute; left:50%; bottom:-5px; margin:0 0 0 -6px; z-index:1; width:12px; height:6px; background:url(../images/siyuxcx/4-x3.png) center center no-repeat; display:none; opacity:0; animation:fadeInDown .2s ease .2s forwards; }
.wxapp-channel .list h3 { font-size:16px; font-weight:normal; }
.wxapp-channel .list li:hover { color:#f23137; }
.wxapp-channel .list li:hover span,
.wxapp-channel .list li:hover sub,
.wxapp-channel .list li:hover em { display:block;cursor: pointer;}

.btn_1,.floor_3 .a_1 a{display: block;width: 240px;height: 60px;background: #1c80fd;clear: both;font-size: 20px;text-align: center;line-height: 60px;color:#fff;margin: 0 auto;border-radius: 10px;cursor: pointer;margin: 30px auto;}
.btn_1:hover,.floor_3 .a_1 a:hover{opacity: .7;}

.floor_2{background: #fff;padding-bottom: 60px;}
.floor_2 ul{margin-top: 50px;height: 375px;padding-bottom: 20px;overflow: hidden;}
.floor_2 ul li{float: left;margin: 12px 24px 20px 0;width: 274px;height: 372px;text-align: center;}
.floor_2 ul li:first-child{margin-left: 8px;background: url(../images/siyuxcx/fl2_1.jpg)center center no-repeat;}
.floor_2 ul li:nth-child(2){background: url(../images/siyuxcx/fl2_2.jpg)center center no-repeat;}
.floor_2 ul li:nth-child(3){margin-left: 10px;background: url(../images/siyuxcx/fl2_3.jpg)center center no-repeat;}
.floor_2 ul li:last-child{margin-right: 0;margin-left: 2px;background: url(../images/siyuxcx/fl2_4.jpg)center center no-repeat;}
.floor_2 ul li span{display: block;margin: 124px 0 48px;font-size: 20px;}
.floor_2 ul li span em{font-weight: bold;font-size: 20px;}
.floor_2 ul li p{color: #fff;font-size: 16px;line-height: 50px;margin-left: 92px;text-align: left;}
.floor_2 ul li:nth-child(2) p{float: left;margin-left: 64px;}
.floor_2 ul li:nth-child(3) p{margin-left: 64px;}
.floor_2 ul li p em{margin-left: 52px;font-size: 16px;color: #fff;}

.floor_3{height: 731px;overflow: hidden;background: url(../images/siyuxcx/fl3_bg.jpg)center center no-repeat;}
.floor_3 .title_1{color: #fff;padding: 60px 0 38px;}
.floor_3 ul li{width: 220px;height: 196px;float: left;border:1px solid #e0e0e0;margin-right: 20px;margin-bottom: 40px;background: #fff;}
.floor_3 ul li:last-child,.floor_3 ul li:nth-child(5){margin-right: 0;}
.floor_3 ul li img{display: block;margin: 30px 22px 24px;}
.floor_3 ul li span{display: block;font-size: 18px;text-align: left;margin: 0 auto 14px;width: 182px;}
.floor_3 ul li p{color:#8d8d8d;width: 182px;margin: 0 auto;}


.floor_4{height: 516px;overflow: hidden;background: #efeeee;padding-bottom: 60px;}
.floor_4 ul li{float: left;width: 272px;height: 242px;box-shadow: 0 0 22px rgba(0,0,0,.2);margin: 40px 32px 40px 0;text-align: center;font-size: 20px;}
.floor_4 ul li:last-child{margin-right: 0;}
.floor_4 ul li img{margin-bottom: 16px;}
.floor_4 ul li .img{display: block;margin: 12px auto 16px;}
.floor_4 ul li p{color: #868686;line-height: 24px;}


.floor_5{height: 716px;overflow: hidden;background: url(../images/siyuxcx/fl5_bg.jpg)center center no-repeat;}
.floor_5 .title_1{padding-top: 70px;}
.floor_5 ul{margin: 56px auto 0;width: 948px;}
.floor_5 ul li{float: left;margin-right: 100px;margin-bottom: 48px;text-align: center;font-size: 18px;}
.floor_5 ul li img{display: block;margin-bottom: 20px;}
.floor_5 ul li:last-child,.floor_5 ul li:nth-child(5){margin-right: 0;}
.floor_5 .btn_1{margin-top: 0;}


.floor_6{background: url(../images/siyuxcx/fl6_bg.jpg) center top no-repeat;height: 180px;font-size: 36px;color: #fff;line-height: 180px;text-align: center;}
.floor_6 a{width: 180px;height:54px;background: #fff;color: #1890f5;display: inline-block;line-height: 54px;border-radius: 5px;font-size: 24px;margin-left: 12px;}

.floor_gh ul li{float: left;margin: 47px 0 40px 80px;width: 340px;}
.floor_gh ul li:first-child{margin-left: 0;}
.floor_gh span{display: block;font-size: 22px;color:#494949;margin: 22px 0;border-bottom: 1px solid #e6e6e6;padding-bottom: 28px;}
.floor_gh span a{display: block;float: right;width: 50px;height: 20px;border: 1px solid #ff9000;color:#ff9000;text-align: center;border-radius: 5px;margin-top: 3px;}
.floor_gh ul li>a{display: block;color:#808080;font-size: 14px;margin-bottom: 18px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.floor_gh ul li>a:before{content: "";display: block;width:3px;height: 3px;background: #ff9000;float: left;margin: 8px 8px 0 0;}
.floor_gh ul li>a:hover{color: #333;}
.floor_gh ul li .fg_a{font-weight: bold;}
.floor_gh ul li p {padding: 0 10px 10px;color: #808080;}
.floor_gh ul li a p {font-weight: 100;padding: 0px;float: left;}
.hf_banner .dots{bottom: 10px!important;}