@charset "utf-8"; /* CSS Document */ *,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body{ margin:0px; padding:0px; font-size:12px;font-family:"微软雅黑","黑体";color:#898989;line-height:1; background:#FFF;} ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;} input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; } ul,li{ list-style:none} img{border:0px; padding:0px; display: block;} a{ color:#5c5c5c; text-decoration:none} .top{ background: #f0f0f0; width: 100%; height: 65px; } .top .topBox{ width: 1200px; margin: 0 auto;} .top .topBox .Logo{ float: left; height: 65px; line-height: 65px;} .top .topBox .Logo img{ display: inline-block; vertical-align: middle;} .top .topBox p{ float: right; line-height: 65px; font-size: 18px; color: #333;} .nav{z-index: 99; left: 0; width: 100%; position: fixed; top: 65px; background: rgba(255,255,255,0); height: 60px; transition: 0.5s;} .nav .navBox{ width: 1200px; margin: 0 auto;} .nav .navBox ul{ float: left;} .nav .navBox ul li{ float: left; line-height: 60px; margin-right: 35px; position: relative; height: 60px;} .nav .navBox ul li a{ font-size: 14px; color: #fff;} .nav .navBox ul li span{ width: 0; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #fff; height: 3px; transition: 0.5s;} .nav .navBox ul li:hover span{ width: 100%;} .nav .navBox ul li dl{ display: none; top: 60px; position: absolute; width: 113px; padding: 0 7px; box-sizing: border-box; background: #fff; left: 50%; transform: translateX(-50%);} .nav .navBox ul li dl dd{ height: 36px; border-bottom: 1px solid #dfdfdf; line-height: 36px; text-align: center;} .nav .navBox ul li dl dd a{ font-size: 12px; color: #636363;} .nav .navBox ul li:hover dl{ display: block;} .nav .serach{ float: right; height: 60px; padding-top: 15px; box-sizing: border-box;} .nav .serach .serachBox{ border: 1px solid #ddd; float: right; background: #fff; width: 245px; height: 30px;} .nav .serach .serachBox input{ float: left; display: block; width: calc(100% - 40px); height: 100%; padding: 0 10px; border: none; outline: none; font-size: 14px;} .nav .serach .serachBox button{ float: right; width: 40px; height: 30px; display: block; border: none; outline: none; cursor: pointer; background: url(../images/btn_03.png) center center no-repeat;} .nav .serach p{ float: left; line-height: 30px; margin-right: 25px; font-size: 14px; color: #fff;} .nav.on{ background: #fff; top: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);}.nav.on .navBox ul li a{ color: #333;} .nav.on .navBox ul li dl{ background: #f0f0f0;} .nav.on .navBox ul li span{ background: #333;} .banner{ width: 100%; height: auto; overflow: hidden; position: relative;} .banner img{ display: block; width: 100%; height: auto;} .banner .swiper-pagination{ width: 100%; height: 15px; bottom: 50px!important; left: 0;} .banner .swiper-pagination span{ width: 15px; height: 15px; margin: 0 7px; background: #a7a7a7; opacity: 1;} .banner .swiper-pagination span.swiper-pagination-bullet-active{ background: #fff;} .banner .swiper-button-next{ width: 52px; height: 94px; background: rgba(255,255,255,0.6) url(../images/icon_06.png) center center no-repeat; right: 0; top: 50%; transform: translateY(-50%); margin: 0;} .banner .swiper-button-next::after{ display: none;} .banner .swiper-button-prev{ width: 52px; height: 94px; background: rgba(255,255,255,0.6) url(../images/icon_03.png) center center no-repeat; left: 0; top: 50%; transform: translateY(-50%); margin: 0;} .banner .swiper-button-prev::after{ display: none;} .indexContainer{ width: 100%;} .indexContainer .title{ width: 100%; border-bottom: 3px solid #e6e6e6; height: 54px; line-height: 54px; font-size: 15px; color: #878787;} .indexContainer .title span{ font-weight: bold; color: #293581; height: 52px; line-height: 52px; font-size: 24px; padding: 0 5px; display: inline-block; border-bottom: 5px solid #293581;} .indexContainer .title a{ display: inline-block; float: right; background: url(../images/more_03.png) center center no-repeat; width: 50px; height: 54px;} .indexContainer .layer1{ width: 1200px; margin: 0 auto; padding:85px 0 125px 0;} .indexContainer .layer1 .layer1Box{ padding-top: 40px;} .indexContainer .layer1 .layer1Left{ float: left; width: 485px; box-shadow: 0 0 10px rgba(0,0,0,0.1); transition: 0.5s;} .indexContainer .layer1 .layer1Left:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);} .indexContainer .layer1 .layer1Left:hover .icon img{ transform: scale(1.1);} .indexContainer .layer1 .layer1Left .icon{ overflow: hidden; width: 100%; height: 345px;} .indexContainer .layer1 .layer1Left .icon img{ transition: 0.5s; width: 100%; height: 100%;} .indexContainer .layer1 .layer1Left .text{ width: 100%; height: 215px; padding: 0 20px; box-sizing: border-box;} .indexContainer .layer1 .layer1Left .text span{ display: block; padding: 25px 0 15px 0;} .indexContainer .layer1 .layer1Left .text h2{ font-size: 18px; line-height: 26px; height: 52px; overflow: hidden; color: #293581; margin-bottom: 15px;} .indexContainer .layer1 .layer1Left .text p{ font-size: 12px; color: #333; line-height: 22px; height: 66px; overflow: hidden;} .indexContainer .layer1 .layer1Right{ float: right; width: 687px;} .indexContainer .layer1 .layer1Right ul{ width: 100%; height: 325px; margin-bottom: 20px;} .indexContainer .layer1 .layer1Right ul li{ width: 49%; height: 100%; float: left; margin-right: 2%; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .indexContainer .layer1 .layer1Right ul li:last-child{ margin-right: 0;} .indexContainer .layer1 .layer1Right ul li .icon{ overflow: hidden; width: 100%; height: 215px;} .indexContainer .layer1 .layer1Right ul li .icon img{ transition: 0.5s; display: block; width: 100%; height: 100%;} .indexContainer .layer1 .layer1Right ul li .text{ width: 100%; height: calc(100% - 215px); padding: 0 18px; box-sizing: border-box;} .indexContainer .layer1 .layer1Right ul li .text h2{ margin-top: 15px; font-size: 16px; line-height: 22px; color: #293581; font-weight: bold; height: 44px; overflow: hidden;} .indexContainer .layer1 .layer1Right ul li .text span{ display: block; width: 60px; height: 3px; background: #dadada; margin: 10px 0 15px 0;} .indexContainer .layer1 .layer1Right ul li .text p{ font-size: 12px; color: #999;} .indexContainer .layer1 .layer1Right ul li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.2);} .indexContainer .layer1 .layer1Right ul li:hover .icon img{ transform: scale(1.1);} .indexContainer .layer1 .layer1Right dl{ width: 100%; height: 215px; background: #293581; padding:8px 20px; box-sizing: border-box;} .indexContainer .layer1 .layer1Right dl dd{ width: 100%; line-height: 48px; border-bottom: 1px solid #8288ae;} .indexContainer .layer1 .layer1Right dl dd a{ font-size: 14px; color: #fff;} .indexContainer .layer1 .layer1Right dl dd span{ display: inline-block; float: right;} .indexContainer .layer1 .layer1Right dl dd:last-child{ border-bottom: 0;} .indexContainer .layer2{ width: 100%; background: #293581; padding: 90px 0 85px 0;} .indexContainer .layer2 ul{ width: 1200px; margin: 0 auto; overflow: hidden;} .indexContainer .layer2 ul li{ width: 25%; float: left;} .indexContainer .layer2 ul li .icon{ width: 100%; height: 135px;} .indexContainer .layer2 ul li .icon img{ display: block; margin: 0 auto; height: 100%; width: auto;} .indexContainer .layer2 ul li h2{ text-align: center; height: 72px; line-height: 72px; color: #fff; font-size: 36px;} .indexContainer .layer2 ul li p{ text-align: center; color: #fff; font-size: 16px;} .indexContainer .layer3{ width: 100%; background: #e9eaf2; padding: 115px 0;} .indexContainer .layer3 .layer3Box{ width: 1200px; margin: 0 auto;} .indexContainer .layer3 .layer3Box ul{ width: 100%; overflow: hidden; margin-top: 40px;} .indexContainer .layer3 .layer3Box ul li{ overflow: hidden; position: relative; float: left; width: 590px; margin-right: 20px; margin-bottom: 20px;} .indexContainer .layer3 .layer3Box ul li img{ width: 100%; height: 100%; transition: 0.5s; display: block;} .indexContainer .layer3 .layer3Box ul li:nth-child(2n){ margin-right: 0;} .indexContainer .layer3 .layer3Box ul li p{ width: 100%; height: 52px; line-height: 52px; font-size: 14px; overflow: hidden; padding: 0 25px; box-sizing: border-box; color: #fff; background: linear-gradient(rgba(41,53,129,0),rgba(41,53,129,1)); position: absolute; left: 0; bottom: 0;} .indexContainer .layer3 .layer3Box ul li:hover img{transform: scale(1.1);} .indexContainer .layer4{ width: 1200px; margin: 0 auto; padding: 115px 0 0 0;} .indexContainer .layer4 ul{ margin-top: 40px;} .indexContainer .layer4 ul li{ padding-top: 8px; box-sizing: border-box; width: 380px; float: left; height: 110px; background: #fff; margin: 0 30px 30px 0; box-shadow: 0 0 10px rgba(0,0,0,0.1);} .indexContainer .layer4 ul li span{text-align: center; display: block; width: 110px; height: 24px; line-height: 24px; font-size: 12px; color: #fff; transform: translateX(-7px); background: #293581;} .indexContainer .layer4 ul li p{ padding: 0 20px; box-sizing: border-box; color: #293581; font-size: 18px; line-height: 26px; margin-top: 7px;} .indexContainer .layer4 ul li:nth-child(3n){ margin-right: 0;} .indexContainer .layer4 ul li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.2);} .indexContainer .layer5{ padding: 115px 0 115px 0; width: 1200px; margin: 0 auto;} .indexContainer .layer5 .layer5Box{ margin-top: 40px; width: 100%; overflow: hidden; position: relative;} .indexContainer .layer5 .layer5Box .swiper-container{ width: 100%;} .indexContainer .layer5 .layer5Box .nr{ width: 100%} .indexContainer .layer5 .layer5Box .nr img{ width: 170px; height: 170px; border-radius:50%; box-shadow: 0 0 10px rgba(0,0,0,0.1); margin: 0 auto;} .indexContainer .layer5 .layer5Box .nr h2{ text-align: center; height: 46px; line-height: 46px; text-align: center; font-size: 18px; color: #293581;} .indexContainer .layer5 .layer5Box .nr p{ text-align: center; color: #a1a1a1; font-size: 14px;} .indexContainer .layer5 .layer5Box .swiper-button-next{ background: url(../images/btn2_05.png); width: 18px; height: 99px; right: 0; top: 50%; transform: translateY(-50%); margin: 0;} .indexContainer .layer5 .layer5Box .swiper-button-next::after{ display: none;} .indexContainer .layer5 .layer5Box .swiper-button-prev{ background: url(../images/btn2_03.png); width: 18px; height: 99px; right: 0; top: 50%; transform: translateY(-50%); margin: 0;} .indexContainer .layer5 .layer5Box .swiper-button-prev::after{ display: none;} .friendLink{ width: 100%; height: 46px; background: #f3f3f3;} .friendLink ul{ width: 1200px; margin: 0 auto;} .friendLink ul li{ margin-right: 40px; font-size: 16px; float: left; color: #293581; line-height: 46px;} .friendLink ul li a{ font-size: 16px; color: #878787;} .footer{ width: 100%; background: url(../images/index_32.png); height: 270px; background-size:100% auto;} .footer ul{ text-align: center;} .footer ul li{ display: inline-block; margin: 0 100px; height: 220px; line-height: 220px;} .footer ul li img.logo{ display: inline-block; vertical-align: middle;} .footer ul li .code{ display: inline-block; vertical-align: middle; height: 100px; width: 400px;} .footer ul li .code .icon{ width:100px; height: 100px; float: left;} .footer ul li .code .icon img{ display: block; width: 100%; height: 100%;} .footer ul li .code .text{ width: calc(100% - 100px); padding-left: 25px; box-sizing: border-box; float:left;} .footer ul li .code .text p{ font-family: 14px; color: #fff; padding-bottom: 13px; line-height: 14px; text-align: left;} .footer ul li .code .text p:first-child{ font-size: 16px;} .footer .copyRight{ text-align: center; color: #fff;} .bgt{background:#f3f3f3;} .main_mu{height:48px;width:1200px;margin:0 auto;line-height: 48px;} .main_mu li { display: inline-block; padding: 0 15px; position: relative;} .main_mu li a{height: 48px;font-size: 16px;color: #444444;line-height:48px;display: block;} .main_mu li a.on, .main_mu li a:hover{font-weight: bold;border-bottom: 4px solid #293581;} .left{float: left;} .right{float:right;} .right span{color: #293581;font-weight: bold;font-size: 16px;float: left;margin-right: 20px;} .dh a{float: left;font-size: 16px;} .dh ins{background:url(../images/sj.jpg);height:9px;width: 9px;display: block;float: left;margin: 20px 10px;} .mainContent {background:#fff; height:auto;min-height:550px;width:1200px;margin:20px auto 20px auto;top:20px; padding:40px 0 40px 0;} .nylist-bj li .pi{float:left;} .nylist-bj li .pi2{float:left;margin-left:30px;} .nylist-bj li .pi2 .title{ font-weight: bold; font-size: 22px; color: #283480; } .nylist-bj li .pi2 .gay{ font-size: 16px; display: block; height: 50px; margin: 0; line-height: 50px; } .nylist-bj li .pi2 .xq{ width: 970px; word-break: break-all; font-size: 14px; line-height: 24px; } .clear{clear: both;} .wztit{font-size:27px;line-height:40px;text-align:center;padding-top:20px;} .wzbjxx{margin: 2em;line-height:34px;color:#666;font-size:14px;text-align:center;height:40px;padding-top:10px;position:relative;overflow:hidden;}