@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;}